﻿/*项目部 2014.8.7 */
/*说明：项目中，请将下面用不到的样式删除，不要保留在此文档中*/
/*更新说明：按修改的设计规范，添加了英文站的css样式，及微软雅黑字体使用样式的相关调整;*/
/*更新说明：微软雅黑的样式多为加了后缀:'_w',处修改字体外，需把字体大小提高1px;英文站样式多沿用原样式，其他样式加了后缀:'_e',修改字体，增加了几个英文站使用的样式*/
/*8.7更新说明：依据设计规范进行调整;去掉全局a样式的鼠标靠近时的下划线；添加设计规范1.2中的信息列表、文章页内边距样式;*/
/*网页全局样式开始*/

body {
	/*body基本样式开始*/
    font-family: 微软雅黑, Arial, verdana,;/*项目中根据自己项目的需要调整自己的字体，英文站要求使用Arial字体*/
	color:#181818;
	margin:0px;
	padding:0px;
	text-decoration:none;
	text-align: left;
	background-color: #edf5fb;
	/*body基本样式结束*/

/*body扩展样式开始*/
    background-repeat: repeat;	/*背景重复*/
	background-position: center;	/*背景居中*//*body扩展样式结束*/
}
/* 图片无边框*/
img {
	border:0;
}
p,ul,li{ margin:0; padding:0;}
/*定义整个页面的宽度*/
page {
	width:auto;!important;
	max-width:1000px !important;
	margin:0 auto;
 height:auto !important width:1000px;
}
/*表格设置合并边框   注意：如果网页中用到了table的cellspace属性，会将页面的间距全部置为0，请慎用下面的样式*/
table {
	border-collapse:collapse;
}
/*指定当表格的单元格无内容时，显示该单元格的边框，不支持IE6 IE7 IE8(Q)*/
td {
	empty-cells:show;
}
/*页面容器初始化开始,*/
/*注:v1.3及之前为font-size:9pt;line-height:180% */
tr, td {
	font-size:14px;
	color:#181818;
	line-height:26px;
}
form {
	padding:0px;
	margin:0px;
}
/*页面容器初始化结束*/

