@charset "utf-8";

/* CSS Document */

html {overflow-x:hidden;}

#html-content{ width:1100px; height:auto; margin:0 auto; margin-top:10px; overflow:hidden;}

.fr{ float:right;}

.fl{ float:left;}

.nextpage{ float:left; font-size:14px;}

.nextpage a{ color:#999}

.nextpage a:hover{ color:#F00}

.title{ text-align:center; margin:0 auto; font-size:18px; margin-top:20px; font-weight:600}

.title-bq { width:auto; margin:0 auto;margin-top:40px; font-size:14px;text-align:center;}

.title-bq  span{ padding:20px;}





/*分页头部图片*/

#gy-top{ width:1920px; height:199px;background: url(../images/gy.jpg) no-repeat;}

#xw-top{ width:1920px; height:199px;background: url(../images/xw.jpg) no-repeat;}

#cp-top{ width:1920px; height:199px;background: url(../images/cp.jpg) no-repeat;}

#al-top{ width:1920px; height:199px;background: url(../images/al.jpg) no-repeat;}



/*左边*/

#html-left{ width:240px; height:auto; float:left; min-height:650px;}



#left-list{ width:214px; height:auto;  margin:0 auto;

}

#left-list-top{ width:214px; height:48px;background: url(../images/gywm.png) no-repeat;

     border-radius: 10px 10px 0px 0px;

	-webkit-border-radius: 10px 10px 0px 0px;

	-moz-border-radius: 10px 10px 0px 0px;

	-o-border-radius: 10px 10px 0px 0px;

}

#left-plist-top{ width:214px; height:48px;background: url(../images/prod.png) no-repeat;

     border-radius: 10px 10px 0px 0px;

	-webkit-border-radius: 10px 10px 0px 0px;

	-moz-border-radius: 10px 10px 0px 0px;

	-o-border-radius: 10px 10px 0px 0px;

}

#left-clist-top{ width:214px; height:48px;background: url(../images/case.png) no-repeat;

     border-radius: 10px 10px 0px 0px;

	-webkit-border-radius: 10px 10px 0px 0px;

	-moz-border-radius: 10px 10px 0px 0px;

	-o-border-radius: 10px 10px 0px 0px;

}



#left-nlist-top{ width:214px; height:48px;background: url(../images/news.png) no-repeat;

     border-radius: 10px 10px 0px 0px;

	-webkit-border-radius: 10px 10px 0px 0px;

	-moz-border-radius: 10px 10px 0px 0px;

	-o-border-radius: 10px 10px 0px 0px;

}



#left-dlist-top{ width:214px; height:48px;background: url(../images/zlxz.png) no-repeat;

     border-radius: 10px 10px 0px 0px;

	-webkit-border-radius: 10px 10px 0px 0px;

	-moz-border-radius: 10px 10px 0px 0px;

	-o-border-radius: 10px 10px 0px 0px;

}





.lei-top{ width:212px; height:40px; background:url(../images/leitop.jpg) no-repeat; padding-left:30px; padding-top:8px; overflow:hidden;}

.lei-top a{ font-size:15px; font-weight:bold; color:#1969c6;}

#left-list-son{ width:212px; height:auto; min-height:100px; font-size:14px;

border:1px solid #1969c6;

     border-radius: 0px 0px 10px 10px;

	-webkit-border-radius: 0px 0px 10px 10px;

	-moz-border-radius: 0px 0px 10px 10px;

	-o-border-radius: 0px 0px 10px 10px;

}

#left-list-son li{ list-style:url(../images/jt.png); padding:5px 10px; font-family:"微软雅黑";}

#left-list-son li a{ color:#555555; text-decoration:none}

#left-list-son li a:hover{ color:#1969c6; text-decoration:underline}

#left-list-son li.hover a{color:#1969c6;text-decoration:underline; }

#left-list-son li.hover a:hover{color:#1969c6;text-decoration:none;}



#contact{ width:214px; height:auto;  margin:0 auto; margin-top:10px;

}

