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

body {
	font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif;
	background:#eee;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,.lead {
	font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif
}
a:hover{ text-decoration:none;}
.main-container{ clear:both; max-width:1580px; margin:0 auto; background:#f7f7f7;}

.logo{ float:left; padding-right:15px; border-right:1px solid #e5e5e5; margin-right:15px;}
.toplog h1{ line-height:31px; padding:10px 0; margin:0;}
.pageToph1{ line-height:31px; padding:90px 0; margin:0; font-weight:500; font-size:48px; line-height:48px;}
.mainind{line-height:51px; white-space:nowrap; color:#252525;}
.toplink{	
    padding:0px 13px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
	display: inline-block;
}
.bluebutton{	
	line-height:31px;
	margin-left:20px;
}

.page-header {
	width:60%;
	text-align:center;
	padding-top:60px;
	padding-bottom:39px;
	font-weight:200;
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto
}
.page-header h2, .page-header h3 {
	font-size:30px;
	letter-spacing:-1px;
	margin-bottom:24px;
}
.page-header a.btn{ margin:9px; margin-top:0;}
.line{
	display: block;
    width: 80px;
    height: 5px;    
    margin: 20px auto;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
}
.topinf{
	/*border-bottom:1px solid rgba(86,76,73,.15);*/ background:#fff; padding-top:58px;
}
.pagetitle{ background: url(../img3_1/topbg.jpg) no-repeat center bottom #333; background-size:100% auto; text-align:center; color:#fff;}
.toplog{ padding:15px 0; overflow:hidden;}
.big-btn{ padding:0.75em 3em; text-transform: uppercase; font-weight:600;}
.btnbox{ padding:10px 0; margin-bottom:61px;}
.up-f{ display:none;}
.cate-box{ background:#fff;}
.thumbnail {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	max-width:310px;
	margin-bottom:30px;
	border-radius:0
}
.thumbnail .caption {
	height:197px;
	overflow-y:hidden;
}
.thumbnail .caption p{ text-align:left; line-height:24px;}
.thumbnail .caption a:hover,.projects .thumbnail .caption a:focus {
	text-decoration:none
}
.thumbnail .imgbox { height:150px; display:inline-block; width:100%;}
.thumbnail img {
	max-width:100%;
	max-height:100%;
	height:auto;
}
.graybox{ background:#f3f3f3;}
.graybox .caption a{ color:#333;}
.graybox .thumbnail{border-color:#fff;}
.lrbox .thumbnail{ max-width:none;}
.lrbox .thumbnail .caption{ height:150px; text-align:left; padding-left:29px;}
.lrbox .thumbnail .imgbox{ width:auto; max-width:310px; float:left;}

.blackbox{ background:#2b2b2b; color:#fff; padding:40px 0; margin-top:30px;}
.blackbox ul{margin-left:0; padding-left:0px; padding-top:4px;}
.blackbox li{ padding:4px 0; list-style:none;}
.footer{ background:#f7f7f7; padding:80px 0;}
.blackbox a{ color:#fff;}
.footer a{ color:#333; line-height:1.4285; display:block; padding:6px 0;}
.f-line{ border-bottom:1px solid #ccc; padding-bottom:32px; margin-bottom:40px;}
.pTD{ padding:3px 0;}
.lrbox .thumbnail .newsD-box{ width:100px !important; height:100px; background:#f3f3f3; text-align:center; color:#666;}
.news .lrbox .thumbnail .caption{ height:100px; padding-top:0px; padding-bottom:0px;}
/*.news .lrbox .thumbnail{ border:0;}*/
.news .date{ font-size:25px; line-height:25px; padding-top:28px;}
.news .year{ font-size:14px; line-height:14px;}
.top{ float:right; margin-left:20px; padding:3px 12px !important; text-decoration:none !important; }
.where{ background:#f3f3f3; padding:10px 0;}
.where a{ color:#5f5f5f;}
.pad60{ height:60px; overflow:hidden;}
.center-text{ text-align:center;}
.right-text{ text-align:right;}
.gray-font{ color:#aaa;}
.title-date{ color:#999; display:block;}
#scrollUp{background-color:#777;color:#eee;font-size:40px;line-height:1;text-align:center;text-decoration:none;bottom:20px;right:20px;overflow:hidden;width:46px;height:46px;border:none;opacity:.8}
#scrollUp:hover{background-color:#333}
.detail-line {
    width: 30px;
    height: 1px;
    background: #333;
    margin-bottom: 24px;
}
.pro-box, .news-box{ padding-top:80px; padding-bottom:40px;}
.news-box .thumbnail{ width:auto; max-width:none; text-align:left;}
.news-box .new-datebox{ line-height:2em; padding:8px 0; border-bottom:1px solid #eee; margin-bottom:20px;}
.news-box .thumbnail .caption{ height:158px; margin-bottom:18px;}
.pro-box h3{ text-align:center; margin-bottom:0; margin-top:40px;}
.pro-pbox{ padding-bottom:48px;}
.pro-pbox .pro-i{ padding-top:14px;}
.image-block {
	padding:80px 0;
	position:relative;
	background:#fff;
	padding-bottom:0;
}
.image-holder{ position:absolute; right:0; top:0; padding:60px 20px; text-align:center; height:323px; background-repeat:no-repeat; background-size: auto 100%; background-position:center;}
.image-holder img{ display:none;}
.image-block h4{ margin-bottom:24px;}
.image-block .sup-info{ height:100px; overflow:hidden;}
.image-block .container{ height:243px;}
.image-block:nth-of-type(even) .col-md-offset-8, .image-block:nth-of-type(even) .col-sm-offset-5{ margin-left:0;}
.image-block:nth-of-type(odd) .image-holder{ right:auto; left:0;}
.image-block:nth-of-type(odd){ background-color:#f7f7f7;}
.con-border{ border-bottom:1px solid #d7d7d7;}
.copyright{ color:#888;}
.copyright span{ color:#777;}
.where-bg{ padding:40px 0; background:url(../img4_1/bg.png);  line-height:3em; font-size:14px; font-weight:400;}
.where-bg span{ font-size:24px; font-weight:600;}
.newsdetail{ padding-top:24px; padding-bottom:40px;}
@media screen and (min-width:992px){
	#scrollUp{bottom:100px}
}
@media screen and (min-width:768px) {
	.page-header h2 {
		font-size:42px
	}
}
@media screen and (max-width:767px) {
	.page-header {
		width:100%;
	}
	.logo{ float:none; border:0; display:none;}
	.pagetitle{background-size:auto 100%;}
	.lrbox .thumbnail .imgbox{ width:auto; max-width:100%; float:none;}
	.lrbox .thumbnail .caption{ height:150px; text-align:center; padding-left:9px;}
	.image-holder{ position:static; height:auto; padding:0; background-image:none !important;}
	.image-holder img{display:inline-block;}
	.image-block .container{ padding-bottom:30px;}
	.image-block .container, .image-block .sup-info{ height:auto;}
	
}
@media screen and (max-width:1200px) {
	.toplog .col-sm-12, .toplog .col-md-8{ text-align:center !important; width:100%;}
	
}