/*清除页面底部高度，iframe所致*/
#vishidden {
	display:none
}
/*版通基本样式开始*/
/*整个网页超链接样式开始*/
/*去掉鼠标靠近时的下划线*/
a {
	text-decoration:none;
	color:#181818;
}
a:visited {
	color:#181818;
	text-decoration:none;
}
a:hover {
	text-decoration: none;
	color:#ff0000;
}
/*文章标题样式*/
/*注:v1.3及之前为为font-size:16pt */
.title {
	font-size:22px;
	color:#181818;
	font-weight:bold;
	line-height:150%;
}
/*微软雅黑字体使用*/
.title_w {
	font-size:23px;
	FONT-FAMILY:微软雅黑;
	color:#181818;
	font-weight:bold;
	line-height:150%;
}
/*首页、频道页栏目默认标题列表样式 小字体*/
/*注:v1.3及之前为为font-size:9pt */
.bt_link {
	font-size:12px;
	text-decoration:none;
	color:#181818;
}
/*微软雅黑字体使用*/
.bt_link_w {
	font-size:13px;
	FONT-FAMILY: "微软雅黑";
	text-decoration:none;
	color:#181818;
}
/*首页、频道页栏目默认标题列表样式 大字体（增）*/
.bt_linkb {
	font-size:14px;
	text-decoration:none;
	color:#181818;
}
/*微软雅黑字体使用*/
.bt_linkb_w {
	font-size:15px;
	FONT-FAMILY: "微软雅黑";
	text-decoration:none;
	color:#181818;
}
/*底层栏目页标题列表及文章正文样式 大字体*/
/*注:v1.3及之前为为font-size:10.5pt;line-height:180% */
.bt_content {
	font-size:14px;
	text-decoration:none;
	color:#181818;
	line-height:26px;
}
/*微软雅黑字体使用*/
.bt_content_w {
	font-size:15px;
	FONT-FAMILY:"微软雅黑";
	text-decoration:none;
	color:#181818;
	line-height:26px;
}
/*时间显示样式*/
/*注:v1.3及之前为为font-size:9pt */
.bt_time {
	font-size:12px;
	color:#999999;
	FONT-FAMILY:Verdana
}
.bt_date {
	font-size:12px;
	color:#999999;
	FONT-FAMILY:Verdana
}
/*"更多"显示样式*/
/*注:v1.3及之前为为font-size:9pt */
/*英文站可直接使用该样式*/
.bt_more {
	font-size:12px;
	color:#181818
}
a.bt_more {
	text-decoration:none;
	color:#181818;
}
a.bt_more:visited {
	text-decoration:none;
	color:#181818;
}
a.bt_more:hover {
	text-decoration:none;
	color:#ff0000;
}
/*微软雅黑字体使用*/
.bt_more_w {
	font-size:13px;
	color:#181818
}
a.bt_more_w {
	text-decoration:none;
	color:#181818;
}
a.bt_more_w:visited {
	text-decoration:none;
	color:#181818;
}
a.bt_more_w:hover {
	text-decoration:none;
	color:#ff0000;
}
/*下划线样式_虚线*/
.bt_unline {
	border-bottom:#999999 dashed 1px;
}
/*通用导航样式*/
/*注:v1.3及之前为font-size:10.5pt */
/*英文站可直接使用该样式*/
a.white {
	text-decoration:none;
	color:#ffffff;
	font-size:14px;
	font-weight:bold
}
a.white:visited {
	color:#ffffff;
	font-size:14px;
	font-weight:bold
}
a.white:hover {
	color:#ff0000;
	font-size:14px;
	font-weight:bold
}
/*微软雅黑字体使用*/
a.white_w {
	text-decoration:none;
	color:#ffffff;
	font-size:15px;
	font-weight:bold
}
a.white_w:visited {
	color:#ffffff;
	font-size:15px;
	font-weight:bold
}
a.white_w:hover {
	color:#ff0000;
	font-size:15px;
	font-weight:bold
}
/*通用滚动条*/
.scrollbar {
	/*滚动条的基本颜色*/
		scrollbar-base-color:#c8e8fb;
	/*立体滚动条强阴影的颜色*/
		scrollbar-dark-shadow-color:#F5F1D8;
	/*立体滚动条凸出部分的颜色*/
		scrollbar-face-color:#E8E1B5;
	/*滚动条空白部分的颜色*/
		scrollbar-highlight-color:#c8e8fb;
	/*立体滚动条阴影的颜色*/
		scrollbar-shadow-color:#E8E1B5;
	/*立体滚动条亮边的颜色*/
		scrollbar-3d-light-color:#E8E1B5;
	/*上下按钮上三角箭头的颜色*/
		scrollbar-arrow-color:#4D6185;
}

/*行距*/
/*注:设计规范要求12px字体行距22px;14px字体行距26px; */
.line-height22 {
	line-height:22px;
}
.line-height26 {
	line-height:26px;
}
/*英文站主导航级栏目标题*/
.bt_column_title {
	font-size:16px;
	FONT-FAMILY:Arial;
	font-weight:bold;
	line-height:150%;
}
/*英文站底层栏目页栏目列表*/
.bt_column_e {
	font-size:14px;
	FONT-FAMILY:Arial;
	text-decoration:none;
	font-weight:bold;
	color:#181818;
	line-height:26px;
}
/*信息列表内边距:上下边距*/
.padding_tb{ padding-top:40px; padding-bottom:40px}
/*信息列表内边距:左右边距*/
/*通栏式文章页正文上下、左右内边距分别为：40px、100px*/
.padding_lr100{ padding-left:100px; padding-right:100px}
/*两栏式文章页正文上下、左右边距分别为：40px、60px*/
.padding_lr60{ padding-left:60px; padding-right:60px}
/*信息列表内边距*/
/*宋体14px与边框左边、顶部和底部的距离是15px，宋体12px与边框左边、顶部和底部的距离是10px*/
.padding10{ padding:10px 0px 10px 10px }
.padding15{ padding:15px 0px 15px 15px }
/*版通基本样式结束*/
/*网页全局样式结束*/

