body{ padding:0px; margin:0px; border-top:2px solid #ea5333; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
*{ padding:0px; margin:0px; list-style:none}
a{ color:#333; text-decoration:none}
a:hover{ color:#1c51a1; text-decoration:underline}
img { border:0px;}
.clear{ width:100%; clear:both; height:15px;}
.l{ float:left;}
.r{ float:right}


.head{ width:1020px; margin:0px auto; height:100px; position:relative}
.logo{ width:450px; float:left; padding-top:15px; }
.Language{ width:102px; float:left; padding-left:15px;text-align:center;padding-top:30px;}
.tel{ width:215px; float:left; position:absolute; top:10px; right:0px; background:url(../images/index-5.jpg) no-repeat left center; height:30px; line-height:30px; padding-left:35px;  color:#0085d2; font-size:16px; font-family:Microsoft Yahei; font-weight:bold}


.search{ width:350px; float:left; border-radius:5px;behavior:url(PIE.htc); background:#0085d2; height:30px; padding:5px; position:absolute; right:0px; bottom:10px;}
.searchbox{ width:320px; float:left; height:30px; line-height:30px; background:url(../images/index-15.jpg) repeat-x left top; border:0px;border-radius:5px 0px 0px 5px;behavior:url(PIE.htc); padding-left:10px; }
.searchbutt{ width:20px; float:right; border-radius:0px 5px 5px 0px;behavior:url(PIE.htc); text-indent:-9999px; background:url(../images/index-6.jpg) no-repeat; height:30px;}


.menu{ width:100%; clear: both; background:#1c51a1; height:40px; position: relative; z-index:999}
.menu ul{ width:1020px; margin:0px auto; height:40px;}
.menu ul li{ width:145px; float:left; height:50px; line-height:40px;}
.menu ul li a{width:145px; float:left; height:50px; line-height:40px; color:#fff; font-weight:bold; font-size:14px; text-align:center;}
.menu ul li a:hover{width:145px; float:left; height:50px; line-height:40px; color:#fff; font-weight:bold; font-size:14px; background:url(../images/index-16.png) no-repeat center top; text-decoration:none}


.h_row{ height:400px;}
.h_row_1{ height:200px;}
.h_row_2{ position:absolute; top:-10px; height:200px; width:100%;}
.banner{ width:100%; clear:both; position:relative;  }
.slideBox{ width:100%; height:377px; overflow:hidden; position: absolute; clear:both; top:-10px; float:left; }
.slideBox .hd{ height:25px; overflow:hidden; position:absolute;  right:10%; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:20px; height:20px; line-height:20px; text-align:center;border-radius:50%;
behavior:url(PIE.htc);
;cursor:pointer; background:#ddd }
.slideBox .hd ul li.on{ background:#0193dd; color:#fff;}

.slideBox .bd{ position:relative; height:100%; z-index:0;  }
.slideBox .bd li{ zoom:1; vertical-align:middle; height:560px; }
.slideBox .bd  a{ display:block; width:100%; height:560px; text-indent:-9999px;}


.bottom{ width:100%; clear:both; background:#406ea9; height:70px; position:relative; color:#fff}
.foot{ width:1020px; margin:0px auto; height:70px; line-height:70px;}
.bottom a{ color:#fff;}

.main{ width:1020px; margin:0px auto;position:relative}

.navcolumn{ width:100%; float:left; height:50px; line-height:50px; text-align:right; border-bottom:1px solid #ddd;}
.navcolumn span{ float:left;font-family:Microsoft Yahei; font-size:25px;}

.left{ width:220px; float:left; border:1px solid #ddd; background:#f6f6f6;border-radius:5px;behavior:url(PIE.htc); padding:15px; }
.leftcolumn{ width:100%; float:left; background:url(../images/index-11.jpg) no-repeat left bottom; height:40px; line-height:40px; font-size:18px; color:#255da9;font-family:Microsoft Yahei;}
.leftcolumn a{ color:#255da9; text-decoration:none}
.leftcolumn span{ font-size:14px; color:#666; padding-left:10px;}
.left ul{ width:220px; float:left; padding:15px 0px;}
.left ul li{ width:220px; float:left; background:url(../images/index-10.jpg) no-repeat center bottom; padding-bottom:5px; height:40px; line-height:40px;}
.left ul li a{ width:190px; background:url(../images/index-9.jpg) no-repeat 20px center; padding-left:30px;}


.homeleft{ width:220px; float:left; border:1px solid #ddd; background:#f6f6f6;border-radius:5px;behavior:url(PIE.htc); padding:0px 15px; }
.homeleftcolumn{ width:100%; float:left; background:url(../images/index-11.jpg) no-repeat left bottom; height:30px; line-height:30px; font-size:18px; color:#255da9;font-family:Microsoft Yahei;}
.leftcolumn a{ color:#255da9; text-decoration:none}
.leftcolumn span{ font-size:14px; color:#666; padding-left:10px;}
.homeleft ul{ width:220px; float:left; padding:0px 0px;}
.homeleft ul li{ width:220px; float:left; background:url(../images/index-10.jpg) no-repeat center bottom; padding-bottom:5px; height:25px; line-height:25px;}
.homeleft ul li a{ width:190px; background:url(../images/index-9.jpg) no-repeat 20px center; padding-left:30px;}



.right{ width:720px; float:right;}

.new{ width:710px; float:left; border:1px solid #ddd; padding:2px; height:380px;}

.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; float:left; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; height:380px; }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 14px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }

.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height:50px; width: 50px; background: url("../images/index-17.png") no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background: url("../images/index-18.png") no-repeat left top;  right: 0; }

.listview{ width:720px; float:left;}

.listview ul li{ width:220px; float:left; padding:15px 0px; padding-right:30px; }
.listview ul li.listright{ padding-right:0px; float:right}
.listview ul li img{ width:210px; float:left; border:1px solid #ddd; padding:2px; height:140px;}
.listview ul li span{ width:220px; float:left; height:30px; line-height:30px; text-align:center}

.propic{ width:400px; float:left; border:1px solid #ddd; padding:2px; height:267px;}
.propic img{ width:400px; height:267px;}
.procont{ width:300px; float:right}
.procont h3{ width:300px; height:40px; line-height:40px; border-bottom:1px dashed #ddd; color:#1c51a1; font-size:14px;}
.procont p{ padding:5px 0px; width:300px; line-height:25px;}

.procolumn{ width:720px; float:left; height:60px; background:url(../images/index-14.jpg) no-repeat left center; position:relative}
.procolumn span{ width:100px; height:30px; line-height:30px; position:absolute; left:20px; text-align:center; top:15px; font-weight:bold; color:#1c51a1}

.procontent{ width:720px; float:left; padding:15px 0px; line-height:25px;}

.content{ width:100%; clear:both; padding:15px 0px; line-height:25px;}


.sideMenu{ border:1px solid #ddd; width:100%; border-top:0px;  }
.sideMenu h3{ height:40px; line-height:40px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;font:normal 14px/32px "Microsoft YaHei";
}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu .cont{ color:#666; display:none; /* 默认都隐藏 */ padding:15px; line-height:25px; }

.contact{ width:400px; float:left; padding-top:50px; line-height:25px;}
.map{ width:550px; float:right}

.about-cont{ width:1020px; float:left; position:relative; padding:15px 0px; line-height:30px; /*height:auto!important; height:230px; min-height:230px;*/}
.aboutcolumn{ width:1020px; float:left; color:#007eec;font-family:Microsoft Yahei; font-size:25px;}


.about-pic{ width:1020px; float:left;}
.about-pic ul li{ float:left; width:174px; padding:15px;}
.about-pic ul li a{ width:142px;border-radius:5px;behavior:url(PIE.htc); height:80px; float:left; display:block; border:1px solid #999; padding:15px; text-align:center; color:#555; text-decoration:none}
.about-pic ul li img{ width:50px; height:50px; margin-bottom:5px;}


/* 本例子css */
.slideTxtBox{ width:682px; float:left; height:233px;  }
.slideTxtBox .hd{ height:30px; line-height:30px;  border-bottom:1px solid #ddd; width:682px; float:left; position:relative}
.slideTxtBox .hd ul{ float:left;  height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  border-radius:5px 5px 0px 0px;behavior:url(PIE.htc); font-family:Microsoft Yahei; font-size:14px; }
.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff;border-radius:5px 5px 0px 0px; behavior:url(PIE.htc); }

.slideTxtBox .hd a{ float:right}


.slideTxtBox .bd{border-radius:0px 0px 5px 5px;behavior:url(PIE.htc); border:1px solid #ddd; border-top:0px; float:left; height:200px; width:680px;background:url(../images/index-8.jpg) repeat-x left bottom}
.slideTxtBox .bd ul{ padding:15px;  zoom:1; }
.slideTxtBox .bd li{ height:24px; line-height:24px; width:360px; float:left; border-bottom:1px dashed #ddd; height:30px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.slideTxtBox .bd .newspic{ width:250px; height:170px; border:1px solid #ddd; margin-right:15px; float:left;}
.slideTxtBox .bd .newspic img{ width:250px; height:170px; }

.homeabout{ width:280px; float:right; height:231px; border:1px solid #ddd;border-radius:5px;behavior:url(PIE.htc); padding:0px 15px; overflow:hidden;background:url(../images/index-8.jpg) repeat-x left bottom }
.homeabout .column{ width:280px; float:left; height:30px; line-height:30px; text-align:right}
.homeabout .column span{ float:left; font-family:Microsoft Yahei; font-size:14px;}
.homeabout .column  img{ margin-top:5px;}
.homeabout .cont{ width:280px; float:left; line-height:25px;}

.hotpro{ width:720px; float:right; height:430px; border:1px solid #ddd; border-bottom:0px;border-radius:5px 5px 0px 0px;behavior:url(PIE.htc); padding:15px; }

.hotclass{ width:722px;float:right; height:60px; background:url(../images/index-12.jpg) no-repeat left top; padding:0px 15px; padding-top:40px; overflow:hidden;}
.hotclass span{ font-weight:bold; color:#255da9; float:left; width:80px; display:block}
.hotclass a{ padding-right:5px; height:20px; line-height:20px; }

.prolist{ width:988px; border:1px solid #ddd;border-radius:5px;behavior:url(PIE.htc); height:250px; overflow:hidden;background:url(../images/index-8.jpg) repeat-x left bottom ; padding:0px 15px;}

.prolist .column{ width:988px; float:left; height:30px; line-height:30px; text-align:right}
.prolist .column span{ float:left; font-family:Microsoft Yahei; font-size:14px;}
.prolist .column  img{ margin-top:5px;}


/*首页产品列表*/
.picScroll-left{ overflow:hidden; position:relative; width:988px; position:relative}
.picScroll-left .hd{ overflow:hidden;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:23px; height:23px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer;}
.picScroll-left .hd .next{ background:url(../images/index-13.jpg) no-repeat left center; position:absolute; left:0px; top:70px; }
.picScroll-left .hd .prev{ background:url(../images/index-13_1.jpg) no-repeat left center;   position:absolute; right:0px; top:70px;}

.picScroll-left .bd{ padding:40px 50px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:155px; height:120px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px; background:url(../images/index-9.jpg) no-repeat left center; padding-left:15px; text-align:left;   }

.newslist{ width:720px; float:left;}
.newslist ul li{ width:720px; float:left; height:30px; line-height:30px; border-bottom:1px solid #ddd;}
.newslist ul li span{ float:right}
.newstitle{ width:720px; float:left; text-align:center; font-size:18px; font-weight:bold;}
.newsdate{ width:720px; float:left; height:30px; line-height:30px; text-align:center; border-bottom:1px solid #ddd;}

.case{ width:1020px; float:left; padding:15px 0px;}
.case ul li{ width:174px; float:left; padding:15px; }
.case ul li img{ width:174px; float:left; height:130px;}
.case ul li span{ width:174px; float:left; height:30px; line-height:30px; text-align: center}
.casepic{ width:400px; float:left; padding-right:15px;}
.casecolumn { width:580px; float:right; border-bottom:1px solid #ddd; height:50px; line-height:50px; font-weight:bold; font-size:18px;}
.casecontent{ width:580px; float:right; padding:15px 0px; line-height:25px;}