@charset "utf-8";
/*--------------------------------------------------------
Base Style(For 江之源网络工作室)
Author: Zhao dajiang
Version: 3.0
Date:2016/11/25
Design Corp: www.web-info.cn
--------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1; font-size:12px; font-family: "微软雅黑"; color:#666; background:#fff; }
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
display:block;
}
ul{
list-style:none; list-style-type:none;
}

li{
list-style:none; list-style-type:none;
}

blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0; text-decoration:none;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
 
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}

/*CSS Hack*/
.dsi{ display:inline;}
.dsb{ display:block;}
.ofh{ overflow:hidden;}
.clb{ clear:both;}
.vm{ vertical-align:middle;}

/*float*/
.fl{ float:left;}
.fr{ float:right;}

/*font*/
.fb{font-weight:bold;}
.fs11{font-size:11px;}
.fs14{font-size:14px;}
.fb{font-weight:bold;}
.vdn{font-family:Verdana;}
.tah{font-family:Tahoma;}
.song{font-family:"宋体";}
/* 通用 */


#top,#top2,#nav,#tiao,#tiao2,#ber,#nber,#con,#con2,#con3,#con4,#ncon,#ncon2,#end{ margin:auto; width:100%;}

#top{ width:100%; height:84px; border-bottom:1px solid rgba(255,255,255,0.2); position:fixed; z-index:10002; top:0;}
.topz{ margin:0px auto; width:1260px; height:84px;}
.top_hd {
  background:#000; 
  background-color: rgba(0,0,0,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
}
#top_ny{width:100%;height:84px; position:fixed; z-index:12000; background:#000; top:0;
 background:#1677ff;/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}
 
#top_ny2{width:100%;height:76px; position:fixed; z-index:12000; background:#000; top:0;
 background:#1677ff;/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}

.top_nav{ float:left; width:900px; height:84px; margin-left:160px;}
.top_nav ul{}
.top_nav ul li{ float:left; display:block; width:150px; height:84px;}
.top_nav ul li a{float:left; display:block; width:94px; margin:0px 28px; height:84px; font-size:16px; color:#fff; line-height:84px; text-decoration:none; text-align:center;}
.top_nav ul li a:hover{ font-weight:bold; border-bottom:3px solid #fff;}
.top_nav ul li a.active{ font-weight:bold; border-bottom:3px solid #fff;}



.tuleft{ float:left;}

#con{ height:917px; background:url(../images/bj_01.jpg) no-repeat center;}
.conz{ margin:0px auto; width:1260px; height:827px; padding-top:90px;}
.con_tiao{ float:left; width:1260px; height:73px;  color:#000; font-size:32px; text-align:center;}
.con_tiao2{ float:left; width:100%; height:73px;  color:#000; font-size:32px; text-align:center; padding-top:90px;}


#con2{height:926px; background: url(../images/bj_02.jpg) no-repeat bottom;}

#con3{ height:1104px; background:#f5f5f7;}
.con3z{margin:0px auto; width:1260px; height:827px; padding-top:90px;}
.con3_tiao{ float:left; width:1260px; height:94px;}
.con3_tiao02{ float:left; width:1260px; height:90px; text-align:center; padding-top:40px;}
.con3_tiao02 a{ padding:10px 15px; font-size:22px; color:#818181; border:1px solid #888;border-radius:5px; margin:0px 10px;}
.con3_tiao02 a:hover{color:#fff; background:#0078ff; border:1px solid #0078ff;}

.con3_tiao02 a.news{ padding:10px 15px; font-size:22px; color:#fff; background:#0078ff; border:1px solid #0078ff;border-radius:5px; margin:0px 10px;}
.con3_tiao02 a.news:hover{color:#fff; background:#0078ff; border:1px solid #0078ff;}

.con3_nr{ float:left; width:1260px; height:677px; margin-top:30px;}
.con3_left{ float:left; width:532px; height:582px;}
.con3_left01{ float:left; width:510px; height:328px;}
.con3_left02{ float:left; width:510px; height:45px; line-height:45px; font-weight:bold; font-size:20px; color:#333333; overflow:hidden; margin-top:50px;}
.con3_left02:hover{ color:#03F;}

.con3_left03{ float:left; width:510px; height:37px;line-height:37px; font-size:18px; color:#333333; overflow:hidden;}
.con3_left04{ float:left; width:510px; height:60px;line-height:30px; font-size:18px; color:#333333; overflow:hidden; margin-top:24px;}

.con3_right{ float:left; width:724px; height:611px;}
.con3_right ul{}
.con3_right ul li{ float:left; display:block; width:724px; height:135px; margin-bottom:13px;}
.con3_right ul li a{ float:left; display:block;width:724px; height:135px; padding:20px; background:#ffffff;}
.con3_right ul li a:hover{ background:#d9ebff;}
.con3_right_01{ float:left; display:block; width:95px; height:95px; background:#7fbbff;}
.con3_right_01 p{ float:left; width:95px; height:55px; line-height:65px; font-size:36px; color:#fff; font-weight:bold;text-align:center;}
.con3_right_01 span{float:left; width:95px; height:25px; line-height:25px; font-size:18px; color:#fff; text-align:center; }

.con3_right_02{ float:left; display:block; width:567px; height:95px; padding-left:18px;}
.con3_right_02 h1{ float:left; display:block; width:567px; height:35px; line-height:35px; color:#333333; font-size:20px; overflow:hidden;}
.con3_right_02 p{ float:left; display:block; width:567px; height:25px; line-height:25px; color:#777; font-size:18px; overflow:hidden;}

.con3_more{ float:left; width:1260px; height:94px; text-align:center;}
.con3_more a{ padding:15px 30px; font-size:22px; color:#333333; border:1px solid #a0a0a0; background:#f5f5f6;border-radius:5px; margin:0px 10px;}
.con3_more a:hover{color:#fff; background:#0078ff; border:1px solid #0078ff;}

#end{ height:173px; background:#000;}
.endz{ margin:0px auto; width:1260px; height:133px; padding-top:40px; line-height:35px; text-align:center; color:#fff; font-size:15px;}
.endz a{ color:#fff;}
.endz a:hover{ color:#FC0;}

#top_nr{ width:100%; height:76px; background:#fff;position:fixed; z-index:10002; top:0; border-bottom:1px solid #eee;}
.top_nrz{ margin:0px auto; width:1260px; height:76px;}

.topnr_nav{ float:left; width:900px; height:73px; margin-left:160px;}
.topnr_nav ul{}
.topnr_nav ul li{ float:left; display:block; width:150px; height:73px;}
.topnr_nav ul li a{float:left; display:block; width:94px; margin:0px 28px; height:73px; font-size:16px; color:#000; line-height:73px; text-decoration:none; text-align:center;}
.topnr_nav ul li a:hover{ font-weight:bold; color:#006ef6; border-bottom:3px solid #006ef6;}
.topnr_nav ul li a.active{ font-weight:bold; color:#006ef6; border-bottom:3px solid #006ef6;}

.nber01{ margin:76px auto 0px auto; width:100%; height:521px; background:url(../images/ber01.jpg) no-repeat center;}
.nber01z{ margin:0px auto; width:1260px; height:454px; padding-top:67px;}
.nber01_01{ float:left; width:1200px; height:65px; margin-left:40px; border-left:5px solid #fff; padding-left:15px;}
.nber01_01 p{ font-size:32px; font-weight:bold; color:#fff; height:45px; line-height:32px;}
.nber01_01 span{ font-size:14px; color:#9bf4ff; line-height:15px;}


.nber02{ margin:76px auto 0px auto; width:100%; height:521px; background:url(../images/ber02.jpg) no-repeat center;}
.nber02z{ margin:0px auto; width:1260px; height:454px; padding-top:67px;}
.nber02_01{ float:left; width:1200px; height:65px; margin-left:40px; border-left:5px solid #fff; padding-left:15px;}
.nber02_01 p{ font-size:32px; font-weight:bold; color:#fff; height:45px; line-height:32px;}
.nber02_01 span{ font-size:14px; color:#fff; line-height:15px;}

.nber03{ margin:76px auto 0px auto; width:100%; height:521px; background:url(../images/ber03.jpg) no-repeat center;}
.nber03z{ margin:0px auto; width:1260px; height:454px; padding-top:67px;}
.nber03_01{ float:left; width:1200px; height:65px; margin-left:40px; border-left:5px solid #fff; padding-left:15px;}
.nber03_01 p{ font-size:32px; font-weight:bold; color:#fff; height:45px; line-height:32px;}
.nber03_01 span{ font-size:14px; color:#9bf4ff; line-height:15px;}

.nber04{ margin:76px auto 0px auto; width:100%; height:521px; background:url(../images/ber04.jpg) no-repeat center;}
.nber04z{ margin:0px auto; width:1260px; height:454px; padding-top:67px;}
.nber04_01{ float:left; width:1200px; height:65px; margin-left:40px; border-left:5px solid #fff; padding-left:15px;}
.nber04_01 p{ font-size:32px; font-weight:bold; color:#fff; height:45px; line-height:32px;}
.nber04_01 span{ font-size:14px; color:#9bf4ff; line-height:15px;}


.nber10{ margin:76px auto 0px auto; width:100%; height:317px; background:url(../images/ber04_show.jpg) no-repeat center;}


.nber05{ margin:76px auto 0px auto; width:100%; height:521px; background:url(../images/ber05.jpg) no-repeat center;}
.nber05z{ margin:0px auto; width:1260px; height:454px; padding-top:67px;}
.nber05_01{ float:left; width:1200px; height:65px; margin-left:40px; border-left:5px solid #fff; padding-left:15px;}
.nber05_01 p{ font-size:32px; font-weight:bold; color:#fff; height:45px; line-height:32px;}
.nber05_01 span{ font-size:14px; color:#9bf4ff; line-height:15px;}

.about01{ margin:0px auto; width:100%; height:1017px; background:url(../images/nr_bj.jpg) no-repeat center;}

.about02{ margin:0px auto; width:100%; height:auto; }

.lanmu_01{ margin:0px auto; width:1255px; height:101px; border-bottom:1px solid #c7c7c8; padding-top:35px; text-align:center;}
.lanmu_01 a{ float:left; font-size:16px; color:#333; width:94px; line-height:98px; height:99px; margin:0px 152px;}
.lanmu_01 a:hover{ border-bottom:3px solid #006bff;color:#006bff;}

.lanmu_01 a.lan2{ font-size:16px; color:#006bff; width:94px; line-height:98px;border-bottom:3px solid #006bff; height:99px; margin:0px 152px;}
.lanmu_01 a.lan2:hover{ border-bottom:3px solid #006bff;}

.lanmu_02{ margin:0px auto; width:1255px; height:101px; border-bottom:1px solid #c7c7c8; padding-top:35px; text-align:center;}
.lanmu_02 a{ float:left; font-size:16px; color:#333; width:124px; line-height:98px; height:99px; margin:0px 94px;}
.lanmu_02 a:hover{ border-bottom:3px solid #006bff;color:#006bff;}

.lanmu_02 a.lan3{ font-size:16px; color:#006bff; width:124px; line-height:98px;border-bottom:3px solid #006bff; height:99px; margin:0px 94px;}
.lanmu_02 a.lan3:hover{ border-bottom:3px solid #006bff;}

.lanmu_03{ margin:0px auto; width:1255px; height:101px; border-bottom:1px solid #c7c7c8; padding-top:35px; text-align:center;}
.lanmu_03 a{ float:left; font-size:16px; color:#333; width:124px; line-height:98px; height:99px; margin:0px 244px;}
.lanmu_03 a:hover{ border-bottom:3px solid #006bff;color:#006bff;}

.lanmu_03 a.lan4{ font-size:16px; color:#006bff; width:124px; line-height:98px;border-bottom:3px solid #006bff; height:99px; margin:0px 244px;}
.lanmu_03 a.lan4:hover{ border-bottom:3px solid #006bff;}

.nr_tiao{margin:20px auto; width:1255px;  height:90px; text-align:center; padding-top:40px; color:#000; font-size:32px;}

.about_nr{margin:90px auto 20px auto; width:1255px; height:560px; font-size:20px; color:#555; line-height:36px; }
.about_nr2{margin:50px auto 20px auto; width:1255px; font-size:20px; color:#555; line-height:36px;}

.about_nr3{margin:0px auto 20px auto; width:1255px; font-size:20px; color:#555; line-height:36px;}

.hei20b{ font-size:20px; font-weight:bold;}

.pro_nr{margin:50px auto 20px auto; width:100%; font-size:20px; color:#555; line-height:36px; background:url(../images/bj_cp01.jpg) no-repeat top center;}

.pro_nr04{margin:0px auto 20px auto; width:100%; font-size:20px; color:#555; line-height:36px; background: url(../images/bj_01.jpg) no-repeat top center;}

.shichang_nr01{margin:0px auto 0px auto; width:100%; font-size:20px; color:#555; line-height:36px; background:#f2f9fe;}

.nl_nr01{margin:0px auto 0px auto; width:100%; font-size:20px; color:#555; line-height:36px; background:#f5f8fd;}

.nl_nr02{margin:0px auto 0px auto; width:100%; font-size:20px; color:#555; line-height:36px; background:#f5f8fd;}

.rongyu{ margin:0px auto; width:100%; height:804px; background:#f2faff;}
.rongyuz{ margin:0px auto; width:1260px; height:804px; padding-top:20px;}

.huodong{ margin:0px auto; width:100%; height:274px; background:#fff;}
.huodongz{ margin:0px auto; width:1260px; height:274px; padding-top:20px;}

.fangzan{margin:0px auto; width:100%; height:804px; padding-top:20px;}
.lan32{ color:#237cfa; font-size:32px; font-weight:bold; line-height:50px;}

.news_list{ margin:0px auto; width:1260px; padding-top:50px;}
.news_list ul{}
.news_list ul li{ float:left; display:block; width:1260px; height:350px;}
.news_list_left{ float:left; width:407px; height:262px;}
.news_list_right{ float:left; width:813px; height:262px; padding-left:20px;}
.news_list_right a{ float:left; display:block; width:813px; height:56px; font-size:24px; color:#333333; overflow:hidden; padding-top:10px;}
.news_list_right a:hover{ color:#06F;}
.news_list_right01{ float:left; display:block; width:813px; height:32px; color:#999999;}
.news_list_right01 span{ float:left; display:block; width:27px; height:32px;}
.news_list_right01 p{ font-size:18px; color:#999999;}
.news_list_right02{float:left; display:block; width:813px; height:56px; font-size:18px; line-height:28px; color:#666; overflow:hidden; margin-bottom:63px;}
.news_list_right03{ float:left; display:block; width:813px; height:32px;}
.news_list_right03 a{ color:#0771df; font-size:17px;}
.news_list_right03 a:hover{ color:#F90;}

.news_tiao{ margin:0px auto; width:1240px; height: auto; padding:50px 0px 20px 20px; font-size:26px; color:#333; line-height:36px;}

.news_list_right04{ margin:0px auto; display:block; width:1240px; height:32px; padding-left:20px;  color:#999999;}
.news_list_right04 span{ float:left; display:block; width:27px; height:32px;}
.news_list_right04 p{ font-size:18px; color:#999999;}

.news_shownr{margin:0px auto; width:1220px; padding-left:40px;  height: auto; padding:20px 0px; font-size:17px; color:#777; line-height:37px;}

.news_xia{ margin:0px auto; width:1240px; height:110px; padding-top:30px; padding-left:20px; border-top:1px solid #ccc; font-size:16px; color:#333; line-height:36px;}

.news_xia a{ color:#333; font-size:16px;}
.news_xia a:hover{ color:#F90;}

.fengye{ margin:0px auto; width:1260px; height:70px; text-align:center;font-size:24px; color:#000;}
.fengye a{ font-size:24px; color:#000; padding:10px 20px;}
.fengye a:hover{ color:#06F;}
.fengye a.fhui{ font-size:24px; color:#999; padding:10px 20px;}
.fengye a.fhui:hover{ color:#06F;}
.fengye a.an_fy2{ color:#06F;}

/*clearfix清除浮动*/
.clearfix:after{visibility:hidden;display:block;content:" ";clear:both;height:0;line-height:0;}
.clearfix{zoom:1;}

/*made*/
.made{background:#FFF;}
.madegame{width:100%;overflow:hidden; margin:0px 0px;}
#ho{position:relative !important;}
#ho li{float:left;width:447px;position:relative;}

/*-核心代码-*/

/* Menu style */
	#timeline {
		width: 1300px;
		height: 550px;
		overflow: hidden;
		margin: 80px auto 10px auto;
		position: relative;
		background: url('../images/dot.gif') left 30px repeat-x;
	}
		#dates {
			width:1200px;
			height:125px;
		
		}
			#dates li {
				list-style: none;
				float: left;
				width: 150px;
				height: 125px;
				font-size: 24px;
				text-align: center;
				
			}
				#dates a {
				 font-size:24px;width:150px; float:left;color:#555555; text-decoration:none;
				height:125px; line-height:160px;
				background: url('../images/yuan01.png') center top no-repeat;
				}
				#dates .selected {
			      font-size:32px;width:150px; float:left;
				height:95px; background: url('../images/yuan01_1.png') center top no-repeat;
				}
		
		#issues {
			width:1200px;
			height:450px;
			overflow: hidden;
		}	
			#issues li {
				width: 1300px;
				height: 350px;
				list-style: none;
				float: left;
			}
				#issues li img {
					float: left;
					margin: 10px 30px 10px 50px;
				}
				#issues li h1 {
					color: #ffcc00;
					font-size: 48px;
					margin: 20px 0;
					text-shadow: #000 1px 1px 2px;
				}
				#issues li p {
					font-size: 14px;
					margin-right: 70px;
					font-weight: normal;
					line-height: 22px;
					text-shadow: #000 1px 1px 2px;
				}
		
		
		#next{
			position: absolute;
			
			font-size: 70px;
			top:120px; 
			width: 53px;
			height:53px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			}
		#prev {
			position: absolute;
			
			font-size: 70px;
			top:120px;
			width: 53px;
			height:53px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position: 0 -53px;
			}
			#next {
				right: 0;
				background-image: url('../images/next.png');
			}
			#prev {
				left: 0;
				background-image: url('../images/prev.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}

 .shichang{ margin:0px auto; width:1280px; height:471px;}

.shichang01{ float:left; display:block; width:320px; height:471px; background:url(../images/sc2_01.jpg) top no-repeat;    transition-duration: 0.6s;}
.shichang01:hover{ background:url(../images/sc2_01.jpg) bottom no-repeat;}

.shichang02{ float:left; display:block; width:320px; height:471px; background:url(../images/sc2_02.jpg) top no-repeat;    transition-duration: 0.6s;}
.shichang02:hover{ background:url(../images/sc2_02.jpg) bottom no-repeat;}

.shichang03{ float:left; display:block; width:320px; height:471px; background:url(../images/sc2_03.jpg) top no-repeat;    transition-duration: 0.6s;}
.shichang03:hover{ background:url(../images/sc2_03.jpg) bottom no-repeat;}

.shichang04{ float:left; display:block; width:320px; height:471px; background:url(../images/sc2_04.jpg) top no-repeat;    transition-duration: 0.6s;}
.shichang04:hover{ background:url(../images/sc2_04.jpg) bottom no-repeat;}