@charset "utf-8";

body{ background: #FFF; font-family:"微软雅黑"; font-size:12px; line-height:24px; color:#0e0e0e;}
a{color:#0e0e0e;text-decoration:none;}
a:hover{color:#0e0e0e;text-decoration:none;}

.fl{ float:left; display: inline;}
.fr{ float:right; display: inline;}
.cr{ clear: both; overflow: hidden; }

/*===========top================*/
#top{width:100%; height:136px; background: url(../images/top_bg.png) 0 bottom repeat-x;  margin: 0 auto; border-top: 14px solid #009944; }
.top_main{width:1200px; height:136px; margin:0 auto; position: relative;}
#top a.fl img{margin-top:8px; width: 471px; height: 116px;}

#top span.fr{font-size: 16px; margin:18px 20px 0 0;}
#top a.home,#top a.search{background: url(../images/top_icon.png) no-repeat; text-indent: 30px; display: inline-block;margin-left: 50px;}
#top a.search{background-position: 0 -24px; cursor: pointer;}

#top form{position: absolute; right: 20px; top: 50px; border: 1px solid #009944; display: none;}
#top .keyword{ border: none; background: none; width: 150px; height: 24px; margin-left: 5px;}
#top .submit{ border: none; background: url(../images/top_icon.png) 0 -24px no-repeat; width: 18px; height: 24px; margin-right: 5px; cursor: pointer;}
/*=======================nav========================*/

#nav{ height:36px; position: absolute; bottom: 20px; right: 0;}
#nav li{ float: left; height:36px;}
#nav li.line{margin: 0 2px; width: 2px;}
#nav li a{ text-align: center; min-width: 44px; color: #0e0e0e; font-size: 18px; height: 36px; overflow: hidden; display: inline-block; padding: 0 15px;}
#nav li a:hover,#nav a.over{height: 32px; border-bottom: 4px solid #ed6d00;}

/*===========banner===========*/
#banner{  max-width: 1420px; height: 410px; margin: 0 auto;}
#banner .bd{width:100%; margin: 0 auto; z-index: 0; overflow: hidden;}
#banner .bd li img{width: 100%; height: 410px;}

/*===========index================*/
#index{ width: 1200px; margin: 0 auto; height: 205px; margin-top: 20px;}

#index .contact span.tit_bg,#index .about span.tit_bg{border-top: 14px solid #00bc54; border-left: 46px solid #00bc54; border-bottom: 14px solid #009944; border-right: 46px solid #009944; width: 0; height: 0; display: block; top: 0; left: 0; position: absolute; z-index: 0;}
#index .contact span.wenzi,#index .about span.wenzi{ position: absolute; z-index: 1; width: 92px; height: 28px; display: block;}
#index .contact a.tit,#index .about a.tit{  width: 92px; height: 28px; display: block; line-height: 28px; color: #fff; font-size: 14px; text-align: center; position: relative;}

#index .contact {width:294px; height:205px; margin-left: 30px;}
#index .contact .con{width: 294px; height: 160px; font-size: 14px; padding-top:20px;}

#index .about{ width: 785px; height: 205px; margin-right: 30px;}
#index .about .con{ width: 785px; height: 160px; padding-top: 20px; position: relative;}
#index .about a.more{ background: url(../images/more.png) left center no-repeat; text-indent: 16px; color: #b23737; display: block; position: absolute; right: 5px; bottom: 5px; text-decoration: underline; font-size: 11px;}

/*================index_pro=================*/
#index_pro{ width: 1200px; margin:50px auto 0;}
#index_pro .protype{margin-left: 30px; width: 192px;}
#index_pro .protype span.tit_bg{border-top: 30px solid #00bc54; border-left: 96px solid #00bc54; border-bottom: 30px solid #009944; border-right: 96px solid #009944; width: 0; height: 0; display: block; top: 0; left: 0; position: absolute; z-index: 0;}
#index_pro .protype span.wenzi{ position: absolute; z-index: 1; width: 152px; height: 40px; line-height: 18px; color: #fff; display: block; font-size: 18px; text-align: right; right: 30px; top: 10px;}
#index_pro .protype span.wenzi span.en{display: block; font-size: 12px;}
#index_pro .protype a.tit{  width: 192px; height: 60px; display: block;  position: relative;}

#index_pro .protype li{width: 190px; height: 47px; border: 1px solid #e6e8e9; border-top: none; line-height: 47px; text-align: right; padding-right:0px;}
#index_pro .protype li a{font-size: 14px; color: #009944;}
#index_pro .protype li a.more{background: url(../images/more.png) left center no-repeat; text-indent: 16px; color: #b23737; display:inline-block; text-decoration: underline; font-size: 11px;}

#index_pro ul.pro{width: 936px;}
#index_pro ul.pro li{float: left; margin:0 0 40px 40px; font-size: 16px; width: 194px; text-align: center;}
#index_pro ul.pro li img{border: 1px solid #afafaf; width: 190px; height: 172px; padding: 1px; background: url(../images/pro_bg.jpg) center center no-repeat;}

/*==================footer=================*/
#footer{ width:100%; min-width: 1200px; height:80px;color: #333; padding-top: 1px; text-align:center; overflow: hidden; background:#fff; border-top:1px solid #a2a2a2; margin: 0 auto; position: relative;}
#footer .bg_fl{width: 50%; height: 80px; background: #e6e8e9; position: absolute; z-index: 0; left: 0;}
#footer .bg_fr{width: 50%; height: 80px; background: #d3d5d6; position: absolute; z-index: 1; right: 0;}

#footer .main{width: 1200px; height: 80px; margin: 0 auto; position: absolute;  z-index: 2; left: 50%; margin-left: -600px;}
#footer .main>.fl{width: 280px; height: 80px; border-right: 2px solid #fff; background: #e6e8e9;}
#footer .main>.fl img{margin: 5px 0 0 50px; width: 209px; height: 58px;}
#footer .main>.fr{width: 918px; height: 80px; background: #d3d5d6;}

#footer .main>.fr .con{ text-align: left; width: 400px; height: 48px; margin: 18px 0 0 240px;}

#footer .main>.fr .phone{background: url(../images/footer_phone.png) left center no-repeat; text-align: left; padding-left: 60px; width: 140px; height: 48px; margin-top: 18px;}

/*	内页 */
/*==============================con================*/
#con{ width:1200px; margin: 65px auto 40px;}

/*======================con_fl====================*/
#con .con_fl{width: 192px;}
#con .con_fl span.tit_bg{border-top: 30px solid #00bc54; border-left: 96px solid #00bc54; border-bottom: 30px solid #009944; border-right: 96px solid #009944; width: 0; height: 0; display: block; top: 0; left: 0; position: absolute; z-index: 0;}
#con .con_fl span.wenzi{ position: absolute; z-index: 1; width: 152px; height: 40px; line-height: 18px; color: #fff; display: block; font-size: 18px; text-align: right; right: 30px; top: 10px;}
#con .con_fl span.wenzi span.en{display: block; font-size: 12px;}
#con .con_fl a.tit{  width: 192px; height: 60px; display: block;  position: relative;}

/*======================con_fr====================*/
#con .con_fr{width: 910px;}

#con .con_fr .con{ width: 650px; border: 1px solid #e1e1e1; padding: 15px 40px;}

#con .con_fr ul.pro{ width: 970px;}
#con .con_fr ul.pro li{float: left; margin:0 60px 40px 0; font-size: 16px; width: 263px; text-align: center;}
#con .con_fr ul.pro li img{width: 259px; height: 235px; padding: 1px; border:1px solid #afafaf; background: url(../images/pro_big_bg.jpg) center center no-repeat;}


#con .con_fr ul.news{ width: 660px;}


/*分页*/
div.pager{text-align:center; padding-bottom:12px;clear: both; height:24px; }

div.pager a{  padding: 0 3px;}
div.pager a.on{text-decoration: underline;}
/*==============producttype======================*/
.producttype{width: 190px; text-align: left; text-indent: 12px; margin-left: 1px; background: #4cd087;}
.producttype li{width: 190px; }
.producttype li a{display:block; color: #FFF;}
.producttype1{ line-height: 50px; font-size: 14px; border-top: 1px solid #fff; }
.producttype1 a{background: url(../images/fl_icon.png) left center no-repeat; margin-left: 8px;}
.producttype1sel{line-height: 50px; font-size: 14px;}
.producttype1sel a{ background: url(../images/fl_icon.png) left center no-repeat; margin-left: 8px;}

.producttype2{ display:none; line-height: 18px;}
.producttype2 a{margin-left: 45px;}
.producttype2sel{display:none; line-height: 18px;}
.producttype2sel a{margin-left: 45px;}