@charset "utf-8";
.w1200 { width: 1200px; margin: 0 auto; }
.w910 { width: 910px; margin: 0 auto; }
.pr { position: relative; }
.text-indent { text-indent: 32px }
.display-block { display: block; }
.m-0-auto { margin: 0 auto; }
.sub-heading { font-family: 'Microsoft Yahei'; font-weight: 700; }
.about .themesflat-list .inner { padding: 10px 0; }
.about .themesflat-list .inner .text { font-size: 16px; }
.bg-light-snow {background-color: #eee;}
/* CSS Document */
.about .w910 { font-size: 15px; }
.about-2 { width: 100%; }
.about-2-left { padding-top: 110px; text-align: center; margin: 0 auto }
.about-2-left h3 { font-size: 18px; color: #870000; padding-bottom: 8px; }
.about-2-left h4 { font-size: 30px; color: #870000; font-family:'Microsoft Yahei'; letter-spacing: -2px; font-weight: 500; padding-top: 5px; }
.about-2-con { width: 360px; padding: 35px 20px 15px 35px; background: #870000; position: absolute; top: 0; right: 0; animation-delay: 1.4s; }
.about-2-con p { font-size: 15px; color: #fff; padding-bottom: 18px; }
.img-about { display: block; margin: 0 auto; }
/* 时间轴 */
/*--about-time-line--*/
.about-time-line { padding: 0; list-style: none; position: relative; width: 84%; margin: 6em auto 4em; }
.about-time-line li { display: inline; min-height: 300px; }
.about-time-line:before { content: ''; position: absolute; top: 0; bottom: 55px; width: 3px; background: #F1F1F1; left: 49%;margin-left: -17px;}
.about-time-line > li:nth-child(odd) .cbp_tmtime span:last-child { color: #6cbfee; }
.about-time-line > li .cbp_tmtime span:last-child { font-size: 2.9em; color: #3594cb; }
.about-time-line > li .cbp_tmtime span { display: block; text-align: right; }
.about-time-line > li .cbp_tmicon, .cbp_tmicon1, .cbp_tmicon2, .cbp_tmicon3, .cbp_tmicon2, .cbp_tmicon4 { width: 170px; height: 170px; speak: none; font-size: 1.4em; line-height: 40px; position: absolute; color: #fff; border-radius: 50%; box-shadow: 0 0 0 8px #e3dcca; -webkit-box-shadow: 0 0 0 8px #e3dcca; -moz-box-shadow: 0 0 0 8px #e3dcca; -o-box-shadow: 0 0 0 8px #e3dcca; text-align: center; left: 41%; top: 0; margin: 0 0 0 -25px; display: block; }
.cbp_tmicon1 { left: 41%; top: 27%; }
.cbp_tmicon2 { left: 41%; top: 52%; }
.cbp_tmicon3 { left: 41%; top: 77%; }
.cbp_tmicon4 { left: 41%; top: 100%; }
.img1 { background: url(../img/time-line-img.jpg) no-repeat; background-size: 100% 100%; }
.img2 { background: url(../img/time-line-img1.jpg) no-repeat; background-size: 100% 100%; }
.img3 { background: url(../img/time-line-img2.jpg) no-repeat; background-size: 100% 100%; }
.img4 { background: url(../img/time-line-img4.jpg) no-repeat; background-size: 100% 100%; }
.img5 { background: url(../img/time-line-img5.png) no-repeat #870000; background-size: 100% 100%; }
.about-time-line > li .cbp_tmlabel { margin: 0 0 0px -8%; color: #fff; padding: 0.5em 0em 0em 0; font-size: 1.2em; font-weight: 300; line-height: 1.4; position: relative; border-radius: 5px; width: 40%; text-align: right; min-height: 250px; }
.about-time-line > li .cbp_tmlabel1 { margin: 0 0 15px 64%; text-align: left; padding-top: 40px; }
.about-time-line > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: #6cbfee; }
.cbp_tmlabel h2 { color: #000; text-transform: uppercase; font-weight: 600; font-size: 0.93em; }
.cbp_tmlabel p { color: #000; line-height: 30px; font-family: 'Microsoft Yahei','Open Sans', sans-serif; font-size: 16px; margin-top: 0.8em; }
/*--//about-time-line--*/
.themesflat-headings.style-1 .sub-heading {
    font-size: 16px;
    line-height: 28px;
    margin-top: 16px;
    font-family: 'Microsoft Yahei';
}
.about .themesflat-content-box .counter-item .text-wrap{ text-align: left; color: #999; font-size: 16px; }
.about .themesflat-content-box .counter-item .text-wrap .heading{ font-size: 18px; color: #333; margin-bottom: 10px; } 
.about .themesflat-content-box .counter-item .text-wrap .sub-heading{ font-size: 16px; padding: 5px 0; color: #333 }
.themesflat-row.separator.light > [class*="col"] {border-left: 1px solid rgba(255,255,255, 0.9);}

.themesflat-row .gutter-30{padding: 80px 0}
.themesflat-row.separator.light > [class*="col"] {min-height: 190px; padding-left: 50px;}
/* 愿景 */
.parallax-overlay{width: 100%;
    height: auto;
    padding: 80px 0;
    margin-top: 30px;
    background: url(../img/img19.jpg) no-repeat left bottom, url(../img/img20.jpg) no-repeat right top #ebeae6;}
/* 愿景end */
/* 时间轴end */
@media (max-width: 1180px){
    .themesflat-row.separator.light > [class*="col"] {border-left:0;}
	.about-2{}
	.about-2-left {padding: 20px 0;}
	.about-2-con{top:440px; width: 100%;}
	.about-time-line:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 55px;
    width: 3px;
    background: #F1F1F1;
    left: 50.5%;
}
.themesflat-row.separator.light > [class*="col"] {
    border-bottom: 1px solid rgba(255,255,255, 0.2);
    padding-top: 10px;
    margin-bottom: 15px;
}
.themesflat-row.separator.light > [class*="col"]:last-child {
   
}

}
@media (max-width: 991px){
.themesflat-row.separator.light > [class*="col"] {
    margin-top: 8px;
    padding-top: 10px;
min-height: 20px;
margin-bottom: 30px;
border-bottom: 0;}

.about-time-line:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 55px;
    width: 3px;
    background: #F1F1F1;
    left: 51%;


}
}
@media (max-width: 768px)
{
    .fob_right a img
    {
        width: auto;
        height: 25px;
    }
	.about-time-line > li .cbp_tmlabel {
    margin: 0 0 0px 35px;
    color: #fff;
    padding: 0em 0em 0em 0;
    /* background: #fff; */
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    border-radius: 5px;
    width: 100%; 
    text-align: left;
    min-height: 250px;
}
.about-time-line > li .cbp_tmicon, .cbp_tmicon1, .cbp_tmicon2, .cbp_tmicon3, .cbp_tmicon2, .cbp_tmicon4 {width: 35px;
    height: 35px;
    peak: none;
    font-size: 1.4em;
    line-height: 40px;
    position: absolute;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #e3dcca;
    -webkit-box-shadow: 0 0 0 3px #e3dcca;
    -moz-box-shadow: 0 0 0 8px #e3dcca;
    -o-box-shadow: 0 0 0 8px #e3dcca;
    text-align: center;
    left: 0;
    top: 0;
    margin: 0 0 0 -25px;
    display: block; }
.cbp_tmicon1 { left: 0%; top: 25%; }
.cbp_tmicon2 { left: 0%; top: 52%; }
.cbp_tmicon3 { left: 0%; top: 77%; }
.cbp_tmicon4 { left: 0%; top: 100%; }
.about-time-line:before {
    display: none;
    content: '';
    position: absolute;
    top: 0;
    bottom: 55px;
    width: 3px;
    background: #F1F1F1;
    left: 3.7%;
}

	}