@charset "utf-8";

#content { padding-top: 30px;}


/* focus-news */
#focus-news { width: 470px; position: relative; float: left; height: 460px; margin-right: 30px;  } 
#focus-news .hd { position: absolute; top: 270px; right: 5px; }
#focus-news .hd li { float: left; width: 18px; height: 18px; font-size: 12px; text-align: center; line-height: 18px; color: #333; margin-right: 4px; background:#fff; opacity: 0.7;
filter: alpha(opacity=70); cursor: pointer; border: 1px solid #dedede;}
#focus-news .hd li.on { background-color: #f66e08; opacity: 1; color: #fff;}
#focus-news .bd .pic,#focus-news .bd .pic img { width: 470px; height: 300px; }
#focus-news .bd .pic { overflow: hidden;}
#focus-news .bd .pic img { transition: all 0.5s; }
#focus-news .bd .pic:hover img {transform: scale(1.1);}

#focus-news .bd .title {  font-size: 18px; font-weight: bold; line-height: 40px; height:40px; margin-top: 10px; margin-bottom: 15px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
#focus-news .bd .title a { color: #0c3963;}
#focus-news .bd .intro { font-size: 14px; line-height: 28px; color: #666; max-height: 84px; overflow: hidden;}

/* box-news */
.box-news { float: left; width: 470px;}
.box-news .hd { margin-bottom: 10px;}
.box-news .hd li { width: 25%; }
.toplist li.t { border-bottom: 1px dotted #5c99c1; padding-bottom: 15px; margin-bottom: 10px;}
.toplist li.t .title { font-weight: bold; line-height: 40px; height: 40px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.toplist li.t .intro { font-size: 14px; line-height: 24px; color: #666; max-height: 120px; overflow: hidden;}
.toplist li.n { height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap;   text-overflow: ellipsis; padding-left: 13px; background: url(/uploads/image/cxbimg/dot.png) no-repeat left center;}
.toplist li.n span.date { float: right; color: #999; font-size: 12px;}

/* box-notice */
.box-notice { float: right; width: 340px; margin-bottom: 30px; } 
.box-notice .bd { background-color: #e0d9c9; height: 410px;}
.box-notice .bd .in { padding: 15px; border-bottom: 1px solid #7b171c; height: 250px;}


/* icons-font */
.icons-font {padding: 0 10px; overflow: hidden;}
.icons-font li { float: left; width: 33.3%; text-align: center;}
.icons-font li i { display: block; width: 68px; height: 60px; margin: 15px auto 10px; transition: all 0.5s; }
.icons-font li.li1 i { background: url(/uploads/image/cxbimg/1.png) no-repeat center;}
.icons-font li.li2 i { background: url(/uploads/image/cxbimg/2.png) no-repeat center;}
.icons-font li.li3 i { background: url(/uploads/image/cxbimg/3.png) no-repeat center;}
.icons-font li a { color: #0c3963; font-size: 16px;}
.icons-font li:hover i {  transform: rotatey(180deg); }

/* box-dy */
.box-dy { width: 970px; float: left; margin-bottom: 60px;}
.box-dy .bd ul { overflow: hidden; margin-right: -30px;}
.box-dy .bd li { margin-top: 30px; float: left; width: 470px; height: 275px; position: relative; margin-right: 30px;}
.pic-list .pic { overflow: hidden;}
.pic-list .pic,.box-dy .bd .pic img { width: 470px; height: 275px;}
.pic-list .pic img { transition: all 0.5s; }
.pic-list .pic:hover img {transform: scale(1.1);}
.pic-list .title { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; background: rgba(0,0,0,0.5); text-align: center;}
.pic-list .title a { color: #fff; line-height: 40px; font-size: 14px;}

/* box-gj */
.box-gj { float: right; width: 340px;}
.box-gj .infolista li { font-size: 16px; line-height: 26px; height: 52px; overflow: hidden; border-bottom: none; margin-top: 24px; padding: 0;}
.box-gj .infolista li a { color: #0c3963;}
.box-gj .pic-list { margin-top: 30px;}
.box-gj .pic-list li { position: relative; width: 340px;}
.box-gj .pic-list .pic,.box-gj .pic-list .pic img { width: 340px; height: 200px;}

/*  teabox  */
.teabox {min-width: 1200px; background-color: #e0d9c9; padding: 25px 0;}
.teabox .hd { float: left; width: 30px; padding-right: 40px;}
.teabox .hd a { display: block; font-size: 30px; color: #2f4a67; line-height: 36px; padding-top: 30px;}
.teabox .bd { overflow: hidden; position: relative; padding: 0 64px;}
.teabox .bd li { float: left; width: 165px; text-align: center; margin-right: 30px;}
.teabox .bd .pic { width: 155px; padding: 6px; background-color: #fff;}
.teabox .bd .pic img { width: 155px; height: 190px;}
.teabox .bd .title { display: none;}
.teabox .bd .tempwrap { width: 1142px !important; margin: 0 auto;}
.teabox .bd a.arrow { display: block; position: absolute; top:50%; margin-top: -18px; width: 23px; height: 35px; background: url(/uploads/image/cxbimg/slide_tigger.png) no-repeat -2px -80px;}
.teabox .bd a.prev { left: 0;}
.teabox .bd a.next { right: 0; background-position: -27px -80px;}


/* 图片经过效果 */
.teabox .bd .pic a{ display: block; position: relative;transition: all 200ms ease 0s;overflow: hidden;}
.teabox .bd .pic a:hover{filter: alpha(opacity=80);opacity: .8;}
.teabox .bd .pic a: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);}
.teabox .bd .pic a:hover:before{left: 150%;transition: left 1s ease 0s}