@charset "utf-8";
/* site style */
body { background:#fff; font-family:"Hiragino Sans GB", "Microsoft YaHei", Arial-normal, "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:0; color:#333; line-height:200%; }

@media (min-width: 601px) {
body { font-size:1em; }
}

@media (max-width: 600px){	
body { font-size:0.9em; }
}

body a { transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all; }
ul, ol { list-style-position:outside; }
li { list-style-type:none; }
img { border:0; }
div { overflow:hidden; }
input , select { vertical-align:middle; }
p , dl ,dt, dd { margin:0; padding: 0;}
img { border: none; max-width:100%; }
em { font-weight: bold; font-style: normal }
h1 , h2 , h3 , h4 , h5 , h6 , ul , ol, li, dl, dt, dd, p, form,menu { padding:0;margin:0; }
a { color:#333; text-decoration: none }
a:hover { color: #f30; text-decoration: none }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block; }
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline; }

/* 分页 */
.pagination { clear:both; text-align:center; padding:1em 0; line-height:3em; }
.pagination a { background:#ccc; color:#555; margin:0 0.2em; padding:0.5em 1em; text-align:center; text-decoration:none; }
.pagination a:hover { background:#da251c; color:#fff; text-decoration:none; }
.pagination span { background:#da251c; margin:0 0.2em; color:#fff; padding:0.5em 1em; }

/* 图缩放 */
img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
img.zoom-img:hover {
  -webkit-transform: scale(1.1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}

/* header */
@media (min-width: 901px) {
.header { width:96%; max-width: 1000px; height: 5.5em; margin: 1.8em auto 0 auto; display: block; position: relative; overflow:visible; }
.header h1 { float:left; width:50%; display:block; height: 2em; line-height: 2em; }
.header h1 img { width:100%; max-width:420px; }
.header p { float:right; width:28%; padding-left: 2%;  display:block;  color: #da251c; font-size: 180%; height: 2em; line-height: 2em; }
.header p i { color:#02833e; }
.header h3 { display: none; font-size: 0; }
}
@media (max-width: 900px) and (min-width: 500px) {	
.header { width:96%; max-width: 1000px; margin: 1.3em auto; display: block; overflow: hidden; }
.header h1 { float:left; width:50%; display:block; height: 1.5em; line-height: 1.5em; }
.header h1 img { width:100%; max-width:380px; }
.header p { float:right; width:46%; padding-left: 2%;  display:block;  color: #da251c; font-size: 150%; height: 2em; line-height: 2em; text-align: right; }
.header p i { color:#02833e; }
.header h3 { display: none; font-size: 0; }
}
@media (max-width: 499px) and (min-width: 350px) {
.header { width:96%; max-width: 1000px; margin: 0.8em auto; display: block; overflow: hidden; }
.header h1 { float:left; width:78%; display:block;  }
.header h1 img { width:100%; max-width:389px; }
.header p { display: none; }
.header h3 { float:right; width:20%; font-size:2.2em; color:#02833e; text-align:right; margin-top:0.3em; }
.header h3 a { color:#02833e; }
}

@media (max-width: 349px) {
.header { width:96%; max-width: 1000px; margin: 0.8em auto; display: block; overflow: hidden; }
.header h1 { float:left; width:78%; display:block;  }
.header h1 img { width:100%; max-width:389px; }
.header p { display: none; }
.header h3 { float:right; width:20%; font-size:2em; color:#02833e; text-align:right; margin-top:0.1em; }
.header h3 a { color:#02833e; }
}

/* menu菜单 */
.menu { clear: both; width:100%; margin: 0 auto; background: #02833e; overflow: hidden; }
.menu ul li a:hover { background:#006d33; }
@media (min-width: 601px) {
.menu ul { width:100%; max-width:1000px; height:3.2em; line-height:3.2em; margin:0 auto; display:block; color:#fff; }
.menu ul li { float:left; width:20%; height:3.2em; line-height:3.2em; text-align: center; }
.menu ul li a { color:#fff; display:block; text-align:center; font-size:100%; }
}
@media (max-width: 600px){	
.menu ul { width:100%; max-width:1000px; height:3em; line-height:3em; margin:0 auto; display:block; color:#fff; }
.menu ul li { float:left; width:25%; height:3em; line-height:3em; text-align: center; }
.menu ul li a { color:#fff; display:block; text-align:center; font-size:100%; }
#menuindex { display:none}
}

/* 顶部图片 */
.topbox { width:100%;  background:#009bd1 url(topboxbg.jpg) repeat-x; }
.topbox img { width:100%; max-width:960px; height:auto;margin:0 auto; display:block;  }

/* main布局 */
@media (min-width: 601px) {
.mainhome {  width:100%; margin:0 auto; padding:2em 0 2em 0; overflow: hidden; }
.mainhuibox { width:100%; margin: 0 auto; padding:2em 0 2em 0; background:#f7f7f7; overflow: hidden; }
}
@media (max-width: 600px){	
.mainhome {  width:100%; margin:0 auto; padding:2em 0 2em 0; overflow: hidden; }
.mainhuibox { width:100%; margin: 0 auto; padding:2em 0 2em 0; background:#f7f7f7; overflow: hidden; }
}

/* 首页布局标题 */
@media (min-width: 601px) {
.intit { width:100%; text-align: center; background: url(intit.png) bottom center no-repeat; padding: 0 0 1.5em 0; }
.intit h3 { color: #02833e; font-size:180%; font-weight: normal; }
}
@media (max-width: 600px){	
.intit { width:96%; margin:0 auto; text-align: center; background: url(intit.png) bottom center no-repeat; padding: 0 0 1em 0; }
.intit h3 { color: #02833e; font-size:150%; font-weight: normal; }
}

/* 首页简介内容 */
@media (min-width: 991px){
.indexshowtxt { width:96%; margin:0 auto; max-width:1000px; padding-top:0.6em; }
.indexshowtxt , indexshowtxt a { font-size:100%; text-align:justify; justify-content:space-between; line-height:200%; }
}
@media (max-width: 990px){
.indexshowtxt { width:96%; margin:0 auto; padding-top:0.6em; }
.indexshowtxt , indexshowtxt a { font-size:100%; text-align:justify; justify-content:space-between; line-height:200%; }
}

/* 首页查看更多 */
@media (min-width: 601px) {
.mores { width:100%; max-width: 1000px; margin: 0 auto; text-align: center; padding-top: 1em; }
.mores a { background: none; color: #02833e; border: 1px #02833e solid; border-radius:2em; padding:0 2em; display: inline-block; }
.mores a:hover {  background: none; color: #da251c; border: 1px #da251c solid;  padding:0 3em; }
}
@media (max-width: 600px){	
.mores { width:100%; max-width: 1000px; margin: 0 auto; text-align: center; padding-top: 0.6em; }
.mores a { background: none; color: #02833e; border: 1px #02833e solid; border-radius:2em; padding:0 2em; display: inline-block; font-size: 90%; }
.mores a:hover {  background: none; color: #da251c; border: 1px #da251c solid; }
}

/* 首页新闻 */
@media (min-width: 601px){
.newslistindex { width:100%; max-width:1000px; margin:1em auto 0 auto; }
.newslistindex ul { padding:0; margin:0; }
.newslistindex ul li { border-bottom:1px #e6e6e6 dotted; height:3.4em; line-height:3.4em; }
.newslistindex ul li a { float:left; width:70%; height:3.4em; line-height:3.4em; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.newslistindex ul li span { float:right; height:3em; line-height:3em; color:#999; }
}
@media (max-width: 600px){
.newslistindex { width:96%; margin:0 auto; padding-top:0.5em; }
.newslistindex ul { padding:0; margin:0; }
.newslistindex ul li { padding:0.6em 0; border-bottom:1px #e6e6e6 dotted; line-height:180%; }
.newslistindex ul li a { display:block; }
.newslistindex ul li span { display:block; color:#999; }
}

/* 首页产品列表 */
@media (min-width: 801px) {
.probox { width:100%; max-width: 1000px; margin: 0 auto; }
.probox a { float:left; width:31.333%; margin:1.5em 1% 0 1%; }
.probox a dl { width:100%; text-align:center;  }
.probox a dl dt {  display:block; position:relative; width:100%; height:316px; overflow:hidden; }
.probox a dl dt img { position:absolute; line-height:0; margin:0 auto; left:-50%; right:-50%;  }
.probox a dl dd { width:100%; margin:0 auto; height:2.3em; line-height:2.3em; font-size:120%; font-weight:bold; text-align:center; color:#02833e; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.probox a:hover dl dd { color:#c00;  }
}
@media (max-width: 800px){	
.probox { width:96%; margin: 0 auto; padding-bottom:0.5em; }
.probox a { float:left; width:48%; margin:1em 1% 0 1%; }
.probox a dl { width:100%; text-align:center;  }
.probox a dl dt {  display:block; position:relative; width:100%; height:160px; overflow:hidden; }
.probox a dl dt img { position:absolute; line-height:0; margin:0 auto; left:-50%; right:-50%;  }
.probox a dl dd { width:100%; margin:0 auto; height:2.3em; line-height:2.3em; font-size:100%; font-weight:bold; text-align:center; color:#02833e; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.probox a:hover dl dd { color:#c00;  }
}
@media (min-width: 801px) {
.probox a dl dt img { width:auto; max-width:inherit; height:316px; }
}
@media (max-width: 800px) {
.probox a dl dt img { width:auto; max-width:inherit; height:160px; }
}

/* footer */
#footer { width:100%; background:#02833e; padding:1em 0; color:#fff; text-align:center; font-size:90%;  }
#footer , #footer a { color:#fff; }
#toTop { display: none; text-decoration: none; position: fixed; bottom:10px; right: 10px; overflow: hidden; width: 46px; height: 46px; border: none; text-indent: 100%; background: url(movetop.png) no-repeat 0px 0px; z-index:999; }

/* 页导航布局 */
@media (min-width: 601px){
.navtitle { border-bottom:1px #dddddd solid; line-height:260%; }
.navtitle h2 { float:left; font-size:120%; padding:0; margin:0; color:#02833e; }
.navtitle p { float:right; color:#666;   }
.navtitle p a { color:#666; }
.form_details { margin:0 auto; width:80%; }
}
@media (max-width: 600px){
.navtitle { margin:0 }
.navtitle h2 { display:none; }
.navtitle { float:none; margin-top:1em; background:#f1f1f1; padding-left:10px; border-radius:3px; color:#666; }
.navtitle p { color:#666; font-size:100% }
.navtitle p a { color:#666; }
.form_details { margin:0 auto; width:100%; }
}

/* 新闻列表 */
@media (min-width: 601px){
.newlistpage { width:100%; margin:0 auto; padding-top:0.5em; }
.newlistpage ul { padding:0; margin:0; }
.newlistpage ul li { border-bottom:1px #ccc dotted; height:3.4em; line-height:3.4em; }
.newlistpage ul li a { float:left; width:70%; height:3.4em; line-height:3.4em; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.newlistpage ul li span { float:right; height:3em; line-height:3em; color:#999; }
}
@media (max-width: 600px){
.newlistpage { width:96%; margin:0 auto; padding-top:0.5em; }
.newlistpage ul { padding:0; margin:0; }
.newlistpage ul li { padding:0.6em 0; border-bottom:1px #ccc dotted; line-height:180%; }
.newlistpage ul li a { display:block; }
.newlistpage ul li span { display:block; color:#999; }
}

/* 新闻页 */
@media (min-width: 991px){
.showtxt { padding-top:0.6em; }
.showtxt , showtxt a { font-size:100%; text-align:justify; justify-content:space-between; line-height:200%; }
}
@media (max-width: 990px){
.showtxt { padding-top:0.6em; }
.showtxt , showtxt a { font-size:100%; text-align:justify; justify-content:space-between; line-height:200%; }
}
@media (min-width: 601px){
.showtxt h3 { font-size:130%; text-align:center; padding:1em 0 0.5em 0; margin:0; }
}
@media (max-width: 600px){
.showtxt h3 { font-size:120%; text-align:center; padding:0.5em 0; margin:0; }
}

@media (min-width: 601px){
#titlenav { text-align:center; padding:0 0 5px 0; } 
#titlenav , #titlenav a { font-size:90%; color:#787878; }
.form_details { margin:0 auto; width:80%; }
}
@media (max-width: 600px){
#titlenav { text-align:center; padding:0 0 5px 0; } 
#titlenav , #titlenav a { font-size:80%; color:#787878; }
.form_details { margin:0 auto; width:100%; }
}

#gonetbox { border-top:1px #ddd solid; margin:1em 0; padding-top:0.5em; }

/* 内容页布局 */
@media (min-width: 601px) {
.main {  width:96%; max-width: 1000px; margin:0 auto; padding:1em 2% 1em 2%; overflow: hidden; }
}
@media (max-width: 600px){	
.main {  width:96%; max-width: 1000px; margin:0 auto; padding:6px 2% 1em 2%; overflow: hidden; }
}

/* 产品列表 */
@media (min-width: 801px) {
.proboxpage { width:100%; padding:2em 0 0 0; }
.proboxpage a { float:left; width:31.333%; margin:0 1% 1em 1%; }
.proboxpage a dl { width:100%; text-align:center; }
.proboxpage a dl dt {  display:block; position:relative; width:100%; height:316px; overflow:hidden; }
.proboxpage a dl dt img { position:absolute; line-height:0; margin:0 auto; left:-50%; right:-50%;  }
.proboxpage a dl dd { background:#fff; width:100%; margin:0 auto; height:2.3em; line-height:2.3em; font-size:120%; font-weight:bold; text-align:center; color:#02833e; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.proboxpage a:hover dl dd { background:#fff; color:#c00;  }
}
@media (max-width: 800px){	
.proboxpage { width:96%; margin:0 auto; padding:1em 0 0 0; }
.proboxpage a { float:left; width:48%; margin:0 1% 1em 1%; }
.proboxpage a dl { width:100%; text-align:center; }
.proboxpage a dl dt {  display:block; position:relative; width:100%; height:160px; overflow:hidden; }
.proboxpage a dl dt img { position:absolute; line-height:0; margin:0 auto; left:-50%; right:-50%;  }
.proboxpage a dl dd { background:#fff; width:100%; margin:0 auto; height:2.3em; line-height:2.3em; font-size:100%; font-weight:bold; text-align:center; color:#02833e; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.proboxpage a:hover dl dd { background:#fff; color:#c00;  }
}
@media (min-width: 801px) {
.proboxpage a dl dt img { width:auto; max-width:inherit; height:316px; }
}
@media (max-width: 800px) {
.proboxpage a dl dt img { width:auto; max-width:inherit; height:160px; }
}

/* 产品内容页封面图 */
.propic { text-align:center; }

/* 单页内容 */
@media (min-width: 991px){
.showpagetxt { padding:0.6em 0 1em 0; }
.showpagetxt , showpagetxt a { font-size:100%; text-align:justify; justify-content:space-between; line-height:200%; }
}
@media (max-width: 990px){
.showpagetxt { padding:0.6em 0 0.6em 0; }
.showpagetxt , showpagetxt a { font-size:100%; text-align:justify; justify-content:space-between; line-height:200%; }
}
@media (min-width: 601px){
.showpagetxt h3 { font-size:130%; text-align:center; padding:1em 0 0.5em 0; margin:0; }
}
@media (max-width: 600px){
.showpagetxt h3 { font-size:120%; text-align:center; padding:0.5em 0; margin:0; }
}