#contact-top {width:214px; height:30px;background: url(../images/lxwm.png) no-repeat;

     border-radius: 10px 10px 0px 0px;

	-webkit-border-radius: 10px 10px 0px 0px;

	-moz-border-radius: 10px 10px 0px 0px;

	-o-border-radius: 10px 10px 0px 0px;

}



#contact-box{  width:212px; height:auto;margin:0 auto;

border:1px solid #1969c6;

     border-radius: 0px 0px 10px 10px;

	-webkit-border-radius: 0px 0px 10px 10px;

	-moz-border-radius: 0px 0px 10px 10px;

	-o-border-radius: 0px 0px 10px 10px;

}

#contact-img{ width:202px; height:120px; margin:0 auto; margin-top:10px; background:url(../images/lx.jpg) no-repeat;}

#contact-text {width:202px; height:auto; margin:0 auto;margin-top:10px; color:#777777; margin-bottom:10px;}

.juz { font-size:14px; margin:0 auto; text-align:center}

#contact-text li{ line-height:2; list-style:none;}





/*右边*/

#html-right{ width:840px; height:auto; min-height:400px;float:right; overflow:hidden;}

#position{ width:840px; height:28px; border-bottom:1px solid #999; padding-top:20px;}

#right-body{width:840px; height:auto; min-height:400px;margin-top:10px; overflow:hidden;}

#right-body-left{ width:400px; height:auto; float:left;}

#right-body-right{ width:380px; height:auto;position:relative; float:right}



/*产品中心页*/

.probox{ width:840px; margin-top:20px;}

