@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; -webkit-background-clip:text; -webkit-text-fill-color:transparent; z-index:9999; position:absolute;}
.headerpage:after, .headerpage:before {content: '';display: block;clear: both;height: 0;}


header{clear:both; max-width:1200px; margin:0% auto 0% auto; }
header:after,header:before {content: '';display: block; clear: both; height: 0;}

.head{ background-color:#e3effb;overflow:hidden;border-radius:10px 10px 0px 0px; clear:both;  margin:0 auto; max-width:1200px;}

.head .logo{float:left;  padding:1% 2%; }
.head .logo img{ vertical-align:middle; }
.head .headerright{ float:right; width:20%; margin-top:1%; color:#666666; font-size:16px;}
.head .headerright .telpic{ float:left; margin-top:5%;}
.head .headerright .tel{ float:left; color:#2775c8; font-size:24px; padding-left:1%; }
.head .headerright .tel span{ font-size:14px; line-height:20px; color:#666}


header .wapnav{float:right; display:none;}

.mainnav{margin:0 auto; width:100%; background:#0453a8}
.mainnav:after, .mainnav:before {content: '';display: block;clear: both;height: 0;}
/*.mainnav a{float:left; width:12.5%; font-size:16px; text-align: center; color:#666666; display:block; line-height:105px;  }
.mainnav a:link,.mainnav a:visited{color:#666666;}
.mainnav a:hover,.mainnav a.active,.mainnav a.active:link,.mainnav a.active:visited{color:#fff; background:#e80100; }*/


.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; position:relative }
.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%; right:0; bottom:3%; 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大图调用 结束*/


.icon{clear:both; width:100%; background:#00479c; overflow:hidden}
.icon .content{clear:both; max-width:1200px; margin:0 auto}
.icon .content dl{ float:left; width:18%; background:#9a59b5; margin-left:1%; margin-right:1%; margin-top:2%; margin-bottom:2%; }
.icon .content dl:hover{-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-ms-transform:translateY(-6px); -o-transform:translateY(-6px);transform:translateY(-6px);transition: 588ms;}
.icon .content dt{ margin:0 auto; text-align:center; margin-top:5%;}
.icon .content dd{text-align:center; font-size:20px; line-height:32px; color:#FFF; margin-bottom:3%;}
.icon .content dl:nth-child(1){ background:#9a59b5;}
.icon .content dl:nth-child(2){ background:#3598db;}
.icon .content dl:nth-child(3){ background:#1bbc9b;}
.icon .content dl:nth-child(4){ background:#f39c11;}
.icon .content dl:nth-child(5){ background:#e84c3d;}


/*首页样式*/
.biaotibox{ text-align:center; position:relative; margin:1.5% 0;  }
.biaotibox span{display:block; font-size:40px; color:#e6e6e6; text-transform : uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:#CCC 1px solid}
.biaotibox a{ display:block; font-weight:bold; font-size:30px; color:#0e498d; text-align:center; margin:0 auto; padding:20px 0 5px 0; position:absolute; width:100%; top:0px;}
.biaotibox strong{ display:block; font-weight:bold; font-size:30px; color:#333; padding:10px 0 5px 0;position:absolute; width:100%; top:0px;  }
.biaotibox p{color:#818181; font-size:18px; }


/*产品展示*/
.imainbg1 { clear:both; width:100%; margin:0 auto; padding:0px 0px 0px 0px; overflow:hidden; }


.cpfenlei{ clear:both;padding:1% 0 1% 0; color:#555555; max-width:1200px; margin:0 auto }
.cpfenlei div{max-width:1200px; margin:0 auto; }
.cpfenlei li{ float:left; color:#fff; width:14%; margin:0% 0%; text-decoration:none; font-size:16px; background:#0756ab; line-height:40px; white-space:nowrap; transition: 588ms; text-align:center; margin-left:0.1%; margin-right:0.1%; margin-bottom:0.3%; } 
.cpfenlei li a{ color:#FFF; font-size:16px;}
.cpfenlei li:hover{ color:#fff; background:#727272; }

.cptupian{ margin:auto; max-width:1200px; clear:both; padding:2% 0% 1% 0%;overflow:hidden;}
.cptupian ul{ clear:both;}
.cptupian ul li{ float:left; width:23%; padding:0px 0 2% 0; margin:0 2.5% 2% 0%; background:#f6f6f6; border:0px solid #f6f6f6; transition: 588ms; }
.cptupian ul li:nth-child(4n){ margin-right:0 ; }
.cptupian ul li:hover{  background:#6a6a6a; }
.cptupian ul li:hover a{ color:#fff; }
.cptupian ul li a{ text-align:center; display:block; }
.cptupian ul li a span{ font-size:14px; background:#0756ab; color:#fff; display:block; width:150px; margin:0 auto; line-height:30px; }
.cptupian ul li img{ display:block; width:96%; margin:2% auto; }
.cptupian ul li p{ line-height:22px;padding:15px 0px 0 0px; margin:0 0%; overflow:hidden; font-size:16px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }





/*公司简介*/
.imainbg2{ clear:both; width:100%; margin:0 auto; padding:0% 0px; overflow:hidden; background:url(../images/indexbg.jpg) no-repeat;  }
.imainbg2 .content{clear:both; overflow:hidden; max-width:1200px; margin:2% auto 0 auto; padding-bottom:4%;}
.imainbg2 .compic {float:left; width:25%; padding:0px; border:#CCC 1px solid}
.imainbg2 .compic img {width:100%;}
.imainbg2 .neirong{float:right; width:70%; padding:0%; overflow:hidden;}
.imainbg2 .neirong a{ background:url(../images/jianjie.gif) no-repeat bottom left; font-size:24px; padding:0 0 10px 0; margin:0 0 2% 0; display:block; line-height:40px; }
.imainbg2 .neirong .neirong_zi{/*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:7;*/}
.imainbg2 .neirong p{ font-size:15px; line-height:28px;text-align: justify;text-justify: inter-ideograph;/*IE*/ }


.anli{clear:both; width:100%; margin:0 auto; padding:0% 0px; overflow:hidden; background:#f8f8f8}
.anli .content{ max-width:1200px;margin:0 auto;}
.owl-carousel{ padding:2% 0 0 0; clear:both; overflow:hidden; }
#owl-demo .item{ margin: 5px;}
#owl-demo .item img{ display: block;width:100%;height: auto;}
.owl-pagination{ display:none;}



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

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



/*新闻*/
.indexnews{clear:both; max-width:1200px; margin:0 auto; overflow:hidden;}
.indexnews .gongsinews{ float:left; width:48%; border:#CCC 1px solid}
.indexnews .title{ height:46px; line-height:46px; width:100%; background:#f0f0f0; border-top:3px #0151a6 solid; border-bottom:#CCC 1px solid}
.indexnews .title .wenzi{float:left; width:20%; background:#FFF; color:#0e498d; font-size:22px; text-align:center; font-weight:bold}
.indexnews .title .more{ float:right; padding-right:2%;}
.indexnews .gongsinews .content{ overflow:hidden}
.indexnews .gongsinews .content dl{}
.indexnews .gongsinews .content dt{ float:left; width:30%; padding:3%;}
.indexnews .gongsinews .content dt img{ display:block; width:100%}
.indexnews .gongsinews .content dd{ float:right; width:62%; padding-top:3%; color:#727272; padding-right:2%;}
.indexnews .gongsinews .content dd a{font-size:18px; line-height:35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.indexnews .gongsinews .content dd p{ color:#727272;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.indexnews .gongsinews .content dd .more{ width:23%; background:#ff9900; color:#FFF;text-align:center; line-height:22px; margin-top:2%;}
.indexnews .gongsinews .content dd .more a{ font-size:14px;line-height:22px; color:#FFF}
.indexnews .gongsinews .content ul{ clear:both; width:96%; margin:2% auto 3% auto}
.indexnews .gongsinews .content li{ line-height:32px; border-bottom:1px dashed #ccc; overflow:hidden}
.indexnews .gongsinews .content li a{ float:left; width:76%;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.indexnews .gongsinews .content li .date{ float:right; width:14%; font-size:12px; color:#484848;}


.indexnews .hangyedongtai{ float:right; width:48%; border:#CCC 1px solid}

.indexnews .hangyedongtai .content{ overflow:hidden}
.indexnews .hangyedongtai .content .pic{ width:94%; margin:0 auto; padding-top:4%;}
.indexnews .hangyedongtai .content .pic img{ display:block; width:100%;}
.indexnews .hangyedongtai .content ul{ clear:both; width:96%; margin:2% auto 3% auto}
.indexnews .hangyedongtai .content li{ line-height:32px; border-bottom:1px dashed #ccc; overflow:hidden}
.indexnews .hangyedongtai .content li a{ float:left; width:76%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.indexnews .hangyedongtai .content li .date{ float:right; width:14%; font-size:12px; color:#484848;}


/*新闻 end*/


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

/*首页样式 end*/

/*底部*/
.lianxibg{clear:both; margin:0 auto; width:100%; background:#2b2b2b; padding:15px 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:0% auto 0 auto; background:#2f3841; overflow:hidden; }
.btm{ clear:both; overflow:hidden; max-width:1200px; margin:0% auto 3% auto; padding-top:30px; }

.footmenu { float:left; width:50%;  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:#555555; 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; }
.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:30%; 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; padding:5px; 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; }

/*底部 end*/






/*内页*/
.mainpage{clear:both; width:100%; margin:0px auto 0 auto; padding:0;  }
.mainpage:after, .mainpage:before{content: '';display: block;clear: both;height: 0;}
.left{clear:both; overflow:hidden; padding:0 0%; margin:0 auto;}
.right{clear:both; max-width:1200px; margin:0 auto; padding:0 0%; background:#FFF; }	

.mainarea{ position:relative; clear:both; overflow:hidden; padding:10px 0 20px 0; min-height:360px; height:360px;}
[class].mainarea{height:auto;}
.mainarea div.content{font-size:14px; line-height:23px;}

.zoominfo{ clear:both; text-align:center; max-width:600px; margin:auto;}
.zoominfo .zoominfoleft{ float:left; }
.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;}

/*内页位置*/
.positioninfobox{ clear:both; margin:0 auto; width:100%; background:#eeeeee;  }
.posbox{  max-width:1200px; clear:both; overflow:hidden; margin:0 auto;}
.position{ float:right; padding-right:10px; text-align:right; line-height:40px; color:#000; font-size:14px; }
.position a,.position a:link,.position a:visited {color:#000; font-size:14px; }
.position a:hover,.position font.active,.position a.active,.position a.active:link,.position a.active:visited{color:#d71820;}
.positioninfo{ float:left; padding:0px 0 0 10px; line-height:40px; color:#000; font-size:20px;}

.menu1{ overflow:hidden; text-align:center; margin:20px auto 10px auto; }
.menu1 h2{display:none; }
.menu1 a {color:#000000; line-height:40px; margin:0px 5px; padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6; 	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menu1 a:link,.menu1 a:visited{background:#e6e6e6;}
.menu1 a:hover,.menu1 a.active,.menu1 a.active:link,.menu1 a.active:visited{background:#e17c4a; color:#FFFFFF;}

.menucp{ overflow:hidden; text-align:center; margin:20px auto 20px auto; }
.menucp h2{display:none; }
.menucp a {color:#000000; line-height:40px; margin:0px 5px; padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6; -webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menucp a:link,.menucp a:visited{background:#e6e6e6;}
.menucp a:hover,.menucp a.active,.menucp a.active:link,.menucp a.active:visited{background:#0a51a3; color:#FFFFFF;}


.menu3{ margin:20px auto 0px auto; max-width:1200px; clear:both; overflow:hidden; background:#f1f1f1; }
.menu3 h3{float:left; padding:0px 0px; margin:0.5% 0.5%; width:15.5%; background:#7a7a7a;}
.menu3 h3 a,.menu3 h3 a:link,.menu3 h3 a:visited{ font-size:16px; display:block; text-align:center; padding:10px 0; color:#fff; line-height:20px;
	-webkit-transition: background-color 0.5s ;
	-moz-transition: background-color 0.5s ;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s; }
.menu3 h3 a:hover,.menu3 h3 a.active,.menu3 h3 a.active:link,.menu3 h3 a.active:visited{background:#0756ab; color:#fff; text-decoration:none;}

.menu4{ clear:both; margin:0 auto; max-width:1200px;}
.menu4 ul{clear:both; margin:0 auto; text-align:center; padding-top:10px;}
.menu4 ul a { display:block; float:left; width:13%; background:#ffffff; color:#000; border:1px solid #dddddd; border-radius:15px; font-size:13px; line-height:20px; margin:5px 0.5% 5px 0.5%; text-decoration:none; padding:6px 15px; overflow:hidden;}
.menu4 ul a:hover,.menu4 ul a.active,.menu4 ul a.active:link,.menu4 ul a.active:visited{color:#fff; background:#d71820; border:none;
	-webkit-transition: background-color 0.3s ;
	-moz-transition: background-color 0.3s ;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s; }


.menu2{clear:both;}
.menu2 h3{padding:0; margin-bottom:10px; border:#FF0000 1px solid;float:left; width:20%;}
.menu2 h3 a {color:#000;line-height:32px;padding-left:40px; font-size:14px;text-decoration: none; float:left }
.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:#0453a8;border: 0px solid #ee0100;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; margin-top:10px; }
.info_listimg ul li{float:left; width:23%; padding:5px 1% 5px 1%; text-align:center; line-height:36px;}
.info_listimg ul li a{display:block; padding:0px; overflow:hidden; }
.info_listimg ul li a div{ overflow:hidden;}
.info_listimg ul li img{ width:100%;display:block; border:1px solid #dddddd; transition: 588ms;  }
.info_listimg ul li:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.info_listimg ul li a:hover{text-decoration:none;}
.info_listimg ul li a p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.info_list ol.head{background: #eeeeee;font-size:14px;height:30px;line-height:30px; overflow:hidden; clear:both; text-align:center; color:#333333;}
/*.info_list ol.head span.title{float:left;width:65%; 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; line-height:30px; padding:20px 10px; border-bottom:1px dotted #bbb;  }
.info_list ol.info:hover{ background:#f3f3f3; }
.info_list ol.info .views{ display:block; font-size:14px; line-height:22px; color:#777;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin:10px 0 0 0; }
.info_list ol.bg{background: #f5f5f5; padding:0 0 0 10px;}
.info_list ol.info font.dot{color:#db0000; font-family:"宋体";}
.info_list ol.info a.title{ font-weight:bold; font-size:18px; }
.info_list ol.info span{ display:block; 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:5px 0 10px 0;}
.info_view h1.title{border-bottom:1px dotted #ccc; font-size:22px;line-height:26px; padding:15px 0; text-align:center; font-weight:bold;}
.info_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;text-align:center;}
.info_view div.content{ padding-top:0%; font-size:16px;line-height:30px; }
.info_view div.content p{padding:0px 0;font-size:16px;}
.info_view div.content img{ margin:1% auto; display:block}
.info_view img{ max-width:100%;}
.info_view div.atta{font-size:14px;line-height:23px;padding-top:2px;color:#db0000; 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{ padding:10px 0px; text-align:center;}


.info_view table {border-collapse:collapse; border-spacing: 0; border:#CCCCCC 1px solid;}
.info_view td{border:#CCCCCC 1px solid; text-align:center; padding:4px;}


.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; margin-top:0px; padding:0px; overflow:hidden}
.product_list ul{clear:both; margin-top:10px; }
.product_list ul li{float:left; width:29%; padding:5px 2% 2% 2%; text-align:center;line-height:26px;}
.product_list ul li a{display:block; background:#efefef; padding:5% 5%; -webkit-transition: background-color 1.0s ; -moz-transition: background-color 1.0s ; -o-transition: background-color 1.0s; transition: background-color 1.0s; }
.product_list ul li a div{ overflow:hidden;}
.product_list ul li img{ width:100%;display:block; transition: 588ms; }
.product_list ul li:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.product_list ul li a:hover{text-decoration:none; background:#0756ab; color:#ffffff;}
.product_list ul li p{ text-align:center; margin:5% 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product_list ul li p span{ display:block; line-height:28px;}


/*产品：列表*/
.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:#db0000; 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{border-bottom:1px dotted #ccc; font-size:22px;line-height:40px; padding:10px 0; text-align:center; font-weight:bold;}
.product_view h1.title b{ display:block; line-height:30px; font-size:20px;}
.product_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;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.atta{font-size:12px;line-height:20px;color:#db0000;}


.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;}

.pre_next{ text-align:center; padding:2% 0 5% 0; border-top:1px solid #eee; }


.neiliantitle{ font-size:18px; font-weight:bold; line-height:50px; color:#555; border-bottom:1px solid #ddd; margin:0 0 15px 0; }
.xiangguang{ border:1px solid #ddd; padding:10px 20px; background:#f7f7f7; }
.xiangguang ul{ line-height:36px; }


.productcontentnav{ clear:both; overflow:hidden; font-size:12px; font-weight:bold; background-color:#ededed; padding-left:30px; margin:0 0 20px 0;}
.productcontentnav a,.productcontentnav a:link,.productcontentnav a:visited,.productcontentnav a:hover { float:left; padding:0 20px;text-align:center;color:#133058;line-height:50px; margin-top:4px; text-decoration: none; display:block; cursor:pointer; font-size:16px; }
.productcontentnav a.active,.productcontentnav a.active:link,.productcontentnav a.active:visited{color: #ffffff; background-color:#0c63d4;}


/*留言内页*/
.message_add{ padding:5px;}
.message_add p{ padding:3px 0 20px 0; float:left; width:50%;}
.message_add input[type="text"]{ width:96%; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.message_add #txtcode{width:100px;}
.message_add textarea{ width:98%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}

.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:100px;}
.order_add textarea{ width:230px;}


/*人力资源内页*/
.job_add{ padding:5px;}
.job_add p{ padding:3px 0;}
.job_add input[type="text"]{ width:98%; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.job_add #txtcode{width:100px;}
.job_add textarea{ width:98%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.job_add select{ height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}

.joblist{ clear:both; margin-bottom:15px; padding:10px 3px 10px 3px; border-bottom:dotted #333 1px;}
.joblist p{ padding:3px 0;}
.joblist p.biaoti{ font-size:18px;}
.joblist p.biaoti span{ font-size:18px;}
.joblist p.biaoti a{ background:#eeeeee; padding:3px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.joblist p.fabu{ color:#666666;}

.viewpic{ width:100%; text-align:center; clear:both;}
.viewpic img{ margin:20px auto; display:block;}
/*分页*/
.pagelist{clear:both; font-size:14px; line-height:26px; margin-top:10px; text-align:center; color:#333333;}
.pagelist a{color:#363535; text-decoration:none; line-height:26px; margin:5px 2px; border:#CCCCCC solid 1px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; padding:3px 8px;}
.pagelist a:hover{color:#0a51a3; text-decoration:none; border:#ccc solid 1px; background:#f1f1f1;}
.pagelist a.red{color:#ffffff; text-decoration:none; font-weight:bold; background:#d71820; border:none; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.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:#db0000; text-decoration:underline;}
.plinktop a.red,.plinktop a.red:link,.plinktop a.red:visited {color:#db0000; text-decoration:underline; }
.plinktop a.red:hover{color:#db0000; text-decoration:underline;} 

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

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

.roundabout-holder  { 
	width:850px;
	height:496px;
	margin:0 auto;

}
.roundabout-moveable-item {
   width:650px;
   height:394px;
   cursor: pointer;
	border:3px solid #ccc;
	border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:4px solid rgba(0, 0, 0, 0.1);
}


.page_road{ text-align: center; }

.product_related{ clear:both;}
.product_related .title{ font-size:22px; color:#c6551d; line-height:42px; background-color:#eeeeee; margin-top:1%; margin-bottom:1%; padding-left:2%;}
.product_related ul{ margin-top:2%; margin-bottom:2%; overflow:hidden}
.product_related li{ float:left; width:24%; margin-left:0.5%; margin-right:0.5%; text-align:center}


.news_related{clear:both;}
.news_related .title{ font-size:22px; color:#c6551d; line-height:42px; background-color:#eeeeee; margin-top:1%; margin-bottom:1%; padding-left:2%;}
.news_related  ul{ margin:0 auto; width:98%;}
.news_related  li{ float:left; width:48%; margin-left:0.5%; margin-right:0.5%; line-height:34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}