<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*å…¬å…±*/

body{ min-width:1200px; font-size:12px; font-family:'å¾®è½¯é›…é»‘','å¾®è½¯é›…é»‘ Regular','é»‘ä½“','é»‘ä½“ Regular','å®‹ä½“ Regular','å®‹ä½“','Arial Regular','Arial'; }

.wrap{ width:1200px; margin:0 auto; }



@font-face

{

    font-family: century;

    src: url('../fonts/CENTURY.TTF');

}



/*slogen*/
.top{ width:100%; height:90px; position:relative;}

.slogen{ width:100%; height:90px; color:#333; line-height:30px; background:url(../images/top.jpg) center no-repeat; }
.slogen p{ display:inline-block; }
.slogen .p0{ font-size:12px; color:#fff; margin: -20px 0 0 114px;}
.slogen .p1{ font-size:16px; color:#fff; margin: 10px 0 0 114px;}
.slogen .p2{ font-size:16px; color:#3c3c44; margin: 10px 0 0 189px;}
.slogen .p3{ font-size:16px; color:#fff; float:right; margin: 10px 5px 0 90px; background:url(../images/mail.jpg) 0 center no-repeat; padding-left:25px;}

/*å¤´éƒ¨*/

.header{ position: absolute; width:100%; height:80px; z-index:2; left:0; top:50px; background-color:#000; }
.header .wrap{ background:#000; height:80px;}

.logo{ width:196px; height:58px; float:left; margin:10px 0 0 60px; }

.logo img{ width:100%; }

.nav{ float:left; width:850px; margin:0 0 0 70px; }

.nav p { float:left; line-height:80px; font-size:16px; color:#fff; }
.nav li{ float:left; line-height:80px; font-size:16px; }

.nav li a{ padding:26px 13px; color:#fff; }

.nav li:hover a,.nav li.on a{ color:#fff; font-weight:bold; }



/*banner*/

.banner{ position: relative; }

.banner img{ width:100%; display:block; }

.banner .hd{ width:100%; height:14px; text-align:center; position: absolute; left:0; bottom:27px; z-index:10; }

.banner .hd li{ width:50px; height:3px; cursor:pointer; display:inline-block; background:#92908d;  transition:all 1s; margin:10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }

.banner .hd li.on{ background:#7bb34c; }



/*ç¬¬ä¸€å—*/

.indexTitle{ font-size:16px; color:#666; position: relative;  text-transform:uppercase; }

.indexTitle h3{ font-size:28px; line-height:28px; color:#000; text-align:center; font-weight:bold; margin-top:20px; }
.indexTitle p{ font-size:18px; color:#777;  text-align:center; margin-top:18px; line-height:32px;}

.indexContent{ margin-top:20px;}


/*ç¬¬ä¸€å—*/
.index1{ position: relative;  height:240px; }
.index1 .btn{ border-top:dashed 1px #e0dfe0;}
.index1 .btn a{ display:block; width:132px; height:36px; background:#59a030; color:#fff; font-size:16px; line-height:36px; text-align:center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
 margin:20px auto;}

/*ç¬¬äºŒå—*/
.index2{ position: relative;  height:1110px; background:#f9f2e8; }
.index2{ position: relative;  height:1110px; }
.index2 .index2_l{ width:270px; min-height:1035px; float:left; margin: 20px 0 0 12px; background:#fff; }
.index2 .index2_l .head{ width:100%; height:90px; background:#59a030; font-size:24px; color:#fff; font-weight:bold; line-height:90px; text-align:center; }
.index2 .index2_l .body{ width:240px;  float:right; margin-top: 20px;}
.index2 .index2_l .category{ width:240px; height:30px; background:url(../images/category.jpg) center no-repeat; font-size:16px; color:#fff; line-height:30px; text-indent:15px; }
.index2 .index2_l ul{ width:100%; padding: 11px 0;}
.index2 .index2_l ul li{ width:100%; font-size:14px; color:#4c4c4c; line-height:30px;    text-indent: 34px; background:url(../images/category_li.jpg) 20px center no-repeat; }
.index2 .index2_l ul li:hover{background:url(../images/category_li_hover.jpg) 20px center no-repeat; }
.index2 .index2_l ul li a{ color:#4c4c4c; }


.index2 .index2_r{ width:880px;  float:right; margin: 0 10px 0 0; overflow:hidden; }
.index2 .index2_r .slogan{ height:90px; margin:15px 0 0; line-height:90px; font-size:32px; color:#131313; text-align:center; font-weight:bold;}
.index2 .index2_r ul {width:950px; margin: 8px 0 0;}
.index2 .index2_r ul li{ width:280px; height:295px; float:left; margin:0 21px 24px 0; background:#fff;}
.index2 .index2_r ul li img{ display:block; width:280px; height:255px;}
.index2 .index2_r ul li span{ display:block; width:280px; height:40px; text-indent:27px; line-height:40px; font-size:14px; color:#fff; background:#59a030; }




.index3{ width:100%; height:555px;}
.index3 .indexContent{ width:1100px; margin:0 auto; border-top:dashed 1px #e0dfe0; margin-top:20px;}
.index3 .indexContent .scroll{ width:1200px; margin-top:30px;}
.index3 .indexContent ul{ width:1200px; margin-top:60px;}
.index3 .indexContent ul li{ width:260px; height:340px; float:left; margin:0 20px 0 0;}
.index3 .indexContent ul li img{ width:260px; height:340px; background:#eee;}

.index4{ width:100%; height:500px; background:#f2f2f2;}
.index4 .indexContent{ width:1100px; margin:0 auto; }
.index4 .indexContent .scroll{ width:1200px; margin-top:20px; overflow:hidden;}
.index4 .indexContent ul{ width:1200px; margin-top:60px; overflow:hidden;}
.index4 .indexContent ul li{ width:260px; height:250px; float:left; margin:0 20px 0 0;}
.index4 .indexContent ul li img{ width:260px; height:200px; background:#eee;}
.index4 .indexContent ul li span{display:block; width:260px; height:44px; line-height:44px; color:#000; font-size:16px;}
.index4 .btn{ }
.index4 .btn a{ display:block; width:132px; height:36px; background:#59a030; color:#fff; font-size:16px; line-height:36px; text-align:center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:36px auto;}


.index5{ width:100%; height:550px; background:#fff;}
.index5 .indexContent{ width:1100px; margin:0 auto;  margin-top:20px;}
.index5 .indexContent ul{ width:1200px; overflow:hidden;}
.index5 .indexContent ul li{ width:530px; height:367px; float:left; margin:0 20px 0 0; overflow:hidden;}
.index5 .indexContent ul li img{ width:100%; height:100%; background:#eee;}
.index5 .indexContent ul li.img1 img{  width:262px; height:179px; cursor:pointer;}
.index5 .indexContent ul li.img1 .img11{ float:left;}
.index5 .indexContent ul li.img1 .img12{ float:right;}
.index5 .indexContent ul li.img1 .img13{ float:left; margin-top: 10px;}
.index5 .indexContent ul li.img1 .img14{ float:right; margin-top: 10px;}



.index6{ width:100%; height:500px; background:#f2f2f2;}
.index6 .indexContent{ width:1100px; margin:0 auto; }
.index6 .indexContent .scroll{ width:1200px; margin-top:20px; overflow:hidden;}
.index6 .indexContent ul{ width:1200px; margin-top:60px; overflow:hidden;}
.index6 .indexContent ul li{ width:260px; height:250px; float:left; margin:0 20px 0 0;}
.index6 .indexContent ul li img{ width:260px; height:200px; background:#eee;}
.index6 .indexContent ul li span{display:block; width:260px; height:44px; line-height:44px; color:#000; font-size:16px;}
.index6 .btn{ }
.index6 .btn a{ display:block; width:132px; height:36px; background:#59a030; color:#fff; font-size:16px; line-height:36px; text-align:center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:30px auto;}




.index7{ width:100%; height:1010px; background:url(../images/index7.jpg) center top no-repeat;}
.index7 .indexContent{ width:1100px; margin:0 auto;  margin-top:60px; position:relative;}
.index7 .indexContent .block{ position:absolute; width:480px; height:280px;}
.index7 .indexContent .block .p1{ font-size:24px; color:#59a030;}
.index7 .indexContent .block .p2{ font-size:12px; color:#bfbfbf;}
.index7 .indexContent .block .p3{ font-size:16px; color:#6e6e6e;  margin-top: 46px; line-height: 28px;}
.index7 .indexContent .block1{ left: 596px; top: 0px; }
.index7 .indexContent .block2{ left: 46px; top: 280px;}
.index7 .indexContent .block3{ left: 596px; top: 560px; }


.index8{ width:100%; /*height:360px;background:url(../images/index8.jpg) center top no-repeat;*/ }

.index9{ width:100%; height:400px; /*background:url(../images/index9.jpg) center top no-repeat;*/}
.index9 .indexContent{ width:1100px; margin:20px auto;}
.index9 .indexContent .index9_l{ width:515px; float:left;}
.index9 .indexContent .index9_l .news_nav{ width:100%; height:46px; margin:0; padding:0; overflow:hidden; float:inherit;}
.index9 .indexContent .index9_l .news_nav li{ width:122px; height:36px; font-size:20px; float:left; text-align:center; line-height:36px; color:#000;background:#fff; cursor:pointer;}
.index9 .indexContent .index9_l .news_nav li.on{ color:#fff; background:#59a030;}
.index9 .indexContent .index9_l .news_nav a{  float:right;}
.index9 .indexContent .index9_l .news_list{ width:515px; overflow:hidden;}
.index9 .indexContent .index9_l .news_list ul{ margin-top:5px;}
.index9 .indexContent .index9_l .news_list li{ width:515px; line-height:36px;}
.index9 .indexContent .index9_l .news_list a{ display:block; font-size:14px; color:#333;}
.index9 .indexContent .index9_l .news_list a:hover{ font-size:14px; color:#59a030;}
.index9 .indexContent .index9_l .news_list a .date{ float:right;}


.index9 .indexContent .index9_r{ width:515px; float:right;}
.index9 .indexContent .index9_r .news_nav{ width:100%; height:65px; margin:0; padding:0; overflow:hidden; float:inherit;}
.index9 .indexContent .index9_r .news_nav li{ width:122px; height:36px; font-size:20px; float:left; text-align:center; line-height:36px; color:#000;background:#fff; cursor:pointer;}
.index9 .indexContent .index9_r .news_nav li.on{ color:#fff; background:#59a030;}
.index9 .indexContent .index9_r .index9_content{ }
.index9 .indexContent .index9_r .index9_content img{ float:left; }
.index9 .indexContent .index9_r .index9_content p{ width: 309px; float:right; font-size:14px; line-height: 27px; color:#4f4f4f; }
.index9 .indexContent .index9_r .index9_content p span{ display: block; text-indent:2em;}


.index10{ width:100%; height:60px; border-top:solid 1px #d1d1d1; background:#f4f4f4;}
.index10 .wrap{ width:1100px; margin:0 auto;}
.index10 p{ display:inline-block; font-size:14px; line-height:60px;}
.index10 p.p1{ color:#000;}
.index10 p.p2{ color:#575555;}
.index10 p.p2 a{ padding:0 10px; color:#575555;}







/*åº•éƒ¨*/

.footer{ width:100%; height:196px;  background:url(../images/footer.jpg) center no-repeat;}
.footer .wrap{ position: relative; }
.footer  .contact{ width:700px; position: absolute; left: 304px; top: 53px; }
.footer  .contact .p1{ font-size:26px; color:#7bb34c; font-weight:bold;}
.footer  .contact .p2{ font-size:14px; color:#dadada;line-height: 28px; margin-top: 10px;}
.footer  .contact .p3{ font-size:14px; color:#dadada;line-height: 28px; margin-top: 10px;}
.footer  .contact .p3 a{color:#FFF;}
.footer  .contact .p3 a:hover{ font-size:14px; color:#green;}
.footer  .ewmBox{ width:380px; position: absolute; left: 917px; top: 47px; }
.footer  .ewmBox img{ width:112px; height:112px; float:left; }
.footer  .ewmBox p{ width:112px; float:left; text-align:center; font-size:14px; color:#fff; line-height:28px; margin: 34px 0 0 15px;  }


/*ç‰ˆæƒ -o- -ms- -moz- -webkit-*/

.copy{ height:40px; line-height:40px; text-align:center; font-size:14px; background:#000; color:#fff; text-align:center; text-transform:uppercase; }


.page{ margin:10px 0; clear:both;}
.page a,.page span{ padding:0 5px; border:solid 1px #ccc; margin:0 5px; border:solid 1px #ccc;}
.page a{  color: #6b8aff; border:solid 1px #6b8aff;}


















</pre></body></html>