﻿@charset "utf-8";
#content{width: 100%; padding: 0;}

/*焦点图-轮播 S*/
#indBanner{position: relative; z-index: 1; height:695px; overflow:hidden;}
#indBanner .bd{position:relative; overflow:hidden; height:695px;}
#indBanner .bd li{position:relative; display:block; width:100%; height:695px; background-size:cover !important;}
#indBanner .bd li a{display:block;}
#indBanner .con{display:none;}
#indBanner .hd{position:absolute; z-index:1; right:0; bottom:46px; width: 100%; margin: 0 auto; text-align: center;}
#indBanner .hd ul{display: inline-block; *display:inline; overflow:hidden; zoom:1;  margin:0 auto;text-align:center; }
#indBanner .hd ul li{line-height:7px; float:left; width:32px; height:7px; margin:0 5px; cursor:pointer; text-align:center; color:#fff; border-radius:3px;background:#fff; }
#indBanner .hd ul li.on{color:#fff;background:#966d32; }
#indBanner .hd ul li span{display:none;}

.column{overflow: hidden; margin: 0 auto; padding: 50px 0 70px;}

#columnA{padding: 36px 0 72px;}
.newsTab{overflow: hidden;}
.newsTab .mHd{line-height: 54px; margin: 0 auto; text-align: center;}
.newsTab .mHd a{display: inline-block; *display: inline; margin: 0 19px; height: 54px; line-height: 54px; font-size: 20px; color: #666;}
.newsTab .mHd a:hover{text-decoration: none;}
.newsTab .mHd a.on{position: relative; z-index: 1; color: #966d32;}
.newsTab .mHd a.on::after{position: absolute; z-index: 1; left: 50%; bottom: -3px; content: ""; width: 40px; height: 3px; line-height: 3px; float: left; margin-left: -20px; overflow: hidden; background-color: #966d32;}
.newsTab .mBd{padding: 40px 0 0; height: 303px; overflow: hidden;}

/* 焦点图切换-新闻内容 */
.focusBox{position:relative; overflow:hidden; width: 600px; height: 303px; float: left; margin-right: 20px; }
.focusBox .noData{color: #999;}
.focusBox .hd{position:absolute; z-index:1; right:10px; bottom:22px;}
.focusBox .hd ul{float:left;overflow:hidden; zoom:1; }
.focusBox .hd ul li{line-height:5px; float:left; width:19px; height:5px; margin-left:10px; cursor:pointer; text-align:center; color:#fff; background:#fff; }
.focusBox .hd ul li.on{ color:#fff;background:#ffaa15; }
.focusBox .hd ul li span{display:none;}
.focusBox .bd{position:relative; overflow:hidden;}
.focusBox .bd li{position:relative; height: 303px;}
.focusBox .bd .pic{line-height:0;position:relative; z-index:0; }
.focusBox .bd .pic img{width:100%; height:303px; border:0;}
.focusBox .bd .con{line-height:50px; position:absolute; z-index:1; bottom:0; width:100%; height:50px; text-align:left;}
.focusBox .bd .con .title{font-size:16px;position:absolute; z-index:1; bottom:0; left:0; overflow:hidden; width:76%; height:100%; }
.focusBox .bd .con .title a{padding-left:10px; text-decoration:none;color:#fff; }
.focusBox .bd .con .titleBg{position:absolute; z-index:0; bottom:0; left:0; width:100%; height:50px; background:  url(../../Base/img/ind-focusHd.jpg) left top no-repeat;}

/*日历-标题详情列表*/
.calendarList{}
.calendarList li{overflow: hidden; margin-bottom: 30px;}
.calendarList li.last{margin-bottom: 0;}
.calendarList li.noData{font-size: 16px; color: #999;}
.calendarList li a{display: block; position: relative; z-index: 1; overflow: hidden;}
.calendarList li a:hover{text-decoration: none;}
.calendarList li .calendar{width: 81px; height: 81px; float: left; margin:0 20px 0 0; text-align: center; font-size: 13px; color: #ccc; background-color: #efefef;}
.calendarList li .calendar em{position: relative; z-index: 1; display: block; margin-top: 7px; height: 46px; line-height: 46px; font-size: 40px; color: #666;}
.calendarList li .calendar em::after{position: absolute; z-index: 1; left: 50%; bottom:-2px; content: ''; width: 26px; height: 1px; line-height: 1px; float: left; margin-left: -13px; background-color: #c1c1c1;}
.calendarList li .con{overflow: hidden;}
.calendarList li .title{height: 32px; line-height: 32px; font-size: 18px; color: #666;}
.calendarList li .tit{color: #666;}
.calendarList li .intro{line-height: 24px; color: #999; }
.calendarList li .others{display: none;}
.calendarList li,
.calendarList .calendar{-webkit-transition-duration:.4s; -moz-transition-duration:.4s; -ms-transition-duration:.4s; -o-transition-duration:.4s; transition-duration:.4s; }
.calendarList li a:hover .tit{color: #966d32;}
.calendarList li a:hover .calendar{background:  url(../../Base/img/ind-calendarBg.jpg) center top no-repeat; color: #f0ddb2;}
.calendarList li a:hover .calendar em{color: white;}
.calendarList li a:hover .calendar em::after{background-color: #ead29e;}

/*通用框*/
.indBox{overflow: hidden;}
.indBox .hd{height: 38px; line-height: 38px; overflow: hidden; background:  url(../../Base/img/indBoxHd.png) left center repeat-x;}
.indBox .hd .more{width: 39px; height: 38px; line-height: 38px; float: right; overflow: hidden; text-indent: -9999px; background:white  url(../../Base/img/indBoxMore.png) right center no-repeat;}
.indBox .hd h3{width: auto; float: left; padding-right: 11px; font-size: 20px; background-color: white;}
.indBox .hd .nodeEn{margin-left: 8px; font-size: 14px; color: #999;}
.indBox .bd{padding:20px 0 0; overflow: hidden;}

.picList{overflow: hidden; margin-right: -22px;}
.picList li{width: 385px; float: left; margin-right: 22px;}
.picList li .pic{margin-bottom: 10px;}
.picList li .pic img{width: 385px; height: 238px;}
.picList li .titleBg{display: none;}
.picList li .title{width: 75%; float: left; height: 30px; line-height: 30px; font-size: 18px;}
.picList li .date{display: block; overflow: hidden; height: 30px; line-height: 30px; text-align: right; color: #999;}

/*columnB*/
#columnB,
#columnB .indBox .hd .more,
#columnB .indBox .hd h3{background-color: #f8f8f8;}

#boxAbout{width: 600px;}
#boxAbout .info{overflow: hidden; padding-right: 20px; background-color: white;}
#boxAbout .info .pic{width: auto; float: left; margin-right: 20px;}
#boxAbout .info .pic img{width: 300px; height: 260px;}
#boxAbout .info .intro{margin-top: 30px; line-height: 28px; color: #666; text-align: justify;}
#boxAbout .info .more{width: 35px; height: 32px; line-height: 32px; float: left; overflow: hidden; margin: 20px 0 0; text-indent: -9999px; background:  url(../../Base/img/indMore.png) left center no-repeat;}
#boxBusiness{width: 580px;}

#boxBusiness{}
.businessList{overflow: hidden;}
.businessList li{width: auto; height: 260px; float: left;}
.businessList li .tit{width: 20px; height: 260px; display: table-cell; *display: inline; *float: left; padding: 0 10px; text-align: center; vertical-align: middle; font-size: 16px; line-height: 18px; color: #666; background-color: #e2e2e2; word-wrap: break-word; }
.businessList li.li2 .tit,
.businessList li.li4 .tit{background-color: #eee;}
.businessList li .tit:hover{text-decoration: none;}
.businessList li .pic{width: 0; float: right; overflow: hidden; 
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all  1s;
-o-transition:all 1s;
transition:all 1s;
}
.businessList li .pic img{display: block; width: 416px; height: 260px;}
.businessList li .pic:hover img{-webkit-transform:scale(1);transform:scale(1); }
.businessList li.on a.tit{background: #966d32 url(../../Base/img/ind-business.jpg) center top no-repeat; color: white;}
.businessList li.on .pic{width: 416px;}