*{ margin: 0; padding: 0; font-family: 'Microsoft Yahei'; }
a{ text-decoration: none; outline: unset; color: #505050; }
ul, li{ list-style-type: none; }
img{ border: none; vertical-align: middle; outline: none; }
input:focus{ outline: none; }
.clear:after{ content: ''; display: block; clear: both; }
.clear{ zoom: 1; }

/*---------------------------*/

body{ min-width: 1000px; }
.header{ width: 1000px; margin: 0 auto; }
.header h1{ padding: 15px 0 18px 4px; float: left;  }
.top-right{ float: right; padding: 15px 0 0 0; }

.t-r-top{ clear: both; zoom: 1; margin-left: 530px; margin-bottom: 14px;}
.t-r-top form div{ float: left; width: 148px; height: 24px; position: relative; }
.t-r-top form input#submit{ float: left; width: 24px; height: 24px; background: url(../img/search-btn.jpg) no-repeat 0 0; border: none; margin-top: 1px;   }
.t-r-top form input{ width: 136px; height: 22px; border: 1px solid #ccc; font-size: 12px; color: #505050; padding-left: 10px; }
.t-r-top form div span{ font-size: 14px; color: #ccc; line-height: 22px; position: absolute; left: 10px; top: 1px; }
.t-r-top a{ display: inline-block; line-height: 24px; font-size: 12px; color: #000; margin:0 6px;  }
.t-r-top a img{ margin: 0 4px 0 0; }


.nav li{ float: left; width: 102px; height: 34px; background: url(../img/nav.jpg) no-repeat 0 0; text-align: center; line-height: 30px; font-size: 14px; }
.nav li a{ color: #000; display: block; width: 100%; height: 100%; }
.nav li.first{ background: url(../img/nav-b-c.jpg) no-repeat 0 0; width: 103px; }
.nav li.last{ background: url(../img/nav-b-c-r.jpg) no-repeat 0 0; width: 103px; }

.nav li:hover{ background: url(../img/nav-c.jpg) no-repeat 0 0; }
.nav li:hover a{ color: #fff; }

.nav li.first:hover{ background: url(../img/nav-b.jpg) no-repeat 0 0;  }
.nav li.last:hover{ background: url(../img/nav-b-r.jpg) no-repeat 0 0;  }

.banner{ width: 1000px; margin: 0 auto; position: relative; overflow: hidden; height: 350px; border-radius: 8px; }
.banner img#banner-border{ position: absolute; top: 0; left: 0; z-index: 500; }
.banner ul{ width: 100%; }
.banner li{ width: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); z-index: 1; }
.banner li:first-child{ opacity: 1; filter: alpha(opacity=100); z-index: 10; }
.banner li a{ width: 100%; display: block; }
.banner li img{ width: 100%; }


.banner span.banner-btn{ position: absolute; display: block; width: 42px; height: 40px; margin-top: -20px; top: 50%; cursor:pointer; z-index: 501;}
.banner span#banner-left-btn{ left: 10px; }
.banner span#banner-right-btn{ right: 10px; }

.banner-list{ position: absolute; bottom: 10px; left: 0; text-align: center; width: 100%; z-index: 502;}
.banner-list span{ display: inline-block; width: 8px; height: 8px; background: url(../img/banner-list-btn.png) no-repeat 0 -8px; margin: 0 5px;}
.banner-list span.current{ background: url(../img/banner-list-btn.png) no-repeat 0 0px;}

.content{ width: 1000px; margin: 0 auto; }
.content div.i-pro-list{ width: 233px; height: 133px; background: url(../img/i-pro-bg.jpg) no-repeat 0 0; padding:9px; float: left;  position: relative; }
.content div.i-pro-list:first-child{ /*padding-left:0; */}

.mun{ position: absolute; top: 16px; left: 22px;  }
.mun p{ width: 60px; height: 60px; background: url(../img/pro-number.jpg) no-repeat 0 0; text-align: center; line-height: 60px; font-size: 35px; color: #fff; font-family:'Georgia'; }
.mun span{ font-size: 12px; color: #000; }

.i-pro-list img{ position: absolute; top: 16px; right: 60px; }

.i-pro{ padding: 26px 0; width: 1000px; height: 133px; overflow: hidden; position: relative; }
.i-pro-slide{ width: 9999px; height: 100%; position: absolute; top: 24px; left: 0; }


.order{ width: 328px; height: 313px; background: url(../img/order-bg.jpg) no-repeat 0 0; float: left; margin-left: 8px; }
.order:first-child{ margin-left: 0; }
.o-top{ line-height: 34px; padding:1px 18px 0;  }
.o-top img{ float: left; margin-top: 7px; }
.o-top a{ display: inline-block; font-size: 12px; color: #fff; float: right; }

.i-about-cont{ padding: 10px 14px; font-size: 12px; color: #000; line-height: 21px; }
.i-about-cont p{ word-break:break-all; }
.i-about-cont img{ float: left; margin: 0 4px 4px 0; }

.i-news-cont{ padding: 16px 20px; font-size: 12px;  }
.i-news-cont li{ padding-left: 10px; background: url(../img/news-arrow.jpg) no-repeat 0 0; font-size: 12px;  }
.i-news-cont li a{ display: block; font-size: 12px;  color: #000; line-height: 26px;   }
.i-news-cont li:hover a{ color: #505050; }

.i-contact-cont{ padding: 16px 20px; font-size: 12px; line-height: 34px; color: #000; }
.i-contact-cont p{  padding-left: 46px; }

.self{ background: url(../img/contact-ico.jpg) no-repeat 0 0; }
.mibo{ background: url(../img/contact-ico.jpg) no-repeat 0 -68px; }
.phone{ background: url(../img/contact-ico.jpg) no-repeat 0 -136px; }
.cz{ background: url(../img/contact-ico.jpg) no-repeat 0 -204px; }
.email{ background: url(../img/contact-ico.jpg) no-repeat 0 -272px; }
.path{ background: url(../img/contact-ico.jpg) no-repeat 0 -340px; }

.footer{ background: #363636; width: 100%; padding: 16px 0; margin-top: 20px; }
.footer-inner{ width: 1000px; margin: 0 auto; text-align: center; }
.footer-inner div a{ display: inline-block; font-size: 12px; line-height: 26px; margin:0 12px;  }
.footer-inner div a:hover{ text-decoration: underline; }

.footer-nav a{ color: #fff; }
.flink{ color: #bebebe; font-size: 12px; }
.flink a{ color: #bebebe; }
.copyright{ font-size: 12px; color: #bebebe; line-height: 24px; }


.pro-content{ width: 1000px; margin: 20px auto 0; }
.pro-cont-left{ width: 232px; float: left;  }

.pro-list{ background: url(../img/sub-bg.jpg) repeat-y 0 0; }
.pro-list h3{ width:232px; height: 75px; +height: 59px; background: url(../img/sub-title.jpg) no-repeat 0 0; text-align: center; line-height: 75px; +padding-top: 16px;  }
.pro-list ul{ padding: 16px 16px 24px 14px; background: url(../img/sub-bottom.jpg) no-repeat 0 bottom;  }
.pro-list li{ background: url(../img/news-arrow.jpg) no-repeat 0 0; border-bottom: 1px dashed #ccc;  }
.pro-list li a{ font-size: 14px; line-height: 26px; padding-left: 10px; color: #000; display: block;  }
.pro-list li:hover a{ color: #404040;  }


.pro-content div.i-contact{ width: 100%; background: url(../img/sub-contact.jpg) no-repeat 0 0; margin-left: 0;  }
.pro-content div.i-contact p{ padding-left: 34px; }
.pro-content div.i-contact-cont{ padding: 16px 4px 10px; background:url(../img/gg-bottom.jpg) no-repeat 0 bottom;  }

.content-cont{ background: url(../img/content-bg.jpg) repeat-y -761px 0; float: right; width: 761px; }
.content-two{ background: url(../img/content-bg.jpg) no-repeat -1522px bottom; }
.content-three{ background: url(../img/content-bg.jpg) no-repeat 0 0;  padding:16px 18px; }

.content-top{ border-bottom: 1px solid #ccc; padding: 0 6px;  }
.content-top p{ font-size: 14px; color: #000; line-height: 32px; float: right; color: #999; }
.content-top p:first-child{float: left; }

.content-list{  min-height: 534px;  }
.content-list ul{ padding-top: 16px; }
.content-list li{ width: 225px; float: left; text-align: center; margin:0 8px; }
.content-list li a.ppp{ display: block; width: 223px; border: 1px solid #ccc; text-align: center; height: 233px;  }
.content-list li span{ font-size: 14px; line-height: 36px; color: #505050; }
.content-list li img{ max-width: 100%; max-height: 100%; }


.pro-show div.pro-info{ float: left; width:360px; padding-top: 30px;  margin-left: 12px;}
.pro-info h3{ font-size: 20px; font-family: "宋体"; color: #3380dd; }
.pro-info li{ font-size: 12px; color: #000; line-height: 26px; padding-left: 18px; background: url(../img/list-dot.jpg) no-repeat 0 0; text-align: left; }

.argument{ text-align: center; padding-top: 30px; }
.argument-top{ text-align: left; border-bottom: 3px solid #5cd1e9; padding-left: 6px; margin-bottom: 20px;  }
.argument-top a{ display: inline-block; width: 134px; height: 39px; background: url(../img/argument-btn.jpg) no-repeat 0 0; position: relative; top: 5px;  color: #333; margin-left: 4px; font-size: 12px; text-align: center; line-height: 39px; }
.argument-top a.current{ background: url(../img/argument-btn-current.jpg) no-repeat 0 0; height: 49px; line-height: 49px; top: 3px;  }

.argument-info div{ display: none; }
.argument-info div:first-child{ display: block; }


.like{ margin-top: 18px; }
.like-list{ width: 725px; height: 220px; overflow: hidden; position: relative; }
.like-list ul{ width: 99999px; position: absolute; top: 0; left: 0; padding-top: 8px; }

.like-list li{ width: 170px; float: left; margin: 0 5px; }
.like-list li a{ display: block; width: 100%; border: 1px solid #ccc; text-align: center; height: 166px; }
.like-list li img{ max-width: 100%; max-height: 100%;   }

.like-top{padding: 0 12px;}
.like-top p{ float: right; font-size: 12px; color: #000; line-height: 20px; }
.like-top p:first-child{ float: left; }


.article{ font-size: 14px; line-height: 24px; color: #333; padding-top: 22px; }

#pager span.header{ width: auto; }
.ppl ul{ min-height: 532px; }

.news-list ul{ padding: 12px 14px; }
.news-list li{ border-bottom: 1px dashed #ccc; padding: 0 10px 0 6px; }
.news-list li a{ display: block;  font-size: 14px; color: #404040; line-height: 36px; float: left; }
.news-list li span{ font-size: 14px; color: #333; line-height: 36px; float: right; }

.news-cont h3{ font-size: 30px; font-family: '宋体'; color: #333; line-height: 50px; text-align: center; }
.news-cont div.time{text-align: center;  }
.news-cont div.time span{  font-size: 14px; color: #555; line-height: 30px; display: inline-block; margin: 0 10px; }
.news-cont p{  font-size: 14px; color: #666; line-height:24px; }


.form{ font-size: 14px; color: #505050; padding-top: 36px; text-align: right; width: 380px; }
.form input{ width: 280px; height: 24px; border: 1px solid #666; background: #fff; font-size: 12px; color: #505050; margin-bottom: 10px; padding-left: 10px;   }
textarea{ width: 280px; height: 200px; border:1px solid #666; background: #fff; vertical-align: top; font-size: 12px; color: #505050; margin-bottom: 10px; padding: 10px 0 0 10px;  }
.form label{ width: 80px; line-height: 24px; text-align: right; display: inline-block; }
.form label span{ color: #f00; }

.form input.bbtn{ width: 140px; margin-left: 10px; background: #666; color: #fff; cursor: pointer; }
.form input.bbtn:first-child{ margin-left: 200px;  }

.pro-show div.pro-ii{ float: left; width: 257px; padding-top:20px; }
.pro-ii img{ max-width: 100%; }