@charset "gb2312";
@media screen and (min-width: 200px) and (max-width: 1000px) {body{ width:100%; }}
body{ text-align:center;  font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;font-size:14px; color:#000;  margin:0px; padding:0px;   }
 *{ margin:0px; padding:0px;}
.clear{clear:both;height:0;overflow:hidden; font-size:0px;}
.clear5{height:5px;overflow:hidden;clear:both;}
ol,ul,li{list-style:none outside none;}
a{color:#000;  text-decoration:none}
a img{border:0 none;}
table,tr,td,th{border-collapse:collapse;padding:0; margin:0;}
img{vertical-align: middle;}
/*input,textarea{padding:0 2px; resize:none;}*/
.box{ width:100%; margin:0px auto; text-align:left; overflow:hidden; background:url(../img/top.jpg); height:100px;}
.fl{ float:left;}
.fr{ float:right;}
.padding{ padding:10px;}
.info{ line-height:35px; text-align:left; }
.red{ color:#990000; font-weight:bold;}
.black{ color:#000;}
.green{ color:#26973d}
.body1{ text-align:left;  width:100%;overflow:hidden}

.cor{ color:#666666}

.heard{width:100%; background: url("../Img/colorline.jpg") repeat-x top; height:3px}
.logo{ width:100%; margin:0px auto;  overflow:hidden; margin-top:5px; margin-bottom:5px;}




.nav{ width:100%; margin:0 auto; overflow:hidden;background:#00428E; height:80px;}
.nav ul{ width:100%; margin:0px auto;}
.nav ul li{ width:25%; float:left; overflow:hidden;}
.nav ul li a{ width:100%; height:40px; display:block; text-align:center; color:#fff; font-size:16px; line-height:40px; }
.nav ul li a:hover{ background:#003878;}


.banner img{width:100%;}
/* swipe */
.banner .swipe{width:100%;overflow:hidden;position:relative;}
.banner .swipe ul{-webkit-transition:left 800ms ease-in 0;-moz-transition:left 800ms ease-in 0;-o-transition:left 800ms ease-in 0;-ms-transition:left 800ms ease-in 0;transition:left 800ms ease-in 0;}
.banner .swipe #pagenavi{position:absolute;left:0;bottom:5px;text-align:right;width:95%;background:url(../images/banner_bg.png) center repeat;height:32px;z-index:99;padding-top:0px;padding-right:5%;}
.banner .swipe #pagenavi a{width:12px;height:12px;background:url(../images/banner_a.png) no-repeat;margin:0 2px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;font-size:0px;}
.banner .swipe #pagenavi a.active{width:12px;height:12px;background:url(../images/banner_hover.png) no-repeat;}
.banner_title{float:left;line-height:32px;font-size:16px;color:#fff;padding-left:5%;position:relative;z-index:999;margin-top:-37px;}
.title{ height:85px; line-height:70px;}
.title span{ letter-spacing:8px; font-size:18px;}
.titleT{ height:85px; line-height:70px;}
.titleT span{ letter-spacing:8px; font-size:18px;}

.title00{background:#57BB89; font-size: 24px; color:#000; text-align:center; line-height:50px; margin-top:5px}


.rt1{ background:url(../img/xi.png) repeat center; height:3px}
.products{  }
.products ul{ width:100%; text-align:center; padding:10px 0px;}
.products ul li{ width:50%; float:left; margin-bottom:10px;}
.products ul li div{ width:140px; margin:0px auto;}
.products ul li div img { width:130px; height:120px; padding:10px; border:1px solid #666666; -moz-border-radius: 15px; -webkit-border-radius: 15px;   border-radius:15px; }

.title{width:100%;  height:35px;  line-height:35px; font-size:25px; color:#000;}
.neititle{font-size: 22px; color: rgb(0, 160, 234); text-align:left; line-height:40px; margin-left:10px;}

.gsnews{width:98%; margin:0 auto;  text-align:left; line-height:28px; }
.gsnews ul{}
.gsnews ul li{width:98%; margin:0 auto;margin-left:10px; margin-top:10px; border-bottom: dotted 1px #CCCCCC; line-height:30px; text-align:left;}


.xm{  }
.xm ul{ width:99%; margin:0 auto; text-align:center; padding:10px 0px;}
.xm ul li{ width:99%; float:left; margin-bottom:10px;}




.footer{background:#333333; width:100%; overflow:hidden}
.footer li{width:25%;float:left;text-align:center;color:#fff;}
.footer ul{width:100%;}
.footerimg{width:30px;}
.footer_text a{width:100%;display:block;font-size:12px;color:#fff;}
.footer_text p{margin-top:5px;}