/* 背景颜色 */
.cont_bg1{background-color: #fafbff;}



*{ box-sizing: border-box;transition: all 0.3s;}
body{font-size: 16px; line-height:1.6;}
#footer{background-color: #f0f0f0; font-size: 14px;}
.color_3{color: #333;}
.color_6{color: #666;}
.font_4{font-size: 40px;}
.color_white{color: #fff;}
.color_brown{color: #a8763f; }
.margin_7{margin-top: 70px;}
/* 每块内容上下间距 */
.content{padding:60px 0;}
/* 顶部状态栏 */
#header{position: relative;}
.rightnav li a{color: #fff;}
.rightnav li:hover a{color: #fff;}
.top-head{position:absolute; width: 100%; top: 0;}

/* banner */
.pc_banner{display: block;}
.ph_banner{display: none;}
.record{width: 100%; overflow: hidden;}
/* 左边 */
.record .f-l{width: 20%; position: relative;}
.line_active{display: block; width: 5px; height: 40px; border-radius: 3px;background-color: #5562c0; position: absolute; right:-2px;top: 0;}
.record_year{width: 100%;height: auto; border-right: 1px solid #d0d0d0;}
.record_year li{ width: 100%;color: #bbb;font-size: 20px; line-height: 40px; text-align: center; cursor: pointer;}
.record_year li.active{font-size: 40px; font-weight: bold; color: #5562c0;}

.record .f-r{width: 80%;}
#timelinebox{width: 100%;}
#timelinebox li{padding-left: 130px;left: 0; top: 0; padding-bottom: 20px;}
.timeline h3{font-size: 30px; color:#5562c0;}
.history_deta{border-bottom: 1px dashed #ccc; padding:20px 0 40px 0;}
.history_deta h5{font-size: 20px; color: #333; padding-bottom: 10px;}
.history_deta a{ display: inline-block; padding: 10px 30px; background-color: #5562c0; color: #fff; margin-right:20px; margin-bottom: 20px;}
.history_deta a:hover{background-color:#2758c1 ;}




/* 右下角 */
.pc_fixed_box{width: 80px; position: fixed; right:10px; bottom:200px;z-index: 1000; font-size: 14px;}
.pc_fixed_box li{width:100%; height:auto; padding:10px; text-align: center; cursor: pointer; position: relative;}
.pc_fixed_box li i{font-size: 34px; line-height: 1;}
.pc_fixed_box li a{display: block;}
.pc_fixed_box li:nth-child(1){border-radius: 10px 10px 0 0;}
.pc_fixed_box li:last-child{line-height: 0.8; padding: 5px; border-radius: 0 0 10px 10px;}
.pc_fixed_box li .fixed_bounced{display: none; width: 150px; height: auto; padding:15px; position: absolute; right: 80px; top:0;}
.pc_fixed_box li .fixed_bounced .fixed_qq_garden{padding:20px 0; display: block;}
.pc_fixed_box li .fixed_bounced .phone_watch img{width:auto; height: auto;}
/* 颜色变化 */
.pc_fixed_box li{background-color: #2567f4;}
.pc_fixed_box li i{ color: #fff;}
.pc_fixed_box li p{ color: #fff;}
.pc_fixed_box li .fixed_bounced{background-color: #2758c1;}
.pc_fixed_box li .fixed_bounced p{color: #fff;}
.pc_fixed_box li:hover{background-color: #2758c1;}
.pc_fixed_box li:hover .fixed_bounced{display: block;}




@media screen and (max-width: 1439px) and (min-width: 1200px){
.min-w {  width: 1200px; margin: 0 auto;}
#timelinebox li{padding-left: 100px;}
}


@media screen and (max-width: 1199px){
body{font-size: 14px; line-height:1.6;}
.min-w {width: 1000px;margin: 0 auto;}
#timelinebox li{padding-left:30px; position: relative;}

}
	
	
@media screen and (max-width: 999px) and (min-width: 750px){
#footer{display: none;}
.top-head{display: none;}
.content{padding:30px 0;}
body, .min-w {width: 100%; min-width: 100%; font-size: 12px;}
#timelinebox li{padding-left: 40px;}
.record_year li.active{font-size: 34px;}


}

@media screen and (max-width: 750px){
#footer{display: none;}
.top-head{display: none;}
.content{padding:20px 0;}
body, .min-w {width: 100%; min-width: 100%; font-size: 12px;}
/* banner */
.pc_banner{display: none;}
.ph_banner{display: block;}
.min-w{padding:0 15px;}
.record{padding-top: 0;}
.record .f-l{width: 100% !important;float: none !important;overflow-x: scroll; overflow-y: hidden; z-index: 100; background: #fafbff;}
.record_year{height: 80px; border:0; overflow: hidden; padding: 20px 0;}
.line_active{display: none;}
.record_year li{float: left;width: 68px;}
.record_year li.active{font-size: 20px;}
.record .f-r{width: 100%; float: none !important;}
#timelinebox li{padding-left:0; position: relative;}
.history_deta h5{font-size: 16px;}
.history_deta{padding:10px 0 20px 0;}
/* 年份横排的时候滚动条隐藏 */
::-webkit-scrollbar { display: none; }

/* 悬浮 */
.pc_fixed_box{width: auto; bottom: 100px;}
.pc_fixed_box li:nth-child(1){display: none;}
.pc_fixed_box li:nth-child(2){display: none;}
.pc_fixed_box li i{font-size: 24px; color: #666; line-height: 26px;}
.pc_fixed_box li:nth-child(3){border-radius: 50%; padding: 0; width: 30px; height: 30px;background-color: #fff;border: 1px solid #999;}


.sp_header{display: none;}



}