@charset "utf-8";

body{ background: #fff; font-family:"微软雅黑"; font-size:12px; line-height:26px; color:#666; max-width: 1600px; margin: 0 auto; min-width: 1120px;}
a{color:#666;text-decoration:none;}
a:hover{color:#335b03;text-decoration:none;}

.fl{ float:left;}
.fr{ float:right;}
.cr{ clear: both;}

.w1120{width: 1220px; margin: 0 auto;}

.bgF6{background: #f6f6f6 !important;}
.bbFFF{border-bottom-color: #fff !important;}

.par20{padding-right: 20px !important;}

.mb10{margin-bottom: 10px !important;}

.color777{color: #777 !important;}
.lh22{line-height: 22px !important;}
/*字体相关*/

.ffArial{font-family: "Arial";}

/*==================top   头部======================*/
#top{height: 130px; width: 100%; margin: 0 auto; z-index: 2;}
#top .top-tab{ width: 100%; margin: 0 auto; height: 26px; padding-top: 20px;}
#top .top-tab .search{width: 166px; height: 25px; border-bottom: 1px solid #e8e8e8;}
#top .top-tab .search .text{width: 144px; height: 25px; background: none; border: none;}
#top .top-tab .search .submit{width: 20px; height: 25px; background: url(../images/top-submit.png) center no-repeat; border: none; cursor: pointer;}
#top .tab {display: block; width: 26px; height: 26px; border-radius: 50%;  text-align: center;}
#top .a-cn{background: #61ac07; color: #fff; margin-left: 18px;}
#top .a-en{background: #dcdcdc; color: #2a2a2a; margin-left: 3px;}

/*============nav  导航=============*/
#nav{width: 100%; height: 90px; margin: 0 auto;}
#nav .logo{margin: 10px 60px 0 0;}

#nav li.nLi{height:48px; margin-top: 20px; float: left; background: url(../images/nav-li.png) left center no-repeat; position: relative;}
#nav li.nLi>a{display: block; padding: 0 14px; height: 48px; font-size: 14px; text-align: center; color:#333; line-height: 48px; }
#nav li.nLi>a.over,#nav li.nLi>a:hover{color: #335b03;}

#nav li.nLi:first-child{background: none;}

#nav ul.sub{width: 85px; height: 0; overflow: hidden; position: absolute; top: 48px; left: -1px; background: #61ac07; z-index: 9; padding: 8px 0; display: none;}
#nav ul.sub li{float: none; width: 85px; text-align: center; height: 32px; line-height: 30px; }
#nav ul.sub li a{ display: inline-block; margin: 0 auto; height: 30px; position: relative; color: #fff; border-bottom: 1px solid #5aa303;}
#nav ul.sub li.last a,#nav ul.sub li:last-child a{border-bottom: none;}

/*==================mainBanner  首页banner=================*/
#mainBanner{width: 100%; height: 584px; position: relative;}

/*========bd  背景切换============*/
#mainBanner .bd{ width:100% !important; height: 516px; margin: 0 auto; position: absolute; top: 0; overflow: hidden;}
#mainBanner .bd ul{width:100% !important;}
#mainBanner .bd li{overflow: hidden; text-align: center; width:100% !important; height: 516px;}

/*=========hd  切换点============*/
#mainBanner .hd{width: 100%; height: 68px; position: absolute; bottom: 0; z-index: 9; background: #62a90d;}
#mainBanner .hd .main{position: relative;}
#mainBanner .hd ul{width: 1120px; height: 68px; border-right: 1px solid #76c318;}
#mainBanner .hd li{width: 279px; height: 68px; border-left: 1px solid #76c318; float: left; position: relative; cursor: pointer;}

#mainBanner .hd li .icon{width: 25px; height: 13px; position: absolute; background: url(../images/banner-hd.png) no-repeat; top: -13px; left: 127px; display: none;}
#mainBanner .hd li .con{width: 279px; height: 68px; }
#mainBanner .hd li .img{width: 42px; height: 68px; margin-left: 48px;}

#mainBanner .hd li .s-cn{display: inline-block; color: #fff; line-height: 20px; margin: 14px 0 0 15px; text-align: center; font-size: 16px;}
#mainBanner .hd li .s-en{display: block; font-size: 14px;}

#mainBanner .hd li.on{background: #5a990c;}
#mainBanner .hd li.on .icon{display: block;}

/*====================newsTit  首页标题重复样式===================*/
.newsTit{width: 100%; height: 35px; border-bottom: 1px solid #e9e9e9; position: relative; margin-bottom: 12px; line-height: 36px;}
.newsTit .tit{display: inline-block; height: 36px; position: absolute;
 background: url(../images/newsTit-icon.png) left bottom no-repeat; color: #111; font-size: 16px;}
.newsTit .tit .s-en{display: inline-block; margin-left: 10px; font-size: 12px; color: #a5a5a5;}
.newsTit .more{ padding-right: 8px; background: url(../images/newsTit-more.png) right center no-repeat; font-size: 10px; color: #528a10;}

/*=================news 首页新闻=================================*/
#news{width: 100%; height: 240px; padding: 45px 0 50px 0; margin: 0 auto; }

#news .project{width: 520px;}
#news .news{width: 520px;}

#news .newsUl{width: 100%;}
#news .newsUl li{width: 100%; height: 26px; overflow: hidden;}
#news .newsUl li a{display: block; background: url(../images/news-icon.png) left center no-repeat; padding-left: 10px; color: #535353;}
#news .newsUl li a:hover{color: #335b03;}

/*==================footer  底部版权=================*/
#footer{ width: 100%; height: 80px; margin: 0 auto; border-top: 1px solid #dfdfdf; padding: 10px 0 0 0;}
/*=====footNav======*/
#footer ul.footNav{}
#footer ul.footNav li{float: left; text-align: center; height: 26px; background: url(../images/nav-li.png) left center no-repeat;}
#footer ul.footNav li a{display: block; padding: 0 15px; color: #414141;}
#footer ul.footNav li:first-child{background: none;}
#footer ul.footNav li:first-child a{padding-left: 0;}
#footer ul.footNav li a:hover{color: #335b03;}

/*=====links======*/
#footer .links{ width: 800px; text-align: right;}
#footer .links .con{margin-bottom: 10px; height: 16px; line-height: 16px;overflow: hidden; color: #525252;}
#footer .links .con a{color: #525252;}
#footer .links .con a:hover{color: #335b03;}
#footer .links .select{width: 120px; padding-left: 10px; height: 26px; border: 1px solid #c8c8c8; background: none; color: #8b8b8b;}

/*	内页 */
/*================banner   内页banner==================*/
#banner{width: 100%; height: 300px; overflow: hidden; text-align: center; margin: 0 auto; position: relative;}
#banner .bd{ width:100% !important; height: 300px; margin: 0 auto; position: absolute; top: 0; overflow: hidden;}
#banner .bd ul{width:100% !important;}
#banner .bd li{overflow: hidden; text-align: center; width:100% !important; height: 300px;}

/*==================con  主体内容=================*/
#con{margin: 0 auto; width: 100%; min-height: 494px; padding: 0 0 50px; position: relative;}

/*================conFl  主体内容左侧==============*/
#conFl{width: 205px; min-height: 454px; position: absolute; top: -14px; z-index: 10; background: url(../images/conFl-bg.png) repeat-x; text-align: right;}

#conFl .tit{display: block; margin:20px 20px 0 0;}
#conFl .tit .s-en{display: block; font-size: 30px; color: #e2e1e2; }
#conFl .tit .s-cn{display: block; padding-right: 10px; margin-right: 8px; font-size: 16px; color: #000; background: url(../images/conFl-tit-icon.png) right center no-repeat;}

/*type  左侧导航菜单*/
#conFl .type{width: 136px; margin: 18px 0 0 34px;}
#conFl .type1{height: 30px; background: url(../images/type1-bg.png) left bottom repeat-x; line-height: 30px; overflow: hidden;}
#conFl .type1 a{ display: inline-block; padding: 0 8px 0 10px; color: #8d8d8d;}
#conFl .type1sel{ height: 30px; background: url(../images/type1-bg.png) left bottom repeat-x; line-height: 30px; overflow: hidden;}
#conFl .type1sel a{ display: inline-block; padding: 0 8px 0 10px; color: #333; background: url(../images/type-sel.png) left center no-repeat;}

#conFl .type .typesub{background: url(../images/type1-bg.png) left bottom repeat-x; padding: 5px 0;}
#conFl .type2{height: 20px; line-height: 20px; overflow: hidden;}
#conFl .type2 a{ display: inline-block; padding: 0 0 0 10px; color: #8d8d8d;}
#conFl .type2sel{ height: 20px; line-height: 20px; overflow: hidden;}
#conFl .type2sel a{ display: inline-block; padding: 0 0 0 10px; color: #454545; background: url(../images/type-sel.png) left center no-repeat;}

/*================conFr  主体内容右侧==============*/
#conFr{width: 870px; padding-top: 14px;}

/*tit 左侧栏目名称*/
#conFr .tit{ width: 100%; height: 36px;  position: relative; line-height: 36px; border-bottom: 1px solid #e4e4e4;}
#conFr .tit .tit-text{display: inline-block; position: absolute; height: 37px; font-size: 14px; color: #666; font-weight: bold; background: url(../images/conFr-tit-text.png) left bottom no-repeat;}

/*menu 右侧面包屑*/
#conFr .tit .menu{color: #979797;}
#conFr .tit .menu a{color: #979797;}
#conFr .tit .menu a:hover{color: #335b03;}

/*主体内容*/
#conFr .con{margin-top: 30px;}

/*公司资质列表*/
#conFr ul.quali{padding-left: 6px; }
#conFr ul.quali li{width: 258px; height: 220px; float: left; margin: 0 0 22px 24px;}
#conFr ul.quali a{display: block; width: 238px; height: 200px; background: #ededed; padding: 10px; color: #484848;}
#conFr ul.quali a img{width: 235px; height: 164px; border: 1px solid #dbdbdb;}
#conFr ul.quali a:hover{color: #577830;}
#conFr ul.quali a:hover img{border-color: #c4d3b1;}

/*企业文化列表*/
#conFr ul.culture{ width: 100%;}
#conFr ul.culture li{width: 100%; height: 26px; padding: 12px 0; border-bottom: 1px solid #d4d4d4; position: relative; overflow: hidden;}
#conFr ul.culture a.hide{display: block; width: 100%; height: 26px; color: #333; background: url(../images/culture-hide.png) left center no-repeat; padding-left: 15px;}
#conFr ul.culture a.hide:hover{color: #577830;}

#conFr ul.culture li .memo{position: absolute; width: 100%; top: 42px; display: none;}
#conFr ul.culture li .memo img{width: 200px; height: 116px;}
#conFr ul.culture li .memoCon{width: 650px; height: 110px; line-height: 22px; color: #444;}
#conFr ul.culture li .memoCon-memo{max-height: 88px; overflow: hidden;}
#conFr ul.culture li .more{display: block; width: 70px; height: 22px; padding-left: 18px; background: url(../images/culture-more.png) left center no-repeat; color: #828282;}
#conFr ul.culture li .more:hover{color: #577830;}

#conFr ul.culture li.show .hide{background: url(../images/culture-hide-show.png) left center no-repeat;}
#conFr ul.culture li.show .memo{display: block;}

/*新闻详情*/
#conFr .con .conH1{color: #333; font-size: 16px; text-align: center;}
#conFr .con .showTime{display: block; text-align: center; color: #999; margin-top: }
#conFr .dividingLine{width: 100%; height: 1px; background: url(../images/dividingLine.png) repeat-x;}


/*news  新闻资讯列表*/
#conFr ul.news{ width: 100%;}
#conFr ul.news li{width: 100%; height: 70px; position: relative; overflow: hidden; margin-bottom: 30px;}
#conFr ul.news li .data{display: block; width: 76px; height: 70px; border-right: 1px solid #d3d3d3; color: #afafaf; line-height: 16px;}

#conFr ul.news li .memo{width: 770px; height: 70px; }
#conFr ul.news li .memo .memoTit{display: block; line-height: 22px; height: 22px; overflow: hidden; background: url(../images/news-icon.png) left center no-repeat; padding-left: 10px; color: #333; margin-left: -10px; margin-bottom: 4px;}
#conFr ul.news li .memo .memoTit:hover{color: #577830;}
#conFr ul.news li .memoCon{ height: 44px; line-height: 22px; text-indent: 2em; color: #777; overflow: hidden;}

#conFr ul.news li:first-child{height: 110px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0;}
#conFr ul.news li:first-child img{width: 178px; height: 110px;}
#conFr ul.news li:first-child .memo{width: 665px; height: 110px; }
#conFr ul.news li:first-child .memo .memoTit{ background: none; font-size: 14px; padding-left: 0;  margin-left: 0;}
#conFr ul.news li:first-child .memoCon{ height: 66px; }

/*项目展示列表*/
#conFr ul.pro{ width: 900px;}
#conFr ul.pro li{width: 200px; height: 170px; float: left; margin: 0 24px 24px 0;}
#conFr ul.pro a{display: block; width: 200px; height: 170px;}
#conFr ul.pro a span{display: block; height: 24px; margin-bottom: 6px;}
#conFr ul.pro a img{width: 200px; height: 140px; display: block;}


#conFr ul.public li{height: 120px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; margin-bottom: 20px;}
#conFr ul.public li img{width: 178px; height: 110px; margin-top: 10px;}
#conFr ul.public li .memo{width: 665px; height: 110px; }
#conFr ul.public li .memo .memoTit{ display: block; height: 22px; line-height: 22px; overflow: hidden; font-size: 14px; color: #333;}
#conFr ul.public li .memo .memoTit:hover{color: #577830;}
#conFr ul.public li .memoCon{ height: 66px; }
#conFr ul.public li .more{display: block; width: 70px; height: 22px; padding-left: 18px; background: url(../images/public-more.png) left center no-repeat; color: #b0192f; margin-top: 10px;}

#conFr ul.public li.last,#conFr ul.public li:last-child{border-bottom: none;}

/*学术交流列表*/
#conFr ul.academic{ width: 100%;}
#conFr ul.academic li{width: 100%; height: 26px; padding: 12px 0; border-bottom: 1px solid #d4d4d4; position: relative; overflow: hidden;}
#conFr ul.academic a.hide{display: block; width: 100%; height: 26px; color: #222; background: url(../images/academic-hide.png) left center no-repeat; padding-left: 15px;}
#conFr ul.academic a.hide:hover{color: #577830;}

#conFr ul.academic li .memo{position: absolute; width: 100%; top: 42px; display: none; text-indent: 2em;}
#conFr ul.academic li .memo a{color: #3e3e3e;}
#conFr ul.academic li .memo a:hover{color: #577830;}

#conFr ul.academic li.show .hide{background: url(../images/academic-hide-show.png) left center no-repeat;}
#conFr ul.academic li.show .memo{display: block;}

/*人才招聘列表*/
#conFr ul.join{width: 900px;}
#conFr ul.join li{width: 276px; height: 330px; float: left; margin:0 21px 21px 0;}
#conFr ul.join li a{display: block; width: 252px; height: 306px; padding: 12px; background: #fff;}
#conFr ul.join li a .joinTit{display: block; height: 38px; overflow: hidden; font-size: 16px; font-weight: bold; line-height: 38px;  color: #333; border-bottom: 1px solid #f1f1f1; }
#conFr ul.join li a .joinMemo{display: block; width: 240px; padding: 6px; height: 264px; overflow: hidden; line-height: 24px; color: #666; margin-top: 10px;}

/*map  网站地图列表*/
#conFr ul.map{width: 100%;}
#conFr ul.map li{width: 100%; height: 32px; line-height: 32px; background: #ededed url(../images/map-li.png) 14px center no-repeat;}
#conFr ul.map li a{font-size: 14px; font-weight: bold; color: #333; margin-left: 30px;}
#conFr ul.map ul.mapSub{padding-left: 5px; height: 36px; line-height: 36px; margin-bottom: 12px;}
#conFr ul.map ul.mapSub li{ width: auto !important; float: left; background: none;}
#conFr ul.map ul.mapSub li a{display: block; padding: 0 12px; margin: 0; font-size: 12px; font-weight: normal;}
/*=================imgShow   图片全屏展示===================*/
#imgShow{width: 100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99; background: rgba(0,0,0,0.75); display: none;}
#imgShow .img{ width: 500px; height: 380px; background: #fff; left: 50%; margin-left: -250px; top: 50%; margin-top: -190px; position: absolute; border: 1px solid #f7f7f6;}
#imgShow a.esc{position: absolute; background: url(../images/imgShow-esc.png) no-repeat; display: block; width: 79px; height: 27px; bottom: 8px; right: 12px;}
#imgShow a.btn{display: block; overflow: hidden; width: 65px; height: 30px; line-height: 30px; text-align: center; font-weight: bold; color: #494949; position: absolute; top:36px; background: #fff; border-radius: 10px; z-index: 80;}
#imgShow a.prev{left: 5px; }
#imgShow a.next{right: 5px; }

#imgShow .con{position: absolute; width: 470px; height: 330px; left: 16px; top: 10px; }
#imgShow .title{ display: block; height: 26px; position: absolute; left: 20px; bottom: 10px; color: #484848;}

/*=================conShow   内容全屏展示===================*/
#conShow{width: 100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99; background: rgba(0,0,0,0.75); display: none;}
#conShow .con{ width: 1120px; height: 700px; background: #fff; left: 50%; margin-left: -560px; top: 50%; margin-top: -350px; position: absolute; }
#conShow a.esc{position: absolute; background: url(../images/conShow-esc.png) no-repeat; display: block; width: 73px; height: 73px; top: 0; right: 0;}

#conShow .content{position: absolute; width: 1050px; height: 680px; left: 35px; top: 10px; }
#conShow .content .conTit{display: block; width: 100%; height: 38px; overflow: hidden; font-size: 16px; font-weight: bold; line-height: 38px; color: #333; border-bottom: 1px solid #f1f1f1; }
#conShow .content .conMemo{display: block; width: 100%; height: 500px; overflow: hidden; line-height: 24px; color: #666; margin-top: 20px; }
#conShow .content .jobs{display: block; position: absolute; bottom: 48px; left: 0; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #3d8c08; font-size: 14px; font-weight: bold;}





/*team 管理团队*/
#team{width: 870px; height: 486px; position: relative;}
#team .icon{position: absolute; z-index: 2;}
#team .icon a{display: block; width: 38px; height: 33px; background: url(../images/team-icon.png) left no-repeat; position: absolute;}
#team .icon .icon0{top: 148px; left: 157px;}
#team .icon .icon1{top: 126px; left: 244px; background-position: -38px 0;}
#team .icon .icon2{top: 150px; left: 330px; background-position: -76px 0;}
#team .icon .icon3{top: 140px; left: 405px; background-position: -114px 0;}
#team .icon .icon4{top: 134px; left: 520px; background-position: -152px 0;}
#team .icon .icon5{top: 126px; left: 610px; background-position: -190px 0;}
#team .icon .icon6{top: 140px; left: 705px; background-position: -228px 0;}

#team .memo{position: absolute; z-index: 3;}
#team .memo li{ position: absolute; width: 236px; padding: 16px; display: none; background: rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);    /*IE8支持*/}
#team .memo li .memoTit{height: 24px; line-height: 24px; font-weight: bold;}
#team .memo li .memoTit .name{font-size: 14px; color: #589b07; display: inline-block; margin-right: 20px;}
#team .memo li .memoTit .zhiwu{color: #282620;}
#team .memo li .menuCon{line-height: 22px; color: #333; margin-top: 10px;}

#team .memo .memo0{top: 182px; left: 167px;}
#team .memo .memo1{top: 160px; left: 254px;}
#team .memo .memo2{top: 184px; left: 340px; width: 400px;}
#team .memo .memo3{top: 174px; left: 415px;}
#team .memo .memo4{top: 168px; left: 530px;}
#team .memo .memo5{top: 160px; left: 620px;}
#team .memo .memo6{top: 174px; left: 285px; width: 400px;}





/*翻页相关*/
.pager{ height: 24px; line-height: 22px; text-align: right; padding: 24px 0 20px 0;}
.pager span{margin: 0 0 0 10px; display: inline-block;}
.pager a{ display: block; float: right; padding: 0 6px; text-align: center; border: 1px solid #ccc; color: #a9a9a9; background: #f6f6f6;}
.pager a.prev{background: url(../images/pager-prev.png) center no-repeat; width: 10px; height: 22px;}
.pager a.next{background: url(../images/pager-next.png) center no-repeat; width: 10px; height: 22px;}
.pager a.on{border-color: #69a421; color: #fff; background: #69a421;}


.pagerPn{ height: 26px; text-align: left; padding: 10px 0 20px 0; margin-top: 20px; border-top: 1px solid #e0e0e0; color: #777;}
.pagerPn a{color: #777;}
.pagerPn a:hover{color: #577830;}