@charset "UTF-8";

body{}
/*导航*/
#menu { position: fixed; left: 0; top: 65%; z-index: 1000; color: #fff; width: 198px; height: 377px; padding-top: 98px; padding-left: 67px; margin-top: -348px; background-image: url(bar-bg.png); background-size: 100% 100%; background-repeat: no-repeat; }

#menu a { color: #fff; }

#menu li { height: 30px; width: 130px; line-height: 20px; padding: 10px 0; list-style: none; text-align: center; }

#menu li.active { background-color: #ffeb0a; }

#menu li.active a { color: #000; }

#menu li:hover { background-color: #ffeb0a; }

#menu li:hover a { color: #000; }

#menu li a { display: block; height: 20px; line-height: 20px; font-size: 20px; color: #fff; transition: all 0.5s linear 0s; -ms-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; }

#pp-nav { display: none; }

/*导航end*/
.section { text-align: center; min-width:1500px; overflow-x:scroll; }

/*首页*/
#section0 { background-image: url(main-bg.jpg); }

#section0 .main-box .title-box { position: relative; text-align: center; }

#section0 .main-box .title-box div { margin: 62px 0; }

#section0 .main-box .title-box .title { margin-top: 120px; }

#section0 .main-box .title-box .title img { animation: fadeIn 2s ease; -webkit-animation: fadeIn 2s ease; }

#section0 .main-box .title-box .subtitle img { animation: fadeIn 2s ease; -webkit-animation: fadeIn 2s ease; }

#section0 .main-box .title-box .gutian img { animation: fadeInUp 2s ease; -webkit-animation: fadeInUp 2s ease; }

#section0 .main-box .bar-box { position: absolute; bottom: 0; background-image: url(bar-bg.png); height: 135px; width: 100%; }

/*首页end*/
/*重温精神*/

#section1 img { width: 100%; height: 940px; }


/*重温精神*/
/*重整行装*/
#section2 { background-image: url(bg02.jpg); }

#section2 .div-width { width: 1183px; height: 840px; position: relative; }

#section2 .tab_menu { box-sizing: border-box; width: 1115px; height: 230px; padding: 0; margin-left: 98px; position: absolute; background-image: url(chongzheng-bg.png); bottom: 0; z-index: 3; }

#section2 .tab_menu ul { margin: 0; position: absolute; bottom: 0; }

#section2 .tab_menu ul li { height: 181px; width: 50px; float: left; margin: 0 80px; background-repeat: no-repeat; }

#section2 .tab_menu ul li span { display: block; }

#section2 .tab_menu ul li .circle { width: 35px; height: 35px; margin: 0 0 20px 20px; background-image: url(circle-before.png); }

#section2 .tab_menu ul li .year { width: 73px; height: 27px; }

#section2 .tab_menu ul li .y-2019 { background-image: url(2019-before.png); }

#section2 .tab_menu ul li .y-2018 { background-image: url(2018-before.png); }

#section2 .tab_menu ul li .y-2017 { background-image: url(2017-before.png); }

#section2 .tab_menu ul li .y-2016 { background-image: url(2016-before.png); }

#section2 .tab_menu ul li .y-2015 { background-image: url(2015-before.png); }

#section2 .tab_menu ul .active .circle { background-image: url(circle-after.png); }

#section2 .tab_menu ul .active .y-2019 { background-image: url(2019-after.png); }

#section2 .tab_menu ul .active .y-2018 { background-image: url(2018-after.png); }

#section2 .tab_menu ul .active .y-2017 { background-image: url(2017-after.png); }

#section2 .tab_menu ul .active .y-2016 { background-image: url(2016-after.png); }

#section2 .tab_menu ul .active .y-2015 { background-image: url(2015-after.png); }

#section2 .tab-item { display: none; padding-top: 72px; }

#section2 .show { display: block !important; }

#section2 .tab-inner { transition: all .3s; box-sizing: border-box; }

/*重整行装end*/
/*固本开新*/
#section3 { background-image: url(bg03.jpg); }

#section3 .fire { overflow: hidden; padding-top: 60px; }

#section3 .fire .father { height: 778px; width: 242px; float: left; position: relative; animation: fadeInUp 2s ease; -webkit-animation: fadeInUp 2s ease; }

#section3 .fire .father .box { height: 778px; width: 242px; transition: all 1s linear; transform-style: preserve-3d; }

#section3 .fire .father .positive { height: 778px; width: 242px; position: absolute; top: 0; left: 0; }

#section3 .fire .father .otherside { position: absolute; display: none; transform: rotateY(-180deg); height: 758px; width: 242px; padding: 10px 20px; }

#section3 .fire .father .otherside ul { list-style: none; padding: 0; }

#section3 .fire .father .otherside .tit li { padding: 10px 0; border-bottom: 1px solid #fff; font-size:16px;}

#section3 .fire .father .otherside .tit li a { display: block; color: #fff; text-align:left; }

#section3 .fire .father .otherside .tit li a p { margin: 0; color: #fff; text-align:left;}

#section3 .fire .father .otherside .more {width:100%;text-align:right; }

#section3 .fire .father .otherside .more a{color:#FFF; }

#section3 .fire .father .osbg1 { background-image: url("guben-bg1.png"); background-size: 100% 100%; }

#section3 .fire .father .osbg2 { background-image: url("guben-bg2.png"); background-size: 100% 100%; }

