@charset "utf-8";
/* 公用CSS */
html,body,ol,ul,li,a,span,div,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,img,fieldset,legend,blockquote,input,textarea,select{margin:0;padding:0;list-style:none;word-wrap:break-word;outline:none;font-size:100%; border:none;}
html,body{font:12px/24px "宋体",Arial, Helvetica, sans-serif;color:#555555;}
input,textarea{outline:0;resize:none;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
img{vertical-align:top;border:0;}
select{ border:none; background:none;}
input,textarea{font-family:"宋体"; font-size:12px;color:#888;border:none;outline:none;transition:background-color .2s ease-in 0s, color .2s ease-in 0s;-webkit-transition:background-color .2s ease-in 0s, color .2s ease-in 0s;}
h1{ font-size:24px;}
h2{ font-size:18px}
h3{ font-size:14px;}
h4{ font-size:16px;}
h5{ font-size:12px;}
a:link,a:visited{color:#3c3c3c;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#069b46;text-decoration:none;}:focus{outline:none;}

/* CSS活动的公共样式 */
.gr_left{float:left;}
.gr_right{float:right;}
.gr_overflow{overflow:hidden;}
.gr_center{text-align:center;}
.gr_width{ width:1000px; margin:0 auto;clear:both; overflow:hidden;}
.gr_mb{margin-bottom:40px;}
.gr_over{ width:1000px; margin:0 auto;clear:both; overflow:hidden;}


/*------- 头部样式---------- */
.header{ background:url(../images/head_t.jpg)  no-repeat center top; padding-top:2px;  box-shadow:0 2px 2px #d6d6d6; margin-bottom:1px;}
.head{ background:url(../images/head_bg.jpg) repeat-x center top; padding-top:18px; height:84px}
.header .gr_width{overflow:inherit;}
.head_right{width:720px;}
.search{ overflow:hidden; float:right;}
.search .sp01{ margin-right:20px; margin-top:3px; float:right;}
.search .sear{ width:140px; height:20px; box-shadow:2px 2px 2px #ededed inset; display:inline-block; background:#f5f5f5; border:1px solid #dddddd; border-radius:5px; color:#cdcdcd; padding-left:5px; line-height:20px; float:left;}
.search .btn{ display:inline-block; width:22px; height:21px; background:url(../images/search.png) no-repeat; float:left; cursor:pointer;}

.nav{ clear:both;  margin-top:20px;}
.nav_in { width:720px; }
.nav_in li{ float:left; width:100px; padding:0 10px; text-align:center; font-size:14px; font-family:"微软雅黑"; background:url(../images/li.png) no-repeat right center;position: relative;}
.nav_in li a{ display:inline-block; width:100px; height:35px; line-height:35px; text-align:center;color:#444;}
.nav_in li a:hover{ background:#20c668; border-radius:5px; color:#fff;}
.nav_in li.current a{ background:#20c668; border-radius:5px; color:#fff;}
.nav_in li.last{background:none;}

.Submenu{position: absolute;left: 0;top: 44px; width: 98%;height: auto;padding: 2%;background: #eee;}
.Submenu a{line-height: 30px;font-size: 14px;color: #000 ! important;background: none ! important;border-radius: 0 ! important;}
.Submenu a:hover{color: #fff ! important;background: #20c668 ! important;}
/*------- banner---------- */
.banner .num{position:relative; top:-80px; margin-left:920px;}
.banner .num a{ display:inline-block; width:39px; height:39px;}
.banner .num .left{background:url(../images/right_h.jpg)}
.banner .num .left:hover{background:url(../images/left.jpg)}
.banner .num .current{background:url(../images/left.jpg)}
.banner .num .right{background:url(../images/right.jpg)}
.banner .num .right:hover{background:url(../images/left_h.jpg)}


.conter{ background:url(../images/con_bg.png) no-repeat center top; position:relative; top:-66px; clear:both; z-index:999;}
.con_in{ padding:10px 10px 0px 10px; width:980px; }
.con_top .a_one{ margin-right:13px;}
.con_two{ padding:30px 20px 0px 20px} 
.title{color:#000; font-size:14px; margin-bottom:20px; overflow:hidden;}
.title span{color:#a9a9a9; margin-left:5px;}
.in_about{ width:290px;}
.in_about p{margin-top:10px;}
.in_about p a{ color:#39c761;}
.in_about p a:hover{ color:#ff0000;}


.in_news{ margin:0 45px; width:290px; float:left;}
.title .tie_right{ float:right;}
.title .tie_right a{display:inline-block; margin-top:5px; width:12px; height:12px;}
.title .tie_right .left{ background:url(../images/new_hr.jpg) no-repeat;}
.title .tie_right .left:hover{ background:url(../images/new_l.png) no-repeat;}
.title .tie_right .right{ background:url(../images/new_r.jpg) no-repeat;}
.title .tie_right .right:hover{ background:url(../images/new_hl.jpg) no-repeat;}
.new_in li{ overflow:hidden; }
.new_in li .left{ float:left; background:#efefef; width:47px; height:37px; text-align:center; font-size:11px; font-family:Arial; line-height:16px; padding-top:10px;margin-top:12px; }
.new_in li .left span{ color:#0db154; font-size:14px; font-weight:bold; }
.new_in li .right{ float:right; width:235px; }
.new_in li .right h4{ color:#3c3c3c;font-size:12px;font-weight:normal; }
.new_in li .right p{color:#9d9d9d; line-height:22px}

.in_lianxi{ width:250px;}
.in_lianxi .p01{ padding-bottom:15px; border-bottom:1px dotted #c0c0c0; margin-bottom:20px;}

.footer{ background:#f3f3f3; border-top:1px solid #ededed; box-shadow:0 1px 0 #fff inset; padding-top:20px; height:65px; clear:both; margin-top:-20px;}
.foot_in .gr_left{ color:#ababab;}
.foot_in .gr_right{color:#ababab; padding-top:10px;}
.foot_in  a{color:#ababab;}
.foot_in  a:hover{ color:#12a853;}
.foot_in .gr_right span{ padding:5px;}


/*------- 产品列表---------- */
.list_con{margin-top:60px; margin-bottom:150px;}
.list_top{ padding-bottom:15px; border-bottom:1px solid #17ba63; overflow:hidden;}
.list_top h2{ color:#17ba63; font-size:16px; float:left; width:230px;}
.list_top h2 span{ font-size:12px; color:#5d5d5d; font-family:Arial;}
.list_top .sp02{ background:url(../images/list1.jpg) no-repeat left 6px;padding-left:25px; color:#555555; font-size:16px; float:left;}
.list_top .position{ color:#555555; float:right;}
.list_top .position span{ margin:0 5px;}
.list_top .position a{color:#555555;}
.list_top .position a:hover{color:#17ba63;}

.sidebar{ width:210px;}
.menu_two{display: none;}
.menu_two li a{padding-left: 10px;}
.menu_three{display: none;}
.menu_three li a{padding-left: 30px ! important;height: 38px ! important;line-height: 38px ! important;}

.menu_in li { overflow:hidden; font-size:13px;}
.menu_in li a{ display:inline-block; height:45px; line-height:45px; background:#e6e6e6 url(../images/list1.jpg) no-repeat 4px  center;padding-left:20px;margin-bottom:2px; width:100%;}
.menu_in li a:hover{background:#20c668 url(../images/li_h.jpg) no-repeat 4px  center; color:#fff;}
.menu_in li .current{background:#20c668 url(../images/li_h.jpg) no-repeat 4px  center; color:#fff;}
.menu_in .menu_two li a{background:#e6e6e6 none;}
.menu_in .menu_two li a:hover{background:#20c668 none;}
.side_bom a{margin-top:10px; display:block;}
.menu_in .menu_two a.current {background:#20c668 none;color:#fff;}
.menu_in li span{font-size:14px; font-weight:bold;}
.menu_in .menu_three li a{width: 85%}

/*  .menu_in >li > a{ background:#e6e6e6 url(../images/list1.jpg) no-repeat 20px  center; padding-left:40px;}
  .menu_in >li > a:hover{background:#20c668 url(../images/li_h.jpg) no-repeat 20px  center;}
*/

.pro_list li{ margin-bottom:25px; height:100px; border-bottom:1px solid #F1F1F1; overflow:hidden; width:770px; }
.pro_list li .sp01{ padding:3px;border:1px solid #F1F1F1; display:block; float:left;}
.pro_list li .gr_right{ width:630px;}
.pro_list li .gr_right h3{ height:30px;}
.pro_list li .gr_right h3 a{color:#666;}
.pro_list li .gr_right p a{ color:#20C668; margin-left:25px;}
.pro_list li .gr_right a:hover{color:#05843C;}


/*----------产品详情-----------------*/
.list_box{ width:770px; margin-top:25px;}
.list_boxin{ overflow:hidden; margin-bottom:30px;}
.detail_l{ overflow:hidden; width:370px;}
.pro_small{ width:90px;}
.small_L li a{ display: inline-block; width:80px; height:74px; border:1px solid #e0dfdf; overflow:hidden; padding:3px;}
.small_L li a:hover{border:1px solid #20C668;}
.small_L .current a{border:1px solid #20C668;}
.small_L li{ height:80px; margin-bottom:18px;}
.pro_big{ width:260px; height:265px;border:1px solid #e0dfdf; padding:5px;}
.detail_r{ width:350px;}
.detail_r h2{ height:35px; line-height:35px; color:#fff; padding-left:20px; background:#20C668;margin-bottom:5px;}
.detail_r p{ border-bottom:1px dotted #e3e3e3; padding:5px;}
.detail_r .sp01{margin-top:15px; display:block; color:#333; font-size:14px; font-weight:bold;}
.detail_r .sp01 img{ display:block; margin-top:10px;}


.pro_cpxq{ clear:both; margin-top:40px;}
.pro_cpxq .title{ height:30px; border-bottom:2px solid #20C668; line-height:30px; font-weight: normal;}
.pro_cpxq .title span{ height:30px; display:inline-block; width:100px; color:#fff; background:#20C668; margin-left:10px;text-align:center; }
.pro_cpxq .cpxq_font p{margin-top:30px;}


/*----------办公环境-----------------*/
.huanjing_in{ overflow:hidden;}
.huanjing_in li{ float:left; margin-right:40px; text-align:center; margin-bottom:20px;}
.huanjing_in li p{ margin-top:10px;}
.news_in li { height:40px; line-height:40px; border-bottom:1px dotted #C5C5C5; background:url(../images/li.jpg) no-repeat 5px center; padding-left:15px;}
.news_in li span{ float:right;}


/*---------- 新闻详情-----------------*/

.news_detail .title{ text-align:center;}
.news_detail .time{ text-align:center; color:#9b9a9a; border-bottom:1px solid #20C668; height:25px;}
.news_detail .news_font{ margin-top:25px;margin-bottom:60px; }
.news_detail .news_font p{text-indent:2em;}

.next{border-top:1px solid #20C668; overflow:hidden;}
.next p{ height:35px; line-height:35px;}
.next p span{ color:#20C668;}


/*---------- 在线留言-----------------*/
.jc_form {margin-top:40px; margin-left:60px;}
.jc_form label{ display:block;  color:#666666; margin-bottom:20px;}
.liuyan i{ color:#ff0000; font-style:normal;}
.jc_form label span{ width:60px; text-align:right; display:inline-block;}
.jc_form label input{ height:35px; line-height:35px; background:#fff; border:1px solid #dadada; width:240px; }
.jc_form label textarea{background:#fff;border:1px solid #dadada; width:340px; height:120px;}
.jc_form label .gr_left{margin-right:5px;}
.jc_form .tj{ background:#20c668; display:inline-block; width:120px; height:35px; line-height:35px; text-align:center; color:#fff; margin-left:65px; cursor:pointer;}
.jc_form .rese{ background:#999; display:inline-block; width:120px; height:35px; line-height:35px; text-align:center; color:#fff;margin-left:30px;cursor:pointer;}

.gsbz{position: relative;float: right;right: 38px;top: 4px;}
.gsbz img {width: 39px;height: auto;}