@media (max-width: 1300px){.aside{width: 150px;}}
.homepage{margin: 0 15%;padding:60px 0;background: #fff}
.submuenu{ width:100%; margin:0 auto; text-align:center; display:none}
.submuenu ul {display:inline-block; margin-top:15px;  width:100%; }
.submuenu li { width:calc(30% - 8px); display:inline-block;text-align:center; list-style:none; color:#333; border:1px solid #ffd9004f;  border-radius:5px; margin:3px}
.submuenu li.on{ background:#ffd900; color:#fff;  border:1px solid #ffd900}
.submuenu li.on a{ color:#fff}
.submuenu li a{ width:100%; display:block; font-size:14px;  line-height:32px;}
 .subtitle{padding: 70px 0 0; -webkit-animation: fadeInDown 1s; animation: fadeInDown 1s;}
.subtitle h3{margin-top: 20px; padding-left: 24px; font-size: 16px; font-weight: normal; color: #3e3e3e;  }
.pb50{padding-bottom: 50px;}
.content{min-height: 300px;}
.productbox{ width:100%; font-size:0}
.productbox li{ width:calc(32% - 20px); margin-left:2%; padding:10px; margin-top:25px; background:#fafafa;  display:inline-block; }
.productbox li p{    font-size: 20px; color: black; text-align: center; padding: 15px 0 15px;  transition: 0.3s ease-in-out;}
.productbox li:hover{background:#ffd900;transition:0.3s ease-in-out;}
.productbox li:hover p{color:white;}
.productbox li:nth-child(3n+1) { margin-left:0}
img{max-width: 100%; /*display: block;*/ animation: fadeInDown 1.5s }
.page {margin: 10px auto;}
.tg_pages{padding-top: 10px; padding-bottom: 10px; text-align: center;}
.tg_pages li{display: inline; line-height: 22px;margin-right: 5px;}
.tg_pages li a{padding: 0px 5px; border: 1px solid #CCC; background-color: #FFF;border-radius: 5px;}
.tg_pages li a:hover {background-color: #ffd900;border: 1px solid #ffd900;color: #fff;}
.thisclass {font-weight: bold; color: #fff;border: 1px solid #ffd900;background-color: #ffd900;padding: 5px 5px;border-radius: 5px;}
.tg_pages ul{text-align:center;}
.page {margin: 10px auto;}
.page a{display: inline-block; margin: 0 1px; padding: 0 12px; font-size: 12px; line-height: 27px; text-align: center; border: 1px solid #dfdfdf; color: #6e6e6e; background: #fff;}
.page a:hover{color: #999; border: 1px solid #999;}
.page-m {position: relative; top: -1px; +display: inline !important;}
.page-m a{font-family: "Arail"; color: #a6a6a6;}
.page-m a.active{background: #999; color: #fff; border: 1px solid #999;}
.page input.txt{width: 32px; text-align: center; height: 25px; line-height: 25px; color: #6e6e6e; border: 1px solid #dfdfdf; +position: relative; +top: 5px;}
.page input.button{margin-left: 20px; width: 88px; height: 29px; background: #999; color: #fff; text-align: center; +position: relative; +top: 5px;}
.page input.button:hover{background: #666;}
.page-prev, .page-next{display: inline-block; font-size:14px; width:49%; margin-top:10px}
.page-prev .n, .page-next .n{ display:inline-block}
.page-prev .t, .page-next .t{ display:inline-block}
.details-foot{ width:100%; font-size:0}

@media (max-width: 768px){
.homepage{ margin:0 2%;padding:60px 0;background: #fff}
 .pb50{ padding-bottom:20px;}
 .productbox li{ width:calc(100% - 22px); margin-top:10px; margin-left:0}
  .productbox li p { font-size:16px; padding:10px 0 5px}
}
@media (max-width: 1024px){
    .submuenu{ display:block}
    .indextitle{ margin-bottom:25px;}
 .indextitle h2{ font-size:30px; line-height:30px;}
 .indextitle h3{ font-size:16px;     line-height: 30px; letter-spacing:5px}
  .subtitle{ padding:20px 0 0px}
}
@media (max-width: 1460px){
.homepage{ margin:0 7.5%;padding:60px 0;background: #fff}

}
.pb50{padding-bottom: 50px;}
.content{min-height: 300px;padding:60px 0;background: #fff}
.shownews{ width:100%; padding-top:60px;}
.shownews h1{ font-size:22px; color:#000; font-weight: bold; text-align:center}
.shownews time{font-size: 14px;    color: gray;    text-align: center;    display: block; margin-top: 5px}
.shownews .detail{ background:#fafafa; padding:60px; margin-top: 30px; }
.shownews .detail p{font-size:16px; line-height:2; margin-top:10px; color:#111;    text-align: justify;}
.page {margin: 10px auto;}
.page a{display: inline-block; margin: 0 1px; padding: 0 12px; font-size: 12px; line-height: 27px; text-align: center; border: 1px solid #dfdfdf; color: #6e6e6e; background: #fff;}
.page a:hover{color: #999; border: 1px solid #999;}
.page-m{position: relative; top: -1px; +display: inline !important;}
.page-m a{font-family: "Arail"; color: #a6a6a6;}
.page-m a.active{background: #999; color: #fff; border: 1px solid #999;}
.page input.txt{width: 32px; text-align: center; height: 25px; line-height: 25px; color: #6e6e6e; border: 1px solid #dfdfdf; +position: relative; +top: 5px;}
.page input.button{margin-left: 20px; width: 88px; height: 29px; background: #999; color: #fff; text-align: center; +position: relative; +top: 5px;}
.page input.button:hover{background: #666;}
.page-prev, .page-next{display: inline-block; font-size:14px; width:49%; margin-top:10px}
.page-prev .n, .page-next .n{ display:inline-block}
.page-prev .t, .page-next .t{ display:inline-block}
.details-foot{ width:100%; font-size:0}
 @media (max-width: 768px){
     .homepage{ margin:0 2%;padding:60px 0;background: #fff}
     .pb50{ padding-bottom:20px;}
     .shownews{ padding-top:30px;}
  .shownews h1{ font-size:16px;}
  .shownews time{ font-size:12px;}
  .shownews .detail{ padding:20px; margin-top:15px;}
  .detail img{width:100% !important;height:100% !important;}
 }