@charset "UTF-8";
@import url(reset.css);
/*-------------------Comment-----------------------*/
body {font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif !important; background: #f4f2f0 !important;}

a:link{ text-decoration: none;color:#333;}
a:visited{text-decoration: none;color:#333;}
a:hover{text-decoration: none;color:#333;}
a:active{text-decoration: none;color:#333;}

.stress4{font-size: small !important;color: #666 !important;margin-left: 1em;}
.stress5{font-size: 0.875em; color: #666; margin-left: 1em;}
.stress6{font-size: 2em !important;color: #666 !important;; font-weight: bolder;}
.stress7{font-size: 1.25em!important; font-weight: bolder; }

.annotation{font-size: 0.875em!important;color:#ff0000;}

.class1{display: block !important;}

.titlePage{font-size: 2.2em;}
.titleLine{color: #bcbcbc !important; font-size: 0.2em !important; display: inline !important; }

.titleContentWrap{width:100%;height:auto; margin-bottom: 15px; padding-bottom: 6px; font-size: 1.8em; border-bottom: 3px solid #e5bc0a; }

header {
	background: #2f3034;
	border-bottom: 3px solid #e5bc0a;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
.siteName {
	float: left;
	padding: 7px 0 0;
	
}
.navbar {
	margin: 0 !important;
	border-bottom: 3px solid #e5bc0a !important;
	background: #2f3034 !important;
}
#navbar ul li a {
	font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
	color: #dddddd;
	padding: 18px 8px;
	display: block;
	position: relative;
	text-transform: uppercase;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	font-size: 0.95em;
	position: relative;
}
#navbar li.active a,#navbar li a:hover {
	color: #fff;
	background: #e5bc0a;
}
@media only screen and (max-width: 768px) { /*当窗口在768以内时*/
	.navbar-default .navbar-nav > li > a{
		padding: 8px !important;
	}
}
@media  (min-width: 768px) and (max-width: 1024px) { 
	.navbar-default .navbar-nav > li > a{
		margin-top: 15px;
		padding: 8px !important;
	}
}

#content{width:100%;height: auto; margin-top: 60px; }
.contentWrap{width: 100%;height:auto; background: #fff; margin:10px auto; border: 1px solid #f0efed; padding: 3% 8%; min-height: 450px; overflow: hidden;}
.contentWrap1{width: 100%;height:auto; margin:25px auto; text-align: center; overflow: hidden; }
.contentWrap p{line-height: 1.5em; text-indent: 1em; font-size: 1.1em;}

.titlePage span {
	display: block;
	font-size: 2em;
	color: #454548;
	text-align: center;
	text-transform: uppercase;
	background: url(../images/bg-h2.png) repeat-x center;
}

#footer{width:100%; height: auto; background: #605746;padding: 30px 0;position: relative;}
.footer-grid{width:30%; margin-right: 5%; float: left; font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;}
@media only screen and (max-width: 768px) { /*当窗口在768以内时*/	
	.footer-grid{
		width:100%;
	}
}
.footer-grid a:hover{text-decoration: none;}
/*footer:after {三角块
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 15px solid #605746;
	border-top: 0 solid rgba(0, 0, 0, 0)!important;
	border-right: 15px solid rgba(0, 0, 0, 0)!important;
	border-left: 15px solid rgba(0, 0, 0, 0)!important;
	left: 50%;
	top: -15px;
	margin-left: -10px;
}*/
.footer-grid h3 {
	font-size: 1.6em;
	color: #fff;
	margin-bottom: 15px;
}
.footer-grid p {
	font-size: 1em;
	color: #f9f0be;
	line-height: 1.6em;
}
.footer-grid ul li a {
	display: block;
	padding: 7px 5px;
	border-bottom: 1px dotted #837862;
	color: #f9f0be;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform: uppercase;
	font-size: 1em;
}
.footer-grid ul li:first-child a {
	padding-top: 0;
}
.footer-grid ul li:last-child a {
	border-bottom: none;
}
.footer-grid ul li a span {
	color: #f9f0be;
	font-size: 0.875em;
}
.footer-grid ul li a:hover,.footer-grid ul li a:hover span {
	color: #f1d84f;
}
.last-footer-grid {
	margin: 0;
}


#copyright{width: 100%;background: #474030; font-size: 0.875em; text-align: center; color: #fff; padding: 1.5em 0 0.5em 0;}
#copyright a{color: #fff;}

#goBtn{ position: fixed;bottom: 0; right: 2px; z-index: 101;}
#goBtn button{ margin-bottom: 3px!important; background: #e59a0a!important; border:  #e59a0a!important;}
/*---------------------index.php----------------------*/
#showContainer{padding-top: 70px; }

#sampleDiv .col-sm-4 h3{text-align: left; color: #000 !important; font-size: 1.3em !important;text-align: center;}

#sampleDiv .col-sm-4 .imgDiv{position: relative;}
#sampleDiv .col-sm-4 .backImg{z-index: -1; width: 100%;}
#sampleDiv .col-sm-4 .pointNumber{z-index: 0; position: absolute; top:0; left: 0; width:50px;height: 40px; line-height: 40px; text-align: center; background:#fa4747; color: #fff; font-size: 1.2em; font-weight: bolder; }
#sampleDiv .col-sm-4 .overImg{z-index: 1;width: 100%; position: absolute; top: 0; left: 0;opacity:0.0; filter:alpha(opacity=0); -ms-filter: "alpha( opacity=0 )"; }
#sampleDiv .col-sm-4 .overImg:hover{opacity:1.0; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; }

#topicIndex{padding: 0px 10px; text-align: left;}

#topicIndex .newMessageTitle {font-size: 1.05em;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#topicIndex .newMessageTitle a{font-size: 1.05em;}


@media only screen and (max-width: 768px) { /*当窗口在768以内时*/	
	#topicIndex .newMessageTitle {font-size: 1em;}
	#topicIndex .newMessageTitle a{font-size: 1em;}
}

.btn {
  padding: 7px 14px !important;
  border-radius: 2px !important;
}
.btn-default {
  border: 1px solid #e5bc0a !important;
  background: #e5bc0a !important;
  color: #ffffff !important;
  -webkit-transition: all 0.2s ease-in-out !important;
       -o-transition: all 0.2s ease-in-out !important;
          transition: all 0.2s ease-in-out !important;
}
.btn-default:hover {
  border: 1px solid #d39404 !important;
  background: #d39404 !important;
  color: #ffffff !important;
}
.btn-default:focus {
  outline: none !important;
}
.btn-default[disabled] {
  border: 1px solid #d39404;
  background: #d39404;
  color: #ffffff;
}
/*------------------------------------------*/
.module1{ padding: 3% 5% 1%; margin: 2em auto; position: relative; border: 1px solid #f0f0f0; margin-bottom: 15px;}
.module1 p{ text-indent: 0; line-height: 1.4em;}
.titleSection{display: block; padding: 0.3em 1em; background:#2385fc; position: absolute; left:17px; top:-18px; font-size: 1.2em; color: #fff;}

@media only screen and (max-width: 768px) { /*当窗口在768以内时*/	
	.module1{ padding: 7% 7% 1%;}
	.module1 p{text-indent: 1em; }
}

/*--------------------topic.php----------------------*/
#topic .newMessageTitle {font-size: 1.1em;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#topic .newMessageTitle a{font-size: 1.1em;}

@media only screen and (max-width: 768px) { /*当窗口在768以内时*/	
	#topic .newMessageTitle {font-size: 1em;}
	#topic .newMessageTitle a{font-size: 1em;}
}

/*----special-grid------*/

.special-grid {
	float: left;
	width: 30%;
	margin-left:2%;
	margin-right:1%;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

@media only screen and (max-width: 768px) {
	.special-grid {
		float: none;
		width: 85%;
	 	margin-left:1.6em;
	}
}

.special-grid img {
	width: 100%;
}
.special-grid h4 {
	display: block;
	height: 1.1em;
	font-size: 1.1em;
	text-align: center;
	line-height: 1.1em;
	overflow: hidden;
}
.portfolio_single_content {
	position: relative;
	top: 0;
	left: 0;
	max-width: 367px;
	z-index: 5;
	max-height: 180px;
	overflow: hidden;
	margin-bottom: 0.5em;
}
.portfolio_single_content span.num {
	position: absolute;
	background: #DC2B2B;
	opacity: 0.9;
	color: #fff;
	padding: 8px 18px;
	top: 0;
	left: 0;
	z-index: 10;
	font-size: 18px;
}
.portfolio_single_content:hover img {
	-o-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}
.portfolio_single_content img {
	position: relative;
	top: 0;
	left: 0;
	z-index: 6;
	cursor: pointer;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}
.portfolio_single_content div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	opacity: 0;
}
.portfolio_single_content:hover div {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	opacity: 1;
}
.portfolio_single_content div a {
	color: #e5bc0a;
	display: block;
	font-size: 16px;
	margin-top: 20%;
	text-decoration: none;
}
.portfolio_single_content div a span {
	color: #e5bc0a;
	font-size: 32px;
	display: block;
}
.portfolio_single_content div {
	background: none repeat scroll 0 0 rgba( 0, 0, 0, 0.7);
}
/*----start-testmonial-grid----*/