﻿.contain-box{position:relative}
.pub-nav-con{min-width:1280px}
.pub-mid-con{width:1280px;margin:0 auto}
.bg01{height:580px;background:url(../images/m1.jpg) top center no-repeat;margin-top:0px;padding-top:50px;}
.bg02{height:559px;background:url(../images/index_02.html) top center no-repeat;}



		#sidebar{padding:10px 10px 10px 10px;height:551px;float:right;width:350px;background:url(../images/sidebar.jpg) no-repeat left top;margin-top:0px;}

				#PlayBanner{float:left;width:350px;height:551px;position:relative;overflow:hidden;}
				/*图片轮播样式*/
				#PlayBanner .conbox{width:9999em;position:absolute;}
				#PlayBanner .conbox div{float:left;width:350px;height:551px;overflow:hidden;}
				#PlayBanner .conbox div img{width:100%;height:100%;display:block;}
				#PlayBanner .switcher{float:right;position:absolute;right:13px;bottom:0px;z-index:99;}
				#PlayBanner .switcher a{float:left;width:21px;height:21px;line-height:21px;text-align:center;overflow:hidden;font-size:14px;font-family:arial;color:#fff;margin-left:5px;background-color:#122c45;cursor:pointer;display:inline;}
				#PlayBanner .switcher a.cur,#PlayBanner .switcher a:hover{color:#fff;background-color:#dc7016;}

				


#Introduction{background:url(../images/Introduction.jpg) no-repeat left top;padding:10px 10px 10px 10px;float:left;width:881px;height:551px;position:relative;overflow:hidden;margin-top:0px;border-radius:10px;margin-left:0px}
#Introduction .Tab_nr{float:left;margin-top:10px}
.ml60{margin-left:00px}


