/* ------------------------------------------------------ */
/* - 标签重置
/* ------------------------------------------------------ */
html{ width:100%; height:100%; overflow:auto; }
body{ width:100%; height:100%; margin:0; font:12px Garamonds,Tahoma,'微软雅黑'; }


/* ------------------------------------------------------ */
/* - common
/* ------------------------------------------------------ */
.amn{ transition:all ease-out .3s 0s; -moz-transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; -o-transition:all ease-out .3s 0s; }
.amns{ transition:all ease-out .5s 0s; -moz-transition:all ease-out .5s 0s; -webkit-transition:all ease-out .5s 0s; -o-transition:all ease-out .5s 0s; }


/* ------------------------------------------------------ */
/* - swiper
/* ------------------------------------------------------ */
.swiper-container{ width:100%; height:100%; }
.swiper-container .swiper-wrapper{ width:100%; height:100%; }
.swiper-container .swiper-wrapper .swiper-slide{ width:100%; height:100%; }
.swiper-container .swiper-pagination{ width:100%; height:20px; position:absolute; bottom:0; text-align:center; font-size:0; }
.swiper-container .swiper-pagination .swiper-pagination-switch{ width:10px; height:10px; margin:0 3px; border-radius:6px; display:inline-block; background:rgba(255,255,255,0.5); }
.swiper-container .swiper-pagination .swiper-active-switch{ background:#FFF; }


/* ------------------------------------------------------ */
/* - head
/* ------------------------------------------------------ */
.head-div{ width:950px; height:86px; margin:0 auto; }
.head-div .head-logo{ width:280px; height:100%; float:left; }
.head-div .head-logo a{ width:100%; height:100%; display:block; background:url(images/style.gif) 0 -20px; }
.head-div .head-info{ margin:0 0 0 280px; overflow:hidden; }
.head-div .head-info p{ margin:30px 0 0 0; display:block; text-align:right; color:#68BA2D; font-size:21px; }


/* ------------------------------------------------------ */
/* - navi
/* ------------------------------------------------------ */
.navi-div{ height:43px; background:#68BA2D; }
.navi-div .body{ width:950px; height:100%; margin:0 auto; }
.navi-div .body a{ height:100%; line-height:43px; float:left; padding:0 20px; font-size:14px; color:#FFF; text-decoration:none; }
.navi-div .body a:hover{ color:#68BA2D; background:#E2F0D7; }
.navi-div .body a.on{ color:#68BA2D; background:#E2F0D7; }


/* ------------------------------------------------------ */
/* - page
/* ------------------------------------------------------ */
.page-div .page-banner{ height:300px; background:#969696; }
.page-div .page-banner a{ width:100%; height:100%; display:block; background-position:center center; background-size:auto 100%; background-repeat:no-repeat; }

.page-div .page-main{ width:950px; margin:15px auto 0; overflow:hidden; }
.page-div .page-main .page-lft{ width:190px; float:left; }
.page-div .page-main .page-lft .title{}
.page-div .page-main .page-lft .title b{ display:block; color:#68BA2D; font-size:30px; font-weight:normal; line-height:100%; }
.page-div .page-main .page-lft .title span{ margin:10px 0 0 0; display:block; color:#C8C8C8; font-size:16px; line-height:100%; font-family:Elephant; }
.page-div .page-main .page-lft .content{ margin:10px 0 0 0; }
.page-div .page-main .page-lft .content a{ height:35px; padding:0 0 0 15px; line-height:35px; color:#999; margin:1px 0 0 0; display:block; background:#F5F5F5; text-decoration:none; }
.page-div .page-main .page-lft .content a:hover{ color:#FFF; background:#68BA2D; }
.page-div .page-main .page-lft .content a.on{ color:#FFF; background:#68BA2D; }
.page-div .page-main .page-rht{ margin:0 0 0 210px; }
.page-div .page-main .page-rht .title{ padding:0 0 10px 0; font-size:20px; border-bottom:1px solid #CCC; color:#68BA2D; }
.page-div .page-main .page-rht .content{ margin:18px 0 0 0; font-size:14px; color:#666; line-height:175%; }

.page-div .page-main .page-rht .pager{ margin:5px 0 0 0; padding:10px 0; text-align:right; }
.page-div .page-main .page-rht .pager a{ width:30px; height:28px; display:inline-block; line-height:28px; border-radius:4px; overflow:hidden; text-align:center; font-size:14px; color:#DDD; background:#F9F9F9; text-decoration:none; vertical-align:middle; overflow:hidden; }
.page-div .page-main .page-rht .pager a:hover{ color:#FFF; background:#68BA2D; }
.page-div .page-main .page-rht .pager a.numon{ font-weight:bold; color:#FFF; background:#68BA2D; }
.page-div .page-main .page-rht .pager a.numon:hover{ color:#FFF; background:#68BA2D; }
.page-div .page-main .page-rht .pager a.prev:hover{ animation:page-pager-prev 1s; -webkit-animation:page-pager-prev 1s; }
.page-div .page-main .page-rht .pager a.next:hover{ animation:page-pager-next 1s; -webkit-animation:page-pager-next 1s; }

@keyframes page-pager-prev{ 0%{ text-indent:100px; } 50%{ text-indent:-12px; } 100%{ text-indent:0; } }
@-webkit-keyframes page-pager-prev{ 0%{ text-indent:100px; } 50%{ text-indent:-12px; } 100%{ text-indent:0; } }

@keyframes page-pager-next{ 0%{ text-indent:-100px; } 50%{ text-indent:12px; } 100%{ text-indent:0; } }
@-webkit-keyframes page-pager-next{ 0%{ text-indent:-100px; } 50%{ text-indent:12px; } 100%{ text-indent:0; } }


/* ------------------------------------------------------ */
/* - news
/* ------------------------------------------------------ */
.news-div .news-list .page-rht .content{ margin:0; }
.news-div .news-list .page-rht .content a{ height:33px; line-height:33px; display:block; text-decoration:none; position:relative; border-bottom:1px dotted #CCC; }
.news-div .news-list .page-rht .content a b{ height:100%; margin:0 135px 0 0; display:block; color:#666; font-weight:normal; text-indent:8px; overflow:hidden; }
.news-div .news-list .page-rht .content a span{ height:100%; position:absolute; top:0; right:10px; display:block; color:#999; }
.news-div .news-list .page-rht .content a:hover{ background:#EEE; }
.news-div .news-list .page-rht .content a:hover b{ color:#333; }
.news-div .news-list .page-rht .content a:hover span{ color:#666; }

.news-div .news-view .page-rht .content{ margin:0; }
.news-div .news-view .page-rht .content .atitle{ padding:15px 0; text-align:center; font-size:20px; }
.news-div .news-view .page-rht .content .acontent{ margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #EEE; color:#666; line-height:150%; }


/* ------------------------------------------------------ */
/* - product
/* ------------------------------------------------------ */
.product-div .product-list .page-rht .content{ margin:0; }
.product-div .product-list .page-rht .content .item{ padding:10px 0 15px 0; border-bottom:1px solid #DDD; overflow:hidden; }
.product-div .product-list .page-rht .content .item .pic{ width:150px; margin:0 0 0 15px; float:left; display:inline; }
.product-div .product-list .page-rht .content .item .pic img{ width:150px; height:150px; margin:5px 0 0 0; }
.product-div .product-list .page-rht .content .item .info{ margin:0 0 0 180px; font-size:14px; line-height:150%; }
.product-div .product-list .page-rht .content .itemon{ background:#F6F6F6; }


/* ------------------------------------------------------ */
/* - foot
/* ------------------------------------------------------ */
.foot-div{ margin:15px 0 0 0; padding:20px 0 0; border-top:1px solid #67BA2C; text-align:center; }
.foot-div .foot-navi{ color:#888; line-height:100%; }
.foot-div .foot-navi a{ color:#888; text-decoration:none; }
.foot-div .foot-navi a:hover{ color:#000; text-decoration:underline; }
.foot-div .foot-copy{ margin:10px 0 0 0; color:#888; line-height:100%; }
.foot-div .foot-copy a{ color:#888; text-decoration:none; }
.foot-div .foot-copy a:hover{ color:#000; text-decoration:underline; }