/*@charset "gb2312";*/
/**
 * 淘宝店铺:http://408gzs.taobao.com/
 * ----------------------------------------------------------------------------

 * $hack :ie 6 _  \ ie7 *+ \  ie6,ie7 *  \  ie7,firefox !important ie9, \9
*/
/**
 +------------------------------------------------------------------------------
 * 网站样式重写
 +------------------------------------------------------------------------------
 * @comefrom  互联网
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
 html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
 body{ color:#625F53; font-family:"微软雅黑", Arial, Helvetica, sans-serif;}
 * {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:14px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}



/**
 +------------------------------------------------------------------------------
 * Public Class
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.tal{ text-align:left} .tar{ text-align:right;}

/*文字两侧对齐*/
.justify {
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
	.justify:after{
		content:".";
		display: inline-block;
		width:100%;
		overflow:hidden;
		height:0;
	}
}


/* 兼容IE6的定位属性fixed，固定不动样式 */
.fixed{
	position:fixed; 
	clip:rect(0 100% 100% 0);
	_position:absolute;
	
	/* 底部 */
	 top:0px;
	left:0px;
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
	
	/* 左侧 */
	/*left:0px;*/
	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}
/* 解决固定层在IE6下闪的问题 */
*html{
	background-image:url(about:blank);
	background-attachment:fixed;
}


