.main { margin: 0 auto; width: 100%; height: auto; background-image: url(/images/bg-development.jpg); min-height: 800px;}

.develop_content { width: 1045px; margin-left: 75px; overflow: hidden; position: relative; padding: 15px;}

.frame { width: 30px; height: 30px; position: absolute;}

.frame img { width: 100%; }

.frame_top_right { top: 50px; left: 745px; }

.frame_bottom_left { bottom: -5px; left: 0px; }

.frame_top_left { top: 50px; left: 0px; }

.frame_bottom_right { bottom: -5px; left: 745px; }

.year_line { width: 1045px; margin-left: 75px; position: relative; top: -55px; }

.develop_left { width: 720px; float: left; color: #fff; overflow-y: auto; height: 295px; position: relative; display: none; }

.develop_left_content { padding: 25px; padding-bottom: 0; }

.develop_left_content p { font-size: 18px; line-height: 36px;}

.develop_left_content li { padding-left: 20px; padding-bottom: 20px; padding-right: 30px; position: relative; line-height: 25px; text-align: justify; }

.develop_right { width: 270px; float: right; height: 250px; position: relative; display: none;}

.develop_right p { position: absolute; top: 152px; left: 117px; font-family: futura; color: #fff; font-size: 30px; }

.develop_right .develop_year_line { width: 85px; height: 15px; position: absolute; top: 160px;}

.develop_right .develop_year { width: 130px; float: left; position: absolute; top: 105px; left: 85px; }

.develop_right.active .develop_year { -moz-animation: rotate 10s infinite linear; -webkit-animation: rotate 10s infinite linear; animation: rotate 10s infinite linear;}

.develop_left_content li img { position: absolute; top: 7px; left: 1px; width: 7px;}

.develop_left_content li:last-child .develop_line { display: none;}

.develop_content .develop_line { height: 102%; background: #fff; position: absolute; top: 12.5px; left: 4px; width: 1px;}

.hide_li_scroll { width: 745px; overflow: hidden; height: 100%; top: 50px; float: left; position: relative; background: rgba(255, 255, 255, 0.1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff, endColorstr=#19ffffff); padding-bottom: 25px;}

.overflow { overflow: hidden;}

.year_line .line-img { position: absolute; width: 100%; top: -40px; left: 55px;}

.year_line .year { font-family: futura; font-size: 22px; margin-bottom: 5px; color: #fff;}
.year_line .year_btn { background: url(/images/year_time.png); background-size: 100%; -ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc); width: 25px; height: 25px; margin: 0 auto;}

.year_line li { cursor: pointer; position: absolute;}

.year_line li.active,.year_line li.hover  { margin-top: -5px; margin-left: -5px;}
.year_line li.active .year_btn,.year_line li.hover .year_btn { background: url(/images/year_active.png) no-repeat; background-size: 100%; -ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc); width: 30px; height: 30px; }

.year_line li.active .year,.year_line li.hover .year { font-size: 26px;}

.year2010 { top: 295px; left: 100px;}
.year2012 { top: 280px; left: 165px;}
.year2015 { top: 265px; left: 235px;}
.year2016 { top: 240px; left: 300px;}
.year2018 { top: 225px; left: 370px;}
.year2019 { top: 205px; left: 445px;}
.year2020 { top: 180px; left: 515px;}
.year2021 { top: 145px; left: 580px;}
.year2022 { top: 115px; left: 655px;}
.year2023 { top: 110px; left: 720px;}
.year2024 { top: 85px; left: 790px;}
.year2025 { top: 60px; left: 855px;}
.year2026 { top: 10px; left: 950px; }