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

body {
	font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif
}
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;}

body>.pageproduct>.container{ border-top:1px solid #dbdbdb;}
body>.pageproduct>.container:first-child { border-top:0px;}

.pagesider{ background:url(../img3_1/bg_header.png); border-bottom:1px solid #ededed; text-align:center;}

.pagesider a{ padding:20px; display:inline-block; font-weight:600; color:#888}

.logo{padding-right:15px;/* border-right:1px solid #e5e5e5;*/ margin-right:15px;}
.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;
	margin:60px 0 10px;
	font-weight:200;
	margin-bottom:30px;
	display:block;
	margin-left:auto;
	margin-right:auto
}
.page-header h2 {
	font-size:30px;
	letter-spacing:-1px
}
.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);*/
}
.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;}
.big-btn{ padding:0.75em 3em; text-transform: uppercase; font-weight:600;}
.btnbox{ padding:10px 0; margin-bottom:61px;}

.thumbnail {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	max-width:310px;
	margin-bottom:30px;
	border-radius:0
}
.thumbnail .caption {
	height:190px;
	overflow-y:hidden;
	color:#555
}
.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:#393939; color:#fff; padding:9px 0;}
.blackbox a{ color:#fff;}
.footer a{ color:#fff; line-height:1.4285; padding:0 6px; text-decoration:underline;}
.f-link{text-align:right;}
.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;}
.title-date{ color:#999; display:block;}
@media screen and (min-width:768px) {
	.page-header h2 {
		font-size:42px
	}
}
@media screen and (max-width:767px) {
	.page-header {
		width:100%;
	}
	.toplog .col-sm-6{ text-align:center !important;}
	.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;}
	
}