@charset "utf-8";
html,body{ margin:0px auto; max-width: 680px; padding:0px; font-family:"microsoft Yahei"; font-size:14px; background:#edeae3; color:#333; line-height:23px;}
p,ul,li,ol{ list-style:none; margin:0px; padding:0px;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}


/* top ============== */
.top{ clear: both; display: block;   }
.top{ height: 100px; text-align: center; background: #f1ede4 URL(../images/top.jpg) left top repeat-x; }


.top a{ display: flex; width: 100%; cursor: pointer; justify-content: center; padding-top: 25px; }
.top a:hover{ text-decoration: none; }
.logo-img{ display: flex; margin-right: 15px; }
.logo-img img{ border: 0px; width: 60px; height: 70px; }

.logo-txt{ display: flex; flex-direction: column; text-align: center; justify-content: space-around; align-items: center; }
.logo-txt strong{ display: flex; font-size: 38px; color:#b22700; }
.logo-txt span{ display: flex; font-size: 16px; color:#b22700; }


.menu{ clear: both; display: block; background: #ac0109 URL(../images/menu.jpg) left top repeat-x; }
.menu a{ display: inline-block; width: 24%; height: 30px; line-height: 30px; color: #FFF; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: normal; }

/* banner style start */
.slideBox{ position:relative; width:100%; overflow:hidden; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); }
.slideBox .hd{ position:absolute; height:15px; line-height:15px; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ bottom:5px; float:left; display:inline-block; width:5px; height:5px; background:#FFF; text-indent:-9999px; overflow:hidden; margin:0 3px;   }
.slideBox .hd li.on{ background:#F40;  }
.slideBox .bd{ position:relative; z-index:0; background:#e3e3e3; }
.slideBox .bd li{ position:relative;  }
.slideBox .bd li img{ max-width:100%; display:block; border:0px; }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff; font-size:14px;opacity:0.5;   }


/* index style */
.index{ clear: both; display: block; width: 100%; padding: 15px 0px 0px 0px; }
.index img{ max-width: 100%; }
.clear, .clearC{ clear:both;}


.indexTitle{ clear: both; display: -webkit-box; height: 40px; line-height: 30px; background: URL(../images/indexTitle.jpg) left bottom no-repeat; }
.titleName{ display: inline-block; padding: 0px 15px; margin-left: 40px; color: #c00; font-size: 16px; text-transform: capitalize; text-align: center; }
.titleURL{ display: block; -webkit-box-flex: 1;  text-align: right; margin-right: 10px;}



/* index news */
.indexProductList{ clear: both; display: block; padding: 15px 0px; background: #f7f7f7; margin-bottom: 15px; }
.indexProductList li{ clear: both; display: -webkit-box; width: 100%; }

.indexProductListPic{ width: 120px; margin: 5px 17px 5px 5px; }
.indexProductListPic img{ width: 120px; height: 120px; border: 1px solid #e3e3e3; padding: 2px; } 
.indexProductListText{ display: block; -webkit-box-flex: 1; }
.indexProductListTitle{ clear: both; display: block; height: 25px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: normal;  }
.indexProductListTitle a{ color: #C00; }
.indexProductListSmallText{ clear: both; display: -webkit-box; font-size: 12px; line-height: 20px; height: 60px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }


.indexNewsList{ clear: both; display: block; background: #f7f7f7; padding: 20px 0px; }
.indexNewsList li{ clear: both; display: -webkit-box; text-indent: 1em; background: URL(../images/newsIcon.jpg) left 50% no-repeat; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: normal; border-bottom: 1px dashed #e3e3e3; margin: 0px 5px; }
.indexNewsList li a{ display: block; -webkit-box-flex: 1; }








.newsList{ clear: both; display: block; border: 1px solid #e3e3e3; border-top: none; }
.newsList ul{ clear: both; display: block; margin: 0px 10px; padding: 5px 0px; }
.newsList li{ clear: both; display: block; height: 35px; line-height: 35px; overflow: hidden; text-indent: 1em; background: URL(../images/icon.jpg) left 50% no-repeat; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #e3e3e3; }
.newsList li span{ float: right; }


/* copyright */
.copyText{ background:#5e1103 URL(../images/copyLine.jpg) left top repeat-x; padding: 20px 10px 10px 10px; color: #FFF; }
.copyText a{ color: #FFF; }

/* sub page */
.contentText{ clear: both; display: block; }
.contentText img{ max-width: 100%; height: auto; }
.pageText{ clear: both; display: block; margin: 15px; }
.pageTitle{ clear: both; display: block; font-size: 20px; line-height: 35px; text-align: center; margin: 15px 0px; }
.pageInfo{ clear: both; display: block; height: 30px; line-height: 30px; overflow: hidden; text-align: center; margin-bottom: 20px; }

.contentText .newsList{ border: 0px; }

/* sub product */
.proList{ clear: both; display: block; }
.proList li{ float: left; display: block; width: 44%; margin: 10px 0px 0px 3%; }
.proList li div{ clear: both; display: table-cell; border: 1px solid #e3e3e3; }
.proList li div img{ border: 0px; max-width: 100%; }
.proList li span{ clear: both; display: block; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; text-align: center; }

.pagePic{ clear: both; display: block; margin: 10px; text-align: center; }
.pagePic img{ border: 0px;}



/* page list */
.page{ clear: both; display: block; margin: 15px; padding-top: 10px; border-top: 1px solid #e3e3e3; }
.page a{ display: inline-block; padding: 0px 5px; background: #f7f7f7; border: 1px solid #e3e3e3 }
.page b{ display: inline-block; padding: 0px 5px; background: #f7f7f7; border: 1px solid #e3e3e3; color: #C00; }


/* scroll start */
#demo { overflow:hidden; width:885px; margin:0px auto; }
#demo li{ float: left; text-align: center; }
#indemo { float: left; width: 1600%; }
#demo1 { float: left; }
#demo2 { float: left; }
/* scroll end */


.mapStyle{ clear: both; display: block; width: 100%; height: 400px; border: 1px solid #e3e3e3; font-size: 12px; }