html,body {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: '\5FAE\8F6F\96C5\9ED1';
	color: #333;
	min-width: 1200px;
}

hr,p,blockquote,dl,dt,dd,pre,form,fieldset,legend,button,input,textarea,td,figure,figcaption {
	border: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: '\5FAE\8F6F\96C5\9ED1'
}

h1,h2,h3,h4,h5,h6 {
	padding: 0;
	margin: 0
}

em {
	font-style: normal
}

button {
	cursor: pointer
}

img {
	border: 0;
	vertical-align: middle
}

a {
	color: #333;
	text-decoration: none;
	outline: 0;
	blr: expression(this.onFocus=this.blur())
}

a {
	-webkit-transition: all .2s ease-in-out 0;
	-moz-transition: all .2s ease-in-out 0;
	-o-transition: all .2s ease-in-out 0;
	-ms-transition: all .2s ease-in-out 0;
	transition: all .2s ease-in-out 0
}

a:hover {
	color: #666;
	text-decoration: none
}

input,select,textarea {
	vertical-align: middle;
	font-size: 12px;
	font-family: "Microsoft Yahei",Verdana,Arial
}

table {
	border: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0
}

.list-unstyled {
	margin: 0 !important;
	padding: 0 !important
}

.list-unstyled,.list-unstyled>li {
	padding-left: 0;
	list-style: none
}
.list-unstyled,
.list-unstyled li {
	_margin: 0;
	_padding: 0;
	_list-style: none
}

.list-unpadding {
	padding-left: 0
}

.pull-left {
	float: left !important;
	display: inline
}

.pull-right {
	float: right !important;
	display: inline
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.clearfix:after,.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix,.row {
	display: inline-table
}

*html .clearfix,*html .row {
	height: 1%
}

.clearfix,.row {
	display: block
}

.clear {
	clear: both;
	*zoom: 1;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden
}

.hide {
	display: none
}

.col-md-1 {
	width: 8.3333333333%
}

.col-md-2 {
	width: 16.6666666667%
}

.col-md-3 {
	width: 25%
}

.col-md-4 {
	width: 33.3333333333%
}

.col-md-5 {
	width: 41.6666666667%
}

.col-md-6 {
	width: 50%
}

.col-md-7 {
	width: 58.3333333333%
}

.col-md-8 {
	width: 66.6666666667%
}

.col-md-9 {
	width: 75%
}

.col-md-10 {
	width: 83.3333333363%
}

.col-md-11 {
	width: 91.6666666667%
}

.col-md-12 {
	width: 100%
}

.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
	float: left;
	display: inline
}


.placeholder {color:#999!important}

.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes shake {
	0,100% {
		-webkit-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-webkit-transform: translateX(10px)
	}
}

@-moz-keyframes shake {
	0,100% {
		-moz-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-moz-transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-moz-transform: translateX(10px)
	}
}

@-o-keyframes shake {
	0,100% {
		-o-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-o-transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-o-transform: translateX(10px)
	}
}

@keyframes shake {
	0,100% {
		transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		transform: translateX(10px)
	}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake
}

.rounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	behavior: url(pie.htc)\9;
	*behavior: url()
}

.circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	behavior: url(pie.htc)
}

.arrow {
	font-style: normal;
	font-family: monospace;
	margin-left: 5px
}

.popup {
	width: 104px;
	height: 328px;
	margin-top: -164px;
	text-align: center;
	position: fixed;
	top: 50%;
	/*
	left: 50%;
	margin-left: 605px;
	*/
	
	right: 5px;
	z-index: 9999
}

.popup .wechat {
	border: 1px solid #eee;
	padding: 16px;
	width: 72px;
	height: 112px;
	line-height: 15px;
	background: #fff
}

.popup .wechat img {
	width: 90px;
	height: 90px;
	margin: -9px -9px 9px
}

.popup ul,.popup li {
	list-style: none;
	padding: 0;
	margin: 0
}

.popup .link {
	display: block;
	width: 52px;
	margin-top: 28px;
	height: 153px;
	border-bottom: 1px solid #eee
}

.popup .link li {
	position: relative;
	width: 50px;
	height: 50px;
	background: #f8f8f8;
	border: 1px solid #eee;
	border-bottom: 0;
	overflow: hidden
}

.popup .link li a {
	display: block;
	width: 26px;
	height: 30px;
	text-align: center;
	line-height: 15px;
	padding: 10px 12px
}

