/*��������塢��ࡢ�б�*/
html {overflow-y:scroll;}
body {font-family: "Microsoft YaHei", "΢���ź�", "SimHei", "����", "����","Arial", "Verdana", "Helvetica","ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3",sans-serif
;margin:0px auto;font-size:12px;color: #333;background:#ffffff url(../../images/180328fsx/bg.jpg) repeat-x center top; text-align:left;}
form, img, p{margin: 0px auto;border:0px;}
ul, li,ol,dl,dt,dd{margin:0px auto;padding:0px;list-style:none;list-style-position:outside;}
a,input{outline:none;}
div,h1,h2,h3,h4,h5,h6,fieldset,input,textarea,blockquote{padding:0; margin:0 auto;}
address,cite,code,em,th,i{ font-style:normal;}
a:link, a:visited {color: #333333;text-decoration: none;}
a:hover{color:#FF0000;text-decoration: underline;}

.left{float: left;}
.right{float: right;}
.clear{clear:both;}
.no_way{clear:both;display:block;overflow:hidden;height:0px;margin:0px;padding:0px;line-height:0; font-size:0;}
.line_22{ line-height:22px;}
.line_24{ line-height:24px;}
.pad_10{ padding: 0 10px;}
.border{ border:3px solid #FCE8E1;}
.hide {display:none;}
.top{ background:url(../../images/180328fsx/i_top.jpg) no-repeat center top; height:460px; margin:0 auto; width:100%;}
.h_460{ height:460px;}


.bg_logo{ width:1180px; margin:0  auto; height:auto;}
.w_400{ width:400px; padding-top:130px;}
.w_400 h1{ font-size:60px; color:#185D9C; text-align:center; font-family:"Microsoft YaHei", "΢���ź�", "SimHei", "����", "����";}
.w_400 .w_60{ margin:10px auto; width:330px;border-radius:5px; -moz-border-radius:5px; height:80px; background:#666666;}
.w_400 .w_60 h1{ color:#FFF}
.r_top{ width:740px; top:155px; right:0;}
.r_top h1{ color:#08447c; font-family:"Microsoft YaHei", "΢���ź�", "SimHei", "����", "����"; font-weight:normal; font-size:38px; text-align:center;}
.r_top h1 b{ color:#b30000}
.r_top h2{ background:#515151; padding:10px; margin:20px 0 0; color:#FFF; font-size:22px; text-align:center;}
.r_top p{ font-size:16px; line-height:30px;	}


.logo{ background:url(../../images/180328fsx/logo.png) no-repeat center top; width:264px; height:52px; top:20px; right:40px;}
.logo a{ display:block; width:100%; height:100%;}

.main{ width:1000px; margin:0 auto; height:auto; padding:0; clear:both;}

.w_500{ width:460px; height:110px; padding:40px 0 0 40px;}
.w_500 .w_l{ width:80px; padding-top:5px;}
.w_500 .w_r{ width:360px;}
.w_500 h2{ font-size:24px; font-weight:normal; margin-bottom:10px;}
.w_500 h2 a{ text-decoration:none;}
.w_500 h3{ font-size:18px; font-weight:normal;}
.w_500 h3 a{ text-decoration:none;}


.bg_j{ background:#3B82C4;}
.bg_j:hover{ background:#2B5E8C; text-decoration:none}




.bg_r{ background:#505050;}
.bg_r:hover{ background:#373737; text-decoration:none}
.bg_blue{ background:#3B82C4; padding:30px 0; margin:0  auto; width:100%;}

.pos_r{ position:relative;}
.pos_a{ position: absolute;}



.white{  color:#FFF}
.white a{ color:#FFF;}


.mar_t_50{ margin-top:50px;}
.h_200{ height:240px; margin-top:40px;}



/*General Styles*/
.mosaic-block {
	width:100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.mosaic-block p{ font-size:14px;}
.mosaic-block a { 
	color: #EEE;
	text-shadow: 1px 1px 0 #000;
} 
.mosaic-block h4 { 
	font-size: 130%;
	line-height: 130%;
	font-weight:normal;
	margin-bottom: 5px;
	text-align:left;
	padding-left:20px;
}
.mosaic-backdrop {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0;
	background: #111;
}
.details { 
	margin: 15px 0; 
	text-align: center;
}	
.mosaic-overlay {
	width: 100%;
	display: none;
	z-index: 5;
	position: absolute;

}
/*** Custom Animation Styles (You can remove/add any styles below) ***/

.bar .mosaic-overlay {
	bottom: -100px;
	height: 40px;
	background: url(../../images/180328fsx/bg-black.png);
}
.bar2 .mosaic-overlay {
	bottom: -50px;
	height: 100px;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
.bar2 .mosaic-overlay:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.bar3 .mosaic-overlay {
	top: -100px;
	height: 100px;
	background: url(../../images/180328fsx/bg-black.png);
}
.w_250{ width:200px; height:200px; }
.w_250 a{ text-decoration:none;}


.w_250 .mosaic-backdrop {background:url(../../images/180328fsx/y.png) no-repeat center top; width:200px; height:200px; top:0; left:0; font-size:40px; color:#333; font-family:"Microsoft YaHei", "΢���ź�", "SimHei", "����", "����"; line-height:150px; vertical-align:middle}
.w_250 .w_bg{ background:url(../../images/180328fsx/y1.png) no-repeat center top; width:200px; height:200px; top:0; left:0;}

#Tabs_01{border-radius:5px; -moz-border-radius:5px;  margin:30px auto; width:960px; background:#505050; padding:20px;}
#Tabs_01 .box{ background:#3B82C4; height:285px;box-shadow:5px 5px 5px #333; padding-left:65px;}
#Tabs_01 .content {background: #FFF; width:499px; float:left;height:255px; padding-top:30px;}
.tag_01_title{ float:right; width:395px;height:285px; border-left:1px dashed #CCCCCC;background: #FFF; font-size:26px; font-family:"Microsoft YaHei", "΢���ź�", "SimHei", "����", "����";}
.tabs_01{float:left;text-align:center; line-height:95px; padding-right:5px; vertical-align:middle; height:95px;background:#fff url(../../images/180328fsx/qh.jpg) no-repeat right 0;width:390px;}
a.tabs_01:link,a.tabs_01:visited{text-decoration:none;color:#3b82c4;}
a.tabs_01:hover{text-decoration:none;color:#3b82c4;}
.tag_01{ text-align:center; height:95px;background: none;width:390px;line-height:95px;background:#fff url(../../images/180328fsx/qh.jpg) no-repeat right 0; vertical-align:middle; border-right:5px solid #E51F1E;}
a.tag_01:link,a.tag_01:visited{ color:#e51f1f;text-decoration:none;}
a.tag_01:hover{ color:#e51f1f;text-decoration:none;}



#Tabs_02{border-radius:5px; -moz-border-radius:5px; border:1px solid #E7E7E7;  margin:30px auto 0; padding:30px 0;  width:998px;}
#Tabs_02 .content { width:650px; float:right;height:530px; margin-right:20px;}
#Tabs_02 .line_24{ line-height:30px; font-size:16px; margin-top:20px; padding:10px 20px;}
#Tabs_02 .line_24 p{ margin:10px 0;}
#Tabs_02 .content h2{ background:url(../../images/180328fsx/l.jpg) no-repeat 0 5px; padding:5px 0 10px 15px; border-bottom:2px solid #E84C4D; font-weight:normal; font-family:"Microsoft YaHei", "΢���ź�", "SimHei", "����", "����"; font-size:22px; color:#e84d4d;}
.tag_02_title{ float:left;width:300px;height:530px; border-right:1px dashed #CCCCCC; font-weight:bold; font-size:30px; font-family:"Microsoft YaHei", "΢���ź�", "SimHei", "����", "����";}
.tabs_02{float:left; line-height:95px; margin-left:-18px; height:128px;padding-left:30px; width:270px;background: url(../../images/180328fsx/qh_01.jpg) no-repeat left top;}
a.tabs_02:link,a.tabs_02:visited{text-decoration:none;color:#fff;}
a.tabs_02:hover{text-decoration:none;color:#fff;}
.tag_02{ margin-left:-18px; padding-left:30px; height:128px;width:270px;background: url(../../images/180328fsx/qh_02.jpg) no-repeat left top;}
a.tag_02:link,a.tag_02:visited{ color:#fff;text-decoration:none;}
a.tag_02:hover{ color:#fff;text-decoration:none;}

.bg_gary{ background:#505050;padding:30px 0; margin:0  auto; width:100%;}
.w_960{ width:1000px; height:750px; margin:20px auto 30px;}
.w_240{ width:250px; height:250px;}
.w_240 .pad_40{ padding:40px;}
.w_240 h2{ font-size:18px; text-align:center; color:#999; margin-bottom:10px; margin-top:10px;}
.w_240 h3{ font-size:18px; text-align:center;  margin-bottom:10px; margin-top:10px;}
.t_bgg{ top:200px; height:50px; width:250px;filter: Alpha(Opacity=50);opacity:0.5;left:0}
.txt_tt{ width:250px; top:220px; text-align:center; color:#FFF;}
.bg_F9E697{ background:#F9E697;}
.bg_F9E697 .pad_40{ color:#999}
.bg_B50B0B{ background:#B50B0B;}
.bg_fff{ background:#fff;}
.bg_97B4D4{ background:#97B4D4;}
.bg_fff .pad_40{ color:#999}

.f_60{ font-family:"Microsoft YaHei", "΢���ź�", "SimHei", "����", "����"; font-size:50px;  color:#7E7E7E}

.rollBox1 {  width:750px;clear:both;height:134px;margin:0 auto 0; float:left;  overflow:hidden; margin-bottom:20px;}
.rollBox1 .LeftBotton1 {height:130px;width:60px;background:url(../../images/180328fsx/k_bg01.jpg) no-repeat left 50px;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox1 .RightBotton1 {height:130px;width:50px;background:url(../../images/180328fsx/k_bg02.jpg) no-repeat right 50px;overflow:hidden;float:right;display:inline;cursor:pointer;}
.rollBox1 .Cont1 {width:640px;overflow:hidden;float:left;}
.rollBox1 .ScrCont1 {width:10000000px;}
.rollBox1 .Cont1 .pic1 {width:190px; float:left; margin-right:30px;}
.rollBox1 .Cont1 .pic1 img {display:block;width:185px; height:130px; border:1px solid #CCC;padding:2px;}
.rollBox1 #List11, .rollBox1 #List22 {float:left;}

.b_240{ width:220px;}
.b_240 img{ padding:10px; border:1px solid #CCC; width:78px; height:78px;}
.b_240 p{ margin-top:15px; font-size:14px;}

.bg_F2F2F2{ background:#F2F2F2; padding:50px 0; margin:0 auto;}
.b_top{ background: url(../../images/180328fsx/baodao_top.jpg) no-repeat center top; height:472px;}

/*����ͼƬ����*/
.rollBox { width:1000px;clear:both;height:500px;margin:0 auto; background:#FFFFFF; overflow:hidden;}
.rollBox .LeftBotton {height:500px;width:65px;background:url(../../images/180328fsx/l_bg.jpg) no-repeat left 0;overflow:hidden;float:left;display:inline;margin:0px 0 0 0;cursor:pointer;}
.rollBox .RightBotton {height:500px;width:55px;background:url(../../images/180328fsx/r_bg.jpg) no-repeat right 0;overflow:hidden;float:left;display:inline;margin:0px 0 0 0;cursor:pointer;}
.rollBox .Cont {width:880px;overflow:hidden;float:left;}
.rollBox .ScrCont {width:10000000px;}
.rollBox .Cont .pic {width:880px;float:left;text-align:center;height:500px; position:relative;overflow:hidden;}
.rollBox .Cont  .w_280{ width:280px; height:400px; border:5px solid #FFF; left:0; top:0}
.rollBox .Cont  .w_280:hover{ width:280px; height:400px; border:5px solid #3B82C4;}
.rollBox .Cont  .w_230{ width:280px; height:230px; border:5px solid #FFF; left:290px; top:0}
.rollBox .Cont  .w_230:hover{width:280px; height:230px; border:5px solid #3B82C4;}
.rollBox .Cont  .w_160{ width:280px; height:160px; border:5px solid #FFF; left:290px; top:240px;}
.rollBox .Cont  .w_160:hover{ width:280px; height:160px; border:5px solid #3B82C4;}
.rollBox .Cont  .w_t{ width:280px; height:160px; border:5px solid #FFF; left:580px; top:0px;}
.rollBox .Cont  .w_t:hover{ width:280px; height:160px; border:5px solid #3B82C4;}
.rollBox .Cont  .w_r{ width:280px; height:230px; border:5px solid #FFF; left:580px; top:170px;}
.rollBox .Cont  .w_r:hover{ width:280px; height:230px; border:5px solid #3B82C4;}
.rollBox .Cont .txt{ line-height:24px; font-size:14px; top:420px; left:0; text-align:left; padding:0 20px;}
.rollBox #List1, .rollBox #List2 {float:left;}

.j_top{ background:url(../../images/180328fsx/z_top.jpg) no-repeat center top; height:460px; width:100%; margin:0 auto}
.j_top .h_130{ padding-top:100px;}
.j_top h1{font-size:60px; color:#185D9C; padding-left:85px;font-family:"Microsoft YaHei", "΢���ź�", "SimHei", "����", "����";}
.j_top h2{font-size:40px; font-weight:normal; margin-top:5px; padding-left:85px;font-family:"Microsoft YaHei", "΢���ź�", "SimHei", "����", "����";}

.w_270{ width:270px; margin-right:40px;border-right:1px dashed #133F64}
.z_270{ width:199px; height:196px; background: url(../../images/180328fsx/zt.jpg) no-repeat center top;}
.z_270 h2{ line-height:170px; text-align:center; vertical-align:middle; color:#08447c; font-size:46px; font-weight:normal;}
.z_270 h2 a{color:#08447c;}
.z_270 h2 a:link,.z_270 h2 a:visited{color:#08447c;text-decoration:none;}
.z_270 h2 a:hover,.z_270 h2 a:active{color:#FF0000;text-decoration:none;}

.w_510{ width:510px; padding-top:40px;}	
.w_510 h2{ font-size:22px; font-weight:normal;}
.w_510 h2 em{ color:#ff0000; padding-left:10px;}
.w_510 h2 em a{ text-decoration:none;color:#ff0000;}
.w_510 h3{ font-size:18px; font-weight:normal; margin-top:10px;}
.w_124{ width:124px; padding:30px 40px 0 0}

.r_510{ width:510px; padding-top:40px;}	
.r_510 a:link,.r_510 a:visited{color:#133e65;text-decoration:none;}
.r_510 a:hover,.r_510 a:active{color:#FF0000;}
.r_510 h2{ font-size:22px; font-weight:normal;}
.r_510 h2 em{ color:#ff0000; padding-left:10px;}
.r_510 h2 em a{ text-decoration:none;color:#ff0000;}
.r_510 h3{ font-size:18px; font-weight:normal; margin-top:10px;}
.r_124{ width:124px; padding:30px 40px 0 0}


/*�ֲ�ͼ*/
#box{position:relative;width:1000px;height:386px;margin:0 auto; background:url(../../images/180328fsx/shadow_03.jpg) no-repeat 57px 40px}
#box ul{position:relative;width:800px; height:300px;left:65px; top:40px}
#box li{position:absolute;list-style:none;background:#fff;width:280px;height:180px;;top:146px;left:377px;z-index:0;cursor:pointer;overflow:hidden;border:1px solid #ccc;}
#box li img{vertical-align:top;}
#box li div{position:absolute;;width:140px;height:180px;background:#fff;}
#box li div h4{margin:20px 10px 10px;font:12px/24px arial; text-align:center;}
#box li div h4 span{color:red;margin-left:10px;}
#box li div p{margin:5px 20px 0;text-indent:2em; line-height:24px;}
#box .prev, #box .next{position:absolute;top:50%;width:39px;height:80px;margin-top:-40px;overflow:hidden;text-indent:-999px;cursor:pointer;}
#box .prev{left:-60px;}
#box .next{right:-60px;background-position:-39px 0;}