@charset "utf-8";
body {font-size: 14px;  color:#000;}
img{border:0;}
a{text-decoration: none;} 
a:link{color:#000000;}
a:visited{color:#000000;text-decoration:none;}
a:hover{color:#000000;text-decoration:underline;}
a:active{color:#000000;} 
.fr { float:right;}

html {}
*{padding:0px; margin:0px;line-height:1.8em;}
h1,h2,h3,h4,h5,h6{font-size:14px; color:#FF0000 } 
img{border:0;}

.clear{clear:both;height:10px;line-height:0px;}
.checkbox{border:0px;}
.button{border:0px; }
ul{ list-style-type:none}
li{ list-style:none}


/*头部通用*/
.head{width:1200px; margin:0 auto; padding:15px 0px 00px 0px;}
.head .logo{float:left; width:800px;}
.head .heads{ float:left;width:400px ; padding-top:10px}
.head .cl{ clear:both; width:100%}
.head .hotkey{ clear:both; width:100%; padding-top:5px}
.head .heads_txt{color:#888;background-color:transparent;height:15px;line-height:15px;border:1px solid #ddd;border-right:0;width:283px;padding:3px 3px 3px 23px; float:left}
.head .heads_btn{width:60px;height:23px;float:right;background-color:#E40001;color:#fff;border:0;font-weight:bold;cursor:pointer; float:left}

.banner{ clear:both;height:37px; background: url(../images/navbj.jpg)/*navbj.jpg*/; }
.banner ul{width:1230px; margin:0 auto;}
.banner li{float:left; line-height:37px;width:110px;text-align:center;}
.banner li a{line-height:37px;color:#fff;font-size:14px;display:block;font-weight:bold; font-family:"微软雅黑" }
.banner li a:visited{color:#fff;}
.banner li a:hover{color:#fff; background:url(../images/navbj1.jpg)/*navbj1.jpg*/; text-decoration:none; text-decoration:underline;}
.banner #current{color:#fff;}
.banner .none{ background:none;}
.bg_line{background:url(../images/BG_BOT~1.GIF)/*bg_bottom.gif*/ repeat left top;height:19px; display:none;}
/*底部通用*/
.footer{color: #fff;text-align:center;margin:20px 0 0 0; background:url(../images/footerbg.jpg)/*footerbg.jpg*/;}
.footer .ih1{ width:1200px; margin:0 auto;}
.footer .ih1 a{margin:0 8px;color:#FFf;font-weight:normal;line-height:30px;}
.footer .ih1 a:visited{color:#FFf;}
.footer .ih5{ padding-bottom:10px}
.footer .ih5 a{ color:#FF0066;}
.footer .ih5 a:visited{ color:#fff;}
.footer .ih5 a:hover{ color:#fff; text-decoration:underline;}
/*主体*/
.main{ width:1200px;margin:10px auto;}
.ibanner{ clear:both; width:100%;margin:0 auto;}

.indexnews{ overflow: hidden;float: left;width: 340px; margin-right: 8px; border:1px solid #CCCCCC;height:270px}
.indexnews .tit{ font-size:14px;background: url(../images/box-bg.jpg)/*box-bg.jpg*/ repeat-x ; line-height:30px; color:#FFFFFF; font-weight:bold; padding-left:10px}
.indexnews span{background: url(../images/box-bg2.jpg)/*box-bg2.jpg*/ repeat-x; float:right; width:120px; text-align:right; height:30px; padding-top:5px; font-weight:100}
.indexnews li{border-bottom: 1px dotted rgb(148, 151, 154);width:310px; overflow:hidden; margin:0px 10px;line-height: 31px;padding-left:3px; height:31px;font-size:14px;}
.indexnews li span{background:none; color:#CCCCCC; width:80px}

.indexabout{ float: left; width: 496px;margin-right: 8px;border:1px solid #CCCCCC; height:270px} 
.indexabout .tit{font-size:14px;background: url(../images/box-bg.jpg)/*box-bg.jpg*/ repeat-x ; line-height:30px; color:#FFFFFF; font-weight:bold; padding-left:10px}
.indexabout span{background: url(../images/box-bg2.jpg)/*box-bg2.jpg*/ repeat-x; float:right; width:170px; text-align:right; height:30px; padding-top:5px; font-weight:100}
.indexabout .iabout{clear:both; padding:0px 8px 0px 8px; font-size:14px;}
.indexabout .iabout h1,h2,h3,h4{ display:inline}

.indexcontent{overflow: hidden;float: right;width: 340px;border:1px solid #CCCCCC; height:270px}
.indexcontent .tit{font-size:14px;background: url(../images/box-bg.jpg)/*box-bg.jpg*/ repeat-x ; line-height:30px; color:#FFFFFF; font-weight:bold; padding-left:10px}
.indexcontent span{background: url(../images/box-bg2.jpg)/*box-bg2.jpg*/ repeat-x; float:right; width:120px; text-align:right; height:30px; padding-top:5px; font-weight:100}
.indexcontent ul{clear:both; margin:9px; line-height:25px}
.indexcontent li{font-size:14px; float:left; line-height:25px; height:25px; width:80px; text-align:center; padding-bottom:5px}
.indexcontent .bgline{ clear:both; border-bottom: 1px dotted rgb(148, 151, 154); margin:0px 10px; height:8px}


.prodtit{ font-size:18px; font-weight:bold; color:#FF0000; }

.iproduct { clear:both; width:1200px; margin:0 auto; overflow:hidden;}
.iproduct ul{ clear:both;overflow:hidden; margin-bottom:0px; }
.iproduct li{ float:left; height:268px; width:220px; text-align:center; margin:0 18px 18px 0px; _ margin:0 18px 18px 0px; border:1px solid #9B9B9B; z-index:100; padding-top:10px; line-height:25px}
.iproduct strong{ color:#FF6600}

.pica{width:220px;height:220px; display:table;text-align:center;  clear:both; margin:0 auto;}
.pica span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle; max-height:220px; }
.pica img {width: expression(this.width > 220 ? 220: true); max-width: 220px; height: expression(this.height > 220 ? 220: true); max-height: 220px;}

#demo {overflow:hidden;margin:0 auto;width:98%}
#indemo {float: left;width: 500%;}
#demo1 {float: left;}
#demo2 {float: left;}
#demo2 {height:20px; text-align:center}
*html #demo {overflow:hidden;width:99%;}

.yqlj { background:url(../images/yqlj_bg.gif)/*yqlj_bg.gif*/ no-repeat right bottom;height:28px; margin-bottom:8px}
.yqlj span {color:#FFFFFF; font-weight:bold; padding-left:25px;}
.yqljtxt {padding:5px 10px;}
.yqljtxt a {padding-right:10px; color:#333 }
.yqljtxt a:hover{color:#000}
.yqljtxt .hidden { display:none; }
.yqljimg{ text-align:center; margin:8px 0px; }
.yqljimg img{padding:0px 20px}
.i-pp ul li{ float:left; padding:0px; text-align:center; line-height:34px; width:150px; margin-bottom:8px }
.i-pp li a  { display:block;width:130px; background:#F9F9F9;  border:1px solid #ECECEC;height:34px; margin-left:1px; color: #FF0000;font-size: 18px; font-weight:bold; font-family:"Verdana", "Arial", "Helvetica", "sans-serif";}
.i-pp li a:hover   {display:block;width:130px; background:#FBEFDF; border:1px solid #E97705; height:34px; margin-left:1px;  color: #EE7101;font-size: 18px; font-weight:font-family:"Verdana", "Arial", "Helvetica", "sans-serif";}
/*简介等单页*/
.tit{ font-size:14px;background: url(../images/box-bg.jpg)/*box-bg.jpg*/ repeat-x ; line-height:30px; color:#FFFFFF; font-weight:bold; padding-left:10px}
.tit span{background: url(../images/box-bg2.jpg)/*box-bg2.jpg*/ repeat-x; float:right; width:25%; text-align:right; height:30px; padding-top:5px; font-weight:100}
.left{width:280px; float:left}
.right{width:910px; float:right}
.about{ border:1px solid #CCCCCC; padding:10px 20px}
.about h1,h2,h3,h4{ display:inline}

.prodleft{ overflow: hidden;float: left;width: 280px; margin-right: 8px; border:1px solid #CCCCCC}
.prodleft .tit{ font-size:14px;background: url(../images/box-bg.jpg)/*box-bg.jpg*/ repeat-x ; line-height:30px; color:#FFFFFF; font-weight:bold; padding-left:10px}
.prodleft ul{ margin:0 10px}
.prodleft .nav li {
    overflow: hidden;
    height: 30px;
    padding-left: 10px;
    background:#f5f5f5;
    line-height: 30px;
	margin-top:8px;  list-style:none
}

.prodleft .lxfs{margin-top:8px;}
.prodleft .lxfs li{
    overflow: hidden;
    height: 25px;
    padding-left: 10px;
    line-height: 25px;
}

.contact{
	border:1px solid #CCCCCC;
	padding:10px 20px ;
	background-image: url(../images/contact.jpg)/*contact.jpg*/;
	background-repeat: no-repeat;
	background-position: right top;
}
.contact h1{ font-size:16px; padding-left:30px}
.contact ul{ margin:0px 0px 20px 30px}
/*新闻&帮助中心*/
.newslist {border:1px solid #CCCCCC;}
.newslist ul { clear:both; margin:10px auto;}
.newslist li { clear:both; line-height:25px; text-align:left; padding-left:10px; border-bottom:1px dashed #dadada; text-align:left; margin-top:10px;}
.newslist li a { color:#005EA7; font-size:14px;}
.newslist li span { float:right; padding-right:10px; color:#CCCCCC}

.newsinfo { clear:both; padding:10px;}
.newsinfo h1 { clear:both; text-align:center; color:#FF0000; font-size:20px; font-family:'Microsoft Yahei'; padding-top:20px;}
.newsinfo h2 { clear:both; text-align:left; color:#000; font-size:20px; font-family:'Microsoft Yahei'; padding-top:20px;}
.newsinfo .sm { font-size:12px;clear:both; text-align:center; padding:0px; border-bottom:1px dashed #dadada; color:#CCCCCC;}
.newsinfo .text { text-align:left; line-height:25px; padding-top:15px;}
/*产品*/
.prodinfo{ border:1px solid #CCCCCC; width:1200px; padding:10px}
.prodinfo h1{ text-align:center; font-size:24px}
.prodinfo .sm { font-size:12px; clear:both; text-align:center; padding:0px;border-bottom:1px dashed #dadada; color:#CCCCCC;}
.prodinfo .cs { width:1100px; margin:10px auto; border:1px solid #C1BFBF; background:#F8F8F8; overflow:hidden; padding:10px; font-size:14px}
.prodinfo .cs td { padding:0px; text-align:left}

.proleft{width:270px; float:left}
.proright{width:920px; float:right; }

.pleft{ overflow: hidden;float: left;width: 270px; margin-right: 8px; border:1px solid #CCCCCC}
.pleft .tit{ font-size:14px;background: url(../images/box-bg.jpg)/*box-bg.jpg*/ repeat-x ; line-height:30px; color:#FFFFFF; font-weight:bold; padding-left:10px}
.pleft ul,dl{ margin:10px 0px}
.pleft dt{  clear:both;
overflow: hidden;
    height: 30px;
    padding-left: 10px;
    background:#f5f5f5;
    line-height: 30px;
	margin-top:8px;  list-style:none}
.pleft dd{float:left; width:120px;  line-height:22px; font-size:12px; margin-top:3px; text-align:center}
.pleft li{width:85px; float:left; text-align:center}
.classabout{font-size:14px;margin:10px 0px  ;border:10px solid #e9e9e9;padding:12px 15px; }
.classabout input{line-height:20px; margin-bottom:5px}
.product { clear:both; width:920px; margin:0 auto; overflow:hidden;}
.product ul{ clear:both;overflow:hidden; margin-bottom:0px; }
.product li{ float:left; height:268px; width:220px; text-align:center; margin:0 8px 18px 0px; _ margin:0 8px 18px 0px; border:1px solid #9B9B9B; z-index:100; padding-top:10px; line-height:25px}
.product strong{ color:#FF6600}



#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/ONLINE~2.JPG)/*online_botbg.jpg*/ no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/ONLINE~3.JPG)/*online_arrow.jpg*/ no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}