.popup .link li i {
	-webkit-transition: all .2s ease-in-out 0;
	-moz-transition: all .2s ease-in-out 0;
	-o-transition: all .2s ease-in-out 0;
	-ms-transition: all .2s ease-in-out 0;
	transition: all .2s ease-in-out 0;
	position: absolute;
	top: 0;
	display: block;
	width: 50px;
	height: 50px;
	left: 0;
	cursor: pointer;
	background: #f8f8f8 url('../images/popup-link-bg.png') no-repeat 0 0
}

.popup .link li:hover i {
	top: -50px
}

.popup .link li.qq i {
	background-position: 0 -50px
}

.popup .link li.dotop i {
	background-position: 0 -100px
}

.popup .js-tel-info {
	display: none;
	position: absolute;
	top: 174px;
	left: -150px;
	z-index: 10;
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #eee;
	width: 150px;
	background-color: #f7f7f7;
	-webkit-box-shadow: rgba(50,50,50,0.3) 0 2px 2px 0;
	-moz-box-shadow: rgba(50,50,50,0.3) 0 2px 2px 0;
	box-shadow: rgba(50,50,50,0.3) 0 2px 2px 0;
	font-size: 14px;
	line-height: 25px;
	color: red
}

.flexslider {
	position: relative;
	text-align: center
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 25px;
	height: 18px;
	overflow: hidden;
	text-align: center;
	z-index: 2;
	margin: 0;
	padding: 0;
	display: none;
}

.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 0;
	vertical-align: top
}

.flex-control-paging li a {
	width: 10px;
	height: 10px;
	display: block;
	border: 2px solid #fff;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-box-shadow: 0 1px 1px 0 #4a4a4a;
	-moz-box-shadow: 0 1px 1px 0 #4a4a4a;
	box-shadow: 0 1px 1px 0 #4a4a4a
}

.flex-direction-nav li {
	padding: 0;
	margin: 0;
	list-style: none
}
.flex-direction-nav li a {
	position: absolute;
	display: block;
	z-index: 3;
	top: 50%;
	height: 50px;
	width: 30px;
	margin-top: -25px;
	line-height: 50px;
	overflow: hidden;
	font-size: 0
}

.flex-direction-nav li a.flex-prev {
	left: 0 !important
}

.flex-direction-nav li a.flex-next {
	right: 0 !important
}

.flex-direction-nav li a {
	display: block
}

.flex-control-paging li a:hover,.flex-control-paging li a.flex-active {
	background: #fff
}

.container {width:1200px; margin:0 auto}

