@charset "utf-8";
*{margin:0;padding:0;}
ul,ol,dl {list-style:none;}
img {vertical-align:middle;}
div,form,img,ul,ol,li,dt,dd{margin:0;padding:0;border:0;}
a {color:#000; text-decoration:none;}
.fc {zoom:1}
.fc:after {content:"";display:block;clear:both}
.page {font-family:"\5fae\8f6f\96c5\9ed1","\5b8b\4f53",Arial;background: #f7f4ef;min-width:1480px;}
.headerbox {background:url(topics_bg.jpg) center top no-repeat;}
.header {width:1480px;margin:0 auto;height:818px;}

/*资讯*/
.layout01 {background:url(bg_t.jpg) center top no-repeat;height: 477px;padding-top: 30px;}
.area {width:1200px;margin:0 auto;position: relative;}
.area01 {background: url(img_cyzx.png) 600px bottom no-repeat;}
.box {width: 660px;position: relative;}
.box01 {margin-left: 0px;}
.box h2 {width: 320px;height: 62px;position: absolute;left: 50%;top:-30px;margin-left: -160px;text-indent: -9999px;}
.box01 h2 {background: url(tit_cyzx.png) 0 0 no-repeat;}
.container {width: 660px;height: 300px;background: url(bg_cont.jpg) 0 0 no-repeat;padding: 60px 0px 40px;}
.imgbox {float: left;width: 300px;margin-right: 20px;}
.imgbox img {width: 300px;height: 300px;}
.newsbox {float: left;width: 320px; overflow:hidden}
.news h3 {font-size: 18px;line-height:26px;padding-bottom: 5px;}
.news h3 a {color: #000;}
.news p {font-size: 16px;line-height: 24px;color: #999;text-indent: 2em;padding-bottom: 10px;}
.list li {font-size: 16px;line-height: 30px; height:30px; overflow:hidden}
.list li a {color: #000;}

.slideBox{float: left;width: 300px;height: 300px;margin:0px 10px; overflow:hidden; position:relative;}
.slideBox .hd{ overflow:hidden; position:absolute; right:30px; bottom: 11px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; list-style:none;}
.slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; background:#837e78; border-radius: 50%; cursor:pointer;position: relative;}
.slideBox .hd ul li.on{ background:#e27934; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; position: relative;}
.slideBox .bd img{ width:300px; height:300px; display:block;}
.slideBox .bd ul li .p1{position: absolute;left:0px; bottom:0; width: 950%;height: 40px;line-height:40px;filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);  background: rgba(0,0,0,0.5);padding-left: 5%;}
.slideBox .bd ul li .p1 a{color: white;font-size:16px;}

/**/
.layout02 {background:url(bg_c.jpg) center top no-repeat;height: 473px;padding-top: 20px;}
.area02 {background: url(img_cygs.png) 0 bottom no-repeat;}
.box02 {margin-left: 480px;}
.box02 h2 {background: url(tit_cygs.png) 0 0 no-repeat;}
.story_news {width:660px;}
.story_news .news {float: left;width: 180px;margin:0px 20px;}

/**/
.layout03 {background:url(bg_c2.jpg) center top no-repeat;height: 460px;}
.area03 {background: url(img_cysc.png) 652px bottom no-repeat;}
.box03 .container{620px;}
.box03 h2 {background: url(tit_cysc.png) 0 0 no-repeat;}
.poetry {width:620px;height:300px; display:block; float:left; overflow:hidden;}
.poetry li img {width:600px;height:300px;overflow:hidden;}
.poetry li {float: left;height:300px;overflow:hidden;margin-left:50px;letter-spacing:0.1em;writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;*width: px;}
.poetry li h3,.poetry li h4,.poetry li p {*display: inline;*writing-mode: tb-rl;}
.poetry li h3 {font-size:20px;*float:right;*height:100%;padding-left:5px;}
.poetry li h4 {font-size:18px;padding-left:20px;padding-left:20px;font-weight: 400;*float:right;}
.poetry li p {font-size: 18px;*height:100%;}
.hxl {*width:306px;}
.zgt,.zhy,.xxe,.jr,.dg {*width:166px;}
.jrhhl {*width:358px;}
.jrsb,.scagy,.yxd,.xws,.szjr{*width:128px;}
.jrxj{*width:600px;}
.fpdf {*width:142px;}
.qyc {*width: 656px;}
.poetry li p i {font-family: "\6977\4F53";}
.poetry li h3 {font-family: "\5B8B\4F53";}

/**/
.layout04 {background:url(bg_btm.jpg) center top no-repeat;height: 567px;padding-top: 20px;}
.area04 {background: url(img_cyms.png) 0 bottom no-repeat;}
.box04 {margin-left: 480px;width:660px;}
.box04 .container {
	width:630px;
	padding:60px 15px 40px;
	background-image: url(bg_cont.png);
}
.box04 h2 {background: url(tit_cyms.png) 0 0 no-repeat;}
.rotate li {float:left;width:120px;margin:15px;position:relative;text-align:center;height:120px;overflow:hidden;}
.rotate li p {text-align:center;width:120px;height:34px;line-height:34px;color:#fff;font-size:14px;}
.pic {position:relative;width:120px;height:120px;}
.pic img {width:120px;height:120px;border-radius: 50%;}
.pic .info {height:120px;line-height:120px;background:#d7a07a;display:none;color:#fff;border-radius: 50%;}
.pic .info p {height:120px;line-height:120px;font-size:16px;}
.rotate li a {display:block;color: #fff;height:120px;line-height:120px;text-decoration: none;}
.rotate li a:hover {text-decoration: none;}
.round {background:url(ico_round.png) 0 0 no-repeat;width:120px;height:120px;position:absolute;left:0;top:0;}
.more {position: absolute;right:20px;bottom: 20px;}

.header {position: relative;}
.txt_p0 {position:absolute;left:320px;top:80px;-webkit-animation:ani_top_2 0.35s 1s ease-out both;animation:ani_top_2 0.35s 1s ease-out both;opacity: 1;}
.txt_p1 {position:absolute;left:230px;top:160px;-webkit-animation:ani_top_2 1s 1.5s ease-out both;animation:ani_top_2 1s 1.5s ease-out both;opacity: 1;}
.txt_p2 {position:absolute;left:210px;top:400px;-webkit-animation:ani_top_2 1.7s 2s ease-out both;animation:ani_top_2 1.7s 2s ease-out both;opacity: 1;}
@-webkit-keyframes ani_top_2 {
  0% {
    -webkit-transform: translate3d(0, 0.9523809523809523rem, 0);
            transform: translate3d(0, 0.9523809523809523rem, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
	.focus_22{width:620px;height:300px;position:relative;}
	.focus_22 #pic{width:620px;height:300px;overflow:hidden;}
	.focus_22 #pic ul{width:3100px;height:300px;float:left;}
	.focus_22 #pic li{width:620px;height:300px;float:left;}
	.focus_22 #pic li img{width:620px;height:300px;float:left;}
	.focus_22 #pic li p{ height:30px; line-height:30px; color:#fff; font-size:14px; text-align:left; bottom:21px; position:absolute; padding-left:10px}
	.focus_22 #pic li p a {color:#fff}
	.focus_22 .tip-bg{width:620px;height:21px;background:url(focus_tip_bg.png) repeat-x left top;position:absolute;left:0;bottom:0;z-index:12;}
	.focus_22 #tip{width:120px;height:14px;position:absolute;left:240px;bottom:3px;z-index:13;}
	.focus_22 #tip ul li{width:14px;height:14px;float:left;display:inline;margin:0 5px;cursor:pointer;background:url(focus_tip.png) no-repeat;}
	.focus_22 #tip ul li.on{background:url(focus_tip_current.png) no-repeat;}
	.focus_22 .btn{width:42px;height:9px;position:absolute;right:0;bottom:5px;z-index:14;overflow:hidden;}
	.focus_22 .btn ul{width:100%;float:left;}
	.focus_22 .btn li{width:7px;height:9px;float:left;display:inline;margin:0 7px;cursor:pointer;overflow:hidden;}
	.focus_22 .btn li.prev{background:url(focus_btn_left.png) no-repeat left top;}
	.focus_22 .btn li.next{background:url(focus_btn_right.png) no-repeat left top;}