@charset "utf-8";
.top_banner{height: 700px; line-height: 700px; background: url("../img/about/1.jpg")/*tpa=http://www.seeposh.com/templets/seeposh/img/about/1.jpg*/ no-repeat bottom center /cover; color: #fff; text-align: center; font-size: 60px; position: relative; }
.top_banner_m{background: url("../img/about/1.jpg")/*tpa=http://www.seeposh.com/templets/seeposh/img/about/1.jpg*/ no-repeat bottom center /cover !important;}
.iconbox{width: 81px; height: 81px; position: absolute; left: 50%; margin-left: -40.5px; bottom: -40px; background: url("../img/about/ii.png")/*tpa=http://www.seeposh.com/templets/seeposh/img/about/ii.png*/ no-repeat;}
.sp_about_one{text-align: center; }
.sp_about_one, .sp_about_four{padding: 150px 0;}
.sp_about_one h3{font-size: 30px; font-weight: normal;}
.sp_about_one p{color: #333 !important;}
.sp_about_one p, .sp_about_two p, .sp_about_three p{color:#fff; text-align: left; line-height: 36px; font-size: 20px; margin-top: 20px;}
.sp_about_two{background: url("../img/about/2.jpg")/*tpa=http://www.seeposh.com/templets/seeposh/img/about/2.jpg*/ no-repeat bottom center /cover; padding: 250px 0;}
.sp_about_three{background: #EFD4A5; padding: 250px 0;}
.sp_about_three p{color: #6B3908 !important; width: 77%;}
.number_px{font-size: 160px; margin: -117px 0 0 0;}
.sp_about_two .number_px{color: #DADADA; text-align:center;}
.sp_about_three .number_px{color: #CCAC7D;}
.f_about_li{}
.f_about_li li{position: relative; text-align: center;}
.this_tt{position: absolute; bottom: 55px; left: 50%; z-index: 66; background: rgba(97,109,107,0.8); width: 90%; margin-left: -45%; padding: 30px 0; color: #fff; font-size: 16px;}
.sp_about_five{}
.h_name{text-align: center;}
.h_name h3{font-size: 30px;}
.h_name span{font-size: 16px;}
.history_list_box{/*height:1000px;*/ text-align: center; margin-top: 60px; position: relative;}
.history_list_box:before{position: absolute; left: 50%; top: 42px; margin-left: -2px; width: 4px; height: 100%; background: #D6D8D7; content:"";}
.history_list_box:after{content:""; display: table; clear: both;}
.history_list_box .year{background: #EFD4A5; color: #fff; font-size: 24px; padding: 8px 35px;}
.timeline_block{width:100%; position: relative; margin: 100px 0;}
.timeline_content{width: 40%; /*margin-top: 100px;*/ background: #D6D8D7; padding: 15px; position: relative;}
/*.timeline_content:before{content: ""; display: block; width: 20%; height: 2px; background: #000; position: absolute; top: 50%; margin-top: -1px; right: -110px;}*/
.timeline_content span{content: ""; display: block; width: 20%; height: 2px; background: #D6D8D7; position: absolute; top: 50%; margin-top: -1px; right: -104px;}
.box_radius{width: 15px; height: 15px; background: #EFD4A5; border-radius: 50%; position: absolute; left: 50%; bottom: 50%; margin: 0 0 -7.5px -7.5px; z-index: 99;}
.history_time{font-size: 26px; width: 15%;}
.history_details{width: 78%; margin-left: 5%; text-align: left;}
.history_details h4{font-size: 20px; margin-bottom: 8px;}
.h_more{margin-top: 10px; background: #acb7c0; padding: 5px 12px; border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.this_box_bg{display:none; position: absolute; top: 0; left: 50%; background: rgba(116, 142, 133, 0.8); width: 90%; height: 100%; margin-left: -45%; padding: 40px 30px; color: #fff; font-size: 16px; text-align: left;}