.header {height:80px; background:#222; margin-bottom:10px}
.header .logo .logo_121_75 {display:none;}
.header-nav {width:600px; height:80px}
.header-nav li {float:left; display:inline; width:100px; height:80px; overflow:hiden; text-align:center; line-height:25px}

.header-nav li a {display:block; height:45px; padding:20px 0 15px; color:#fff}

.header-nav li.active {background:#f00}
.header-nav li.active a {padding-bottom:8px; color:#fff; border-bottom:2px solid #fff}

.header-nav li a span {display:block; line-height:20px; text-transform:capitalize}

.banner-slider {height:440px; position:relative; overflow:hidden; background:#fff; width:1200px; margin:0 auto}

.banner-slider .flex-direction-nav li a {
	width: 40px;
	height: 80px;
	margin-top: -40px;
	text-indent: -9999px;
	background-color: rgba(0,0,0,0.2);
	background-image: url('../images/flex-direction-nav-a-bg.png');
	background-repeat: no-repeat;
	background-position: 0 center;
	
	background-color: #000\9;
	filter: alpha(opacity=40)\9;
}

.banner-slider .flex-direction-nav li a.flex-prev {
	background-position: 0 center;
	left: 50% !important;
	_left: 50%;
	margin-left: -600px
}
.banner-slider .flex-direction-nav li a.flex-next {
	background-position: -40px center;
	right: 50% !important;
	_right: 50%;
	margin-right: -600px
}

.fixed {
	position: fixed
}

.relative {
	position: relative
}

.banner-slider .slides a {
	display: block;
	width: 100%;
	overflow: hidden
}

.banner-slider .slides a img {
	display: block;
	position: relative;
	*position: absolute;
	left: 50%;
	width: 1200px;
	height: 440px;
	margin-left: -600px
}


.wrap-news,.wrap-works {margin-top:20px}
h2 {line-height:40px; padding:5px 0; font-size:18px; font-weight:normal}
h2 span {color:#f00}
h2 i {font-style:normal; font-size:14px; color:#ccc; margin-left:10px}

/*
.wrap-news {height:230px}
.wrap-news li {float:left; display:inline; width:485px; height:80px; padding-right:15px}
.wrap-news li .thumbnail {width:80px; margin-right:10px}
.wrap-news li time {display:inline; *display:inline; *zoom:1; padding:0 5px; height:18px; line-height:18px; background:#f00; text-align:center; color:#fff; margin-right:5px}
.wrap-news li figcaption {padding-bottom:4px}
.wrap-news li a {line-height:20px; color:#4a4a4a; font-size:14px}
.wrap-news li a:hover {color:#f60}
.wrap-news li p {line-height:18px; color:#858585}
*/
.wrap-news {width:1200px; margin:20px auto 0; overflow:hidden}
.wrap-news ul {width:1220px}
.wrap-news li {float:left; display:inline; width:224px; height:260px; padding-right:20px}
.wrap-news li .thumbnail {display:block; width:214px; height:150px; border:2px solid #f0f0f0; padding:3px; background:#fff; margin-bottom:20px}
.wrap-news li .thumbnail img {width:214px; height:150px}
.wrap-news li.hover .thumbnail {border:2px solid #f00}

.wrap-news li time {display:inline; *display:inline; *zoom:1; padding:0 5px; height:18px; line-height:18px; background:#f00; text-align:center; color:#fff; margin-right:5px}
.wrap-news li figcaption {padding-bottom:4px; /*position:relative;*/}
.wrap-news li figcaption .new {/*position:absolute; right:0; height:14px; bottom:8px;*/float:right;}
.wrap-news li a {line-height:20px; color:#4a4a4a; font-size:14px}
.wrap-news li a:hover {color:#f60}
.wrap-news li p {line-height:18px; color:#858585}

.wrap-works .item {width:327px; margin-right:19px; height:280px}
.wrap-works .flexslider {
	height: 106px; margin-bottom: 10px
}
.wrap-works .item .detail {width:308px; overflow:hidden; border-right:1px solid #d8d8d8; padding-right:18px}
.wrap-works .last-child {margin:0; padding:0; width:308px}
.wrap-works .last-child .detail {border:0}
.wrap-works .flex-control-nav {display:none}
.wrap-works .flex-direction-nav li a {
width: 30px;
height: 50px;
background: url(../images/arrow.png) no-repeat;
background: #000 url(../images/arrow-ie6.png) no-repeat\9;
cursor: pointer;
filter: alpha(opacity=70);
filter: alpha(opacity=40)\9;
opacity: 0.7;
}
.wrap-works .flex-direction-nav li a.flex-next {
	background-position: 0 0;
	right: 0!important;
}
.wrap-works .flex-direction-nav li a.flex-prev {
	background-position: 0 -60px;
	left: 0!important;
}
.wrap-works .flex-direction-nav li a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.wrap-works .list li {line-height:25px; padding-left:15px}
.wrap-works .list li i {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; border:3px solid #929292; border-color:#fff #fff #fff #929292; width:0; height:0; overflow:hidden; font-style:normal; margin-right:5px}
.wrap-works .list li a {color:#5e5e5e}
.wrap-works .list li a:hover {color:#f00}

/*
.wrap-service .container {position:relative}
.wrap-service .list-group {height:190px; overflow:hidden}
.wrap-service .list-group-item {padding:10px 10px; height:170px; background:#eee}
.wrap-service .list-group-item li {float:left; display:inline; width:176px; padding:10px 10px}
.wrap-service .list-group-item li .thumbnail {display:block; width:176px; height:150px; overflow:hidden; position:relative}
.wrap-service .list-group-item li .thumbnail img {height:150px; width:230px; position:relative; left:50%; margin-left:-115px}
.wrap-service .list-group-item li .thumbnail span {display:block; position:absolute; width:100%; height:30px; line-height:30px; background:#000; background:rgba(0,0,0,0.5)!important; color:#fff; text-align:center; bottom:0}
.wrap-service nav {height:30px; line-height:30px; background:#eee; position:absolute; right:0; top:21px}
.wrap-service nav a {display:inline-block; *display:inline; *zoom:1; width:100px; text-align:center}
.wrap-service nav a:hover,
.wrap-service nav a.active {background:#f00; color:#fff}
*/

.wrap-service {
	width: 1200px;
	margin: 0 auto 20px;
	overflow: hidden;
}
.wrap-service .tab {
	width: 1204px;
}
.wrap-service .tab li {
	float: left;
	display: inline;
	width: 168px;
	padding: 0 4px 4px 0;
}
.wrap-service .tab li a {
	display: block;
	width: 168px;
	height: 40px;
	line-height: 40px;
	background: #222;
	color: #fff;
	text-align: center;
	font-size: 14px;
}
.wrap-service .tab li a:hover,
.wrap-service .tab li.active a {
	background: #f00;
}

.wrap-service .lists {
	width: 1200px;
	height: 400px;
	overflow: hidden;
}
.wrap-service .lists li {
	width: 1200px;
	height: 400px;
}
.wrap-service .lists li .thumbnail {
	display: block;
	width: 1200px;
	height: 400px;
	overflow: hidden;
	background: #f0f0f0;
}
.wrap-service .lists li .thumbnail img {
	display: block;
	width: 1200px;
}

.sign-wrap {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 20px;
}
.sign-wrap .viewport {
	/*
	width: 1212px;
	*/
	margin-bottom:20px;
}
.sign-wrap .viewport ul {
	/*
	float: left;
	display: inline;
	*/
}
.sign-wrap .viewport ul li {
	/*
	float: left;
	display: inline;
	width: 190px;
	padding: 0 12px 12px 0;
	height: 50px;
	overflow: hidden;
	*/
}
.sign-wrap .viewport ul li a {
	display: block;
	/*
	width: 188px;
	height: 48px;
	border: 1px solid #f0f0f0;
	*/
	overflow: hidden;
	width: 1200px;
	height:375px;
}
.sign-wrap .viewport ul li a img {
	/*
	width: 188px;
	height: 48px;
	*/
	width: 1200px;
	height: 375px;
}
.sign-wrap .viewport ul.t,
.sign-wrap .viewport ul.s {
	width: 202px;
	height: 164px;
}
.sign-wrap .viewport ul.t li.h,
.sign-wrap .viewport ul.t li.h a,
.sign-wrap .viewport ul.t li.h img {
	width: 89px;
	height: 90px;
}
.sign-wrap .viewport ul.s li.h,
.sign-wrap .viewport ul.s li.h a,
.sign-wrap .viewport ul.s li.h img {
	height: 90px;
}

.actor-wrap ul li {
	float: left;
	width: 218px;
	height: 188px;
	overflow: hidden;
	border: 1px solid #fff;
	position: relative;
}
.actor-wrap ul li img {
	width: 100%;
}
.actor-wrap ul li.fix1,
.actor-wrap ul li.fix2,
.actor-wrap ul li.fix3,
.actor-wrap ul li.fix4 {
	height: 298px;
}
.actor-wrap ul li.fix2 {
	width: 538px;
}
.actor-wrap ul li.fix6 {
	width: 318px;
}
.actor-wrap ul li p {
	position: absolute;
	left: 0;
	width: 288px;
	bottom: 0;
	color: #ff0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 800;
	padding: 5px;
}
.actor-wrap ul li a:hover img {
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
	-webkit-transition:all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition:all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition:all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition:all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition:all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.actor-wrap ul li.fix2 a {
	font-size: 20px;
}
.actor-wrap ul li.fix2 a span {
	width: 200px;
	background: #fff;
}
.actor-wrap ul li a span {
	display: block;
	font-weight: 400;
	font-size: 12px;
	color: #fff;
	margin-top: 5px;
}

.banner-bottom {
	width: 1200px;
	height: 150px;
	overflow: hidden;
	margin: 20px auto 0;
}
.footer {background:#222222; color:#fff}
/*
.footer .link {padding:20px 0; border-bottom:2px solid #fff; height:62px; position:relative}
.footer .link .container {position:relative}
.footer .link .arrow {display:block; width:30px; height:40px; position:absolute; top:50%; margin-top:-20px; background:url('../images/link-arrow.png') no-repeat 0 0; background-color:#363636; background-color:rgba(0,0,0,0.4); font-size:0; margin:-20px 0 0;}
.footer .link .prev {left:0}
.footer .link .next {right:0; background-position:right 0}
.footer .link .arrow:hover {background-color:rgba(0,0,0,0.8)}
.footer .link .viewport {margin:0 40px!important; width:920px; height:62px; overflow:hidden; position: relative}
.footer .link .overview {position: absolute}
.footer .link li {float:left; display:inline; width:115px}
.footer .link li a {display:block; padding:0 4px; width:107px; height:62px; overflow:hidden}
*/

.footer .about {border-bottom:1px solid #000; padding-bottom:30px}
.footer .about .item-wrap {width:1260px}
.footer .about .item {width:360px; margin-right:60px}
.footer .about .last-child {margin:0}
.footer .about .item h2 {margin:10px 0; line-height:35px; font-weight:normal; font-size:16px; border-bottom:1px solid #929292; color:#a8a8a8}
.footer .about .item p {line-height:25px; color:#e2e2e2}

.footer .icon {background:#878787; display:inline-block; *display:inline; *zoom:1; width:30px; height:30px; overflow:hidden; margin-right:10px; position:relative\9; z-index:1\9}
.footer .tel {background:url('../images/icon-tel.png') no-repeat left center; padding-left:40px; color:#fff; line-height:30px; font-size:20px; vertical-align:middle; margin-bottom:10px}

.icon-group .icon img {display:block; width:30px; height:30px}
.icon-group .icon:hover {background:#f00}
.footer .contact dl {margin-top:0}
.footer .contact dd {line-height:24px; color:#eee}
.footer .contact dd a {color:#fff}
.footer .feedback form {display:block; width:360px; margin:0 auto}
.footer .feedback li {padding:5px 0; line-height:30px}
.footer .feedback li .form-control {height:20px; line-height:20px; padding:5px; width:350px; position:relative\9; z-index:1\9}
.footer .feedback li .form-textarea {height:40px; padding-right:50px; width:305px}
.footer .feedback li.dosubmit {position:relative; width:360px; height:50px}
.footer .feedback li.dosubmit .btn-submit {position:absolute; display:block; background:#f00; color:#fff; width:50px; height:50px; line-height:50px; text-align:center; right:0; bottom:5px; z-index:2;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.footer .copyright {line-height:38px; border-top:1px solid #303030; text-align:center}
.footer .copyright a {color:#e3e3e3}
.footer .copyright a:hover {color:#fff}
.footer .tool {height:30px; background:#000; line-height:30px; display:none;}
.footer .container {
	overflow: hidden;
}
.btn-more {display:inline-block; *display:inline; *zoom:1; margin:10px 0; width:80px; height:20px; line-height:20px; background:#FF7701; color:#fff}
.btn-more i {display:inline-block; *display:inline; *zoom:1; font-style:normal; margin-right:5px; width:20px; height:20px; background:#222; text-align:center}
.btn-more:hover {background:#f00; color:#fff}


.banner {height:150px; background:#fff; width:100%; overflow:hidden; text-align:center}
.banner img {
	width: 1200px;
}
.pull-center {display:block; margin-left:auto; margin-right:auto}

.breadcrumb {
height: 44px;
line-height: 44px;
border-top: 2px solid red;
border-bottom: 1px solid #eee;
color: #999;
font-family: monospace;
}
.breadcrumb a,.breadcrumb span {font-family: '\5FAE\8F6F\96C5\9ED1';}

.aside {width:210px; margin-top:30px; min-height:280px; *height:280px}
.aside h2 {line-height:40px; color:#f70; font-weight:normal; border-bottom:1px dotted #ccc}
.aside ul {margin-top:15px!important; line-height:36px}
.aside li {background:url('../images/aside-li-bg.jpg') no-repeat left -37px; margin-bottom:15px;}

.aside li a {display:block; padding-left:15px; color:#5d5d5d}
.aside li.active {background-position:left top}
.aside li.active a {color:#f00}
.aside li a i {font-style:normal; font-family: monospace; margin-right:10px}

.aside ul li ul {
	line-height: 28px;
	background: #fff;
	margin-top: 0!important;
	padding-top: 15px!important;
	display: none;
	
}
.aside ul li ul li {
	background: none; margin:0;
}
.aside ul li ul li a {
	color: #6f6f6f;
}
.aside li.active ul li a {color:#6f6f6f}
.aside li.active ul li.active a {color:#f00}

.aside .contact img {
	width: 210px;
	height: 400px;
	margin-top: 18px;
}

.main {width:930px; margin-top:30px; margin-bottom:30px; line-height:25px; overflow:hidden; border-left:1px solid #dadada; padding-left:30px}
.main p img {display:block; margin:15px auto; max-width:100%; height:auto!important}
.main p {margin-bottom:10px}

.list-news li {padding:15px 0; border-bottom:1px dotted #bbb; position:relative}
.list-news li .thumbnail {width:208px; height:135px; margin-right:20px}
.list-news li figcaption {line-height:30px}
.list-news li figcaption a {font-size:16px; color:#333; font-weight:800}
.list-news li figcaption a:hover {color:#f00}
.list-news li figure p {line-height:20px; color:#666}
.list-news li figure time {color:#9a9a9a}

.list-news li time {color:#9a9a9a; float:left; display:inline; width: 150px; height:135px; line-height:135px; color:#333; font-size:14px; font-weight:800; position:relative; padding-left:8px;}
.list-news li time:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	position: absolute;
	background: #333;
	left: 0;
	top: 50%;
	margin-top: -2px;
}
.list-news li figcaption {padding: 15px 0 15px}
.list-news li .btn-more {
	float: none!important;
	position: absolute;
	right: 0;
	bottom: 10px;
}
.pages {text-align:center; padding:25px 0; line-height:20px}
.pages span {color:#666; margin:0 2px}
.pages a {display:inline-block; *zoom:1; *display:inline; border:1px solid #ccc; color:#f00; padding:0 6px; margin:0 2px}
.pages a:hover {background:#f00; color:#fff; border:1px solid #f00}

.prev-next{border-top:1px dotted #dbdbdb;margin:35px 0 20px;line-height:30px}
.prev-next li{width:50%;padding:10px 0}
.btn-back{display:block;width:100px;height:30px;line-height:30px;text-align:center;margin:0 auto;background:red;color:#fff}
.btn-back:hover{background:#f60; color:#fff}

.main-header hgroup {
text-align: center;
margin: 0 0 30px;
line-height: 30px;
}
.main-header hgroup h2 {
font-weight: bold;
font-size: 20px;
line-height: 40px;
}
.main-header hgroup h3 {
font-weight: normal;
font-size: 12px;
color: #999;
}


.list-case,.list-download {width:930px; overflow:hidden}
.list-case ul {width:960px}
.list-case li {float:left; display:inline; width:210px; padding-right:30px; padding-bottom:25px}
.list-case .thumbnail {display:block; width:210px; height:136px; overflow:hidden}
.list-case .thumbnail {border:3px solid #f0f0f0; width:204px; height:130px}
.list-case figcaption {line-height:35px; height:35px; overflow:hidden}
.list-case figcaption {
	position: relative;
}
.list-case figcaption img {
	position: absolute;
	right: 0;
	top: 13px;
	height: 9px;
}

.list-case figcaption a {color:#333}
.list-case figcaption a:hover {color:#f00}

.list-download li {float:left; display:inline; padding:5px 15px; width:700px; border-bottom:1px dotted #dbdbdb}
.list-download li time {float:right; display:inline}
.list-download li span {vertical-align:middle; display:inline-block; *display:inline; *zoom:1; border:3px solid #999; width:0; height:0; overflow:hidden; border-color:transparent transparent transparent #999; margin-right:5px}

.page-feedback hgroup {text-align:left; border-bottom:1px solid #ddd; padding:15px 0; line-height:25px}
.page-feedback hgroup h2 {font-weight:normal; font-size:14px; padding:0; margin:0; line-height:25px}
.page-feedback hgroup h3 {font-weight:normal; font-size:12px; line-height:20px; color:#f60; padding:0; margin:0}

.list-feedback dl {margin:15px 0; border:1px solid #ddd}
.list-feedback dt {background:#f5f5f5; color:#f00; height:30px; border-bottom:1px solid #ebebeb; line-height:30px; padding:0 10px}
.list-feedback dd {padding:5px 10px; line-height:20px}
.list-feedback dd dl {margin:5px 0}
.form-feedback form {display:block; margin:20px auto; background:#f5f5f5; padding:20px 0}
.form-feedback li {float:left; display:inline; line-height:30px; padding:10px 0; width:1000px}
.form-feedback li .control-label {float:left; display:inline; width:100px; padding-right:10px; text-align:right}
.form-feedback label {display:inline-block}
.form-feedback label span {margin-left:5px; margin-right:10px; vertical-align:middle}
.form-feedback li .form-control {border:1px solid #cdcdcd; background:#fff; height:20px; width:278px; padding:5px; line-height:20px}
.form-feedback .submit {display:block; margin-left:110px; width:100px; height:30px; line-height:30px; text-align:center; color:#fff; background:#f00; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px}


.news {
	width: 1200px;
	padding-left: 0;
	border-left: 0;
}