/* --------------------------------------
=========================================
   1. GLOBAL STYLES AND FIXES
=========================================
-----------------------------------------*/
/*---------------------------------------
   1.1 HTML, BODY & PRE LOADER
-----------------------------------------*/
body {
  font-family:"PingFangSC-light", "Hiragino Sans GB", "Microsoft Yahei", arial,\5b8b\4f53, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
  font-weight: 400;
  overflow-x: hidden !important;
}
html {
	font-size: 100%;
}
/*---------------------------------------
   1.4 TEXT / COLORS
-----------------------------------------*/
.dark-text {
  color: #313131;
}
.dark-text2 {
  color: #616161;
}
.white-text {
  color: #ffffff;
}
.red-text {
  color: #fc5f45;
}
.green-text {
  color: #38c695;
}
.purple-text {
  color: #b27cf5;
}
.yellow-text {
  color: #feb960;
}
.uppercase {
  text-transform: uppercase;
}
.small-text {
  font-size: 14px;
}
.extra-small-text {
  font-size: 13px;
}
strong,
.strong {
  font-weight: 500;
}

/*---------------------------------------
   1.5 LINES, SHADOW & GRADEINTS
-----------------------------------------*/
.red-line-bottom {
  border-bottom: 3px solid #fc5f45;
}
.green-line-bottom {
  border-bottom: 3px solid #38c695;
}
.purple-line-bottom {
  border-bottom: 3px solid #b27cf5;
}
.yellow-line-bottom {
  border-bottom: 3px solid #feb960;
}
.gray-line-bottom {
  border-bottom: 3px solid #ccc;
}
.red-line-top {
  border-top: 3px solid #fc5f45;
}
.green-line-top {
  border-top: 3px solid #38c695;
}
.purple-line-top {
  border-top: 3px solid #b27cf5;
}
.yellow-line-top {
  border-top: 3px solid #feb960;
}
.four-lines {
  width: 100%;
}
.four-lines .line {
  width: 25%;
  float: left;
}
.diffuse-shadow {
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
}
.image-border {
  box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.red-gradient-overlay:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(252, 95, 69, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(252, 95, 69, 0.6) 100%);
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.green-gradient-overlay:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(56, 198, 149, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(56, 198, 149, 0.6) 100%);
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.purple-gradient-overlay:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(178, 124, 245, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(178, 124, 245, 0.6) 100%);
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.yellow-gradient-overlay:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(254, 185, 96, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(254, 185, 96, 0.6) 100%);
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.dark-gradient-overlay:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.75;
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 50%, #000000 100%);
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 50%, #000000 100%);
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
/*---------------------------------------
   1.6 HEADINGS, SECTION HEADERS & BG
-----------------------------------------*/

h1 {
  font-family:"PingFangSC-light", "Hiragino Sans GB", "Microsoft Yahei", arial,\5b8b\4f53, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  font-size: 3.75rem;
  line-height: 5.313rem;
}
.section-header h2 ,.dynamic-section  h2{
  font-family:"PingFangSC-light", "Hiragino Sans GB", "Microsoft Yahei", arial,\5b8b\4f53, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;;
  font-size: 3.125rem;
  line-height: 4.688rem;
  font-weight: 400;
}
h2 {
  font-family:"PingFangSC-light", "Hiragino Sans GB", "Microsoft Yahei", arial,\5b8b\4f53, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;;

}

h4 {
  font-size: 25px;
  line-height: 40px;
  font-weight: 400;
}
h5 {
  font-size: 20px;
  line-height: 33px;
  font-weight: 500;
}
h6 {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}
/* SECTION NUMBER, HEADER AND BG */
.section-number {
  font-weight: 700;
  font-size: 273px;
  color: #e0e0e0;
  opacity: 0.3;
  position: absolute;
  top: 110px;
  left: 0;
}
.centered-number {
  right: 0;
  left: 0;
}
.section-heading {
  position: relative;
  z-index: 10;
}
section {
  position: relative;
}
.section-header {
  position: relative;
  z-index: 10;
  margin-bottom: 25px;
}
.m-top {
  margin-top: 70px;
}
.sub-heading {
  font-size: 18px;
  color: #919191;
  margin-top: 13px;
}
.bgcolor-2 {
  background: #f7f7f7;
}
.white-bg {
  background: #ffffff;
}


.banner-top{
	background: url("images/background-images/banner-20151008.png") no-repeat center top fixed;
    -webkit-background-size: cover;
    background-size: cover;
}
.intro-section {
    margin-top: 120px;
    margin-bottom: 180px;
	text-align:center;
}
.intro-section h1{
	font-family:"PingFangSC-light", "Hiragino Sans GB", "Microsoft Yahei", arial,\5b8b\4f53, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
	font-weight: 400;
	font-size: 3.75rem;
	line-height: 5rem;
}
.intro-section h5 {
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 1.5;
	color:#ff6600;
}
.info-text{
    margin-bottom: 30px;
	color:#aaa;
}

@media (max-width:767px){
	.banner-top{height:320px;}
	.intro-section{height:320px; margin-top: 30px;margin-bottom: 15px;}
	.intro-section h1{font-size: 1.75rem;line-height: 3rem;}
	.intro-section h5{margin-top: 0px;margin-bottom: 5px;font-size: 1rem;line-height: 3rem;}
	.info-text{margin-bottom:20px;}
	
	.section-header h2 ,.dynamic-section  h2{font-size: 1.75rem;line-height: 3rem;}
}


/*---------------------------------------
   2. SECTION: OUR FOCUS
-----------------------------------------*/

.focuses .single-focus {
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 60px;
  margin-top: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.focuses .single-focus .icon {
  font-size: 55px;
  margin-bottom: 20px;
}
.focuses .single-focus p {
  margin-top: 20px;
  margin-bottom: 53px;
}

.our-focus {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  background-size: cover;
  text-align:center;
}




.bgcolor-2 {
    background: #f7f7f7;
}
.section-header {
  position: relative;
  z-index: 10;
  margin-bottom: 30px;
}
.section-header {
  position: relative;
  z-index: 10;
  margin-bottom: 25px;
}





/* ¶¯Ì¬ */

.dynamic-section {
	text-align: left ;
}
.index-article .index-new-article {
    width: 98%;
	padding-left: 5px;
}

.index-article,.index-dynamic ,.index-evaluate{
    height: 300px;
}
.index-article .index-new-article li {
    margin-bottom: 20px;
}

.media-objec,.author-picture{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important;
}
.media-dynamic .media-body {
    padding-bottom: 0px; 
}

.media-dynamic .media-body .title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 12px;
}
.media-dynamic .media-body .content {
  max-height: 4.2em;
  font-size: 12px;
  overflow: hidden;
  display: block;
  color: #919191;
}

@media (min-width: 992px){
   .media-dynamic .media-body .title, .media-dynamic .media-body .content {
      width: 86%
   }
}

.media-dynamic .date {
  position: absolute;
  right: 0px;
  top: 9px;
  color: #c1c1c1;
}
.js-user-card {
  display: inline-block;
}
.text-line .subtitle{
	font-size:18px;
}