@charset "UTF-8";
/*
首页样式
*/

/* 大图 */
#indBanner{ min-width:1200px; position:relative;  height:600px; overflow:hidden;  }	
#indBanner .bd{ position:relative; z-index:0;  }	
#indBanner .bd ul{ width:100% !important;  }	
#indBanner .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center; min-width: 1200px; }	
#indBanner .hd { height:5px; overflow:hidden; width:100%; position:absolute; left:0; bottom:40px; text-align:center; font-size:0; }
#indBanner .hd li{ display:inline-block; *display:inline; zoom:1; cursor: pointer; vertical-align:top; margin:0 12px; width:50px; height:5px; background:#fff; border-radius: 5px;  }
#indBanner .hd li span{display:none; }
#indBanner .hd .on{ background:#f3ad00;  }

/* 框架 */
.home-main {overflow: hidden; width: 820px; float: left;}
.side-box { width: 350px; float: left; margin-right: 45px; }

/* side ================================ */
.box-notice { margin-top: -80px; background-color: #f7f7f7; height: 465px; float: right; width: 350px;}
.box-notice .hd { background-color: #067a39; height: 80px; padding-left: 20px; }
.box-notice .hd h3 a { font-size: 24px; line-height: 80px; color: #fff; margin-right: 10px;}
.box-notice .hd h3 span.Eng { font-size: 14px; opacity: 0.8; color: #fff;  }
.box-notice .bd { padding: 0 20px; }

/* topicList-time */
.topicList-time li.t { height: 60px; border-bottom: 1px solid #dedede; padding: 16px 0; }
.topicList-time li.t .date { display: block; float: left; background-color: #fff; width: 60px; height: 60px; text-align: center; color: #999; margin-right: 15px; }
.topicList-time li.t .date em { font-size: 12px; color: #a4c3ae; display: block; line-height: 24px; height: 24px; background-color: #067a39;}
.topicList-time li.t .date span { display: block; font-size: 24px; line-height: 36px; color: #067a39;  height: 36px; }
.topicList-time li.t .con .title { font-size: 14px; line-height: 24px; max-height: 48px; overflow: hidden; }
.topicList-time li.t .con .intro { display: none; }


/* topicList-timeA */
.topicList-timeA li.t { height: 104px; margin-bottom: 5px; border-bottom: 1px solid #e7e7e7; }
.topicList-timeA li.t .date { display: block; float: left; background-color: #f7f7f7; width: 90px; height: 90px; text-align: center; color: #097a3a; margin-right: 20px; position: relative;}
.topicList-timeA li.t .date em { display: block; font-size: 36px; line-height: 60px; height: 60px; }
.topicList-timeA li.t .date span { font-size: 14px; line-height: 14px;  display: block;  width: 100%;}
.topicList-timeA li.t .con .title a { font-size: 16px; }
.topicList-timeA li.t .con .intro { color: #666; line-height: 20px; padding-top: 5px; font-size: 12px; }
.topicList-timeA li.t .con .intro a { color: #d22323; }
.topicList-timeA li.n { clear: both; background: url(../../base/img/icon.png) no-repeat left center; padding-left: 12px; line-height: 30px; height: 30px; overflow: hidden; white-space: normal; text-overflow: ellipsis; }
.topicList-timeA li.n span.date { float: right; color: #999; font-size: 12px; }



/* main ================================ */
/* home-main */
.home-main { padding-top: 10px;  }
.home-main .Thd { height: 63px; border-bottom: 1px solid #e1e1e1; }
.home-main .Thd h3 a { font-size: 24px; margin-right: 10px; line-height: 63px; }
.home-main .Thd h3 span.Eng { font-size: 14px; color: #b7b7b7;} 

/* 焦点图 */
#focusNews { width: 355px; height: 290px; float: left; position: relative; margin-right: 30px; margin-top: 20px;}
#focusNews .hd { height: 10px; width: 100%; position: absolute; bottom: 0; left: 0; width: 100%; zoom: 1; text-align: center; }
#focusNews .hd li { display: inline-block; *display: inline; width: 10px; height: 10px; background-color: #e7e7e7; margin:0 2px; cursor: pointer; vertical-align: top;}
#focusNews .hd li.on { background-color: #f3ad00; }
#focusNews .hd li span { display: none; }
#focusNews .bd .pic { height: 240px; }
#focusNews .bd .pic img { height: 240px; width: 100%; }
#focusNews .bd .title {  height: 36px; line-height: 36px; font-size: 16px; text-align: center; }


/* box-news */
.box-news { overflow: hidden; margin-top: 20px;  }


/* box-photo ================================ */
.box-photo .bd { padding-top: 20px; overflow: hidden;}
.box-photo .bd li { float: left; background-color: #f5f5f5; margin-right: 30px; height: 280px; width: 275px; text-align: center; }
.box-photo .bd li .pic,.box-photo .bd li .pic img { width: 275px; height: 180px; } 
.box-photo .bd li .title { font-size: 16px; height: 50px; line-height: 50px; }
.box-photo .bd li a.more { display: block; width: 158px; border: 1px solid #e1e1e1; height: 28px; margin: 0 auto; text-align: center; color: #999; line-height: 28px; }
.box-photo .bd li a.more:hover { background-color: #067a39; color: #fff; border-color: #00662d; }
.box-photo .bd .tempWrap { width: 1200px !important; overflow: hidden; }



/* row-color ================================ */
.row-color { min-width: 1200px; background-color: #f5f5f5; }
.row-colorA { padding: 30px 0 50px; clear: both; margin-top: 40px; }

/* box-list */
.box-list { float: left; width: 380px; margin-right: 45px; }
.box-list .hd { margin-bottom: 10px; }
.box-last { margin-right: 0; }


/* icons-font */
.box-icons .icons-font li { width: 165px; height: 125px; }


/* row-colorB ================================ */
.row-colorB { margin-top: 30px; }

.box-topList .hd { margin-bottom: 5px; }
.box-topList .topList li { height: 60px; padding: 17px 0; border-bottom: 1px solid #d9d9d9; }
.box-topList .topList li .pic { float: left; margin-right: 15px; }
.box-topList .topList li .pic,.topList li .pic img { width: 90px; height: 60px; }
.box-topList .topList li .con { overflow: hidden; }
.box-topList .topList li .title { line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.box-topList .topList li span.date { background: url(../../base/img/icons-date.png) no-repeat left center; padding-left: 20px; color: #999; font-size: 12px; }


/* box-zTpic */
.box-zTpic li { width: 350px; height: 125px; overflow: hidden; margin-top: 20px; }
.box-zTpic li .pic,.box-zTpic li .pic img {  width: 350px; height: 125px; }
.box-zTpic li .title { display: none; }

/* 图片经过效果 */
.box-zTpic li .pic{ display: block; position: relative;transition: all 200ms ease 0s;overflow: hidden;}
.box-zTpic li .pic:hover{filter: alpha(opacity=80);opacity: .8;}
.box-zTpic li .pic:before{content: "";position: absolute;width: 100px;height: 100%;top: 0;left: -100%;overflow: hidden;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);-webkit-transform: skewX(-30deg);-moz-transform: skewX(-30deg);transform: skewX(-30deg);}
.box-zTpic li .pic:hover:before{left: 150%;transition: left 1s ease 0s}


/* row-colorC ================================ */
.row-colorC { padding: 40px 0; margin-top: 50px; height: 110px; }
.row-colorC .icons-font li { float: left; margin-right: 48px; width: 90px; text-align: center; line-height: 36px; }
.row-colorC .icons-font li.li9 { margin-right: 0; }
.row-colorC .icons-font li i { display: block; box-shadow: 0px 0px 4px 0px rgba(153, 153, 153, 0.5); width: 90px; height: 90px; border-radius: 3px;
	background:#fff url(../../base/img/icons.png) no-repeat center 0;}

.row-colorC .icons-font li.li2 i { background-position: center -180px; }
.row-colorC .icons-font li.li3 i { background-position: center -360px; }
.row-colorC .icons-font li.li4 i { background-position: center -540px; }
.row-colorC .icons-font li.li5 i { background-position: center -720px; }
.row-colorC .icons-font li.li6 i { background-position: center -900px; }
.row-colorC .icons-font li.li7 i { background-position: center -1080px; }
.row-colorC .icons-font li.li8 i { background-position: center -1260px; }
.row-colorC .icons-font li.li9 i { background-position: center -1440px; }

.row-colorC .icons-font li.li1:hover i { background-position: center -90px; }
.row-colorC .icons-font li.li2:hover i { background-position: center -270px; }
.row-colorC .icons-font li.li3:hover i { background-position: center -450px; }
.row-colorC .icons-font li.li4:hover i { background-position: center -630px; }
.row-colorC .icons-font li.li5:hover i { background-position: center -810px; }
.row-colorC .icons-font li.li6:hover i { background-position: center -990px; }
.row-colorC .icons-font li.li7:hover i { background-position: center -1170px; }
.row-colorC .icons-font li.li8:hover i { background-position: center -1350px; }
.row-colorC .icons-font li.li9:hover i { background-position: center -1530px; }