@charset "utf-8";
/* CSS Document */

body{ font-size:12px; color:#333333; background:#fff; line-height:24px; font-family:'微软雅黑'}

a { color:#333333; font-size:12px; text-decoration:none; }

a:hover { text-decoration:none;}



/***************index css********************/
.top{ width:1160px; height:70px; margin:0 auto;}

.logoo{ width:470px; height:70px; float:left;}

.top .oa{ width:260px; height:70px; float:right}
.top .oa .title{ height:25px; padding-top:6px; line-height:25px; color:#666666; font-size:14px;}
.top .oa .txt{ height:24px; padding-top:3px;}
.top .oa .txt .wbk{ width:98px; height:22px; float:left; border:1px solid #e77d00; line-height:22px; text-indent:10px; color:#999999; margin-right:8px; background:#fff; border-radius:5px;}
.top .oa .txt .btn{ width:37px; height:24px; float:left; background:#e77d00; display:block; cursor:pointer; color:#fff; border-radius:5px; text-align:center; line-height:23px; border:none }

#nav{ width:1160px; height:39px; margin:0 auto; overflow:visible} 
#nav ul{ }
#nav ul li.lim { float:left; display:inline; width:138px; height:39px; background:url(../images/fen.jpg) no-repeat right; position:relative}
#nav ul li.lim a.lima{ width:146px; height:39px; display:block; background:url(../images/xl-ico.jpg) 107px 20px no-repeat; line-height:39px; text-align:center; color:#fff; font-size:14px;}
#nav ul li.lim:hover a.lima{ background:#ffffff; color:#005bc2}
#nav ul li.lim div.xl{ width:486px; height:145px; background:#ffffff; position:absolute; z-index:999; left:0; top:39px; display:none}
#nav ul li.lim div.xl dl{ width:456px; height:auto; margin:0 auto; margin-top:25px;}
#nav ul li.lim div.xl dl dt{ width:109px; height:76px; float:left; margin-top:5px;}
#nav ul li.lim div.xl dl dt img{width:109px; height:76px;}
#nav ul li.lim div.xl dl dd{ width:340px; height:auto; float:left; margin-left:5px;}
#nav ul li.lim div.xl dl dd ul li{ width:100px; height:34px; line-height:34px; border-bottom:1px dashed #cccccc; float:left; margin-left:10px; background:url(../images/xl-li-ico.jpg) 5px 14px no-repeat; text-indent:12px; color:#333333; font-size:14px;}
#nav ul li.lim div.xl dl dd ul li a{color:#333333; font-size:14px;}
#nav ul li.lim div.xl dl dd ul li a:hover{ text-decoration:underline}

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


/******************************** index *********************************/
.sy_left{ width:900px; height:auto; float:left; overflow:visible}
.jdt{ width:898px; height:244px; box-shadow:3px 3px 3px #e2e2e2; border:1px solid #e2e2e2; overflow:visible}
.jdt ul li{ width:898px; height:244px; float:left; background:#fff}
.jdt ul li dl{ width:898px; height:244px;}
.jdt ul li dl dt{ width:517px; height:244px; float:left}
.jdt ul li dl dt img{width:517px; height:244px;}
.jdt ul li dl dd{ width:355px; height:220px; float:left; margin-left:17px; margin-top:15px; overflow:hidden}
.jdt ul li dl dd .name{ width:355px; line-height:32px; font-size:20px; color:#2a75cd; overflow:hidden; font-weight:bold; max-height:96px; border-bottom:1px dashed #999999}
.jdt ul li dl dd .memo{ width:355px; max-height:115px; line-height:24px; text-indent:25px; overflow:hidden; padding-top:8px; font-weight:bold}
.jdt ul li dl dd .more{ float:right;color: #959595;font-size: 12px;line-height:20px; padding-top:8px;}
/*.jdt ul li dl dd  .more{ width:98px; height:26px; background:#0858b1; display:block; text-align:center; line-height:26px; margin-top:5px; font-size:14px; color:#fff}
.jdt ul li:hover dl dd .more{ background:#0858b1; color:#fff;}*/

.side1{ width:900px; height:510px; padding-top:28px}
.side1 .box{ width:437px; height:228px; float:left; display:inline; margin-left:5px; margin-right:5px; margin-bottom:25px;  border:1px solid #e2e2e2; box-shadow:3px 3px 3px #e2e2e2;}
.side1 .box .bg{ width:426px; height:auto; margin:0 auto; }
.side1 .box .bg .title{ width:426px; height:46px; background:url(../images/title-bg.jpg) no-repeat bottom left; line-height:42px; color:#000000; font-size:14px; font-weight:bold;}
.side1 .box .bg .title a{ float:right; color:#959595; font-size:12px;}
.side1 .box .bg .txt{ width:426px; height:auto; margin-top:10px;}

.pro{ width:898px; height:421px; border:1px solid #e2e2e2;  box-shadow:3px 3px 3px #e2e2e2;}
.pro .bg{ width:868px; height:auto; margin:0 auto}
.pro .bg .title{ width:868px; height:46px; background:url(../images/title-bg.jpg) no-repeat bottom left; line-height:42px; color:#000000; font-size:14px; font-weight:bold;}
.pro .bg .title a{ float:right; color:#959595; font-size:12px;}
.pro .bg .tu{ width:868px; height:159px; padding-top:30px;}
.pro .bg .txt{ width:868px; height:135px; overflow:hidden; margin-top:20px;}
.pro .bg .txt img{ width:169px; height:132px; display:block}

.sy_right{ width:244px; height:auto; float:right; overflow:visible}
.gzysy{ width:244px; height:auto;}/*height:216px;*/
.gzysy .title{width:244px; height:31px; background:url(../images/title-bg.jpg) no-repeat bottom left; line-height:27px; color:#000000; font-size:14px; font-weight:bold;}
.gzysy .ldgh{ width:244px;  margin-top:5px;}
.gzysy .ldgh .bt{ width:244px; height:25px; background:url(../images/ldgh-title.jpg) no-repeat; line-height:25px; text-align:center; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:25px;}/* height:190px;*/
.gzysy .ldgh .bg{ width:242px; border:1px solid #e3e3e3; border-top:none;}
.gzysy .ldgh .bg .txt{ width:200px;  margin:0 auto; margin-top:8px;}/*height:170px;*/
.gzysy .ldgh .bg .txt ul li{ width:200px;  float:left}/*height:170px;*/
.gzysy .ldgh .bg .txt ul li img{width:198px; height:148px; border:1px solid #cccccc; display:block}
.gzysy .ldgh .bg .txt ul li .name{ width:200px; height:20px; line-height:20px; text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.gzysy .team{ width:244px; height:371px; padding-top:5px;}
.gzysy .team .bt{ width:244px; height:25px; background:url(../images/ldgh-title.jpg) no-repeat; line-height:25px; text-align:center; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:25px;}
.gzysy .team .bg{ width:242px; height:345px; border:1px solid #e3e3e3; border-top:none;}
.gzysy .team .bg .txt{ width:200px; height:315px; margin:0 auto; margin-top:15px;}
.gzysy .team .bg .txt img{width:198px; height:148px; border:1px solid #cccccc}

.qywh{ width:244px; height:245px; padding-top:8px;}
.qywh .title{width:244px; height:31px; background:url(../images/title-bg.jpg) no-repeat bottom left; line-height:27px; color:#000000; font-size:14px; font-weight:bold;}
.qywh .title a{float:right; color:#959595; font-size:12px;}
.qywh .bg{ width:244px; height:auto; margin-top:7px;}

.contact{ width:244px; height:322px; padding-top:8px; overflow:visible}
.contact .title{width:244px; height:31px; background:url(../images/title-bg.jpg) no-repeat bottom left; line-height:27px; color:#000000; font-size:14px; font-weight:bold;}
.contact .title a{float:right; color:#959595; font-size:12px;}
.contact .bg{ width:242px; height:277px; margin-top:7px;  border:1px solid #e2e2e2; box-shadow:3px 3px 3px #e2e2e2; background:url(../images/contact-bg.jpg?v=1.2) no-repeat bottom}
.contact .bg .txt{ width:224px; height:auto; padding-left:8px; padding-top:8px;}

/****************************** ny *************************************/
.ny_left{ width:224px; height:auto; float:left; display:inline; background:#c9daee; margin-bottom:-50000px; padding-bottom:50000px; }
.ny_cpfl{ width:224px; height:auto;}
.ny_cpfl .title{ height:68px; background:url(../images/ny_cpfl.jpg) no-repeat; line-height:68px; color:#ffffff; font-size:18px; font-weight:bold; text-indent:38px;}
.ny_cpfl .txt{ width:224px; height:auto; padding-top:8px; padding-bottom:8px;}


.ny_side{ width:880px; height:auto; float:right; display:inline; border:1px solid #cccccc;}
.ny_side .title{height:65px; background:#eeeeee; border-bottom:1px solid #ccc; line-height:65px; color:#0858b1; font-size:18px; text-indent:27px; font-weight:bold}
.ny_side .title .mbx{ float:right; height:65px; color:#333333; font-size:14px; margin-right:18px; font-weight:normal}
.ny_side .title .mbx span{ color:#0858b1}
.ny_side .txt{ width:840px; height:auto; margin:20px auto; min-height:400px; font-size:14px;}
/*.ny_side .txt p{ text-indent:25px;}
.ny_side .txt div{ text-indent:25px;}*/


dl.newsdl{ width:840px; height:160px; border-bottom:1px dashed #ccc; margin-bottom:25px;}
dl.newsdl dt{ width:180px; height:135px; float:left}
dl.newsdl dt img{width:180px; height:135px;}
dl.newsdl dd{ width:635px; height:135px; float:right; overflow:hidden}
dl.newsdl dd .name{ height:25px; line-height:25px; font-weight:bold; font-size:14px; font-weight:bold; color:#333; padding-top:3px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
dl.newsdl dd .memo{ height:50px; line-height:25px; font-size:12px; color:#666; padding-top:10px; text-indent:25px;}
dl.newsdl dd .more{ width:104px; height:30px; background:#d5d5d5; display:block; text-align:center; line-height:30px; margin-top:15px; font-size:14px; color:#555}
dl.newsdl:hover dd .more{ background:#0858b1; color:#fff;}




.content {
	padding: 50px 0;
	min-height: 720px;
	/**background: #3a3c48 url("../images/log/content-bg.png");**/
	width: 100%;
}
.content .wrapper {
	position: relative;
	background: url("../images/log/release-bg.png") no-repeat right top;
	width:auto;
	margin: 0 auto;
}
.content .light {
	position: absolute;
	left: 55px;
	top: -50px;
	width: 152px;
	height: 191px;
	background: url("../images/log/light-top.png") no-repeat top center;
}
.content .light i {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: url("../images/log/light.png") no-repeat top center;
}
.content .line-left {
	position: absolute;
	left: 0;
	top: 15px;
	width: 70px;
}
.content .line-right {
	position: absolute;
	right: 0;
	top: 15px;
	width: 460px;
}
.content .main {
	background: url("../images/log/line-bg.png") repeat-y 249px 0;
}
.content .main .title {
	position: absolute;
	line-height: 40px;
	padding-left: 67px;
	left: 230px;
	top: 0;
	color: #58a6fb;
	font-size: 24px;
	background: url("../images/log/clock.png") no-repeat left top;
}
.content .main .year {
	position: relative;
	z-index: 100;
}
.content .main .year h2 {
	height: 40px;
	width: 170px;
	padding-right: 30px;
	font-size: 24px;
	line-height: 40px;
	text-align: right;
}
.content .main .year h2 a {
	display:block;
	height: 40px;
	width: 170px;
	padding-right: 30px;
	font-size: 24px;
	line-height: 40px;
	text-align: right;
}
.content .main .year h2 a {
	color: #58a6fb;
}
.content .main .year h2 i{
	display:block;
	position:relative;
	height:0;
	width:0;
	left:190px;
	top:-20px;
	border-width:6px;
	border-style:solid;
	border-color:#59a7fb transparent transparent transparent;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	-webkit-transform-origin:6px 3px;
	-moz-transform-origin:6px 3px;
	-ms-transform-origin:6px 3px;
	-o-transform-origin:6px 3px;
	transform-origin:6px 3px
}
.content .main .year .list{
	margin:10px 0;
	position:relative;
	overflow:hidden;
	-webkit-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-moz-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-ms-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-o-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s
}
.content .main .year .list ul {
	bottom: 0;
}
.content .main .year .list ul li {
	background: url("../images/log/circle.png") no-repeat 235px 31px;
	padding: 30px 0;
	color: #a1a4b8;
}
.content .main .year .list ul li.highlight {
	background-image: url(../images/log/circle-h.png);
}
.cls {
	zoom: 1;
}
.cls:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.content .main .year .list ul li.highlight .date, .content .main .year .list ul li.highlight .intro {
	color: #ec6a13;
}
.content .main .year .list ul li .date,.content .main .year .list ul li .version{
	float:left;
	display:block;
	clear:left;
	width:200px;
	line-height:24px;
	text-align:right
}
.content .main .year .list ul li .date{
	font-size:18px;
	line-height:32px;
	color:#bec1d5
}
.content .main .year .list ul li .intro, .content .main .year .list ul li .more {
	float: left;
	display: block;
	width: 400px;
	margin-left: 100px;
	line-height: 24px;
}
.content .main .year .list ul li .intro {
	font-size: 18px;
	line-height: 32px;
	color: #63d029;
}
.content .wrapper:first-child .main .year.close h2 i{
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg)
}
.content .wrapper:first-child .main .year.close .list{
	opacity:0;
	height:0!important;
}
.ie7 .content .main .year h2 i{
	left:40px
}