/* 自定义样式开始 */
/*	一些滤镜的样式 慎用，耗内存 */		
/* Glow 扩充的阴影字 支持IE4.0-IE9，不支持其他内核浏览器*/
/*注:v1.3及之前font-size:10.5pt */
.glow {
	FONT-SIZE: 14px;
	filter: Glow(Color=#181818, Strength=2)
}
/*微软雅黑字体使用*/
.glow_w {
	FONT-SIZE: 15px;
	filter: Glow(Color=#181818, Strength=2)
}
/* Gradient 渐变 gradientType=0垂直渐变 1水平渐变默认 00完全透明  ff完全不透明， 支持IE5.5-IE9,不支持其他内核浏览器 */
/*注:v1.3及之前为为font-size:10.5pt */
.grad {
	FONT-SIZE: 14px;
 FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#FF0000FF, endColorStr=#18181800)
}
/*微软雅黑字体使用*/
.grad_w {
	FONT-SIZE: 15px;
 FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#FF0000FF, endColorStr=#18181800)
}
/* AlphaImageLoader 图片平铺  scale:拉伸图片满表格 crop:显示图片自身大小并显示背景色 image:只显示图片， 支持IE5.5-IE9,不支持其他内核浏览器*/
.alphaimage {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/图片文件', sizingMethod='scale')
}
/* Blur 模糊阴影字,支持IE5.5-IE9,不支持其他内核浏览器*/
.blur1 {
 filter:progid:DXImageTransform.Microsoft.Blur(makeShadow=true, pixelRadius=1, shadowOpacity=0.25)
}
/* Blur 模糊阴影字，支持IE5.5—IE9，不支持其他内核浏览器 */
.blur2 {
	filter:blur(add=ture, direction=135, strength=6)
}
/* DropShadow 有斜度的阴影字，支持IE4.0-IE9，不支持其他内核浏览器 */
.dropshadow1 {
	color: #ff0000;
	filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1)
}
/*	制作对象的阴影效果 ，支持IE4.0-IE9，不支持其他内核浏览器 */
.dropshadow2 {
 filter:progid:DXImageTransform.Microsoft.DropShadow(color=#FF404040, offX=3, offY=3, positives=true)
}
/*	文字发光，支持IE4.0-IE9，不支持其他内核浏览器 */
.dropshadow3 {
	filter:Dropshadow(offx=1, offy=0, color=white)Dropshadow(offx=0, offy=1, color=white)Dropshadow(offx=0, offy=-1, color=white)Dropshadow(offx=-1, offy=0, color=white)
}
/* 背景透明，支持ie6-IE9、chrome、火狐等等 */
.alphabg {
	FILTER: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5
}
/* 自定义样式结束 */

.head{ width:100%; height:auto; margin:0 auto; background:url(sy_bg_01.png) top center no-repeat;}
.logo{ width:654px; height:194px; margin:0 auto; padding-top:92px;}
.logo img{ width:100%; height:100%;}
.yaowen{ background:url(sy_bg_02.png) no-repeat 2px; width:1200px; height:25px; margin:120px auto 0 auto;}
.lunbo{ width:1200px; height:390px; margin:50px auto 70px auto; }
.center{ width:100%;}
.good{ width:1200px; margin:0 auto;}
.fupin{ background:url(sy_bg_03.png) no-repeat; width:1200px; height:25px; margin:0 auto;}
.good_text{ width:1100px; padding:50px;}
.tuopin{ background:url(sy_bg_04.png) no-repeat; width:1200px; height:25px; margin:0 auto;}
.good_list{ width:1200px; height:385px;}
.foot_line{ width:1200px; height:55px; border-bottom:5px solid #d8d8d8;}
.footer{ width:1200px; height:120px; margin:0px auto; text-align:center; line-height:30px;}
.footer p{ font-size:12px; color:#858585; margin:0px; padding:0px;}

/*视频*/
.third .video{width:390px; height:220px; float:left; border:solid 1px #dbdbdb; background-color:#ffffff; margin-left:17px;}/*width:322px; height:287px;*/
.video_bt{width:280px; margin:0 auto; height:40px; line-height:40px;}
.video_bt i{ font-style:normal; float:left; width:180px; font-size:16px; color:#bd1e22;}
.video_bt a{float:left; width:100px; text-align:right; font-family:宋体; font-size:12px;}

.videonews {width:390px; height: 220px; position:absolute;}
.videonews .hd{width:388px; height:26px; background:rgba(102, 102, 102, 0.5)!important; filter:Alpha(opacity=60); background:#333; position:absolute; z-index:1; bottom:0;}
.videonews .hd ul{float:right; height:26px; padding-left:0px;}
.videonews .hd ul li{float:left; width:20px; height:26px; line-height:26px; text-align:center; cursor:pointer; color:#ffffff; font-size:14px;font-family: microsoft yahei; background:rgba(102, 102, 102, 0.5); padding-left:0px;}
.videonews .hd ul li.on{background: rgba(0, 96, 166, 0.5) !important; background:#0060a6;}
.videonews .bd ul{zoom:1; padding-left:0px;}
.videonews .bd li{text-align:center; background: none; padding-left:0px; height: auto;}
.videonews .bd li img{width:100%; height:220px;}
.videonews .bd li a.picnews_bt{ display:block; width:70%; position: absolute; top:195px; left:10px; color:#ffffff; text-align:left; z-index:1; text-decoration:none; line-height:26px; font-weight:bold; font-size:14px;}



/*典型轮播*/
.slideGroup{ width:1150px; height: 320px; text-align:left;  }
		.slideGroup .slideBox{ width: 1100px; height: 320px; overflow:hidden; zoom:1; padding:10px 0 10px 50px; position:relative;   }

		.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:10px; display:block; width:50px; height:320px;  background:url(sy_bg_left.png) center center no-repeat; }
		.slideGroup .sNext{ left:auto; right:5px; background:url(sy_bg_right.png) center center no-repeat;  }
		.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

		.slideGroup .parBd ul{ overflow:hidden; zoom:1; margin:0px; padding:0px;  }
		.slideGroup .parBd ul li{ width:323px; height:350px; margin:0; float:left; _display:inline; overflow:hidden; text-align:center; background:#fff; box-shadow:#999 20px;}
		.slideGroup .parBd ul li .pic{ text-align:center; }
		.slideGroup .parBd ul li .pic img{ width:330px; height:90px; display:inline-block; }
		.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
		.slideGroup .parBd ul li .title{ width: 290px; height: 150px; line-height:24px; margin:0 auto; font-size:12px; text-align:left; text-indent:20px; }
		
		.slideGroup .parBd ul li .more{ width: 80px; height: 35px; line-height: 35px; background: #1cbaf5; margin: 0 auto;  }
		.slideGroup .parBd ul li .more a{ color:#fff;}
		.slideGroup .parBd ul li .more a:hover{ color:#ff0000;}
		
	/*多屏轮播*/	
#focus_Box{position:relative;width:1200px;height:390px;margin:0 auto;}
#focus_Box ul{position:relative;width:1200px;height:390px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0; margin-top:-40px;width:100%;height:40px;line-height:40px;background:url(float-bg.png) repeat;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:165px;}
#focus_Box .prev{background:url(btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(share-btn.png) no-repeat;text-indent:-999px;}