#section3 .fire .father:hover .box { transform: rotateY(180deg); }

#section3 .fire .father:hover .box .positive { display: none; }

#section3 .fire .father:hover .box .otherside { display: block; }

#section3 .fire .fire01 {left: 15%;top: 8%;}

#section3 .fire .fire02 {left: 22%;top: 8%;}

#section3 .fire .fire03 {left: 29%;top: 8%;}

#section3 .fire .fire04 {left: 36%;top: 8%;}

/*固本开新end*/
/*征途如虹*/
#section4 { background-image: url(bg05.jpg); }

#section4 .div-width { width: 100%; height: 100%; position: relative; }

#section4 .tab_menu { box-sizing: border-box; padding: 0; position: absolute; top: 0; left: 18%; z-index: 3; }

#section4 .tab_menu ul { margin: 0; }

#section4 .tab_menu ul .video1 { background-image: url(junhao-before.png); }

#section4 .tab_menu ul .video2 { background-image: url(zhaohuan-before.png); }

#section4 .tab_menu ul .video3 { background-image: url(xuanshi-before.png); }

#section4 .tab_menu ul .video4 { background-image: url(yanan-before.png); }

#section4 .tab_menu ul .video5 { background-image: url(qiangjun-before.png); }

#section4 .tab_menu ul .video6 { background-image: url(more-before.png);}

#section4 .tab_menu ul li {height: 240px; width: 70px; float: left; margin: 0 20px; background-repeat: no-repeat; background-size: 100% 100%;}
	
#section4 .tab_menu ul li a{height: 240px;width: 70px;}

#section4 .tab_menu ul li a img{height: 240px;width: 70px;}

#section4 .tab-item { display: none; }

#section4 .show { display: block !important; }

#section4 .tab-inner { transition: all .3s; box-sizing: border-box; }

#section4 .tab_menu ul .video1.active { background-image: url(junhao-after.png); }

#section4 .tab_menu ul .video2.active { background-image: url(zhaohuan-after.png); }

#section4 .tab_menu ul .video3.active { background-image: url(xuanshi-after.png); }

#section4 .tab_menu ul .video4.active { background-image: url(yanan-after.png); }

#section4 .tab_menu ul .video5.active { background-image: url(qiangjun-after.png); }

#section4 .tab_menu ul .video6.active { background-image: url(more-after.png); }
/*征途如虹end*/
/*薪火赓续*/
#section5 { background-image: url(bg04.jpg); }

#section5 .goon { background-image: url("zhou.png"); background-repeat: no-repeat; background-size: 100% 100%; padding: 0; animation: slideInUp 2s ease; -webkit-animation: slideInUp 2s ease; }

#section5 .goon .div-width { position: relative; }

#section5 .goon .tab_menu { box-sizing: border-box; padding: 0; position: absolute; top: 5%; left: 31%; z-index: 3; }

#section5 .goon .tab_menu ul { margin: 0; }

#section5 .goon .tab_menu ul .video1 { background-image: url(inspiration-before.png); }

#section5 .goon .tab_menu ul .video2 { background-image: url(improve-before.png); }

#section5 .goon .tab_menu ul .video3 { background-image: url(develop-before.png); }

#section5 .goon .tab_menu ul .video4 { background-image: url(entrust-before.png); }

#section5 .goon .tab_menu ul li { height: 30px; width: 120px; float: left; margin: 0px 21px; background-repeat: no-repeat; }

#section5 .goon .tab-item { display: none; }

#section5 .goon .show { display: block !important; }

#section5 .goon .tab-inner { transition: all .3s; box-sizing: border-box; }

#section5 .goon .tab_menu ul .video1.active { background-image: url(inspiration-after.png); }

#section5 .goon .tab_menu ul .video2.active { background-image: url(improve-after.png); }

#section5 .goon .tab_menu ul .video3.active { background-image: url(develop-after.png); }

#section5 .goon .tab_menu ul .video4.active { background-image: url(entrust-after.png); }

#section5 .goon .mainbox { padding: 100px 85px; position: relative; }

#section5 .goon .mainbox .boxmini .item { position: relative; background-image: url("line.png"); background-repeat: no-repeat; background-size: 100% 100%; padding: 30px 15px; margin: 10px; border-radius: 3px; }

#section5 .goon .mainbox .boxmini .item:hover { background-image: url("line-acitve.png"); }

#section5 .goon .mainbox .boxmini .item:hover .title a { color: brown; }

#section5 .goon .mainbox .boxmini .item .title { text-align: left; height: 5em;}

#section5 .goon .mainbox .boxmini .item .title a { font-size: 16px; color: #333; }

#section5 .goon .mainbox .boxmini .item .desc { text-align: left; height: 10em;  margin-bottom: 100px; font-size: 14px; color: #666; }

#section5 .goon .mainbox .boxmini .item .more { position: absolute; right: 5%; bottom: 10%; }

#section5 .goon .mainbox .boxmini .item .more a { font-size: 18px; color: #000; }

#section5 .goon .mainbox .owl-pagination { display: none; }

.remaind { position: absolute; bottom: 0%; left: 40%; }
/*薪火赓续end*/
/*动效集*/

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeInUp { from { opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp { from {
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

/*长图页css*/
.mainpic { width: 100%; }

.mainpic img { width: 100%; }