@charset "utf-8";
/* CSS Document */
* {
	font-family: "Microsoft YaHei";
	margin: 0;
	padding: 0;
}
body, p, h1, h2, h3, h4, h5, h6, ul, li, a {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
a {
	outline: none;
	text-decoration: none;
	color: #666;/*-webkit-transition: all 400ms;
	transition: all 400ms;*/
}
/*:hover {
	-webkit-transition: all 400ms;
	transition: all 400ms;
}*/
a img {
	border: 0;
}
img {
	vertical-align: middle;
}
a {
	color: #333;
}
/*a:hover {
	-webkit-transition: all 400ms;
	transition: all 400ms;
}
*/ul li {
	list-style: none;
}
input, textarea {
	padding-left: 10px;
}
input, select, textarea, button {
	outline: none;
}
button {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}
.Left {
	float: left;
}
.Right {
	float: right;
}
p {
	line-height: 1.5em;
}
.MarRi {
	margin-right: 0 !important;
}
/********************************************************************公用部分************************************************************/
.wrap {
	width: 100%;
	overflow: hidden;
	background: url(../images/warpBg.jpg) no-repeat;
	background-size: cover;
}
.wrap.Page {
	background: none;
}
.header {
	width: 100%;
	overflow: hidden;
	background-color: #00367e;
}
.headTop {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
}
.headTop .Right .login {
	color: #ffbd00;
	padding: 0;
	border-right: 0;
	margin-right: 5px;
}
.headTop .Right a {
	color: #fff;
	padding: 0 10px;
	border-right: 1px solid #fff;
}
.headTop .Right a:last-child {
	border-right: 0;
	padding-right: 0;
}
.header .headBottom {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/headBg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 155px;
}
.header .headBottom .headCont {
	width: 1200px;
	margin: 0 auto;
	height: 100%;
}
.header .headBottom .headCont .logo {
	margin-top: 10px;
}
.nav {
	width: 100%;
	height: 41px;
	background-image: url(../images/navbg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.nav .navCont, .nav .navCont ul {
	width: 1200px;
	height: 41px;
	margin: 0 auto;
}
.nav .navCont ul li {
	width: 109px;
	float: left;
	height: 41px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	position: relative;
	z-index: 9999999999;
}
.nav .navCont ul li a {
	color: #333;
}
.nav .navCont ul li a:hover, .nav .navCont ul li.current a {
	padding: 8px 13px;
	color: #fff;
	border-radius: 5px;
	background-color: #00367e;
}
.nav .navCont ul li .navMenu {
	width: 107px;
	border: 1px solid #457ea4;
	border-top: 0;
	top: 40px;
	left: 0;
	background: #E8F0FD;
	display: none;
	z-index: 99999;
}
.nav .navCont ul li .navMenu ul {
	width: 100%;
    height: auto;
    padding-top: 5px;
}
.nav .navCont ul li .navMenu ul li {
	float: none;
    font-size: 14px;
    width: 100%;
    height: auto;
    line-height: 20px;
    /* border: 1px solid; */
    padding-top: 5px;
    padding-bottom: 5px;
}
.nav .navCont ul li .navMenu ul li a:hover {
	display: block;
	border-radius: 0;
	padding: 0;
}
.content {
	background-color: rgba(255,255,255,0.9);
	padding: 20px;
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
}
.section {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.section.page1 .Lunbo {
	width: 590px;
	height: 400px;
	overflow: hidden;
	position: relative;
}
.section.page1 .Lunbo .bd {
	width: 100%;
	height: 100%;
}
.section.page1 .Lunbo .lunboCont {
	width: 100%;
	height: 400px;
	position: relative;
}
.section.page1 .Lunbo .lunboCont img {
	width: 100%;
	height: 100%;
}
.section.page1 .Lunbo .lunboCont .title {
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0, 0.8);
	color: #fff;
	text-indent: 1.5em;
	line-height: 40px;
	font-size: 14px;
}
.section.page1 .Lunbo .hd {
	position: absolute;
	z-index: 999;
	bottom: 16px;
	right: 7px;
}
.section.page1 .Lunbo .hd ul li {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	float: left;
	font-size: 0;
	margin-right: 10px;
	cursor: pointer;
}
.section.page1 .Lunbo .hd ul li.on {
	background: #ed260e;
}
/*新闻块公共*/
.NewsBox {
	border: 1px solid #dcdcdc;
}
.NewsBox .title {
	padding: 0 18px;
	height: 40px;
	background-image: url(../images/titbg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	line-height: 40px;
}
.NewsBox .title h6 {
	font-size: 14px;
	color: #333;
	font-weight: normal;
}
.NewsBox .title h6 img {
	margin-right: 14px;
}
.NewsBox .title .Right {
	font-size: 12px;
	color: #666;
}
.NewsBox .List {
	padding: 3px 17px;
	overflow: hidden;
	border-top: 1px solid #dae6ed;
	padding-top: 4px;
}
.NewsBox .List li {
	font-size: 14px;
	overflow: hidden;
	line-height: 30px;
}
.NewsBox .List li a {
	color: #666;
}
.NewsBox .List li .Left {
	color: #ec1e0d;
	margin-right: 10px;
}
.NewsBox .List li .Right {
	color: #999;
}
.bor0 {
	border-top: 0;
}
/*新闻块公共  end*/
.section.page1 .sectionNews .NewsBox, .section.page2 .NewsBox, .section.page4 .NewsBox {
	width: 588px;
}
.section.page2 .NewsBox.Right .List {
	padding: 19px 17px;
	padding-bottom: 14px;
}
.section.page2 .NewsBox.Right .List li {
	float: left;
	width: 178px;
	height: 86px;
	text-align: center;
	border: 1px solid #dcdcdc;
	margin-bottom: 4px;
	margin-right: 6px;
}
.section.page2 .NewsBox.Right .List li:nth-child(3n+3) {
	margin-right: 0;
}
.section.page2 .NewsBox.Right .List li .Imgbox {
	width: 34px;
	height: 31px;
	margin: 0 auto;
	margin-top: 16px;
	margin-bottom: 10px;
}
.section.page2 .NewsBox.Right .List li p {
	font-size: 14px;
	color: #666;
}
.section.page3 .NewsBox.Left {
	width: 383px;
	margin-right: 22px;
}
.section.page3 .NewsBox.Left .TextImg {
	padding: 15px 17px;
	overflow: hidden;
}
.section.page3 .NewsBox.Left .TextImg .Left {
	width: 148px;
	height: 108px;
	border: 1px solid #eee;
}
.section.page3 .NewsBox.Left .TextImg .Left img {
	width: 100%;
	height: 100%;
}
.section.page3 .NewsBox.Left .TextImg .Right {
	font-size: 14px;
	width: 185px;
}
.section.page3 .NewsBox.Left .TextImg .Right h6 {
	margin-bottom: 5px;
	color: #333;
	font-size: 14px;
	font-weight: normal;
}
.section.page3 .NewsBox.Left .TextImg .Right p {
	color: #999;
	line-height: 1.5rem;
}
.section.page3 .NewsBox.Left .TextImg .Right p span {
	color: #c30f16;
}
.section.page3 .NewsBox.Left .List {
	padding: 3px 0;
	margin: 3px 17px;
}
.section.page3 .NewsBox.Right {
	width: 383px;
}
.section.page3 .NewsBox.Right .List {
	border-top: 0;
	padding-top: 5px;
}
.section.page4 .NewsBox.Left .TextImg {
	overflow: hidden;
	padding: 14px 17px;
	border-top: 1px solid #dae6ed;
}
.section.page4 .NewsBox.Left .TextImg .Imgbox {
	width: 128px;
	height: 183px;
	border: 1px solid #dcdcdc;
}
.section.page4 .NewsBox.Left .TextImg .Imgbox img {
	width: 100%;
	height: 100%;
}
.section.page4 .NewsBox.Left .TextImg .List {
	padding: 0;
	width: 405px;
	border-top: 0;
}
.section.page4 .NewsBox.Left .TextImg .List li {
	line-height: 27px;
}
.section.page5 .CompanyList {
	width: 100%;
	overflow: hidden;
	height: 130px;
	border-top: 1px solid #dae6ed;
	padding-top: 18px;
	padding-bottom: 20px;
}
.section.page5 .CompanyList .bd {
	width: 100%;
	height: 130px;
	overflow: hidden;
}
.section.page5 .CompanyList .bd ul li {
	width: 100%;
	overflow: hidden;
	height: 60px;
	margin-bottom: 10px;
}
.section.page5 .CompanyList .bd ul li .Imgbox {
	text-align: center;
	width: 178px;
	height: 58px;
	border: 1px solid #eee;
	margin-left: 15px;
	overflow: hidden;
	float: left;
}
.section.page5 .CompanyList .bd ul li .Imgbox img {
	width: 100%;
	height: 100%;
}
.AdvertisementList {
	width: 100%;
	overflow: hidden;
	height: 90px;
}
.AdvertisementList ul li {
	width: 288px;
	height: 88px;
	border: 1px solid #dcdcdc;
	position: relative;
	margin-right: 13px;
	float: left;
}
.AdvertisementList ul li label {
	display: block;
	width: 24px;
	height: 14px;
	background: #ccc;
	position: absolute;
	top: 7px;
	right: 7px;
	color: #fff;
	font-size: 8px;
	line-height: 14px;
	text-align: center;
	border-radius: 3px;
}
.AdvertisementList ul li:last-child {
	margin-right: 0;
}
.AdvertisementList ul li img {
	width: 100%;
	height: 100%;
}
.LinkSection {
	width: 100%;
	overflow: hidden;
	border-top: 3px solid #085486;
}
.LinkSection .content {
	height: 33px;
}
.LinkSection h6 {
	line-height: 30px;
	font-size: 18px;
	color: #333;
	float: left;
	margin-right: 20px;
}
.LinkSection select {
	border: 1px solid #eee;
	height: 33px;
	display: block;
	float: left;
	margin-left: 17px;
	background: #fff;
	text-indent: 1em;
	font-size: 12px;
	color: #999;
	width: 260px;
}
.footer {
	padding: 30px 0;
	width: 100%;
	overflow: hidden;
	background: url(../images/footbg.jpg) no-repeat;
	background-size: 100% 100%;
}
.footer .footCont {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}
.footer .footCont .Left p {
	font-size: 14px;
	color: #fff;
	line-height: 2em;
}
.footer .footCont .Right {
	width: 105px;
	height: 105px;
}
.footer .footCont .Right img {
	width: 100%;
	height: 100%;
}
/******************************************************子页区域**************************************************/
.PageCont {
	width: 1200px;
	padding: 20px 0;
	margin: 0 auto;
	overflow: hidden;
}
.PageLunbo {
	width: 1198px;
	height: 288px;
	border: 1px solid #eee;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
.PageLunbo .bd {
	width: 100%;
	height: 100%;
}
.PageLunbo .bd ul li img {
	width: 100%;
	height: 288px;
}
.PageLunbo .hd {
	position: absolute;
	z-index: 999;
	bottom: 15px;
	right: 37px;
}
.PageLunbo .hd ul li {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #fff;
	float: left;
	font-size: 0;
	margin-right: 10px;
	cursor: pointer;
	opacity: 0.4;
}
.PageLunbo .hd ul li:last-child {
	margin-right: 0;
}
.PageLunbo .hd ul li.on {
	background: #fff;
	opacity: 1;
}
.Row {
	width: 100%;
	overflow: hidden;
}
.NavLeft {
	width: 200px;
	float: left;
}
.NavLeft h2 {
	color: #fff;
	font-weight: normal;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #dcdcdc;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	background: #00367e;
}
.subNav {
	overflow: hidden;
	padding: 13px 25px 14px 10px;
	border: 1px solid #ececec;
	margin-top: -1px;
}
.subNav span {
	display: inline-block;
	float: left;
}
.subNav .Blue {
	width: 5px;
	height: 20px;
	background: #00367e;
	margin-right: 10px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.subNav a {
	color: #666;
	display: block;
	float: left;
	width: 145px;
}
.subNav .NavName {
	font-size: 16px;
	font-weight: normal;
}
.subNav.current .Blue {
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.subNav.current a {
	color: #00367e;
}
.subNav.currentBg {
	background: url(../images/up.png) no-repeat 170px center;
}
.subNav.currentImg {
	background: url(../images/Down.png) no-repeat 171px center;
}
.NavCont {
	background: #eeeeee;
	border: 1px solid #dcdcdc;
	border-top: 0;
	display: none;
}
.NavCont li {
	padding-left: 43px;
	font-size: 14px;
	line-height: 35px;
}
.NavCont li a {
	color: #666;
	display: block;
}
.NavCont li a:hover {
	color: #00367e;
}
.ContRight {
	float: right;
	width: 980px;
	overflow: hidden;
}
.NavLeft .ImgBox {
	width: 198px;
	height: 655px;
	border: 1px solid #dcdcdc;
	border-top: 0;
}
.NavLeft .ImgBox img {
	width: 100%;
	height: 655px;
}
.Advert {
	position: fixed;
	top: 245px;
	width: 118px;
	height: 498px;
	border: 1px solid #f2edea;
}
.Advert img {
	width: 100%;
	height: 498px;
}
.Advert .close {
	cursor: pointer;
	position: absolute;
	top: 1px;
	right: 7px;
	font-size: 20px;
	color: #fff;
}
.Advert.pLeft {
	left: 20px;
}
.Advert.pRight {
	right: 20px;
}
.BreadNav {
	padding-left: 20px;
	overflow: hidden;
	height: 31px;
	background: url(../images/pagetit.png) no-repeat;
	background-size: 100% 100%;
	margin-bottom: 20px;
}
.BreadNav {
	font-size: 12px;
	line-height: 30px;
	color: #666;
}
.BreadNav span {
	margin: 0 5px;
}
.BreadNav a {
	color: #666;
}
.BreadNav a.pageon {
	color: #00367e;
}
.ContBox {
	overflow: hidden;
	padding: 0 20px;
	border: 1px solid #dcdcdc;
	padding-bottom: 25px;
}
.ListTitle {
	font-size: 20px;
	color: #333;
	padding-left: 10px;
	overflow: hidden;
	line-height: 23px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 20px;
}
.CommitteeList li {
	overflow: hidden;
	margin: 0 7px;
	padding: 10px 0;
	border-bottom: 1px dashed #dcdcdc;
	font-size: 14px;
	color: #666;
}
.CommitteeList li a {
	color: #666;
}
.CommitteeList li .Left {
	margin-left: 5px;
	margin-right: 18px;
	color: #ec1e0d;
}
.ButBox {
	width: 925px;
	margin: 0 auto;
	padding: 15px 0;
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc;
}
.ButBox ul {
	display: table;
	margin: 0 auto;
	overflow: hidden;
}
.ButBox ul li {
	float: left;
	width: 198px;
	height: 48px;
	border: 1px solid #dcdcdc;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: #666;
	margin-right: 30px;
}
.ButBox ul li:hover {
	background: #00367e;
	border-color: #00367e;
}
.ButBox ul li:hover a {
	color: #fff;
}
.ButBox ul li:last-child {
	margin-right: 0;
}
.ButBox ul li a {
	display: block;
	color: #666;
}
.TextBox {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}
.TextBox .TextTitle {
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
	text-align: center;
}
.TextBox .TextTitle h6 {
	font-size: 24px;
	font-weight: normal;
	color: #00367e;
}
.TextBox .TextTitle .shar {
	font-size: 14px;
	color: #999;
	line-height: 25px;
	overflow: hidden;
}
.TextBox .TextTitle .shar .bdsharebuttonbox {
	display: inline-block;
	overflow: hidden;
	position: relative;
	top: 11px;
	height: 30px;
}
.bdshare-button-style2-24 a {
	height: 25px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.bds_weixin {
	background: url(../images/fx-ico.png) no-repeat !important;
	background-position: 0;
}
.bds_tsina {
	background: url(../images/fx-ico2.png) no-repeat !important;
	background-position: 0 !important;
}
.bds_qzone {
	background: url(../images/fx-ico3.png) no-repeat !important;
	background-position: 0 !important;
}
.bds_sqq {
	background: url(../images/fx-ico4.png) no-repeat !important;
	background-position: 0 !important;
}
.TextCont {
	overflow: hidden;
	padding: 25px 20px;
}
.TextCont p {
	font-size: 14px;
	color: #666;
	text-indent: 2em;
	line-height: 30px;
}
.StandardDownList {
	overflow: hidden;
	padding-top: 5px;
}
.StandardDownList li {
	padding: 15px 0;
	overflow: hidden;
	border-bottom: 1px dashed #c9c9c9;
	font-size: 14px;
	background: url(../images/downlibg.png) no-repeat 20px center;
	padding-left: 50px;
}
.StandardDownList li a {
	display: block;
	color: #666;
}
.StandardDownList li span {
	color: #999;
}
.StandardDownList li:hover {
	background: url(../images/downlibg_2.png) no-repeat 20px center;
	color: #00367e;
}
.StandardDownList li:hover a, .StandardDownList li:hover a span {
	color: #00367e;
}
.pages {
	display: table;
	margin: 25px auto;
	margin-bottom: 0;
}
.pages .pagination {
	display: inline-block;
	float: left;
}
.pages .pagination li {
	width: 38px;
	height: 38px;
	border: 1px solid #dcdcdc;
	float: left;
	margin-right: 11px;
	font-size: 14px;
	color: #999;
	text-align: center;
	line-height: 40px;
	border-radius: 5px;
}
.pages .pagination li a {
	color: #999;
	display: block;
}
.pages .pagination li:hover, .pages .pagination li.active, .pages .pagination li.prev:hover {
	border: 1px solid #00367e;
	background: #00367e;
}
.pages .pagination li a:hover, .pages .pagination li.active a, .pages .pagination li:hover span {
	color: #fff;
}
.pages .pagination li.prev, .pages .pagination li.next {
	width: 88px;
}
.pages .pagination li.next a:hover {
	color: #fff;
}
.pages .form {
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
.pages .form .text {
	font-size: 14px;
	color: #999;
}
.pages .form .input {
	width: 38px;
	height: 38px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	padding-left: 0;
	text-align: center;
	color: #999;
}
.pages .form .go-page {
	width: 58px;
	height: 38px;
	border: 1px solid #dcdcdc;
	text-align: center;
	color: #999;
	display: inline-block;
	border-radius: 5px;
	cursor: pointer;
	outline: none;
}
.StandardConsultingList {
	overflow: hidden;
	width: 925px;
	margin: 0 auto;
}
.StandardConsultingList li {
	overflow: hidden;
	padding: 21px 0;
	border-bottom: 1px dashed #dcdcdc;
}
.StandardConsultingList li p {
	overflow: hidden;
	font-size: 14px;
	color: #666;
	line-height: 1.8em;
}
.StandardConsultingList li p .Left {
	margin-left: 5px;
	margin-right: 10px;
	color: #ec1e0d;
}
.StandardConsultingList li p a {
	color: #666;
}
.PastReviewList li {
	overflow: hidden;
	padding: 19px 0;
	border-bottom: 1px dashed #dcdcdc;
}
.PastReviewList li .ImgBox {
	float: left;
	width: 248px;
	height: 148px;
	text-align: center;
	border: 1px solid #dcdcdc;
	display: table;
}
.PastReviewList li .ImgBox .call {
	display: table-cell;
	vertical-align: middle;
}
.PastReviewList li .ImgBox .call img {
	display: inline-block;
}
.PastReviewList li .nr {
	float: right;
	width: 670px;
}
.PastReviewList li .nr h6 {
	font-size: 18px;
	color: #333;
	font-weight: normal;
	margin-bottom: 10px;
}
.PastReviewList li .nr p {
	font-size: 14px;
	color: #666;
	line-height: 2em;
	overflow: hidden;
}
.PastReviewList li .nr p span {
	float: right;
	color: #999;
}
.NewsText {
	padding: 24px 20px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}
.NewsText table {
	width: 100%;
}
.NewsText p {
	font-size: 14px;
	color: #666;
	text-indent: 2em;
	line-height: 1.8em;
}
.NewsPages {
	margin-top: 20px;
	overflow: hidden;
}
.NewsPages a {
	font-size: 14px;
	color: #666;
}
.Listofpeople {
	overflow: hidden;
	padding-top: 30px;
	text-align: center;
}
.Listofpeople table {
	width: 100%;
}
.VideoList {
	padding: 20px 0;
	overflow: hidden;
	border-bottom: 1px dashed #c9c9c9;
}
.VideoList li {
	float: left;
	width: 300px;
	margin-right: 19px;
	margin-bottom: 15px;
}
.VideoList li:nth-child(3n+3) {
	margin-right: 0;
}
.VideoList li .ImgBox {
	position: relative;
	width: 298px;
	height: 178px;
	border: 1px solid #dcdcdc;
}
.VideoList li .ImgBox .img1 {
	width: 100%;
	height: 178px;
}
.VideoList li:hover .ImgBox .Black {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.VideoList li .ImgBox .Black {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	text-align: center;
	display: table;
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.VideoList li .ImgBox .Black .call {
	display: table-cell;
	vertical-align: middle;
}
.VideoList li .ImgBox .Black .call img {
	display: inline-block;
}
.VideoList li p {
	margin-top: 15px;
	color: #666;
	font-size: 15px;
}
.VideoList li:hover p {
	color: #00367e;
}
.VideoBox {
	width: 730px;
	height: 410px;
	margin: 0 auto;
}
.VideoBox iframe {
	width: 730px;
	height: 410px;
}
.TimeBox {
	padding: 24px 20px;
	overflow: hidden;
}
#timeline {
	list-style: none;
	margin-left: 89px;
	padding-left: 22px;
	border-left: 1px solid #dcdcdc;
	padding-bottom: 3px;
	padding-top: 25px;
}
#timeline li {
	margin: 40px 0;
	position: relative;
	margin-top: 0;
}
#timeline p {
	margin: 0 0 15px;
}
.date {
	margin-top: -10px;
	top: 50%;
	left: -112px;
	font-size: 0.95em;
	line-height: 20px;
	position: absolute;
	font-size: 14px;
	color: #666;
}
.circle {
	margin-top: -10px;
	top: 50%;
	left: -31px;
	width: 13px;
	height: 13px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 50%;
	display: block;
	position: absolute;
}
.TimeCont {
	max-height: 20px;
	padding: 50px 20px 0;
	border-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-radius: 20px;
	position: relative;
}
.TimeCont:before, .TimeCont:after {
	content: "";
	width: 0;
	height: 0;
	border: solid transparent;
	position: absolute;
	pointer-events: none;
	right: 100%;
}
.TimeCont:before {
	border-right-color: inherit;
	border-width: 18px;
	top: 50%;
	margin-top: -18px;
}
.TimeCont:after {
	border-right-color: #fff;
	border-width: 17px;
	top: 50%;
	margin-top: -17px;
}
.TimeCont p {
	max-height: 0;
	color: transparent;
	text-align: justify;
	word-break: break-word;
	hyphens: auto;
	overflow: hidden;
	font-size: 14px;
	color: #666;
	text-indent: 0;
}
#timeline label {
	font-size: 14px;
	color: #666;
	position: absolute;
	z-index: 100;
	cursor: pointer;
	top: 16px;
	transition: transform 0.2s linear;
	display: block;
	line-height: 30px;
}
.radio {
	display: none;
}
#timeline .radio:checked + .relative label {
	cursor: auto;
	transform: translateX(42px);
	display: none;
}
.radio:checked + .relative .circle {
	background: #00367e;
	border-color: #00367e;
}
.radio:checked ~ .TimeCont {
	padding-top: 20px;
	min-height: 118px;
	height: auto;
	border-color: #dcdcdc;
	margin-right: 20px;
	transform: translateX(20px);
	transition: max-height 0.4s linear, border-color 0.5s linear, transform 0.2s linear;
}
.radio:checked ~ .TimeCont p {
	max-height: 200px;
	color: #666;
	transition: color 0.3s linear 0.3s;
}