/* CSS Document */
/* page menu */
.navm {
    background:url(../images/navbg.jpg) repeat-x scroll 0 0;
    margin-bottom: -4px;
    min-height: 38px;
    position: relative;
}
.navm .menuzord {
    float: left;
    overflow: hidden;
}
.navm .menuzord > li {
    display: inline-block;
    float: left;
}
.navm #menuzord > li > a, .navl #showul > li > a, #showul > ul > li > a {
    color: #000;
	padding-left:6px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    padding-right: 6px;
}
.navm img {
    margin-top: 15px;
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
.header a, span, li, ul {
    font-size: 12px;
}
.navm {
    padding-left: 0;
}
.navm #menuzord > li > a, .navl #showul > li > a, #showul > ul > li > a {
    font-size: 12px;
}
}

/* page about*/
.about{ width:100%;
   overflow:hidden; padding-bottom:60px; 
	min-height:65%;
	height: auto !important; 
    height: 100%; 
	}
.about .titlebar,.plant .titlebar,.newsinfo .titlebar{ height:50px; width:100%; background:#6197E1;}
.about .titlebar h2,.plant .titlebar h2,.newsinfo h2{ color:#fff; font-size:18px; text-indent:7px; line-height:50px;}
.about .datails,.plant .datails,.newsinfo .datails{ padding:30px 10px; margin-top:30px; overflow:hidden; min-height:400px;}
.about .datails div{ line-height:20px; padding:10px 0px 30px;}
/* contact us */
.conleft{ width:45%; margin-right:20px; float:left;}
.conright{ width:48%; float:left;}
/* productsA */

.proleft{ width:76%; float:left; }

.proleft h3,.plantleft h3{ float:left; color:#000; font-size:14px; color:#000; font-weight:bold; margin-bottom:20px; border-bottom:1px dotted #cccccc; padding-bottom:10px; width:100%; }
.proleft h3 a{ color:#000;}

.proleft .classA{ overflow:hidden; width:100%; height:200px; margin-bottom:20px;}
.proleft .classA ul li{ float:left; width:140px; height:160px; margin:30px 7px 0px}
.proleft .classA ul li img{ width:139px; height:134px;}
.prodbox-grid{height:175px;}
.prodbox-grid .prodbox,.prodbox-grid-big .prodbox{ float:left; border:1px solid #cccccc; border-radius:5px; display:block; width:135px; margin-bottom:20px; height:130px; text-align:center; vertical-align:top; margin-right:20px;}
.prodbox-grid .prodbox a,.prodbox-grid-big .prodbox a{ height:171px; width:135px; margin-top:-11px; border-radius:5px; color:#5590DE; display:inline-block; width:100%;}

.prodbox-grid .prodbox a:hover,.prodbox-grid-big .prodbox a:hover{color:#fff; background:#6197E1;}
.prodbox-grid .prodbox span,.prodbox-grid-big .prodbox span{ background:#fff; border-radius:5px; display:block;  margin: 14px 0 10px 15px; padding:4px; width:94px; height:78px;}
.prodbox-grid .prodbox img,.prodbox-grid-big .prodbox img{ display:block; margin:auto; max-height:78px; width:100%; height:100%;}
.prodbox-grid .prodbox h4 ,.prodbox-grid-big .prodbox h4{ line-height:20px; margin-top:10px; font-size:12px;}
a#backtotop{ display:block; clear:both; font-size:14px; font-weight:bold; color:#000; padding:0px 0px 25px 10px; cursor:pointer; }
a#backtotop:hover{ color:#2F71C2;}
.proright{ width:20%; float:right;}
#donloadbox,#ctREF{ 
   background-color:rgb(238, 238, 238);
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );/* IE8 */
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eeeeee 0%, #f6f6f6 53%, #ffffff 100%) repeat scroll 0 0;
	box-shadow: 1px 0px 0px 1px none;/* for IE*/
    border: 1px solid #bbb;
    border-radius:5px;
    margin: 0 0 20px;
    padding:15px;
	overflow:auto;
}
#donloadbox ul li{display:block;}
#donloadbox ul li a{ color:#919191; font-size:12px;}
#donloadbox ul li a:hover{color:#0088ac;}
#donloadbox ul li a img{ margin-right:10px; vertical-align:middle;}
#donloadbox p,#ctREF p{ border-bottom:1px solid #23BEFE; font-size:14px; font-weight:bold; padding:0px 0px 2px; margin:0px 0px 10px;}
#ctREF form label{ display:block; width:67px; line-height:24px; float:left;}
#ctREF form input[type=text]{ padding-left:5px; line-height:20px; margin-top:2px; border:1px solid #cccccc; width:108px; height:20px; float:left;}
#ctREF form input[type=submit]{ background:none; border:none; color:#888888;    cursor: pointer; position:relative; bottom:20px; font-weight:bold;
    float: right;
    position: relative;
    right: 25px;}
#ctREF .ctc{ padding:0px;}
.ctc textarea{ width:176px; height:100px;border:1px solid #cccccc; padding-left:5px;}
/* productsB */
.prodbox-grid-big{ min-height:175px;}
/* productsinfo */
.proleft h5{ float:right; margin-top:-50px; }
.proleft h5 a{ color:#000; font-size:14px; font-weight:bold; padding-left:10px;}
/* 产品参数 */
.parameter{ float:left; width:360px; min-height:300px; margin-bottom:20px;}
.parameter p,.detailinfo p{ line-height:25px;}
.parameter p strong,.detailinfo p strong{ font-size:14px; color:#000; font-weight:bold;}
/* 产品图 */
.big_img_block{ padding-top:50px; margin-top:-20px;}
.mod18{width:325px;height:273px;margin:0 auto;position:relative; float:right;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;}
.mod18 .picBox{height:240px; width:325px;position:relative;overflow:hidden; }
.mod18 .picBox ul{position:absolute;}
.mod18 .picBox li{width:325px;height:200px;}
.mod18 .picBox li img{ width:100%; height:100%;}
.mod18 .listBox{width:325px;height:32px;margin:0 auto;position:relative;overflow:hidden; }
.mod18 .listBox ul{position:absolute; width:325px; bottom:10px;}
.mod18 .listBox li{width:55px;height:60px;cursor:pointer;position:relative; margin-right:6px; border:1px solid #cccccc; border-radius:3px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;}
.mod18 .listBox .on #small img{width:100%;height:100%;}
.mod18 .listBox .on i{display:block;}
#big{ width:300px; height:208px; overflow:hidden;}
#small{ width:80%; height:50px; margin:-4px auto;}
#big img{ width:90%; height:100%;}
#small img{ width:100%; height:100%;}
/* 产品详情信息 */
.detailinfo{ clear:both; border-top:1px dotted #cccccc; padding-bottom:10px; overflow:hidden;}
#title{ margin:20px 0px 20px;}
/* 产品详情页固定模式 */
.fix{ border-top:1px dotted #cccccc; margin-top:10px; clear:both; }
.fix p{ font-size:12px; line-height:25px; color:#CBCBCB;}
/* 工厂主页一list & 新闻list */
.plantleft ul li{ margin-left:12px; clear:both; background:url(../images/newbg.png) no-repeat left; text-indent:20px; margin-top:15px; overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
width: 20em;/*不允许出现半汉字截断*/}
.newsleft ul li,.newsinfoleft ul li{ margin-left:10px; clear:both; background:url(../images/newbg.png) no-repeat left; text-indent:20px;  margin-top:15px;  overflow:hidden;white-space:nowrap; /*强制不换行*/
overflow:hidden; /*自动隐藏文字*/
text-overflow: ellipsis; /*文字隐藏后添加省略号*/
-o-text-overflow:ellipsis; /*适用于opera浏览器*/ }
.proleft ul li a,.newsleft ul li a,.newsinfoleft ul li a,.plantleft ul li a{color:#6197E1;}
.proleft ul li a:hover,.newsleft ul li a:hover,.newsinfoleft ul li a:hover,.plantleft ul li a:hover{ color:#3B5B98;}
/* 工厂页二图片 */
.plantleft,.plantinfoleft{ float:left; width:76%; overflow:hidden;}
.scrollBox{ width:815px;border-top:1px solid #fff; position:relative;position:relative;overflow:hidden;zoom:1; }
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:815px; margin-left:17px;}
.scrollBox .piclist li{float:left; width:166px; height:205px; border-radius:5px; display:inline; width:185px;background:#fff;border:1px solid #cccccc;margin-right:10px;}
.scrollBox .piclist li img{ width:159px; height:154px; padding:13px;}
.scrollBox .piclist li p{ color:#3175DA; overflow:hidden; margin:auto 53px; display:block;}
.scrollBox .pageBtn span{ display:block;width:16px;height:66px;position:absolute;top:77px; z-index:9999999; cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{left:-1px;background:url(../images/2015-08-07_145738.png) no-repeat;}
.scrollBox .pageBtn .next{right:0px; background:url(../images/next.jpg) no-repeat;}
.scrollBox .pageBtn .prev:hover{ background:url(../images/prevafter.jpg) no-repeat;}
.scrollBox .pageBtn .next:hover{ background:url(../images/nextafter.jpg) no-repeat;}
/* 返回 */
.plantinfoleft h4{border-top:1px dotted #cccccc; height:20px; padding-top:20px; }
.plantleft h4,.newsinfoleft h4,.honorleft h4,{ border-top:1px dotted #cccccc; height:20px; padding-top:20px; margin:120px 0px 30px;}
.plantleft h4 a,.newsinfoleft h4 a,.honorleft h4 a,.plantinfoleft h4 a{ color:#000; font-size:14px; font-weight:bold; padding:0px 5px 0px 10px;}
.proleft h3 a:hover,.proleft h5 a:hover,.plantleft h4 a:hover,.newsinfoleft h4 a:hover,.honorleft h4 a:hover,.plantinfoleft h4 a:hover{ color:#6197e3;}
.plantinfoleft h3{ font-size:14px; font-weight:bold; color:#333; padding-bottom:10px; border-bottom:1px dotted #ccc;}
/* 新闻列表 */
.newsleft{ float:left; width:47%; overflow:hidden;}
.newsleft ul li span,.newsinfoleft ul li span{ color:#014353; padding-left:5px;}
.newsright{margin-top:50px; float:right; width:440px; height:440px; background:url(../images/newsbg.jpg) no-repeat;}
/* 新闻详情 */
.newsinfo h3{ padding-left:10px; border-bottom:1px dotted #cccccc; height:25px;}
.newsinfoleft{ float:left; width:73%;}
.newsinforight{ float:right; margin-top:50px; background:url(../images/nesinfobg.jpg) no-repeat; width:240px; height:370px; }
.infomation{ min-height:300px; margin:10px 0px 10px;}
.infomation p{ line-height:30px; color:#000; padding-left:20px;}
/* 资质荣誉 */

.honorleft{ width:68%; float:left; min-height:500px; padding-bottom:50px;}
.honorright{ float:right; background:url(../images/honorbg.jpg) no-repeat; width:238px; height:340px; margin-top:50px;}
.honorbox{ width:830px; min-height:300px; margin-top:30px; min-height:300px; padding-bottom:30px; clear:both;}
.honorbox ul li{ float:left; width:149px; margin:10px 15px 40px 0px;}
.honorbox ul li img{ width:130px; height:160px; padding:10px; border:1px solid #cccccc;}
.honorbox ul li img:hover{ border:1px solid #6197E1;}
.honorbox ul li p{ color:#477200; text-align:center; margin-top:5px; line-height:20px; font-size:12px; margin-left:-13px;}
.honorbox ul li a{ cursor:pointer;}
.honorbox ul li p:hover{ color:#6197E1;}
/* 荣誉资质详情 */
.honorleft h3{ height:25px; border-bottom:1px dotted #cccccc; color:#000; font-size:14px; font-weight:bold;}
.honorleft .honorinfopic{ width:370px; height:400px; margin:30px auto; border:1px solid #cccccc;}
.honorleft .honorinfopic img{ width:94%; height:94%; padding:10px;}
.honorleft p{ text-align:center; color:#477200;}
.pager span{float:none;}
.pager a,.current{
   clear:both;
   color:#888888;
}