.Tab{width:860px;padding:10px 0 10px 10px;float:left;margin-bottom:10px;border-bottom:1px solid #b8b7b5;}
.Tab li{width:860px;}
.Tab li a{height:34px;line-height:34px;text-align:center;font-size:18px;display:block;color:#F8F8F8;font-weight:bold}
.Tab li.change a,.Tab li a:hover{color:#FFF;background:#520707;text-decoration:none;}
#Video {padding:10px 10px 0;float:right;width:330px;height:390px;position:relative;overflow:hidden;;margin-top:190px;border-radius:10px;background:#dddcde url(../images/bg.html) no-repeat center center;}


	.NewsList li{padding:11px 10px 11px 4px;color:#FFF;height:24px;line-height:24px;overflow:hidden;font-size:14px;border-bottom:1px dashed #a09c99;}
	.NewsList li:hover{}
	.NewsList li span{float:right;font-size:12px;color:#FFF}
	.NewsList li a{color:#FFF}
	.NewsList li a:hover{}
	.NewsList li time{float:right;color:#FFF;}
	.NewsList li .fenlei{float:left;width:70px;height:25px;text-align:center;font-size:14px;color:#FFF;margin-right:10px; background:#F00;}



/*菜单*/
#quickLink{float:left;width:1300px;height:156px; position:absolute; overflow:hidden;z-index:999999;top:760px;left:37%;margin-left:-380px}
.linkbox a{height:156px;position:relative;text-indent:-99em;overflow:hidden;display:block;}
.linkbox.link1{width:283px; float:left;height:156px;margin-right:30px;}
.linkbox.link1 a{background:url(../images/btn-1.png) no-repeat left top ;}
.linkbox.link1 a:hover{background:url(../images/btn-2.png) no-repeat left top ;}
.linkbox.link2{float:left;width:283px;height:156px;margin-right:30px;}
.linkbox.link2 a{background:url(../images/btn-3.png) no-repeat left bottom ;}
.linkbox.link2 a:hover{background:url(../images/btn-4.png) no-repeat left bottom ;}
.linkbox.link3{float:left;width:283px;height:156px;margin-right:50px;}
.linkbox.link3 a{background:url(../images/btn-5.html) no-repeat left bottom ;}
.linkbox.link3 a:hover{background:url(../images/btn-6.html) no-repeat left bottom ;}
.linkbox.link4{ float:left;width:283px;height:156px;}
.linkbox.link4 a{background:url(../images/btn-7.png) no-repeat left bottom ;}
.linkbox.link4 a:hover{background:url(../images/btn-8.png) no-repeat left bottom ;}

.erweima{float:left;width:150px;width:150px;position:fixed;z-index:999999;background:#5a201a;padding:10px;top:0px;left:98px}
.erweima img{width:150px;height:150px}

/*右浮动*/
.float{position: fixed; top: 0; right: 22px; width: 67px; padding-top: 180px; overflow: hidden;z-index: 9999999}
.float a{float: left; width: 67px; height: 77px; margin-bottom: 6px; background: url("../images/fr_bg02.html") no-repeat center top; text-align: center; line-height: 77px; font-size: 16px; color: #fff; position: relative; z-index: 100;}
.float .fr_foot{float: left; width: 67px; height: 140px; margin-top: -6px; font-size: 14px; color: #287465; text-align: center; position: relative; background: url("../images/fr_foot.html") no-repeat center top; z-index: 100;}
.float .fr_foot p{margin-top: 120px;}
.fr_line{position: absolute; top: 0; left: 32px; width: 2px; height: 550px; background-color: #287465; z-index: 2;}
.fr_01{-webkit-animation:hover 1s 0.2s both;-moz-animation:hover 1s 0.2s both;animation:hover 1s 0.2s both;}
.fr_02{-webkit-animation:hover 1s 0.4s both;-moz-animation:hover 1s 0.4s both;animation:hover 1s 0.4s both;}
.fr_03{-webkit-animation:hover 1s 0.6s both;-moz-animation:hover 1s 0.6s both;animation:hover 1s 0.6s both;}
.fr_04{-webkit-animation:hover 1s 0.8s both;-moz-animation:hover 1s 0.8s both;animation:hover 1s 0.8s both;}
.fr_05{-webkit-animation:hover 1s 1.0s both;-moz-animation:hover 1s 1.0s both;animation:hover 1s 1.0s both;}
.fr_06{-webkit-animation:hover 1s 1.2s both;-moz-animation:hover 1s 1.2s both;animation:hover 1s 1.2s both;}
.fr_07{-webkit-animation:hover 1s 1.4s both;-moz-animation:hover 1s 1.4s both;animation:hover 1s 1.4s both;}
@-webkit-keyframes hover{0%{-webkit-transform:rotateY(0deg);} 100%{-webkit-transform:rotateY(360deg);}}
@-moz-keyframes hover{0%{-moz-transform:rotateY(0deg);} 100%{-moz-transform:rotateY(360deg);}}
@keyframes hover{0%{transform:rotateY(0deg);} 100%{transform:rotateY(360deg);}}

.musicbox{width:98px;height:228px;position:fixed;z-index:500000;top:-10px;left:8px;cursor:pointer;}
.musicplay{background:url(../images/musicplay.html) no-repeat}
.musicstop{background:url(../images/musicstop.html) no-repeat}

.title{float:left;width:800px;height:40px;line-height:40px;font-size:20px;overflow:hidden;font-weight:bold;color:#000;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";position:absolute;z-index:99999;top:500px;left:50%;margin-left:-460px }

#PhotoShow{float:left;width:740px;height:660px;position:relative;overflow:hidden;margin-top:190px;margin-left:130px}
#PhotoShow .gundong{width:715px;}
#PhotoShow .gundong .jCarouselLite{float:left;width:740px;height:660px;overflow:hidden;}
#PhotoShow .move_right,#PhotoShow .move_left{float:left;width:63px;height:660px;position:absolute;top:24px;z-index:500;}
#PhotoShow .move_left span,#PhotoShow .move_right span{width:41px;height:84px;position:absolute;top:50%;margin-top:-63px;background:url(../images/arrow2.html) no-repeat left top;background-repeat:no-repeat;}
#PhotoShow .move_left{left:0px;}
#PhotoShow .move_left span{background-position:left top;}
#PhotoShow .move_left:hover span{background-position:left bottom;}
#PhotoShow .move_right{right:-15px;}
#PhotoShow .move_right span{background-position:right top;}
#PhotoShow .move_right:hover span{background-position:right bottom;}

#PhotoShow2{padding:10px 10px 10px 110px;float:left;width:1170px;height:549px;position:relative;overflow:hidden;margin-top:0px;margin-left:0px;background:url(../images/PhotoShow.html) no-repeat left top;}
#PhotoShow2 .gundong{width:1170px;}
#PhotoShow2 .gundong .jCarouselLite{float:left;width:1170px;height:549px;overflow:hidden;}
#PhotoShow2 .move_right,#PhotoShow2 .move_left{float:left;width:63px;height:549px;position:absolute;top:24px;z-index:500;}
#PhotoShow2 .move_left span,#PhotoShow2 .move_right span{width:50px;height:101px;position:absolute;top:50%;margin-top:-63px;background:url(../images/arrow.html) no-repeat left top;background-repeat:no-repeat;}
#PhotoShow2 .move_left{left:122px;}
#PhotoShow2 .move_left span{background-position:left top;}
#PhotoShow2 .move_left:hover span{background-position:left bottom;}
#PhotoShow2 .move_right{right:10px;}
#PhotoShow2 .move_right span{background-position:right top;}
#PhotoShow2 .move_right:hover span{background-position:right bottom;}
#PhotoShow2 .PicList{float:left;width:382px;height:549px;}
#PhotoShow2 .PicList li{margin:0 0;float:left;width:382px;display:inline;}
#PhotoShow2 .PicList .photo{width:382px;height:549px;position:relative;background:#000;display:block;}




#PhotoShow3{float:left;width:1258px;height:545px;position:relative;overflow:hidden;margin-top:0px;margin-left:0px}
#PhotoShow3 .gundong{width:1258px;}
#PhotoShow3 .gundong .jCarouselLite{float:left;width:1258px;height:545px;overflow:hidden;}
#PhotoShow3 .move_right,#PhotoShow3 .move_left{float:left;width:63px;height:545px;position:absolute;top:24px;z-index:500;}
#PhotoShow3 .move_left span,#PhotoShow3 .move_right span{width:50px;height:101px;position:absolute;top:50%;margin-top:-63px;background:url(../images/arrow.html) no-repeat left top;background-repeat:no-repeat;}
#PhotoShow3 .move_left{left:8px;}
#PhotoShow3 .move_left span{background-position:left top;}
#PhotoShow3 .move_left:hover span{background-position:left bottom;}
#PhotoShow3 .move_right{right:-10px;}
#PhotoShow3 .move_right span{background-position:right top;}
#PhotoShow3 .move_right:hover span{background-position:right bottom;}
#PhotoShow3 .PicList{float:left;width:1258px;height:545px;}
#PhotoShow3 .PicList li{float:left;width:1258px;display:inline;}
#PhotoShow3 .PicList .photo{width:1258px;height:545px;position:relative;background:#000;display:block;}


/*图片列表*/
.PictureList{float:left;}
.PictureList li{float:left;width:715px;display:inline;}
.PictureList li:hover{background-color:#efebe7;}
.PictureList .photo{width:715px;height:660px;background:#333;display:block;}

.header-nav{width:100%;height:70px;background:url(../images/nav_bg.png) top center no-repeat;position:relative;z-index:1000}
.header-nav-main{width:1199px;height:61px;padding-top:8px;margin:0 auto;text-align:center}
.header-nav-main a{color:#fff;font-size:14px;width:100px;height:52px;line-height:52px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;-webkit-transition:color ease-in-out .2s;-moz-transition:color ease-in-out .2s;-ms-transition:color ease-in-out .2s;transition:color ease-in-out .2s;position:relative}
.header-nav-main a.header-logo-a{width:300px;height:55px;margin:0 20px;background:url(../images/toplogo.png) 0 0 no-repeat;margin-top:-5px}
.header-nav-main a:hover,.header-nav-main a.current{text-decoration:none;color:#fcc31d}
.header-nav-main a .arrow{width:0;height:0;border-bottom:10px solid #000;border-right:10px solid transparent;border-left:10px solid transparent;display:block;position:absolute;bottom:0;left:50%;margin-left:-5px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.header-nav-main a .arrow.on{opacity:80;filter:alpha(opacity=8000);opacity:.8;filter:alpha(opacity=80)}


div.left{width: 558px; height: 585px; background-image: url(../images/left.html); background-size: 100% 100%; position: absolute; top: 220px; left: 34%; transform: translateX(-100%); display:none;z-index:99999}
div.right{width: 560px; height: 584px; background-image: url(../images/right.html); background-size: 100% 100%; position:absolute; top:225px; right:34%; transform: translateX(100%); display:none;z-index:99999}
div.sphere{width: 129px; height: 129px; position: absolute; transform:translateY(-10px); animation:float 3s linear alternate infinite; cursor:pointer;}
div.sphere:before{content:""; width: 100%; height: 100%; position: absolute; left:0;top:0; background-image: url(../images/sphere.html); animation:rotate 3s linear infinite;}
@keyframes rotate{from{transform:rotate(0deg)} to{transform:rotate(360deg)}}
@keyframes float{from{transform: translateY(-10px);} to{transform: translateY(10px);}}
div.sphere a.content{width: 55px; height: 72px; background-image: url(../images/button.html); position: absolute; left:50%;top:50%; margin-left: -27.5px; margin-top: -36px;}
div.left div.sphere{left: 231px; top: 377px;}
div.left div.sphere:nth-child(2){left: 367px; top: 460px; animation:float 3s 0.3s linear alternate infinite;}
div.left div.sphere:nth-child(2) a.content{background-position: -55px 0;}
div.right div.sphere:nth-child(1){right: 230px; top: 379px;}
div.right div.sphere:nth-child(1) a.content{width: 98px; height: 72px; background-position: right top; margin-left: -49px;}
div.right div.sphere:nth-child(2){right: 366px; top: 460px; animation:float 3s 0.3s linear alternate infinite;}
div.right div.sphere:nth-child(2) a.content{background-position: -110px 0;}

.footer { margin:0px 0 0 0; background:#000;}
.footer_1 { margin:0 auto; width:1200px; overflow:hidden;}