.prolist-top{ font-size:18px;color:#1969c6;}

.probox li{position:relative;width:270px; height:104px; border:1px solid #CCC;float:left; margin:5px 4px; z-index:100;}

.probox li:hover{border:1px solid #09F;}

.probox-text{ position:absolute; top:20px; left:20px; font-size:14px;z-index:200px; color:#999}

.mo { width:52px; height:22px; display:block; background:url(../images/pmore2.png) no-repeat; margin-top:10px;}

.mo:hover{ width:52px; height:22px; display:block;background:url(../images/pmore1.png) no-repeat;}



/*产品列表页*/

.product{ width:840px; height:auto; overflow:hidden;}

.product ul{ margin:0; padding:0;}

.product li{ width:250px; height:280px; border:1px solid #E7E7E7; float:left; margin:10px 10px;}

.product-pic{width:250px; height:250px;overflow:hidden}

.product-tit{width:250px; height:30px; text-align:center; font-size:14px; overflow:hidden;}

.product-tit a{ color:#333;}

.product-tit a:hover{ color:#F00;}



/*产品参数*/

.parameter{position:relative;width:370px; height:450px; overflow:hidden; z-index:1; font-size:14px;}

.parameter td{ border:4px solid #FFF;}

.ptitle{ font-size:16px; color:#333;}

.ptable{ padding-left:10px;}

.yanse{ background:#f1f4f7}



/*产品内容*/

.pcontent{ width:840px; height:auto;margin-top:10px;}
.protab{ width:104px; height:34px;background:#4489c4;color:#FFF; text-align:center; line-height:34px;}
.proconbox{ width:100%; height:auto; border-top:#4489c4 2px solid; padding:10px 10px}






/*文章列表*/

.newslist-pic{ width:840px; height:auto; overflow:hidden; border-bottom:16px solid #F0F0F0;}

.newslist-pic ul{ margin:0; padding:0;}

.newslist-pic ul li{ width:270px; height:360px; float:left; overflow:hidden; margin:auto 4px;}

.newslist-pic ul li strong{ font-size:14px;}

.newslist-pic ul li img{border:1px solid #CCC; margin:2px;}
.ms{ color:#999; line-height:1.5;}

.nmore{ display:block;width:76px; height:25px; background:url(../images/more3.png) no-repeat;}







.newslist{ width:840px; height:auto;}

.newslist ul{ margin:0; padding:0;}

.newslist ul li{ line-height:3; border-bottom:1px dashed #CCC}

.newslist ul li a{ color: #666; font-size:14px; text-decoration:none}

.newslist ul li a:hover{ color:#F00;text-decoration:none}





/*文章内页*/

.arttop{ width:840px; height:120px; border-bottom:1px solid #CCC;}

.artcontent{ width:810px; height:auto; min-height:300px; padding:20px 10px; margin:0 auto;}



/*联系我们页*/

.map{ width:100%; height:530px; background:url(../images/map.jpg) no-repeat center;}

.lx-content-left{ width:380px; height:auto; float:left; padding:20px 30px; margin-top:20px;}

.lx-content-right{ width:560px; height:auto; float:right; margin-top:20px;color:#999}

.table-box{ width:550px; height:180px; overflow:hidden;}

.table-left{ width:240px; height:250px; float:left; margin-right:5px; overflow:hidden}

.table-left span{ font-size:14px;}

.table-left input{ float:right; background:none; border:none; width:165px; outline:none}

.table-right textarea{ border:none;outline:none;}

.intxt{ width:230px; height:30px; background:#eeeeee; margin-bottom:10px; padding-top:8px; padding-left:5px;}

.tbox{ width:290px; height:178px; background:#eeeeee; border:none}

.table-right{ width:300px; height:180px;float:left; overflow:hidden; outline:none}

.table-bottom{ width:540px; height:40px; margin-top:5px;}

.coolbg{background:#eeeeee; width:100px; height:36px; border:none; float:right;  cursor:pointer;color:#999}





/*案例列表*/

.caselist{ width:840px; height:auto; overflow:hidden;}

.caselist ul{ margin:0; padding:0;}

.caselist ul li{width:268px; height:344px;border:1px solid #FFF; float:left; margin:4px 4px; text-align:center; background:#f3f3f3; color:#999; overflow:hidden;}

.caselist ul li:hover{border:1px solid #1969c6;}

.caselist ul li strong{ font-size:15px;}

.caselist ul li a{ color:#666;}

.caselist ul li a:hover{ color:#1969c6;}

.caselist ul li img{ width:268px; height:178px; overflow:hidden; border:none;}

.cmore{ display:block;width:80px; height:28px; background:url(../images/cmore2.png) no-repeat; margin:0 auto;}

.cmore:hover{ display:block;width:80px; height:28px; background:url(../images/cmore1.png) no-repeat; margin:0 auto;}

.case-listbox{ height:100px; padding:10px 10px;overflow:hidden;}





/*资料下载*/

.ziliao{ width:840px; height:auto; overflow:hidden;}

.ziliao ul{ margin:0; padding:0;}

.ziliao ul li{width:268px; height:300px; border:1px solid #FFF; float:left; margin:4px 4px; text-align:center; background:#f3f3f3; color:#999; overflow:hidden;}

.ziliao ul li:hover{border:1px solid #1969c6;}

.ziliao ul li strong{ font-size:14px;}

.ziliao ul li a{ color:#666;}

.ziliao ul li a:hover{ color:#1969c6;}

.ziliao ul li img{ width:268px; height:178px; overflow:hidden; border:none;}

.xiazai{ display:block;width:100px; height:30px; background:url(../images/xiazai.png) no-repeat; margin:0 auto;}



/*搜索页*/

.resultbar{ width:1100px; padding:10px 0px 10px 10px;font-size:14px;}

.keyword{ color:#F00}

#search-list{ width:1000px; font-size:14px; margin:0 auto;}

#search-list ul{ margin:0; padding:0; list-style:none;}

#search-list ul li{ line-height:2; border-bottom:1px dashed #CCC; list-style:inside url(../images/xjt.png);}

#search-list ul li:hover{ line-height:2; border-bottom:1px dashed #CCC; list-style:inside url(../images/xjt2.png);}

#search-list ul li a{ color:#666}

#search-list ul li a:hover{ color:#F00}

.info{ float:right}