/*png图片ie6下透明滤镜实现写法*/
.pngimg{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');}

/**
 +------------------------------------------------------------------------------
 * FCK 兼容解决方案
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
em{ font-style:italic !important;} strike{ text-decoration:line-through !important;} strong{ font-weight:bold !important; text-indent:0;} u{ text-decoration:underline !important;}

/**
 +------------------------------------------------------------------------------
 * 表单样式
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */

/**
 +------------------------------------------------------------------------------
 * 网站整体颜色总汇
 +------------------------------------------------------------------------------
 * @codex  颜色:使用颜色的名称或者16进制代码,如 
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.ff8600,ff86aa a{ color:#ff8600;}

/**
 +------------------------------------------------------------------------------
 * 网站整字体大小
 +------------------------------------------------------------------------------
 * @codex   字体大小,直接使用"font+字体大小"作为名称,如
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.font14px{ font-size:14px;}
.font9pt{ font-size:9pt;}
/*自定义字体*/
/* @font-face {  font-family: danley;  src: url('../font/danley.ttf');  }  .danley {  font-family: danley; } */


/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
 a{ color:#625F53; text-decoration:none; font-size:14px}
 a:hover{ color:#D40006; text-decoration:none}
.weap{ width:960px; margin:0 auto;}
.mb10{ margin-bottom:10px !important}
.mb20{ margin-bottom:20px !important}
.pb20{ padding-bottom:20px !important}
.w-640{ width:640px;}
/* 头部*/
.top{ height:280px; background:url(../images/topbg.jpg) repeat-x center; padding-top:100px;}
.top .nav{ height:62px; background:#FFF; padding:9px 20px; width:920px; -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */ position:fixed;top:20px;left:50%; margin-left:-480px; background:#fff; z-index:99999; border:1px solid #dadbd5}
.top .logo{ display:block; width:260px;}
.top .menu{ height:62px; line-height:62px;}
.top .menu h3{ color:#D40006; font-weight:bold}
.top .menu li{ float:left; height:62px; line-height:100px; overflow:hidden; padding:0 17px;}
.top .menu li a{ font-weight:bold; color:#000; font-size:15px;}
.top .menu li a:hover,.top .menu li.on a{ color:#D40006; text-decoration:none}

.banner{ height:280px; position:relative;}
.banner .next,.banner .prev{ display:block; position:absolute; width:42px; height:42px; top:50%; margin-top:-22px; z-index:2}
.banner .prev{ left:0; background:url(../images/prev.png) no-repeat}
.banner .next{ right:0; background:url(../images/next.png) no-repeat}

.plo{ height:33px; position:relative;}
.plo h3{ display:block; width:154px; position:absolute; top:0; left:50%; margin-left:-77px; background:url(../images/plo.png) no-repeat center; line-height:33px; height:33px; text-align:center; font-size:16px; color:#000}
.plo h3:hover{ color:#D40006}
.plo .x{ height:16px; border-bottom:1px solid #98948e}

.main-1 .hd { padding-left:30px; overflow:hidden}
.main-1 .hd dl{ width:304px; float:left}
.main-1 .hd dl dt{ float:left; width:120px; height:107px; margin-right:27px;}
.main-1 .hd dl dd.d-1{ padding-top:20px; font-size:13px}
.main-1 .hd dl dd.d-2{  font-size:20px; color:#000; padding-bottom:13px; font-family:"微软雅黑"}
.main-1 .hd dl dd.d-2 a{  font-size:20px; color:#000; padding-bottom:13px; font-family:"微软雅黑"}
.main-1 .hd dl dd.d-3{  font-size:13px}

.main-2 { overflow:hidden}
.main-2 .bd-f { width:400px; padding-left:30px; height:130px;}
.main-2 .bd-f li{ line-height:24px}

.main-2 .bd-r { width:445px;height:130px; position:relative; margin-right:30px}
.main-2 .bd-r li{ float:left; width:168px; height:125px; padding:0 2px}
.main-2 .bd-r li img{ width:168px; height:125px;}
.main-2 .bd-r .bd{ width:348px; margin:0 auto}
.main-2 .bd-r .next,.main-2 .bd-r .prev{ display:block; position:absolute; width:42px; height:42px; top:50%; margin-top:-22px; z-index:2}
.main-2 .bd-r .prev{ left:0; background:url(../images/prev.png) no-repeat}
.main-2 .bd-r .next{ right:0; background:url(../images/next.png) no-repeat}

.main-3 .box{ padding:0 30px; overflow:hidden}
.main-3 .about-f{ width:425px;}

.foot{ height:140px; border-top:1px solid #625f53}
.foot .box{ padding-top:30px; font-size:12px}
.foot .box dl{ float:left; padding-right:10px; width:195px; font-size:12px}
.foot .box .dl2{ float:left; padding-right:10px; width:255px; font-size:12px}
.foot .box dl dt{ width:30px; height:35px; float:left;}
.foot .box dl dt.ico-001{ background:url(../images/ico-001.gif) no-repeat center left}
.foot .box dl dt.ico-002{ background:url(../images/ico-002.gif) no-repeat center left}
.foot .box dl dt.ico-003{ background:url(../images/ico-003.gif) no-repeat center left}
.foot .box dl dd{ font-size:12px}

.pf{ width:105px; height:245px; padding:15px 0; background:#fff; border:1px solid #87827c; left:50%; margin-left:480px;top:auto; bottom:200px; text-align:center; font-size:12px; z-index:99; -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */}
.pf .ewm{ display:block; border-bottom:1px solid #87827c; padding-bottom:10px}
.pf a{ display:block; line-height:22px; font-size:12px; font-weight:bold}
.pf a.on{ color:#D40006}

.topp{left:50%; margin-left:520px;top:auto; bottom:20px; width:25px; height:34px; z-index:100; background:url(../images/top.png) no-repeat; display:none; cursor:pointer;}


.side{ width:185px; overflow:hidden; padding:5px 0}
.side-nav{ padding-left:35px;}
.side-nav li{ line-height:35px;}
.side-nav li a span{ color:#fff; padding-left:5px;}
.side-nav li a:hover span,.side-nav li.on a,.side-nav li.on  a span{ color:#D40006}
.side-nav li a:hover span,.side-nav li .on a,.side-nav li .on  a span{ color:#D40006}
.side-nav .ej { display:none;}
.side-nav .ej li{ line-height:24px}
.side-nav .ej li.hover a,.side-nav .ej li a:hover{ color:#D40006}
.page-r{ width:700px; padding:5px; line-height:24px}
.page-r2{ width:730px; padding:5px; line-height:24px}


.about-1{ padding-right:130px}

/*时间轴*/
#content{background:url(../images/about-1.jpg) no-repeat center top; padding-top:144px}
#container { position:relative; width:668px; margin:0 auto;  }
.item {width:305px; margin:20px 10px 10px; float:left; background:#fff;  text-align:justify; word-wrap:break-word;}
.inner{ padding:0 25px}
.inner.in-f{ text-align:right}
.inner h2 { margin:5px 0; font-weight:bold}

/*timeline navigatior css*/
.timeline_container { display:block; width:16px; height:100%; margin:0 auto;text-align:center; cursor:pointer;}
.timeline{ display:block; width:2px; overflow:hidden; height:100%; margin:0 auto; overflow:hidden; font-size:0; float:left; position:absolute; left:50%; margin-left:-10px; top:0px; background-color:#545454;}

/*arrow css style*/
.leftCorner, .rightCorner { display:block; width:34px; height:15px; overflow:hidden; position:absolute; top:8px; z-index:2; }
.righth .rightCorner { right:-18px; background:url(../images/lefth.gif) no-repeat left; z-index:3}
.righth h2,.righth p{ color:#d90020}
.rightCorner { right:-18px; background:url(../images/left.gif) no-repeat left;}
.leftCorner { left:-18px; background:url(../images/right.gif) no-repeat right;}
.lefth .leftCorner { left:-18px; background:url(../images/righth.gif) no-repeat right;}
.lefth h2,.lefth p{ color:#d90020}

.about-3{ position:relative; background:url(../images/about-3.gif) no-repeat right top; overflow:hidden}
.about-3 .title{ width:221px; height:62px; background:url(../images/title.gif) no-repeat}
.about-3 ul{ padding-left:15px; position:relative; z-index:3}
.about-3 ul li{ padding:23px 0; padding-left:45px; background:url(../images/righth.gif) no-repeat left 28px}
.about-3 ul li span{ color:#D40006; font-weight:bold}
.about-3 .xx{ width:4px; border-left:1px solid #000; position:absolute; height:100%; top:62px; left:22px; z-index:2}

.news{ padding:0 36px;}
.news .news-f{ width:425px; height:237px; position:relative;}
.news .news-f .bd{ width:314px; height:237px; margin:0 auto;}
.news .news-f .bd li img{ width:314px; height:237px;}
.news .news-f .next,.news .news-f .prev{ display:block; position:absolute; width:42px; height:42px; top:50%; margin-top:-22px; z-index:2}
.news .news-f .prev{ left:0; background:url(../images/prev.png) no-repeat}
.news .news-f .next{ right:0; background:url(../images/next.png) no-repeat}

.news .news-r{ width:415px;}
.news .news-r li{ line-height:30px}

.news-page{ padding:20px 170px; line-height:24px;}
.news-page h3{  text-align:center; color:#D40006; font-size:24px; padding-bottom:30px}
.fh{ text-align:center; padding:10px 0}
.fh .h{ display:inline-block; padding:0 15px; text-align:center; border:1px solid #000; cursor:pointer}

.partner{ padding:0 185px; line-height:30px}

.joinus{ padding-right:100px; font-size:13px}

.join{ overflow:hidden; border-top:2px solid #8b8674; border-bottom:2px solid #8b8674; margin:20px 0}
.join li{ line-height:35px; padding:0 10px; border-bottom:1px dotted #bdbbb1}

.join-page{ font-size:14px;overflow:hidden; border-top:2px solid #8b8674; border-bottom:2px solid #8b8674; padding:20px 0}
.join-page li{line-height:35px;border-bottom:1px dotted #bdbbb1}


.media{ width:714px; height:742px; position:relative; background:url(../images/media-bg.gif) no-repeat left top}
.media .tims{ height:247px;position:relative;}
.media .tims a.more{ display:block; position:absolute;top:20px; left:120px;}
.media .tims .txt{ float:right; width:440px; padding-top:10px}
.media .tims.ti-f .txt{ float:left; width:440px; padding-top:10px}
.media .tims.ti-f a.more{ display:block; position:absolute;top:20px; left:inherit; right:120px;}
.media .tims .txt .ig{ margin:3px 2px; float:left; position:relative; }
.media .tims .txt .ig span{ position:absolute; height:22px; line-height:22px; color:#fff; text-align:center; bottom:0; left:0; width:100%; background:#d40106}
.media .tims .txt .ig span a{ color:#fff}
.media .tims .txt img{ display:block;}

.media-list li{ overflow:hidden; padding:10px 0; border-bottom:1px solid #CCC}
.media-list .txt{ width:445px; margin:0 auto; position:relative}
.media-list .txt .t{ display:block; position:absolute;top:0; left:-130px;}
.media-list .zcnf{ float:left; width:180px; text-align:center;    font-size: 15px;font-weight: 600;}
.media-list .zcnf h3{ font-size:16px; text-align:center; font-weight:bold; color:#D40006; padding-top:5px}
.media-list .zcnf img{ width:150px}
.media-list .zcnr{ float:right; width:520px;}
.media-list .zcnr p{ padding-bottom:10px}
.media-list .zcnr img{ width:100%}

/* play */
#play{width:640px;text-align:center;position:relative;overflow:hidden;margin:5px auto;}
#play .change_a{width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;background:url(about:blank);}

#play .img_ul{position:relative;z-index:1;}
#play .img_ul li img{ height:315px;}
.img_hd {width:441px;height:74px;padding:2px 0;margin-top:15px;margin:5px auto;position:relative;}
.img_hd ul{position:absolute;z-index:1}
.img_hd ul li{float:left;width:105px;height:74px;cursor:pointer; overflow:hidden;*display:inline; padding:0 3px 0 1px;text-align:center}
.img_hd ul li img{height:74px;}
.img_hd ul li.on{}
.img_hd .bottom_a{width:42px;height:42px;position:absolute;display:block;top:50%;margin-top:-21px;cursor:pointer;z-index:10}
.img_hd .prev_a{ background:url(../images/prev.png) no-repeat;left:-60px;}
.img_hd .next_a{ background:url(../images/next.png) no-repeat;right:-60px;}

.idea .tims{ width:550px; }
.idea .tims .txt { font-size:12px; width:260px; line-height:20px }
.idea .tims .img{ clear:both}
.idea .tims .img .mg{ display:inline-block; float:left; text-align:center; width:180px;}
.idea .tims .img img { display:block; float:left; margin:10px 6px }

.idea-list .ms{ height:135px;}
.idea-list .ms .ms-1{ width:150px;}
.idea-list .ms .txt{ width:530px; border-top:2px solid #d5d2c8; border-bottom:2px solid #d5d2c8; margin-top:12px; margin-right:20px; padding:8px 0; font-size:12px}

.idea-list .popup-gallery{ clear:both;}
.idea-list .popup-gallery ul li{ width:170px; float:left; margin:5px 5px; text-align:center}
.idea-list .popup-gallery ul li img{ width:170px; height:120px;}

.pages{ text-align:center; padding:20px 0}
.pages a,.pages b{ display:inline-block; margin:0 5px;}
.pages a b { color:#625F53; font-weight:normal; display:none}
.pages b { color:#D40006}