@charset "utf-8";
.header { background-color: #76b323; position: relative; }
.header .logo { width: 32%; padding: 5px 8%; }
.menu { background: url(../images/menu-button-bg.png) no-repeat center center; position: absolute; right: 2%; top: 50%; display: block; width: 50px; height: 50px; margin-top: -25px; background-size: 80%; }

.bg{
    width: 100%;
    height: 100%;
  	background: url(../images/welcome_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.tips{
    text-align: center;
    color: #fff;
    font-size: 18px;
}
/* 底部 ============*/
.footer_wrap { padding-top: 1px; background-size: auto 100%; }
.foot_nav { list-style: none; padding: 0; overflow: hidden; margin: 2rem; border-top: dashed 1px #d2d2d2; }
.foot_nav li { width: 100%; border-bottom: solid 1px #d2d2d2; font-size: 1.4rem; }
.foot_nav li>a { color: #000000; display: block; padding: 1rem 0 0.8rem; text-indent: 5px; background: url(../images/point.png) 92% center no-repeat; }
.copyright { background-color: #76b323; font-size: 1.4rem; text-align: center; padding: 1.5rem 0; }
.copyright p { color: #fff; margin: 0; }
.copyright a { color: #fff; }

/* 分页 ======================*/
.pageWrap { padding: 1rem; background-color: #fff; margin: 0 -1rem; }
.pageWrap .rows { margin: 0 1.5rem; }
.pageWrap a, .pageWrap span { display: inline-block; padding: 0.2rem 0.8rem; margin: 0 4px; }
.pageWrap a { color: #555; text-decoration: none; box-shadow: 1px 1px 3px rgba(10, 10, 10, 0.4); }
.pageWrap a:hover, .pageWrap span.current { color: #76b323; }

/*首页===========*/

/*首页产品标签*/
.pro-tab-wrap { background: url('../images/pro-bg.jpg') repeat-x top left; }
.pro-tabs { padding: 0 0 0.8rem; }
.pro-tabs .am-tabs-nav > li > a { color: #333333; padding: 5px 1px; height: 5rem; line-height: 2.8; font-size: 1.4rem; overflow: hidden; }
.pro-tabs .am-tabs-nav > li > a:hover, .pro-tabs .am-tabs-nav > li > a:focus { border: 1px solid transparent; text-decoration: none; background-color: #76b323; color: #fff; }
.pro-tabs .am-tabs-nav > li.am-active > a, .pro-tabs .am-tabs-nav > li.am-active > a:hover, .pro-tabs .am-tabs-nav > li.am-active > a:focus { border: 1px solid transparent; border-left-color: #c5c5c5; background-color: #76b323; color: #fff; }
.pro-tabs .am-tabs-nav > li > a > i { display: inline-block; margin-top: -3px; width: 3rem; height: 3rem; margin-right: 3px; vertical-align: middle; background: url(../images/pro-def.png) no-repeat center 0; background-size: 3rem auto; }
.pro-tabs .am-tabs-nav > li > a:hover > i, .pro-tabs .am-tabs-nav > li > a:focus> i { background-position: center -3rem; }
.pro-tabs .am-tabs-nav > li.am-active > a > i { background-position: center -3rem; }
.pro-tabs .am-tabs-bd { border: none; }
.pro-tabs .am-tabs-bd .am-tab-panel { padding: 0; }

/*首页产品*/
.idx-pro-wrap { position: relative; padding: 1.5rem; }
.idx-pro { position: relative; }
.idx-pro .p-img { }
.idx-pro .p-tit { text-align: center; padding: 0.5rem 0; background-color: #f2f2f2; color: #313131; font-size: 1.4rem; }
.idx-pro .p-m { background: url(../images/pro-more.jpg) no-repeat -16px 0; background-size: 32px auto; width: 16px; height: 39px; position: absolute; top: 0; right: 0; }
.idx-pro a:hover .p-m { background-position: 0 0; }

/*首页图片*/
.idx_contact { text-align: center; margin: 2rem 0; }
.idx_contact span { display: inline-block; background: #76b323; color: #fff; width: 78%; margin-top: 2rem; padding: 0.6rem 0; font-size: 1.8rem; box-shadow: 3px 4px 5px rgba(100, 100, 100, 0.3); border-radius: 5px; }
.idx_contact span a { color: #fff; font-weight: bold; font-size: 2rem; }

/*====*/
.here_wrap { background-color: #f2f2f2; color: #37b322; padding: 1rem 1.5rem; }
.here_wrap > i { display: inline-block; vertical-align: middle; width: 2rem; height: 2rem; margin-right: 1rem; background: url(../images/about.png) no-repeat; background-size: 2rem auto; }

/*导航===*/
.side-nav { border-bottom: solid 1px #38b323; padding: 1rem 0; }
.side-nav a { color: #555555; }
.side-nav > dl { overflow: hidden; margin-bottom: 0; margin-right: -0.6rem; }
.side-nav > dl > dd { float: left; margin: 0.6rem 0; margin-right: 0.6rem; text-align: center; }
.side-nav > dl > dd a { display: block; background-color: #eeeeee; border-radius: 5px; padding: 0.5rem 0.8rem; }
.side-nav > dl > dd a:hover, .side-nav > dl > dd.cur a { background-color: #76b323; color: #fff; }

/*内容===*/
.info-wrap { padding: 2rem 0; }
.info-wrap img { max-width: 100%; }
.info-wrap p { margin: 0; }
.info-wrap > .info_con { line-height: 1.8; }

/*新闻===*/
.news-wrap { padding: 2rem 0; }
.news-wrap ul { list-style: none; padding: 0; margin: 0; }
.news-wrap ul li { margin: 1rem 0.5rem; padding: 1rem; border: solid 1px #eee; overflow: hidden; }
.news-wrap ul li .news-img { float: left; width: 40%; margin-right: 1rem; height: 0; padding-bottom: 25%; overflow: hidden; }
.news-wrap ul li .news-con { }
.news-wrap ul li .news-con  h4 { color: #555; margin: 0 0 5px; }
.news-wrap ul li .news-con  p { color: #999; margin: 0.5rem 0 0; font-size: 14px; }
.news-wrap ul li .news-con  span { color: #76b323; float: right; }
.news-wrap .news-box { padding: 5px; }
.news-wrap .news-box img { max-width: 100%; }
.news-wrap .news-box p { margin: 0; }
.news-wrap .news-box > .info_con { line-height: 1.8; }
.prev-next { color: #bbb; padding: 0 1rem; }
.prev-next .prev, .prev-next .next { padding: 0.5rem 0; }
.prev-next a { color: #666; }

/*产品===*/
.pro-wrap { padding: 0; }
.pro-wrap ul { list-style: none; padding: 0.5rem 0 1rem; margin: 0 -0.5rem; }
.pro-wrap ul li { float: left; width: 47%; margin: 1.5%; background-color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); border-radius: 3px; padding: 0.8rem; }
.pro-wrap ul li .p-img { height: 0; padding-bottom: 98%; overflow: hidden; border: solid 1px #d4d4d4; border-radius: 3px; }
.pro-wrap ul li .p-img img { width: 100%; }
.pro-wrap ul li .p-tit { padding: 0.5rem 0.2rem; background: url(../images/pro-m.png) no-repeat 96% 80%; background-size: auto 30%; }
.pro-wrap ul li .p-tit > h4 { font-size: 1.5rem; font-weight: normal; color: #76b323; margin: 2px 0; }
.pro-wrap ul li .p-tit > span { font-size: 1.2rem; color: #555555; }
.pro-info-wrap { background-color: #fff; margin: 1rem 0 1.5rem; padding-top: 1rem; padding-bottom: 1rem; border-radius: 5px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.pro-info-tit { color: #37b323; font-weight: normal; margin-top: 1rem; margin-bottom: 1.5rem; }
.pro-info-tit1 { color: #555; font-weight: normal; margin-top: 1rem; margin-bottom: 1.5rem; }
.pro-info-tabs { padding: 0 0 0.8rem; margin-top: 3rem; }
.pro-info-tabs .am-tabs-nav > li > a { color: #555555; margin-right: 0; padding: 0.4rem 1.2rem; border: 1px solid #ddd; border-bottom-color: transparent; }
.pro-info-tabs .am-tabs-nav > li > a:hover, .pro-info-tabs .am-tabs-nav > li > a:focus { border: 1px solid transparent; text-decoration: none; background-color: #76b323; color: #fff; }
.pro-info-tabs .am-tabs-nav > li.am-active > a, .pro-info-tabs .am-tabs-nav > li.am-active > a:hover, .pro-info-tabs .am-tabs-nav > li.am-active > a:focus { border: 1px solid transparent; background-color: #76b323; color: #fff; }
.pro-info-tabs .am-tabs-bd { border: none; }
.pro-info-tabs .am-tabs-bd .am-tab-panel { padding: 0; }
.pro-info-wrap .pro-box { padding: 1.5rem 0.5rem 1rem; }
.pro-info-wrap .pro-box img { max-width: 100%; }
.pro-info-wrap .pro-box p { margin: 0; }
.pro-info-wrap .pro-box > .info_con { line-height: 1.8; }