@charset "utf-8";
	/* CSS Document */
body,div,dl,dt,dd,ul,li,form,h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0;
}
html {
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
	width: 100%;
	height: 100%;
}
body{ 
	font-size:14px; 
	font-family:"微软雅黑" , Arial, Verdana, Geneva, sans-serif;
	position: relative;
	width: 100%;
	height: 100%;
}

ul,li,dl,dt,dd {
	display:block;
	list-style:none;
}
img {
	border:0;
	max-width:100%;
	display:block;
}
.clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
a {color:#000;text-decoration:none;outline:none;}
.ellipsis{
    white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    -o-text-overflow: ellipsis; /*For Opera*/  
    -ms-text-overflow: ellipsis; /*For IE8*/ 
}
/*@font-face{
	font-family: 'BOD_I';
	src:url('../fonts/BOD_I.eot');
	src:url('../fonts/BOD_I.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/BOD_I.woff') format('woff'),
	    url('../fonts/BOD_I.ttf') format('truetype'),
	    url('../fonts/BOD_I.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
.container{
	width: 100%;
	height: auto;
    background: #fff;
}
.header{
	width: 100%;
}
.header .topBox{
    width: 100%;
    height: 30px;
    background: #085a2c;
}
.header .topBox .top{
    width: 1100px;
    height: 30px;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    text-align: right;
    line-height: 30px;
    position: relative;
}
#search-form{
    width: 215px;
    height: 26px;
    float: right;
    margin: 2px 25px 2px 15px;
    z-index: 999;
    background: #dcdcdc;
}
#keywords{ width:180px; height:24px; float: left; margin-left: 3px; outline: none; border: none; background: none; color: #000; font-size: 14px; font-family: "微软雅黑";}
#post-search{width: 30px; height: 26px; float: right; outline: none; border: none; cursor: pointer; background: #ccc url(../images/search.png) no-repeat 3px 2px;}

.header .topBox .top .tel{
    color: #f96004;
    font-size: 16px;
}
.header .topBox .top .logo{
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 122px;
    border-bottom: 5px solid #004198;
    z-index: 999;
}
.header .topBox .top .logo img{
    width: 100%;
    height: 100%;
}
.header .navBox{
    width: 100%;
    height: 60px;
    background: #009944;
}
.header .navBox .nav{
    width: 1100px;
    height: 60px;
    background: #009944;
    margin: 0 auto;
}
/*一级菜单*/    
.nav li{ width:110px; height:60px; line-height:60px;font-size:16px; float:right;text-align:center; position: relative;}
.nav li a{ display:block;color:#fff;}
.nav li a:hover{color:#fff;} 
.navli:hover{background:#085a2c;}
/*二级菜单*/
.nav li ul {display:none;position: absolute;top: 60px;left: 0;padding: 0;margin:0;min-width: 110px;z-index: 9999;}
.nav li:hover .ul2 {display: block;}
.nav li ul li {float: none;margin: 0;width:auto; height: 40px; line-height: 40px; white-space: nowrap;position: relative;}
.nav li ul li a {display: block;margin: 0;  text-align: center;background: #085a2c;}
.nav li ul li a:hover {color: #fff;background: #009944;}
/*三级菜单*/
.nav li ul li ul{display:none;position: absolute;top: 0;left: 110px;padding: 0;margin:0;width:auto;min-width: 110px;z-index: 99;}
.nav li ul li:hover .ul3{display: block;}
.nav li ul li ul li{float: none;margin: 0;white-space: nowrap;height: 40px; line-height: 40px;}
.nav li ul li ul li a{display: block;margin: 0; font-size: 16px; text-align: center;background: #009944;}
.nav li ul li ul li a:hover{color: #fff;background: #085a2c;}
/*幻灯片*/
#Slideshow { width: 100%; margin:0 auto; position: relative; overflow:hidden;z-index: 0;}
#Slideshow .pics li{width: 100%;}
#Slideshow .pics li img{width:100%;}
/*数字按钮样式*/
#Slideshow .num { overflow:hidden; height: 25px; position: absolute; bottom:5px; right: 20%; zoom:1; z-index:3 }
#Slideshow .num li { width: 20px; height: 20px; line-height: 20px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
#Slideshow .num li.on { background: #e33d11; } /*当前项*/
/*上一个  下一个*/
#Slideshow .prev,#Slideshow .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 220px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#Slideshow .prev { left: 4px; }
#Slideshow .next { right: 4px; background-position: right;}

.middle{
    width: 100%;
    height: auto;
}
.catnav{
    width: 1100px;
    margin: 0 auto;
    margin-top: 20px;
}
.catnav .catpic{
    width: 360px;
    height: 120px;
    float: left;
    position: relative;
    margin-right: 10px;
}
.catnav #catpic3{
    margin-right: 0px;
}
.catnav .catpic img{
    width: 100%;
    height: 100%;
}
/*圆圈图标*/
.catnav .catpic .ico{
    width: 100px;
    height: 100px;
    position: absolute;
    top: -60px;
    left: 130px;
    z-index: 4;
}
.catnav .catpic a.link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    display: block;
    text-align: center;
    background: rgba(2,137,203,0.7);
    background: #0289cb\9;
    filter:alpha(opacity=70);
}
.catnav .catpic #link2{
    background: rgba(72,199,188,0.7);
    background: #48c7bc\9;
    filter:alpha(opacity=70);
}
.catnav .catpic #link3{
    background: rgba(129,202,39,0.7);
    background: #81ca27\9;
    filter:alpha(opacity=70);
}
.catnav .catpic a.link p{
    height: 30px;
    margin-top: 50px;
}
.catnav .catpic a.link span{
    font-size: 14px;
    text-transform: uppercase;
}
/*首页产品展示*/
.proShowBox{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.proShowBox .head{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 60px;
    color: #009944;
    font-family: Arial;
    position: relative;
    float: left;
}
.proShowBox .head .catname{
    width: 16%;
    height: 40px;
    position: absolute;
    left: 42%;
    top: 40px;
    background: #fff;
    text-align: center;
    line-height: 40px;
    font-family: "微软雅黑";
    font-size: 18px;
}
.proShowBox .main{
    width: 100%;
    float: left;
    margin-top: 40px;
    border-top: 1px solid #dcdcdc;
    position: relative;
}
.proShowBox .main .prosub{
    width: auto;
    height: 40px;
    margin: 0 auto;
    background: #fff;
    position: absolute;
    top: -17px;
    left: 0;
}
.proShowBox .main .prosub li{
    height: 30px;
    float: left; 
    font-size: 16px;
    padding: 0px 20px;
    text-align: center;
    line-height: 30px;
    position: relative;
}
.proShowBox .main .prosub li .bar{
    display: none;
    width: 12px;
    height: 6px;
    position: absolute;
    left: 45%;
    bottom: -6px;
    background:url(../images/tab_focus.png);
}
.proShowBox .main .prosub li:hover,.proShowBox .main .prosub li.on{
    background: #0c8655;
    color: #fff;
    cursor: pointer;
}
.proShowBox .main .prosub li:hover .bar,.proShowBox .main .prosub li.on .bar{
    display: block;
}
.proShowBox .main .bd{
    width: 1100px;
    height: 300px;
    margin: 0 auto;
    margin-top: 25px;
}
.proShowBox .main .bd li{
    width: 238px;
    float: left;
    margin-right: 46px;
    border: 1px solid #dcdcdc;
}
.proShowBox .main .bd li .pic{
    width: 216px;
    height: 170px;
    float: left;
    margin: 10px;
    border: 1px solid #dcdcdc;
}
.proShowBox .main .bd li .pic img{width: 100%;height: 100%;}
.proShowBox .main .bd li .tt{
    width: 218px;
    padding: 0 10px;
    float: left;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #dcdcdc;
}
.proShowBox .main .bd li .desc{
    width: 218px;
    padding: 0 10px;
    float: left;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
    color: #8e8f8f;
}
.proShowBox .main .bd li .more{
    width: 210px;
    height: 20px;
    padding: 0 10px;
    padding-left: 18px;
    float: left;
    color: #0c8655;
    font-size: 12px;
    line-height: 20px;
    background: url(../images/arr_more.jpg) no-repeat 10px;
}
.proShowBox .main .bd li.no{
    margin-right: 0;
}
.proShowBox .main .bd li:hover{
    border: 1px solid #0c8655;
}
/*首页新闻、联系展示*/
.newsContact{
    width: 1100px;
    height: 380px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
}
.newsContact .ncShowBox{
    width: 380px;
    float: right;
}
.newsContact #news{
    width: 660px;
    float: left;
}
.newsContact .ncShowBox .cat{
    height: 50px;
    line-height: 50px;
    color: #0c8655;
    font-size: 16px;
    text-transform: uppercase;
}
.newsContact #news .first .pic{
    width: 180px;
    height: 170px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
}
.newsContact #news .first .pic img{
    width: 100%;
    height: 100%;
}
.newsContact #news .first .tt{
    width: 460px;
    float: right;
    height: 40px;
    line-height: 40px;
    color: #0c8655;
}
.newsContact #news .first .tt a{
    color: #0c8655;
}
.newsContact #news .first .desc{
    width: 460px;
    height: 100px;
    float: right;
    font-size: 12px;
    line-height: 25px;
    color: #878484;
    overflow: hidden;
}
.newsContact #news .first .more{
    width: 80px;
    height: 24px;
    float: left;
    margin-top: 6px;
    line-height: 24px;
    text-align: center;
    background: #0c8655;
    color: #fff;
}
.newsContact #news li{
    width: 660px;
    float: left;
    margin-top: 10px;
    height: 20px;
    line-height: 20px;
    border-bottom: 1px dotted #dcdcdc;
}
.newsContact #news li a{
    width: 100%;
    color: #2a2a2a;
}
.newsContact #news li a:hover{
    color: #0c8655;
}
.newsContact #news li span{
    float: right;
}
.newsContact .ncShowBox .cont{
    width: 100%;
    line-height: 2em;
}
.newsContact .ncShowBox .cont .quan{
    width: 100%;
}
/*内页*/
.innerPage{
    width: 1065px;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
}
.innerPage .partLeft{
    width: 250px;
    min-height: 200px;
    float: left;
    border: 1px solid #e8e6e1;
    border-top: 3px solid #ff6605;
}
.partLeft .navbox{
    width: 250px;
}
.partLeft .navbox .topcat{
    width: 240px;
    padding-left: 10px;
    height: 38px;
    background: #fcf5f1;
    color: #ff6605;
    font-size: 16px;
    line-height: 38px;
}
.partLeft .contactInfo{
    width: 200px;
    padding: 0px 10px 20px 40px;
    margin-top: 20px;
    line-height: 30px;
    background: url(../images/ico_lx.png) no-repeat 5px top;
}
.partLeft .contactInfo .cat{
    padding-left: 10px;
    color: #29ad62;
    font-size: 16px;
}
.innerPage .partRight{
    width: 800px;
    min-height: 200px;
    border: 1px solid #e8e6e1;
    border-top: 3px solid #29ad62;
    float: right;
    padding-bottom: 30px;
}
.partRight .position{
    width: 98%;
    height: 38px;
    padding: 0 1%;
    line-height: 38px;
    border-bottom: 1px solid #e8e6e1;
    background: #e6f8ee;
    color: #000;
    font-size: 14px;
    text-align: right;
}
.partRight .position span{
    color: #29ad62;
    font-size: 16px;
    float: left;
}
.partRight .mainBox{
    width: 760px;
    padding: 20px;
}
/*单页*/
.partRight .mainBox .title{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #3d3c3c;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
}
.partRight .mainBox .other{
    text-align: center;
    font-size: 12px;
    font-family: "宋体";
}
.partRight .mainBox .content{
    margin-top: 20px;
    font-size: 12px;
    font-family: "宋体";
    line-height: 2em;
}
.partRight .mainBox .newsList,.partRight .mainBox .prosList{
    width: 100%;
}
.partRight .mainBox .newsList .first{
    height: 105px;
}
.newsList .first .pic{
    width: 200px;
    height: 105px;
    float: left;
    overflow: hidden;
    margin-right: 10px;
}
.newsList .first .tt{
    width: 550px;
    float: right;
    height: 30px;
    line-height: 30px;
    color: #0c8655;
}
.newsList .first .tt a{
    color: #0c8655;
}
.newsList .first .desc{
    width: 550px;
    height: 75px;
    float: right;
    font-size: 12px;
    line-height: 25px;
    color: #878484;
    overflow: hidden;
}
.newsList li{
    width: 99%;
    height: 20px;
    float: left;
    margin-top: 10px;
    padding-left: 1%;
    background: url(../images/arr_more.jpg) no-repeat left;
    border-bottom: 1px dotted #dcdcdc;
}
.newsList li a{
    display: block;
    width: 100%;
    color: #272727;
}
.newsList li a span{
    float: right;
}
.newsList li a:hover{
    color: #0c8655;
}
.prosList li{
    width: 142px;
    height: 170px;
    float: left;
    margin-top: 10px;
    text-align: center;
    margin-right: 12px;
}
.prosList li.no{
    margin-right: 0;
}
.prosList li a:hover{
    color: #29ad62;
}
.prosList li .pic{
    width: 142px;
    height: 140px;
    border: 1px solid #d2d9ce;
    text-align:center;
}
.prosList li .pic img{
    vertical-align:middle; 
    display:inline;  
    width: 100%; 
    height: 100%;
}
.prosList li .pic span{ 
    height:100%; 
    width:0; 
    overflow:hidden; 
    display:inline-block; 
    vertical-align:middle; 
}
.prosList li .tt{
    width: 100%;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
}
/*底部*/
.footer{
    width: 100%;
    margin-top: 20px;
    background: #0c8655;
}
.footer .foot{
    width: 1100px;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    color: #fff;
}
.footer .foot .ftNav{
    width: 720px;
    max-height: 200px;
    float: left;
    margin-top: 10px;
    line-height: 1.8em;
    overflow: hidden;
}
.footer .foot .ftNav dl a{
    color: #fff;
}
.footer .foot .ftNav dl{
    float: left;
    padding: 0 20px;
    background:  url(../images/footline.png) no-repeat right;
}
.footer .foot .ftNav dl dt{
    font-size: 16px;
}
.footer .foot .ftNav dl dd{
    font-size: 14px;
}
.footer .foot .cpright{
    width: 380px;
    float: right;
    font-size: 14px;
    line-height: 2em;
}
.footer .foot .cpright img{
    display: inline;
}
/*留言*/
.partRight .mainBox .liuyan{
    text-align: center;
}
#myform{
    font-size: 14px;
}
#myform tr{
    width: 100%;
    height: 36px;
}
#myform .name{
    width: 30%;
    text-align: right;
    padding-right: 2%;
    color: #000;
    font-weight: normal;
}
#myform .input-text{
    width: 50%;
    height: 28px;
    font-size: 14px;
    font-family: "微软雅黑";
}
#myform textarea{
    width: 80%;
    height: 140px;
    margin-top: 6px;
    font-size: 14px;
    font-family: "微软雅黑";
}
#myform #dosubmit{
    width: 90px;
    height: 30px;
    float: left;
    margin-top: 13px;
    border: none;
    background: url(../images/buttom2.png);
}
/*pages*/
 #pages {
    padding:14px 0 10px;
    margin:10px;
}
#pages a {
    display:inline-block;
    width:26px;
    height:22px;
    line-height:22px;
    background:#fff;
    border:1px solid #e3e3e3;
    text-align:center;
    color:#333
}
#pages a.a1 {
    background:url(../images/search/admin_img/pages.png) no-repeat 0 5px;
    width:56px;
}
#pages a:hover {
    background:#f1f1f1;
    color:#000;
    text-decoration:none;
}
#pages span {
    display:inline-block;
    width:26px;
    height:22px;
    line-height:22px;
    background:#5a85b2;
    border:1px solid #5a85b2;
    color:#fff;
    text-align:center;
}
.page .noPage {
    display:inline-block;
    width:56px;
    height:22px;
    line-height:22px;
    background:url(../img/icu/titleBg.png) repeat-x 0 -55px;
    border:1px solid #e3e3e3;
    text-align:center;
    color:#a4a4a4;
}
.preNext{
    font-size: 14px;
}
.preNext li{
    height: 20px;
    line-height: 20px;
}
.preNext li a:hover{
    text-decoration: underline;
}
.scroll{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    position:fixed;
    right:20px;
    bottom:20px;
    cursor:pointer;
    font-size:14px;
    background: url(../images/icon.png) no-repeat;
}