@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:16px;color:#333333; font-family:苹方; font-weight:normal;background:url(../images/bg.png) center bottom no-repeat #fff;}
div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, input, button,textarea, p, table, th, td {margin:0px;padding:0px; }
img{border:0;}
ul,li{list-style-type:none;}
:focus {outline:0;}
h3{font-size:15px;}
h4{font-size:14px;}
a {color:#333333;text-decoration:none;}
a:hover {color:#333333;text-decoration:none;}
.main{ width: 1180px; margin: 0 auto;}

.top{ padding: 27px; overflow: hidden;}
.top .logo{ float: left;}
.top .tell{ float: right; padding-top: 15px;}
.nav{ height: 52px; line-height: 52px; box-shadow: 0px 0px 15px #e7e7e7;}
.nav li{float: left; padding: 0 25px; margin-right: 1px; font-weight: bold;}
.nav li span{ font-size:12px; color: #929292;font-style:italic; margin-left: 5px;}
.nav li:hover{ background: #f3f3f3;}
.nav .active{ background: #f3f3f3;}

.banner{ margin-top:26px;}

.product{ overflow: hidden; margin-top:50px;}
.product ul li{ width: 360px; float: left;}
.product ul a:nth-child(2) li{ margin: 0 50px;}
.product ul li .img{ width: 360px; height: 222px;}
.product ul li .img img{ width: 360px; height: 222px;}
.product ul li .title{ height: 60px; line-height: 60px; text-align: center; border-bottom: solid 1px #878787; font-size: 18px;}

.about{ background:url(../images/fff.png); overflow: hidden; padding: 14px 5px; box-sizing: border-box; margin-top: 38px;}
.about .left{ width: 354px; float: left; margin-right: 50px;}
.about .right{ width: 766px; float: left;}
.about .right h3{ font-size: 24px; height: 64px; line-height: 64px; border-bottom: solid 1px #878787; }
.about .right .neirong{ line-height: 36px; margin-top: 10px;}

.footer{ line-height: 30px; font-size: 14px; text-align: center; padding: 30px 0 50px 0;}

.ny_banner{height: 261px; margin-top:26px;}
.article{ background:url(../images/fff.png); overflow: hidden; padding: 14px 5px; box-sizing: border-box; }
.article h3{ font-size: 24px; height: 64px; line-height: 64px; border-bottom: solid 1px #878787; text-align: center; }
.article .zhengwen{ line-height: 36px; padding: 40px; overflow: hidden;}

.contact{ background:url(../images/fff.png); overflow: hidden;}
.contact .title{font-size: 24px; line-height: 32px; padding: 25px 0 15px 0; text-align: center; font-weight: bold; }
.contact .qita{border-bottom: solid 1px #878787; text-align: center; padding-bottom: 20px; }
.contact .zhengwen{ line-height: 36px; padding:40px 20px; overflow: hidden;}
.contact .zhengwen .left{ width: 300px; float: left;}
.contact .zhengwen .left img{ max-width: 90%;}
.contact .zhengwen .right{ width:840px; float: left;}


.list{ overflow: hidden; }
.list .tjlm{ height: 40px; line-height: 40px; margin-top: 25px; border-bottom: solid 1px #878787; }
.list .tjlm ul li{ float: left; padding:0 20px; margin-right: 1px;}
.list .tjlm .active{ background: #ffb600;  text-align: center; font-size: 18px; padding:0 50px; }
.list .tjlm ul li:hover{ background: #ffb600;  text-align: center;}

.list .list_product{ overflow: hidden; min-height: 500px;}
.list .list_product ul { margin: 50px 0;}
.list .list_product ul li{ width: 210px; background: #fff; float: left; margin:15px 30px 15px 0; border: solid 1px #878787;}
.list .list_product ul a:nth-child(5n+0) li{ margin-right: 0px;}
.list .list_product ul li .img{ width: 210px; height: 180px;}
.list .list_product ul li .img img{ width: 210px; height:auto;}
.list .list_product ul li .title{ height: 60px; padding:5px; line-height: 25px; text-align: left; font-size: 14px;}