@charset "utf-8";
body{ margin:0px; padding:0px; font-size:12px; background:#717171;line-height:25px; font-family: "microsoft Yahei",Verdana, Geneva, sans-serif;}
ul,li{ margin:0px; padding:0px; list-style:none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}


.top{ clear: both; display: block; width: 1000px; height: 155px; position: relative; margin: 0px auto; background: #fff; }
.logo{ position: absolute; left: 80px; bottom: 5px; }
.logo img{ border: 0px; }

.site{ position: absolute; left: 250px; bottom: 20px; }


.indexC{ clear: both; display: block; width: 1000px; margin: 0px auto; padding: 20px; box-sizing: border-box; background: #fff; }
.menu{ clear: both; display: block; width: 1000px; height: 90px; margin: 0px auto; background: url(../images/menubg.gif) repeat; }
.menu ul{ display: flex; width: 100%; height: 100%; flex-wrap: nowrap; }
.menu ul li{ display: flex; flex: 1; height: 100%; }
.menu ul li a{ display: flex; flex: 1; width: 100%; height: 100%; align-items: center; justify-content: center; color: #fff; font-size: 14px; }
.menu ul li a img{ border: 0px; margin-right: 15px; }

.clear{ clear: both; display: block; }


/* left */
.left{ float: left; display: block; width: 180px; }
.leftTit{ clear: both; display: block; height: 35px; line-height: 35px; background: #404040; color: #fff; text-indent: 1em; font-size: 14px; }
.leftContact{ clear: both; display: block; padding: 10px; border: 1px solid #e3e3e3; }



/* right */
.right{ float: right; display: block; width: 750px; border: 1px solid #e3e3e3; }
.locationTit{ clear: both; display: block; height: 40px; background:#f1f2f4 url(../images/location.jpg) left bottom no-repeat; text-indent: 4em; font-size: 14px; color: #333; font-weight: bold; }
.indexAbout{ clear: both; display: block; padding: 20px; }



/* copyright */
.copyright{ clear: both; display: block; width: 1000px; margin: 0px auto; padding: 15px 0px; background: #404040; color: #fff; }
.copylogo{ float: left; margin: 10px 40px 0px 30px; }
.copytext{ float: left; }


/* pages content */
.aboutContent{ clear: both; display: block; padding: 20px; }
.newsContent{ clear: both; display: block; padding: 20px; }
.title{ clear: both; display: block; width: 100%; text-align: center; font-size: 18px; }
.info{ clear: both; display: block; height: 35px; line-height: 35px; text-align: center; font-size: 12px; color: #666; }
.newsPic{ clear: both; display: block; margin: 20px 0px; }
.newsPic img{ border: 0px; max-width: 100%; height: auto; }
.contenttext{ clear: both; display: block; margin: 15px 0px; }
.contenttext img{ border: 0px; max-width: 100%; height: auto; }


/* product list */
.proList{ clear: both; display: block; padding: 20px; }
.proList ul{ clear: both; display: block; }
.proList ul li{ float: left; width: 200px; text-align: center; margin-right: 50px; margin-bottom: 20px; }
.proList ul li:nth-child(3n){ margin-right: 0px; }
.proList ul li div{ clear: both; display: flex; width: 100%; height: 200px; justify-content: center; align-items: center; }
.proList ul li div img{ border: 0px; max-width: 200px; max-height: 200px; }
.proList ul li div span{ clear: both; display: block;}

/* news list */
.newsList{ clear: both; display: block; padding: 20px; }
.newsList li{ clear: both; display: block; border-bottom: 1px dashed #e3e3e3; height: 50px; line-height: 50px; overflow: hidden; }
.newsList li span{ float: right; }




.page{ clear: both; display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; }