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


/* ------------------------------------------------------ */
/* - 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; }


/* ------------------------------------------------------ */
/* - message
/* ------------------------------------------------------ */
#systemMessageSimple{ width:260px; margin:-80px 0 0 -130px; padding:0 0 30px 0; border-radius:5px; position:fixed; top:50%; left:50%; display:none; text-align:center; background:rgba(0,0,0,0.75); z-index:99999999; }
#systemMessageSimple i{ margin:30px 0 0 0; color:#FFF; font-size:50px; display:block; }
#systemMessageSimple span{ margin:13px 0 0 0; display:block; color:#FFF; font-size:14px; line-height:150%; }


/* ------------------------------------------------------ */
/* - area
/* ------------------------------------------------------ */
.area-pager{ font-size:0; }
.area-pager a{ height:40px; margin:0 4px 0 0; line-height:40px; padding:0 18px; display:inline-block; color:#333; font-size:14px; background:#F6F6F6; text-decoration:none; }
.area-pager a:hover{ background:#4BB344; color:#FFF; }
.area-pager a.numon{ background:#4BB344; color:#FFF; }


/* ------------------------------------------------------ */
/* - side
/* ------------------------------------------------------ */
.side-box{ width:100%; }
.side-box .side-title{ height:50px; line-height:50px; background:#4BB344; text-indent:10px; color:#FFF; }
.side-box .side-title strong{ font-weight:normal; }
.side-box .side-content a{ height:40px; border-bottom:1px solid #EEE; line-height:40px; display:block; text-indent:20px; color:#000; font-size:12px; text-decoration:none; }
.side-box .side-content a.on{ background:#F3F3F3; }
.side-box .side-content a:hover{ background:#F0F0F0; }


/* ------------------------------------------------------ */
/* - head
/* ------------------------------------------------------ */
.head-div{ height:120px; background:#FFF; }
.head-div .head-body{ width:1200px; height:100%; margin:0 auto; }

.head-div .head-logo{ width:310px; height:100%; float:left; }
.head-div .head-logo a{ width:100%; height:100%; line-height:100px; font-size:18px; text-align:center; display:block; color:#000; text-decoration:none; background:url(images/style.png) 0 0 no-repeat; }

.head-div .head-info{ width:250px; height:100%; float:right; overflow:hidden; }
.head-div .head-info a.contact{ display:block; background:url(images/style.png) -30px -120px no-repeat; color:#4BB344; line-height:200%; overflow:hidden; }
.head-div .head-info a.contact b{ height:60px; margin:30px 0 0 70px; display:block; font-weight:normal; font-size:20px; }
.head-div .head-info a.contact b span{ display:block; font-size:16px; text-indent:2px; }


/* ------------------------------------------------------ */
/* - navi
/* ------------------------------------------------------ */
.navi-div{ height:60px; background:#4BB344; }
.navi-div .navi-body{ width:1200px; height:100%; margin:0 auto; }
.navi-div .navi-body a{ height:100%; margin:0 1px 0 0; padding:0 40px; line-height:60px; float:left; color:#FFF; text-decoration:none; }
.navi-div .navi-body a.on{ background:#FFF!important; color:#4BB344; }
.navi-div .navi-body a:hover{ background:rgba(255,255,255,0.2); }


/* ------------------------------------------------------ */
/* - body
/* ------------------------------------------------------ */
.body-div{ background:#FFF; overflow:hidden;  }


/* ------------------------------------------------------ */
/* - banner
/* ------------------------------------------------------ */
.banner-div{ width:100%; height:600px; }
.banner-div .swiper-container{ width:100%; height:100%; }
.banner-div .swiper-container .swiper-wrapper{ width:100%; height:100%; }
.banner-div .swiper-container .swiper-wrapper .swiper-slide{ height:100%; text-align:center; font-size:18px; background-repeat:no-repeat; background-position:center center; background-color:#EEE; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.banner-div .swiper-container .swiper-wrapper .swiper-pagination{ bottom:50px; }


/* ------------------------------------------------------ */
/* - index
/* ------------------------------------------------------ */
.index-div .index-body{ width:1200px; margin:0 auto; }
.index-div .index-body .index-access{ padding:80px 0; text-align:center; }

.index-div .index-product{ height:800px; background:url("images/index_product_bg.jpg"); background-size:cover; overflow:hidden; }
.index-div .index-product .item-head{ height:120px; line-height:120px; text-align:center; font-size:25px; }
.index-div .index-product .item-body{ width:1200px; margin:0 auto; }
.index-div .index-product .item-body .item-cat{ width:300px; float:left; }
.index-div .index-product .item-body .item-cat a{ height:50px; line-height:50px; margin:0 0 1px 0; text-indent:10px; display:block; background:#EEE; color:#666; text-decoration:none; }
.index-div .index-product .item-body .item-cat a:hover{ background:#4BB344; color:#FFF; }
.index-div .index-product .item-body .item-product{ margin:0 0 0 300px; height:650px; background:#FFF; }
.index-div .index-product .item-body .item-product a{ width:435px; height:200px; margin:10px 0 0 10px; float:left; overflow:hidden; text-align:center; text-decoration:none; color:#666; }
.index-div .index-product .item-body .item-product a i{ width:100%; height:160px; display:block; background:#CCC center center no-repeat; background-size:cover; }
.index-div .index-product .item-body .item-product a span{ height:40px; margin:0 10px; line-height:40px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.index-div .index-product .item-body .item-product a:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2); }

.index-div .index-superiority{ height:730px; background:url("images/index_superiority_bg.jpg"); background-size:cover; overflow:hidden; }
.index-div .index-superiority .item-head{ margin:50px 0 0 0; text-align:center; font-size:26px; color:#FFF; }
.index-div .index-superiority .item-body{ width:489px; height:378px; margin:100px auto; background:url("images/index_superiority_root_bg.png"); position:relative; }
.index-div .index-superiority .item-body .root{ width:100%; height:100%; position:relative; }
.index-div .index-superiority .item-body .root b{ width:100%; text-align:center; display:block; position:absolute; top:70px; color:#FFF; font-weight:normal; font-size:16px; }
.index-div .index-superiority .item-body .root i{ width:300px; height:225px; background:url("images/index_superiority_root_img.png"); display:block; position:absolute; left:94px; bottom:38px; }
.index-div .index-superiority .item-body .branch{ width:355px; height:110px; border-radius:55px; background:#EAEAEA; position:absolute; }
.index-div .index-superiority .item-body .branch i{ width:80px; height:80px; font-size:40px; border-radius:40px; margin:15px 0 15px 15px; text-align:center; line-height:80px; font-style:normal; color:#FFF; float:left; background:#4BB344; }
.index-div .index-superiority .item-body .branch p{ margin:30px 20px 0 110px; overflow:hidden; color:#333; line-height:150%; font-size:16px; }
.index-div .index-superiority .item-body .branch01{ left:-280px; top:-60px; }
.index-div .index-superiority .item-body .branch02{ left:-350px; top:110px; }
.index-div .index-superiority .item-body .branch03{ left:-280px; top:300px; }
.index-div .index-superiority .item-body .branch04{ left:410px; top:-60px; }
.index-div .index-superiority .item-body .branch05{ left:480px; top:110px; }
.index-div .index-superiority .item-body .branch06{ left:410px; top:300px; }

.index-div .index-company{ width:1200px; margin:50px auto 0; }
.index-div .index-company .item-intro{ height:330px; }
.index-div .index-company .item-intro .item-lft{ width:580px; height:100%; float:left; }
.index-div .index-company .item-intro .item-lft i{ width:100%; height:100%; display:block; background:url("images/index_company_main.jpg"); background-size:cover; }
.index-div .index-company .item-intro .item-rht{ margin:0 0 0 600px; }
.index-div .index-company .item-intro .item-rht strong{ display:block; font-weight:normal; font-size:30px; }
.index-div .index-company .item-intro .item-rht b{ height:224px; margin:20px 0 0 0; display:block; font-weight:normal; font-size:14px; color:#666; line-height:150%; }
.index-div .index-company .item-intro .item-rht p{ margin:0; display:block; }
.index-div .index-company .item-intro .item-rht p a{ width:160px; height:50px; text-align:center; line-height:50px; display:inline-block; background:#4BB344; color:#FFF; text-decoration:none; }
.index-div .index-company .item-images{ height:185px; margin:50px 0 0 0; font-size:0; overflow:hidden; }
.index-div .index-company .item-images i{ width:290px; height:100%; margin:0 10px 0 0; float:left; background:#CCC; background-size:cover; }
.index-div .index-company .item-images i.img01{ background:url("images/index_company_img01.png"); }
.index-div .index-company .item-images i.img02{ background:url("images/index_company_img02.png"); }
.index-div .index-company .item-images i.img03{ background:url("images/index_company_img03.png"); }
.index-div .index-company .item-images i.img04{ background:url("images/index_company_img04.png"); }


/* ------------------------------------------------------ */
/* - page
/* ------------------------------------------------------ */
.page-div{}
.page-div .page-banner{ width:100%; height:300px; }

.page-div .page-body{ width:1200px; margin:1px auto 0; }
.page-div .page-body .page-lft{ width:280px; float:left; }
.page-div .page-body .page-rht{ margin-left:300px; }

.page-div .page-body .page-view{}
.page-div .page-body .page-view-head{ height:50px; margin:0 0 15px 0; line-height:50px; border-bottom:1px solid #CCC; }
.page-div .page-body .page-view-head strong{ font-size:18px; font-weight:normal; }
.page-div .page-body .page-view-title{ margin:0 50px 15px; padding:15px 0; line-height:150%; font-size:22px; text-align:center; }
.page-div .page-body .page-view-content{ line-height:175%; }
.page-div .page-body .page-view-content img{ max-width:100%; }

.page-div .page-body .page-list{}
.page-div .page-body .page-list-head{ height:50px; margin:0 0 15px 0; line-height:50px; border-bottom:1px solid #CCC; }
.page-div .page-body .page-list-head strong{ font-size:18px; font-weight:normal; }
.page-div .page-body .page-list-pager{ margin:10px 0 0 0; padding:20px 0; text-align:center; }
.page-div .page-body .page-list-content{ margin:0; }

.page-div .page-body .page-list-news .page-list-content a{ height:90px; padding:0 150px 0 5px; display:block; border-bottom:1px solid #E9E9E9; line-height:38px; text-decoration:none; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; }
.page-div .page-body .page-list-news .page-list-content a strong{ display:block; font-weight:normal; font-size:16px; }
.page-div .page-body .page-list-news .page-list-content a span.date{ height:38px; line-height:38px; position:absolute; top:0; right:10px; color:#CCC; font-size:12px; }
.page-div .page-body .page-list-news .page-list-content a span.content{ color:#999; }
.page-div .page-body .page-list-news .page-list-content a:hover strong{ color:#4BB344; }

.page-div .page-body .page-list-product .page-list-content{ overflow:hidden; }
.page-div .page-body .page-list-product .page-list-content a{ width:50%; margin:15px 0 0 0; float:left; border-left:7px solid #FFF; border-right:7px solid #FFF; text-align:center; text-decoration:none; box-sizing:border-box; }
.page-div .page-body .page-list-product .page-list-content a:hover i{ box-shadow:0 0 10px rgba(0,0,0,0.3); }
.page-div .page-body .page-list-product .page-list-content a:hover strong{ color:#4BB344; }
.page-div .page-body .page-list-product .page-list-content a i{ width:100%; height:200px; display:block; background-repeat:no-repeat; background-position:center; background-size:cover; }
.page-div .page-body .page-list-product .page-list-content a strong{ height:40px; margin:0 20px; line-height:40px; color:#666; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }


/* ------------------------------------------------------ */
/* - news
/* ------------------------------------------------------ */
.news-div .page-banner{ background:url("images/banner_news.jpg") 0 0 repeat-x; }


/* ------------------------------------------------------ */
/* - about
/* ------------------------------------------------------ */
.about-div .page-banner{ background:url("images/banner_about.jpg") 0 0 repeat-x; }


/* ------------------------------------------------------ */
/* - contact
/* ------------------------------------------------------ */
.contact-div .page-banner{ background:url("images/banner_contact.jpg") 0 0 repeat-x; }
.contact-div .page-view-content .contact-map{ width:100%; height:400px; }
.contact-div .page-view-content .contact-map .anchorBL{ display:none; }
.contact-div .page-view-content .contact-content{ margin:10px 0 0 0; }


/* ------------------------------------------------------ */
/* - product
/* ------------------------------------------------------ */
.product-div .page-banner{ background:url("images/banner_product.jpg") 0 0 repeat-x; }


/* ------------------------------------------------------ */
/* - foot
/* ------------------------------------------------------ */
.foot-div{ margin:50px 0 0 0; height:160px; background:#232323; }
.foot-div .foot-body{ width:1200px; margin:0 auto; overflow:hidden; }

.foot-div .foot-main{ width:850px; float:left; }
.foot-div .foot-main .foot-navi{ margin:30px 0 0 0; color:#AAA; }
.foot-div .foot-main .foot-navi a{ color:#AAA; text-decoration:none; }
.foot-div .foot-main .foot-navi a:hover{ text-decoration:underline; }

.foot-div .foot-main .font-contact{ margin:20px 0 0 0; color:#AAA; }

.foot-div .foot-main .foot-copy{ margin:20px 0 0 0; color:#AAA; }
.foot-div .foot-main .foot-copy a{ color:#AAA; text-decoration:none; }
.foot-div .foot-main .foot-copy a:hover{ text-decoration:underline; }