﻿/* 通用默认样式-------------------------------------- */
body {background-color:#fff; margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;}
td {font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#555555;text-decoration: none; line-height:26px;}
div {font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#555555;text-decoration: none;line-height:26px;}
A:link   {font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#555555;text-decoration: none;}
A:visited{font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#555555;text-decoration: none;}
A:hover  {font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#ff0000;text-decoration: none;}
A:active {font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#ff0000;text-decoration: none;}

p{ padding:0; margin:0;}
li{ list-style:none;}
img{ border:0px;}
body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

.clear{clear:both;}

/*index*/
.top{ width:100%; min-width:1100px; float:left; height:40px; background-color:#006829;}
.topbox{ width:1100px; height:40px; margin:0px auto;}
.topwelcome{ width:50%; float:left; line-height:40px; color:#efe365; font-size:14px;}
.topnav{ width:50%; float:right; line-height:40px; text-align:right; color:#efe365; font-size:14px;}
.topnav a{ color:#efe365; font-size:14px;}
.topnav div{ padding-left:25px; float:right; line-height:40px; text-align:right; color:#efe365; font-size:14px;}
.top a{ color:#fff}

.head{width:100%; min-width:1100px; float:left; height:100px; background:url(../images/t_bg.jpg) top center repeat-x;}
.headbox{ width:1100px; height:100px; margin:0px auto;}
.logo{ width:186px; height:100px; float:left;}

.menu{ width:680px; float:right; height:100px;}
.menubox{ width:680px; margin:0px auto;}
.menu .navigation {LIST-STYLE-TYPE:none; width:680px; height:100px; float:left;}
.menu .navigation LI {FLOAT:left; TEXT-ALIGN:center; margin:0px; width:170px; list-style-type:none; position:relative;}
.menu .navigation LI A:link   ,.menu .navigation LI A:visited{display:block; color:#006829; font-size:20px; font-family:'微软雅黑'; line-height:100px; text-decoration:none;}
.menu .navigation LI A:hover   ,.menu .navigation LI A:active{ background-color:#006829; color:#efe365;}

.menu .navigation LI ul{ position:absolute; display:none; width:136px; top:60px; left:0px;  z-index:11;  background:url(../images/top_bg.png);}
.menu .navigation LI ul li{width:136px; height:40px; margin-top:0px; border-bottom:1px solid #99abab; float:left;}
.menu .navigation LI ul li A:link{  text-align:center; line-height:40px; font-size:12px;}
.menu .navigation LI ul li A:visited{ text-align:center; line-height:40px;}
.menu .navigation LI ul li A:hover{ text-align:center; line-height:40px; color:#fff; background:url(../images/top_bg.png);}
.menu .navigation LI ul li A:active{ text-align:center; line-height:40px; color:#fff; background:url(../images/top_bg.png);}


.banner{ width:100%; height:500px; float:left; text-align:center;}

.inabout{ width:100%; min-width:1100px; float:left;}
.inaboutbox{ width:1100px; margin:0px auto;}
.inabout .title{ width:100%; float:left; text-align:center;}
.inabout .con{ width:1000px; padding-left:50px; float:left; text-align:center; padding-top:20px; line-height:30px; font-size:16px;}

.inpro{ width:100%; min-width:1100px; float:left; background-color:#f2f2f2;padding-bottom:40px; margin-top:80px;}
.inprobox{width:1100px; margin:0px auto;}
.inpro .title{ width:1100px; float:left; padding-top:60px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.inpro .title .text{ width:50%; float:left;font-size:26px; font-family:'微软雅黑'; }
.inpro .title .more{ width:50%; float:right; text-align:right; }
.inpro .gundong{width:1100px; float:left; padding-top:30px;}
.inpro .gundong_demo{OVERFLOW: hidden; WIDTH:1100px; float:left;}
.inpro .gundong p{ width:200px; height:200px; padding:10px; border:1px solid #ccc; background-color:#FFF; margin:0px 10px;}
.inpro .gundong img{ height:200px; width:200px;}
.inpro .gundong td{ font-size:14px; line-height:40px;}

.innews{width:100%; float:left; padding-top:50px;}
.innewsbox{width:1100px; margin:0px auto;}
.innews .title{ width:1100px; float:left; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.innews .title .text{ width:50%; float:left;font-size:26px; font-family:'微软雅黑'; }
.innews .title .more{ width:50%; float:right; text-align:right; }
.innews .con{ width:1100px; float:left; padding-top:40px;}
.innews .con .con_left{ width:520px; float:left;}
.innews .con_left_pic{ width:520px; float:left;}
.innews .con_left_tit{ width:520px; float:left; padding-top:15px;}
.innews .con_left_tit a{ font-weight:bold; font-size:14px;}
.innews .con_left_tex{ width:520px; float:left; padding-top:5px;}
.innews .con_left_more{ width:520px; float:left; padding-top:10px;}
.innews .con_left_more a{background-color:#006829; padding:10px 25px; color:#fff;}
.innews .con_left_pic img{ width:520px; height:272px;}

.innews .con .con_right{ width:520px; float:right;}
.innews .con_right li{ width:520px; float:left; border-bottom:1px solid #CCC; padding-bottom:25px; margin-bottom:25px;}
.innews .con_right li .litime{ width:100px; height:90px; background-color:#006829; color:#fff; float:left;}
.innews .con_right li .litime_d{font-size:48px; line-height:50px; float:left; padding-top:10px; text-align:center; width:100%;}
.innews .con_right li .litime_y{font-size:20px; line-height:20px; float:left; text-align:center; width:100%;}
.innews .con_right li .licon{ width:400px; float:right;}
.innews .con_right li .licon .licon_title{ float:left; padding-top:5px; }
.innews .con_right li .licon .licon_title a{font-weight:bold; font-size:14px;}
.innews .con_right li .licon .licon_text{ float:left; padding-top:10px; color:#666;}

.foot{width:100%; float:left; min-width:1100px; padding-top:30px; padding-bottom:30px; background-color:#efe365;}
.footbox{width:1100px; margin:0px auto;}
.foot ul{ width:1100px; float:left;}
.foot ul li{ width:200px; float:left;}
.foot ul li .flit a{ color:#006829; font-size:20px; line-height:40px;}
.foot ul li .flit a:hover{ color:#000;}
.foot ul li .flitb a{ color:#006829; font-size:14px; line-height:30px;}
.foot ul li .flitb a:hover{ color:#000;}
.foot ul li .flitc { color:#006829; font-size:12px; line-height:30px;}
.foot ul li .flitd{ width:300px; float:left;}
.foot ul li .flitd .fbtext{ width:250px; height:26px; line-height:26px; border:1px solid #CCC; margin-top:5px; padding:0px 5px; font-size:12px; color:#666;}
.foot ul li .flitd .fbtextarea{ width:250px; border:1px solid #CCC; margin-top:5px; padding:0px 5px; font-size:12px; color:#666;}

.copyright{ width:100%; float:left; text-align:center; padding-top:15px; padding-bottom:15px; color:#efe365; background-color:#006829;}
.copyright a{ color:#efe365}

/**************************************anout*****************************/
.main{ width:100%; min-width:1100px; float:left; padding-top:30px;}
.mainbox{ width:1100px; margin:0 auto;}

.about_mian{ width:1100px; float:left;}
.about_mian .left{ width:230px; float:left;}
.about_mian .left div{font-size:18PX; background:#00923f; color:#fff; text-align:center;font-family:'微软雅黑'; padding:20px 0px}
.about_mian .left  ul{ width:230px; float:left; background-color:#fff; padding-top:10px;}
.about_mian .left  ul li{ width:200px; padding-left:20px; float:left; border-bottom:1px dotted #ccc; height:40px; line-height:40px; background:url(../images/leftioc.jpg) 10px 16px no-repeat;}
.about_mian .left  ul li a{ color:#666; display:block;}
.about_mian .left  ul li a:hover{ color:#F00;}

.about_mian .right{ width:850px; float:right; background-color:#FFF;}
.about_mian .right .title{ width:850px; float:left; height:50px; background-color:#006829;}
.about_mian .right .title_l{float:left; padding:0px 10px; margin-left:20px; background-color:#45bb78; text-align:center; height:50px; line-height:50px; font-size:16px; font-family:'微软雅黑'; color:#fff;}
.about_mian .right .title_r{width:50%; float:right; text-align:right; line-height:50px; color:#fff; padding-right:10px;}
.about_mian .right .con{ width:820px; padding:15px; float:left;}
.about_mian .right .title_r A{ color:#FFF}
.about_mian .right .title_r A:hover{ color:#ccc}

.newslist{ width:100%; float:left}
.newslist li{ width:800px; float:left; padding-left:20px; border-bottom:1px dotted #ccc; height:40px; line-height:40px; background:url(../images/news_ioc.png) 5px 17px no-repeat;}
.newslist li span{ float:right;}

.productlist{ width:100%; float:left;}
.productlist li{ width:242px; float:left; padding:10px; border:1px solid #ccc; margin-right:10px; margin-top:25px;}
.productlist li img{ width:242px; height:242px;}
.productlist li p{ text-align:center; line-height:40px;}

.caselist{ width:100%; float:left;}
.caselist li{ width:190px; float:left; padding:5px; border:1px solid #ccc; margin-right:14px; margin-top:25px;}
.caselist li img{ width:190px; height:190px;}
.caselist li p{ text-align:center; line-height:40px;}









.pages{ width:100%; float:left; padding-top:30px; padding-bottom:20px;}
.pages span{ display:block; height:20px; float:left; line-height:19px;}
.pages .page,.pages .pageon{ border:1px solid #999; margin-right:3px;color:#626262; font-size:12px; vertical-align:middle;color:#000000}
.pages .page a:link,.pages .page a:visited{ color:#000; display:block;  height:100%; padding:0px 6px; float:left}
.pages .page a:hover,.pages .page a:active{ color:#fff; background:#00923f}
.pages .pageon{color:#fff; background:#00923f;display:block; padding:0px 6px; margin-right:3px;}
.pages .page2{display:block; padding:0px 6px;border:1px solid #999; margin-right:10px;margin-left:10px;  }
.pages .page1{}
.pages .page1 input{ height:20px;height:20px;border:1px solid #999; background:none; color:#717171; font-size:11px}
.pages .page1 #pages{ width:30px; height:18px;border-right:0px ; text-align:center; margin-left:10px}
