/**,
*::before,
*::after{margin: 0;padding: 0;box-sizing: border-box;}*/
button{background: transparent;border: none;cursor: pointer;outline: none;}
body{font: normal 16px/1.5 "Arial", sans-serif;background: #fff;color: #fff;}
/* .section SECTION––––––––––––––––––––––––––––––––––––––––––––––––––*/
.section{background: #F45B69;padding: 50px 0;}
.section .container{width: 90%;max-width: 1200px;margin: 0 auto;text-align: center;}
.section h1{font-size: 2.5rem;}
.section h2{font-size: 1.3rem;}
/* TIMELINE––––––––––––––––––––––––––––––––––––––––––––––––––*/
.timeline{white-space: nowrap;overflow-x: hidden;}
.timeline ol{font-size: 0;width: 100vw;padding:200px 0 330px 0;transition: all 1s;}
.timeline ol li{position: relative;display: inline-block;list-style-type: none;width: 250px;height: 1px;background: #000;}
/*.timeline ol li:last-child{width: 280px;}
.timeline ol li:not(:first-child){margin-left: 14px;}
.timeline ol li:not(:last-child)::after{content: '';position: absolute;top: 50%;left: calc(100% + 1px);bottom: 0;width: 12px;height: 12px;transform: translateY(-50%);border-radius: 50%;background: #F45B69;}*/
.timeline ol li div{border-left:1px solid #000000; position: absolute;left: calc(100% + 7px);width: 600px;padding: 15px;font-size: .8rem;white-space: normal;color: black; min-height:180px;}
/*.timeline ol li div::before{content: '';position: absolute;top: 100%;left: 0;width: 0;height: 0;border-style: solid;}*/
.timeline ol li:nth-child(odd) div{transform: translateY(-100%);}
/*.timeline ol li:nth-child(odd) div::before{top: 100%;border-width: 8px 9px 0 0;border-color: transparent;background-image:url(/js/timeline/dian.jpg);margin-left:-1.2px;}*/
.timeline ol li:nth-child(even) div{top: calc(100%);}
/*.timeline ol li:nth-child(even) div::before{top: -8px;border-width: 8px 0 0 9px;border-color: transparent;background-image:url(/js/timeline/dian2.jpg);margin-left:-1.2px;}*/
.timeline time{display: block;font-size: 1.2rem;font-weight: bold;margin-bottom: 8px;}
.timeline img{max-height:76px; max-width:100px; float:left; margin-right:9px;}
.timeline p{float: left;width: 360px;margin: 0;}
/* TIMELINE ARROWS––––––––––––––––––––––––––––––––––––––––––––––––––*/
.timeline .arrows{/*display: flex;justify-content: center;margin-bottom: 20px;*/position:absolute;top:134px;width:100%;}
.timeline .arrows .arrow__prev{float:left;height:701px;}
.timeline .arrows .arrow__next{float:right;height:701px;}
.timeline .arrows img{margin-top:43px;}
.timeline .disabled{opacity: .5;}
.timeline .arrows img{width: 45px;height: 45px;}
.timeline ol li div.linebg{background-image:url(/js/timeline/t1.jpg);}
.arrowsbg{position: absolute;width: 100%;top: 134px;height: 701px;}
/* GENERAL MEDIA QUERIES––––––––––––––––––––––––––––––––––––––––––––––––––*/
@media screen and (max-width: 599px)
{
	*,
	*::before,
	*::after{margin: 0;padding: 0;box-sizing: border-box;}
	.timeline img{width:100px;}
	.timeline ol li div{width: 280px;background: #f7f7f7;}
	.timeline ol li div::before{content: '';position: absolute;top: 100%;left: 0;width: 0;height: 0;border-style: solid;}
	/*.timeline p{float:none;width: auto;}*//*文字围绕*/
	.timeline ol, .timeline ol li{width: auto;}
	.timeline ol{padding: 0;transform: none !important;}
	.timeline ol li{display: block;height: auto;background: transparent;}
	.timeline ol li:first-child{margin-top: 25px;}
	.timeline ol li:not(:first-child){margin-left: auto;}
	.timeline ol li div{width: 94%;height: auto !important;margin: 0 auto 25px; border:1px solid #000000;}
	.timeline ol li div{position: static; display:flex;}
	.timeline ol li:nth-child(odd) div{transform: none;}
	.timeline ol li:nth-child(odd) div::before, .timeline ol li:nth-child(even) div::before{left: 50%;top: 100%;transform: translateX(-50%);border: none;border-left: 1px solid black;height: 25px;}
	.timeline ol li:last-child, .timeline ol li:nth-last-child(2) div::before, .timeline ol li:not(:last-child)::after, .timeline .arrows,.arrowsbg{display: none;}
	.timeline ol li div.linebg{width: 94%;height: 0 !important;background-image:url(/js/timeline/t2.jpg);background-repeat:no-repeat;background-size:cover;background-position: 50% 50%;-webkit-background-size: 100%;padding-top: 42%;}
}