@charset "UTF-8";
html { font-family: 'microsoft yahei'; }

@media (max-width: 768px) { .bdshare-slide-button-box { display: none !important; } }

/*返回顶部*/
#gotoTop { position: fixed; bottom: 8%; right: 2%; display: none; width: 80px; height: 80px; background: url("top.png"); background-repeat: no-repeat; background-position: center center; z-index: 5; }

/*返回顶部结束*/
/*公共样式*/
.section { position: relative; background-image: url("background.png"); background-repeat: no-repeat; background-position: bottom center; background-size: cover; background-color: #fff; }

.title { margin: 0; padding: 10px 0; text-align: left; }

.title a { display: inline-block; line-height: 1em; font-size: 36px; color: #e21418; font-weight: bold; }

/*公共样式*/
/*banner*/
.section1 { position: relative; background-image: url("banner.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 2; }

@media (max-width: 1280px) { .section1 { background-image: url("banner-md.jpg"); } }

@media (max-width: 959px) { .section1 { background-image: url("banner-sm.jpg"); } }

.section1 .sidebar { position: fixed; top: 150px; right: 3%; display:none;}

@media (max-width: 1600px) { .section1 .sidebar { display: none !important; } }

.section1 .sidebar .nav { padding-bottom: 30px; text-align: right; }

.section1 .sidebar ul { margin: 0; padding: 0; list-style: none; }

.section1 .sidebar ul li { padding: 5px 0; }

.section1 .sidebar ul li span { position: relative; display: block; line-height: 1.8em; font-size: 16px; font-weight: 900; color: #333; text-align: right; }

.section1 .sidebar ul li .active { color: #e21418; }

.section1 .logo {  float:right; margin-top:30px; width: 150px;}

.section1 .logo a { display: inline-block; text-align: center; }

.section1 .logo a img { display: block; width: 180px; max-width: inherit\9; }

.section1 #jt { position: absolute; bottom: 5%; left: 0; right: 0; text-align: center; }

.section1 #jt span { display: inline-block; text-align: center; }

.section1 #jt span img { display: block; width: 100%; max-width: inherit\9; }

/*banenr end*/
/*头条焦图与要闻*/
.section2 { position: relative; }

.section2 .focus-new { padding-top: 100px; }

.section2 .focus-new .article .headline .t-box { position: relative; padding-left: 50px; box-sizing: border-box; }

.section2 .focus-new .article .headline .t-box .t-right { padding: 30px 200px; border: 1px solid #e21418; }

@media (max-width: 1199px) { .section2 .focus-new .article .headline .t-box .t-right { padding: 30px 50px 30px 140px; } }

@media (max-width: 959px) { .section2 .focus-new .article .headline .t-box .t-right { padding: 30px 15px 30px 100px; } }

.section2 .focus-new .article .headline .t-box .t-right h3 { margin: 0; text-align: center; }

.section2 .focus-new .article .headline .t-box .t-right h3 a { display: block; font-size: 30px; color: #333; font-weight: bold; line-height: 1em; height: 1em; overflow: hidden; }

.section2 .focus-new .article .headline .t-box .t-right h3 a:hover { color: #e21418; }

@media (max-width: 959px) { .section2 .focus-new .article .headline .t-box .t-right h3 a { font-size: 24px; } }

.section2 .focus-new .article .headline .t-box .t-right p { margin: 15px 0 5px 0; line-height: 1.5em; height: 1.5em; overflow: hidden; }

@media (max-width: 959px) { .section2 .focus-new .article .headline .t-box .t-right p { display: none; } }

.section2 .focus-new .article .headline .t-box .t-left { position: absolute; top: 50%; transform: translateY(-50%); top:24%\9; left: 0; border: 1px solid #E25657; background: #fff; }

.section2 .focus-new .article .headline .t-box .t-left div { padding: 15px 35px; }

@media (max-width: 959px) { .section2 .focus-new .article .headline .t-box .t-left div { padding: 5px 15px; } }

.section2 .focus-new .article .headline .t-box .t-left div img { display: block; width: 100%; max-width:none\9; }

.section2 .focus-new .article .focus { padding: 60px 15px; }

.section2 .focus-new .article .focus #owl-demo-a { position: relative; }

.section2 .focus-new .article .focus #owl-demo-a .owl-wrapper-outer .owl-wrapper .owl-item .item { position: relative; }

.section2 .focus-new .article .focus #owl-demo-a .owl-wrapper-outer .owl-wrapper .owl-item .item .img { display: block; overflow: hidden; border-radius: 5px; }

.section2 .focus-new .article .focus #owl-demo-a .owl-wrapper-outer .owl-wrapper .owl-item .item .img:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.section2 .focus-new .article .focus #owl-demo-a .owl-wrapper-outer .owl-wrapper .owl-item .item .img img { display: block; width: 100%; transition: all 0.3s linear; }

.section2 .focus-new .article .focus #owl-demo-a .owl-wrapper-outer .owl-wrapper .owl-item .item span { position: absolute; right: 0; bottom: 0; left: 0; }

.section2 .focus-new .article .focus #owl-demo-a .owl-wrapper-outer .owl-wrapper .owl-item .item span em { position: absolute; top: -50%; top:0\9; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(rgba(0, 0, 0, 0.8))); background-color: #040303\9;opacity: 0.4\9; filter: Alpha(opacity=40); border-radius: 0 0 5px 5px; }

.section2 .focus-new .article .focus #owl-demo-a .owl-wrapper-outer .owl-wrapper .owl-item .item span a { display: block; position: relative; padding: 8px 20px; line-height: 1.4em; box-sizing: border-box; color: #fff; font-size: 18px; z-index: 2; }

.section2 .focus-new .article .focus #owl-demo-a .owl-controls { margin: 0; }

.section2 .focus-new .article .focus #owl-demo-a .owl-controls .owl-pagination { position: absolute; right: 2%; bottom: 2%;}

@media (max-width: 1199px) { .section2 .focus-new .article .focus #owl-demo-a .owl-controls .owl-pagination { display: none !important; } }

.section2 .focus-new .article .focus #owl-demo-a .owl-controls .owl-pagination .owl-page span { margin: 4px; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; opacity: 1; filter: Alpha(opacity=100); }

.section2 .focus-new .article .focus #owl-demo-a .owl-controls .owl-pagination .active span { width: 25px; border-radius: 5px; background-color: #F84E4E; }

.section2 .focus-new .article .focus #owl-demo-a .owl-controls .owl-buttons .owl-prev, .section2 .focus-new .article .focus #owl-demo-a .owl-controls .owl-buttons .owl-next { position: absolute; top: 50%; top: 42%\9; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; padding: 0; width: 36px; height: 56px; border-radius: 0; opacity: 1; background-color: transparent; background-repeat: no-repeat; }

.section2 .focus-new .article .focus #owl-demo-a .owl-controls .owl-buttons .owl-prev { left: 0; background-image: url("t-left.png"); }

.section2 .focus-new .article .focus #owl-demo-a .owl-controls .owl-buttons .owl-next { right: 0; background-image: url("t-right.png"); }

.section2 .focus-new .article .list { padding: 60px 15px; }

@media (max-width: 959px) { .section2 .focus-new .article .list { padding: 0 15px; } }

.section2 .focus-new .article .list .top { border-bottom: 1px solid #eee; }

@media (max-width: 959px) { .section2 .focus-new .article .list .top { border-bottom: 0px solid #eee; } }

.section2 .focus-new .article .list .top h4 { margin: 0; }

.section2 .focus-new .article .list .top h4:hover a { color: #e21418; }

.section2 .focus-new .article .list .top h4 a { display: block; margin-top: -3px; line-height: 1.4em; height: 1.4em; font-size: 18px; color: #333; font-weight: bold; }

.section2 .focus-new .article .list .top p { margin: 8px 0 18px 0; height: 5.4em; font-size: 14px; color: #999; text-indent: 2em; overflow: hidden; }

@media (max-width: 959px) { .section2 .focus-new .article .list .top p { display: none; } }

.section2 .focus-new .article .list .bottom ul { margin: 0; padding: 14px 0; list-style: none; }

@media (max-width: 1199px) and (min-width: 960px) { .section2 .focus-new .article .list .bottom ul { padding: 10px 0; } }

.section2 .focus-new .article .list .bottom ul li { position: relative; padding: 8px 15px; }

@media (max-width: 1199px) and (min-width: 960px) { .section2 .focus-new .article .list .bottom ul li { padding: 3px 15px; } }

.section2 .focus-new .article .list .bottom ul li:hover a { color: #e21418; left: 15px; }

.section2 .focus-new .article .list .bottom ul li:hover span { background: #e21418; left: 15px; }

.section2 .focus-new .article .list .bottom ul li a { position: relative; left: 0; display: block; line-height: 1.5em; height: 1.5em; font-size: 16px; color: #333; overflow: hidden; transition: all 0.3s linear; }

.section2 .focus-new .article .list .bottom ul li span { display: block; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0%; width: 5px; height: 5px; border-radius: 50%; background: #d2d0d0; transition: all 0.3s linear; }

/*头条焦图与要闻 结束*/
/*习主席的强军之策*/
.section3 { position: relative; }

.section3 .qjzc { padding-top: 100px; }

.section3 .qjzc .article { padding-top: 40px; }

.section3 .qjzc .article .t-box .content { box-shadow: 0 0 5px #dcdada; transition: all 0.3s linear; }

.section3 .qjzc .article .t-box .content:hover { box-shadow: 0 0 5px #e21418; }

.section3 .qjzc .article .t-box .content .img a { display: block; overflow: hidden; }

.section3 .qjzc .article .t-box .content .img a:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.section3 .qjzc .article .t-box .content .img a img { display: block; width: 100%; transition: all 0.3s linear; }

.section3 .qjzc .article .t-box .content .t-content { padding: 15px; }

.section3 .qjzc .article .t-box .content .t-content h4 { margin: 0; padding: 8px 0 18px 0; border-bottom: 1px solid #eee; }

@media (max-width: 959px) { .section3 .qjzc .article .t-box .content .t-content h4 { border-bottom: 0px solid #eee; } }

.section3 .qjzc .article .t-box .content .t-content h4 a { display: block; font-size: 18px; color: #333; height: 3.2em; overflow: hidden; }

.section3 .qjzc .article .t-box .content .t-content h4 a:hover { color: #e21418; }

@media (max-width: 1199px) and (min-width: 960px) { .section3 .qjzc .article .t-box .content .t-content h4 a { height: 4.8em; } }

.section3 .qjzc .article .t-box .content .t-content p { margin: 0; padding: 15px 0 5px 0; font-size: 14px; color: #999; text-indent: 2em; height: 9em; overflow: hidden; }

@media (max-width: 959px) { .section3 .qjzc .article .t-box .content .t-content p { display: none; } }

.section3 .qjzc .article .list { padding: 10px 15px; }

@media (max-width: 959px) { .section3 .qjzc .article .list { padding: 30px 15px; } }

.section3 .qjzc .article .list .top { border-bottom: 1px solid #eee; }

@media (max-width: 959px) { .section3 .qjzc .article .list .top { border-bottom: 0px solid #eee; } }

.section3 .qjzc .article .list .top h4 { margin: 0; }

.section3 .qjzc .article .list .top h4:hover a { color: #e21418; }

.section3 .qjzc .article .list .top h4 a { display: block; margin-top: -3px; line-height: 1.4em; height: 1.4em; font-size: 18px; color: #333; font-weight: bold; }

.section3 .qjzc .article .list .top p { margin: 8px 0 18px 0; font-size: 14px; color: #999; text-indent: 2em; height: 5.4em; overflow: hidden; }

@media (max-width: 959px) { .section3 .qjzc .article .list .top p { display: none; } }

.section3 .qjzc .article .list .bottom ul { margin: 0; padding: 14px 0; list-style: none; }

@media (max-width: 1199px) and (min-width: 960px) { .section3 .qjzc .article .list .bottom ul { padding: 10px 0; } }

.section3 .qjzc .article .list .bottom ul li { position: relative; padding: 8px 15px; }

.section3 .qjzc .article .list .bottom ul li:hover a { color: #e21418; left: 15px; }

.section3 .qjzc .article .list .bottom ul li:hover span { background: #e21418; left: 15px; }

.section3 .qjzc .article .list .bottom ul li a { position: relative; left: 0; display: block; line-height: 1.5em; height: 1.5em; font-size: 16px; color: #333; overflow: hidden; transition: all 0.3s linear; }

.section3 .qjzc .article .list .bottom ul li span { display: block; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0%; width: 5px; height: 5px; border-radius: 50%; background: #d2d0d0; transition: all 0.3s linear; }

/*习主席的强军之策 结束*/
/*视频*/
.section4 { position: relative; }

.section4 .qjsp { padding-top: 100px; }

.section4 .qjsp .article { padding-top: 40px; }

@media (max-width: 959px) { .section4 .qjsp .article .focus { padding-bottom: 30px; } }

.section4 .qjsp .article .focus #owl-demo-b { position: relative; }

.section4 .qjsp .article .focus #owl-demo-b .owl-wrapper-outer .owl-wrapper .owl-item .item { position: relative; overflow: hidden; }

.section4 .qjsp .article .focus #owl-demo-b .owl-wrapper-outer .owl-wrapper .owl-item .item .left { float: left; width: 60%; box-sizing: border-box; }

.section4 .qjsp .article .focus #owl-demo-b .owl-wrapper-outer .owl-wrapper .owl-item .item .left a { display: block; position: relative; overflow: hidden; }

.section4 .qjsp .article .focus #owl-demo-b .owl-wrapper-outer .owl-wrapper .owl-item .item .left a:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.section4 .qjsp .article .focus #owl-demo-b .owl-wrapper-outer .owl-wrapper .owl-item .item .left a img { display: block; width: 100%; transition: all 0.3s linear; }

.section4 .qjsp .article .focus #owl-demo-b .owl-wrapper-outer .owl-wrapper .owl-item .item .left a span { position: absolute; bottom: 5%; left: 5%; width: 24px; height: 25px; }

.section4 .qjsp .article .focus #owl-demo-b .owl-wrapper-outer .owl-wrapper .owl-item .item .left a span img { display: block; width: 100%; }

.section4 .qjsp .article .focus #owl-demo-b .owl-wrapper-outer .owl-wrapper .owl-item .item .right { float: left; width: 40%; box-sizing: border-box; padding-left: 50px; }

.section4 .qjsp .article .focus #owl-demo-b .owl-wrapper-outer .owl-wrapper .owl-item .item .right h4 { margin: 0; padding: 20px 0; border-bottom: 3px solid #000; }

.section4 .qjsp .article .focus #owl-demo-b .owl-wrapper-outer .owl-wrapper .owl-item .item .right h4:hover a { color: #e21418; }

.section4 .qjsp .article .focus #owl-demo-b .owl-wrapper-outer .owl-wrapper .owl-item .item .right h4 a { display: block; margin-top: -3px; line-height: 1.4em; height: 2.8em; font-size: 18px; color: #333; overflow: hidden; }

.section4 .qjsp .article .focus #owl-demo-b .owl-wrapper-outer .owl-wrapper .owl-item .item .right p { margin: 0; padding: 18px 0 8px 0; font-size: 14px; color: #666; text-indent: 2em; height: 5.4em; overflow: hidden; }

@media (max-width: 1199px) { .section4 .qjsp .article .focus #owl-demo-b .owl-wrapper-outer .owl-wrapper .owl-item .item .right p { display: none; } }

.section4 .qjsp .article .focus #owl-demo-b .owl-controls { margin: 0; }

@media (max-width: 960px) { .section4 .qjsp .article .focus #owl-demo-b .owl-controls { display: none !important; } }

.section4 .qjsp .article .focus #owl-demo-b .owl-controls .owl-pagination { display: none !important; }

.section4 .qjsp .article .focus #owl-demo-b .owl-controls .owl-buttons .owl-prev, .section4 .qjsp .article .focus #owl-demo-b .owl-controls .owl-buttons .owl-next { position: absolute; bottom: 0; margin: 0; padding: 0; width: 48px; height: 57px; border-radius: 0; opacity: 1; background-color: transparent; background-repeat: no-repeat; }

.section4 .qjsp .article .focus #owl-demo-b .owl-controls .owl-buttons .owl-prev { right: 6%; background-image: url("title-left.png"); }

.section4 .qjsp .article .focus #owl-demo-b .owl-controls .owl-buttons .owl-next { right: 0; background-image: url("title-right.png"); }

.section4 .qjsp .article .list { padding: 30px 15px; }

@media (max-width: 959px) { .section4 .qjsp .article .list { padding: 0 15px; } }

.section4 .qjsp .article .list .content .img { display: block; position: relative; }

.section4 .qjsp .article .list .content .img:hover span { top: 0; }

.section4 .qjsp .article .list .content .img img { display: block; width: 100%; }

.section4 .qjsp .article .list .content .img span { position: absolute; top: 70%; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(rgba(0, 0, 0, 0.8))); opacity: 0.4\9; filter: Alpha(opacity=40); transition: all 0.3s linear; }

.section4 .qjsp .article .list .content h4 { margin: 0; padding: 10px 0; }

.section4 .qjsp .article .list .content h4 a { display: block; line-height: 1.6em; height: 3.2em; box-sizing: border-box; color: #333; font-size: 18px; overflow: hidden; }

.section4 .qjsp .article .list .content h4 a:hover { color: #e21418; }

.section4 .qjsp .article .list .content p { margin: 0; padding: 18px 0 8px 0; font-size: 14px; color: #666; text-indent: 2em; height: 5.4em; overflow: hidden; }

/*视频 结束*/
/*强军论坛*/
.section5 { position: relative; }

.section5 .qjlt { padding-top: 100px; }

.section5 .qjlt .article { padding-top: 25px; }

.section5 .qjlt .article .t-box { padding: 15px; overflow: hidden; }

.section5 .qjlt .article .t-box .left { position: relative; float: left; width: 20%; box-sizing: border-box; padding-right: 20px; }

@media (max-width: 959px) { .section5 .qjlt .article .t-box .left { width: 30%; } }

.section5 .qjlt .article .t-box .left img { display: block; width: 100%; }

.section5 .qjlt .article .t-box .left span { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 20%; font-size: 30px; color: #fff; font-weight: bold; }

.section5 .qjlt .article .t-box .right { float: left; width: 80%; box-sizing: border-box; border-bottom: 1px dashed #b7aeae; }

@media (max-width: 959px) { .section5 .qjlt .article .t-box .right { width: 70%; } }

.section5 .qjlt .article .t-box .right h4 { margin: 0; }

.section5 .qjlt .article .t-box .right h4 a { display: block; line-height: 1.6em; height: 1.6em; box-sizing: border-box; color: #333; font-size: 18px; overflow: hidden; font-weight: bold; }

.section5 .qjlt .article .t-box .right h4 a:hover { color: #e21418; }

@media (max-width: 959px) { .section5 .qjlt .article .t-box .right h4 a { height: 4.8em; font-size: 20px; } }

.section5 .qjlt .article .t-box .right p { margin: 10px 0; font-size: 14px; color: #666; text-indent: 2em; height: 3.6em; overflow: hidden; }

@media (max-width: 959px) { .section5 .qjlt .article .t-box .right p { display: none; } }

/*强军论坛 结束*/
/*强军脚步*/
.section6 { position: relative; }

.section6 .qjzwn { padding-top: 100px; }

.section6 .qjzwn .article { padding-top: 25px; }

.section6 .qjzwn .article .top { padding: 0 15px; }

.section6 .qjzwn .article .top img { display: block; width: 100%; }

.section6 .qjzwn .article #sync1 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box { padding: 10px 15px; }

.section6 .qjzwn .article #sync1 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content:hover h4 a { color: #e21418; }

.section6 .qjzwn .article #sync1 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content .img { padding: 5px; border: 1px solid #eee; transform-style: preserve-3d; perspective: 200px; }

.section6 .qjzwn .article #sync1 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content .img a { display: block; transform: rotateY(0deg); }

.section6 .qjzwn .article #sync1 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content .img a:hover { animation: rotate 0.5s linear; }

.section6 .qjzwn .article #sync1 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content .img a img { display: block; width: 100%; }

@keyframes rotate { 0% { transform: rotateY(0deg); }
  50% { transform: rotateY(5deg); }
  100% { transform: rotateY(0deg); } }

.section6 .qjzwn .article #sync1 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content h4 { margin: 0; padding: 8px 0; }

.section6 .qjzwn .article #sync1 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content h4 a { display: block; line-height: 1.6em; height: 3.2em; box-sizing: border-box; color: #333; font-size: 18px; overflow: hidden; transition: all 0.3s linear; }

.section6 .qjzwn .article #sync2 .owl-wrapper-outer { padding: 20px 75px; box-sizing: border-box; }

@media (max-width: 1199px) { .section6 .qjzwn .article #sync2 .owl-wrapper-outer { padding: 20px; } }

.section6 .qjzwn .article #sync2 .owl-wrapper-outer .owl-wrapper .owl-item { width: 170px !important; }

@media (max-width: 1199px) { .section6 .qjzwn .article #sync2 .owl-wrapper-outer .owl-wrapper .owl-item { width: 145px !important; } }

.section6 .qjzwn .article #sync2 .owl-wrapper-outer .owl-wrapper .owl-item .item div { margin: 0 20px; padding: 20px 0 13px 0; background-repeat: no-repeat; background-image: url("qjjb-x.png"); background-position: center center; background-size: cover; }

@media (max-width: 1199px) { .section6 .qjzwn .article #sync2 .owl-wrapper-outer .owl-wrapper .owl-item .item div { padding: 13px 0 10px 0; } }

.section6 .qjzwn .article #sync2 .owl-wrapper-outer .owl-wrapper .owl-item .item div a { position: relative; display: block; font-size: 16px; color: #e21418; text-align: center; z-index: 2; }

.section6 .qjzwn .article #sync2 .owl-wrapper-outer .owl-wrapper .synced .item div { background-image: url("qjjb-s.png"); }

.section6 .qjzwn .article #sync2 .owl-wrapper-outer .owl-wrapper .synced .item div a { color: #fff; }

/*强军脚步 结束*/
/*强军楷模*/
.section7 { position: relative; }

.section7 .qjkm { padding-top: 100px; }

.section7 .qjkm .article { margin-top: 40px; overflow: hidden; box-shadow: 0 0 5px #b7aeae; border:1px solid #b7aeae\9; }

.section7 .qjkm .article .t-box { float: left; width: 20%; }

.section7 .qjkm .article .t-box:hover .img a img { -ms-transform: scale(1.05); transform: scale(1.05); }

.section7 .qjkm .article .t-box:hover .content p { top: 28px; }

.section7 .qjkm .article .t-box:hover .content span { opacity: 0; filter: alpha(opacity=0); }

.section7 .qjkm .article .t-box .img a { display: block; overflow: hidden; }

.section7 .qjkm .article .t-box .img a img { display: block; width: 100%; transition: all 0.3s linear; }

.section7 .qjkm .article .t-box .content { position: relative; padding: 55px 30px; overflow: hidden; }

@media (max-width: 1199px) { .section7 .qjkm .article .t-box .content { padding: 57px 30px; } }

@media (max-width: 959px) { .section7 .qjkm .article .t-box .content { padding: 40px 13px; } }

.section7 .qjkm .article .t-box .content span { display: block; padding: 40px; font-size: 28px; color: #333; font-weight: bold; text-align: center; opacity: 1; filter: alpha(opacity=100); transition: all 0.2s linear; }

@media (max-width: 1199px) { .section7 .qjkm .article .t-box .content span { padding: 15px; } }

@media (max-width: 959px) { .section7 .qjkm .article .t-box .content span { padding: 12px; } }

.section7 .qjkm .article .t-box .content p { position: absolute; top: 200px; right: 30px; bottom: 28px; left: 30px; margin: 0; color: #666; font-size: 14px; overflow: hidden; transition: all 0.3s linear; }

/*强军楷模 结束*/
/*H5*/
.section8 { position: relative; }

.section8 .h5 { padding-top: 100px; }

.section8 .h5 .article { padding-top: 30px; }

.section8 .h5 .article .t-box { padding: 10px 15px; }

.section8 .h5 .article .t-box .content { position: relative; overflow: hidden; border-radius: 5px; }

.section8 .h5 .article .t-box .content:hover div { top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; }

.section8 .h5 .article .t-box .content:hover a { top: 50%; top: 30%\9; opacity: 1; filter: Alpha(opacity=100); }

.section8 .h5 .article .t-box .content img { display: block; width: 100%; }

.section8 .h5 .article .t-box .content div { position: absolute; top: 50%; right: 50%; bottom: 50%; left: 50%; background: #333; opacity: 0.8; filter: Alpha(opacity=80); overflow: hidden; transition: all 0.3s linear; }

.section8 .h5 .article .t-box .content div:after { content: ""; position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 3px solid #fff; }

.section8 .h5 .article .t-box .content .title-a { display: block; position: absolute; top: -30%; -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 20px 50px; box-sizing: border-box; width: 100%; color: #fff; font-size: 18px; opacity: 0; filter: Alpha(opacity=0); transition: all 0.15s linear; }

.section8 .h5 .article .t-box p { margin: 0; }

.section8 .h5 .article .t-box p a { display: block; position: relative; padding: 10px 0; line-height: 1.4em; box-sizing: border-box; color: #333; font-size: 18px; z-index: 2; }

.section8 .h5 .article .t-box p a:hover { color: #e21418; }

/*H5 结束*/
/*图解*/
.section9 { position: relative; }

.section9 .tj { padding-top: 100px; }

.section9 .tj .article { padding-top: 30px; }

.section9 .tj .article .t-box .content { padding: 10px 0; }

.section9 .tj .article .t-box .content:hover .img span { top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px 5px 0 0; }

.section9 .tj .article .t-box .content:hover .img span a { top: 35%; right: 30%; bottom: 35%; left: 30%; border: 3px solid #fff; border-radius: 10px; }

.section9 .tj .article .t-box .content .img { position: relative; overflow: hidden; border-radius: 5px 5px 0 0; }

.section9 .tj .article .t-box .content .img img { display: block; width: 100%; border-radius: 5px 5px 0 0; transition: 0.3s linear all; }

.section9 .tj .article .t-box .content .img span { position: absolute; top: 50%; right: 50%; bottom: 50%; left: 50%; background: #333; opacity: 0.8; filter: Alpha(opacity=80); transition: all 0.3s linear; }

.section9 .tj .article .t-box .content .img span a { position: absolute; top: 50%; right: 50%; bottom: 50%; left: 50%; border: 0px solid #fff; line-height: 54px; font-size: 18px; text-align: center; color: #fff; transition: all 0.3s linear; overflow: hidden; }

@media (max-width: 1199px) { .section9 .tj .article .t-box .content .img span a { line-height: 47px; } }

@media (max-width: 959px) { .section9 .tj .article .t-box .content .img span a { line-height: 52px; } }

.section9 .tj .article .t-box .content .text { background: #eee; border-radius: 0 0 5px 5px; }

.section9 .tj .article .t-box .content .text a { display: block; padding: 8px 10px; line-height: 1.5em; height: 3em; font-size: 18px; color: #333; overflow: hidden; }

.section9 .tj .article .t-box .content .text a:hover { color: #dd0f17; }

@media (max-width: 959px) { .section9 .tj .article .t-box .content .text a { height: 4.5em; } }

/*图解 结束*/
/*中国人民解放军的由来*/
.section10 { position: relative; }

.section10 .zgrmjfjdyl { padding-top: 100px; }

.section10 .zgrmjfjdyl .article { padding-top: 40px; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c { position: relative; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box { padding: 0 15px; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content { position: relative; padding: 30px 20px 0px 30px; border: 1px solid #dcdcdc; transition: all 0.3s linear; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content:hover { border: 1px solid #e21418; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content:hover span { border-right: 1px solid #e21418; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content:hover .move a { background: #e21418; border: 1px solid #e21418; color: #fff; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content .img { position: absolute; top: 0; left: 0; z-index: 2; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content span { display: block; position: absolute; top: 0; right: 97.5%; bottom: 0; left: 0; border-right: 1px solid #dcdcdc; transition: all 0.3s linear; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content h4 a { display: block; font-size: 20px; color: #000; font-weight: bold; line-height: 1.4em; transition: all 0.3s linear; height: 2.8em; overflow: hidden; }

@media (max-width: 1199px) { .section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content h4 a { height: 4.2em; } }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content h4 a:hover { color: #e21418; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content p { margin: 0.6em 0 1.2em 0; height: 4.8em; line-height: 1.6em; font-size: 14px; color: #999; text-indent: 2em; overflow: hidden; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content .image { display: block; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content .image img { display: block; width: 100%; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content .move { padding: 3em 0; text-align: center; transition: all 0.3s linear; }

@media (max-width: 767px) { .section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content .move { padding: 1em 0; } }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .content .move a { display: inline-block; padding: 0.8em 2.8em; font-size: 16px; color: #999; border: 1px solid #dcdcdc; transition: all 0.3s linear; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-controls { margin: 0; }

@media (max-width: 959px) { .section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-controls { display: none !important; } }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-controls .owl-pagination { display: none; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-controls .owl-buttons .owl-prev, .section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-controls .owl-buttons .owl-next { position: absolute; top: 50%; top: 42%\9; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; padding: 0; width: 43px; height: 82px; border-radius: 0; opacity: 1; background-color: transparent; background-repeat: no-repeat; }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-controls .owl-buttons .owl-prev { left: -5%; background-image: url("left.png"); }

.section10 .zgrmjfjdyl .article .focus #owl-demo-c .owl-controls .owl-buttons .owl-next { right: -5%; background-image: url("right.png"); }

/*中国人民解放军的由来结束*/
/*红色记忆*/
.section11 { position: relative; }

.section11 .hsjy { padding-top: 100px; }

.section11 .hsjy .article { position: relative; padding-top: 25px; }

.section11 .hsjy .article .hx { position: absolute; top: 9%; right: 15px; }

@media (max-width: 1199px) { .section11 .hsjy .article .hx { top: 10%; } }

.section11 .hsjy .article .hx img { display: block; width: 100%; max-width:none\9; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box { overflow: hidden; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .left { padding: 15px; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .left .content { padding: 15px; background: #eee; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .left .content:hover .top span em { right: 0; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .left .content:hover .bottom a em { left: 0; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .left .content .top { position: relative; padding-bottom: 30px; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .left .content .top h4 { margin: 0; padding: 8px 0; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .left .content .top h4 a { display: block; line-height: 1.6em; height: 1.6em; box-sizing: border-box; color: #333; font-size: 18px; overflow: hidden; transition: all 0.3s linear; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .left .content .top p { margin: 0.6em 0 1.2em 0; height: 3.2em; line-height: 1.6em; font-size: 14px; color: #999; text-indent: 2em; overflow: hidden; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .left .content .top span { display: block; position: absolute; right: -15px; bottom: 25px; left: -15px; height: 1px; background: #e6e2e2; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .left .content .top span em { position: absolute; top: 0; right: 90%; bottom: 0; left: 0; background: #e21418; transition: all 0.3s linear; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .left .content .bottom a { display: block; position: relative; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .left .content .bottom a img { display: block; width: 100%; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .left .content .bottom a em { position: absolute; top: 0; right: 0; bottom: 0; left: 100%; background: #333; opacity: 0.5; filter: Alpha(opacity=50); transition: all 0.3s linear; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .right .content { padding: 15px 0; overflow: hidden; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .right .content .c-left { float: left; width: 30%; box-sizing: border-box; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .right .content .c-left a { display: block; position: relative; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .right .content .c-left a:hover em { right: 0; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .right .content .c-left a img { display: block; width: 100%; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .right .content .c-left a em { position: absolute; top: 0; right: 100%; bottom: 0; left: 0; background: #333; opacity: 0.5; filter: Alpha(opacity=50); transition: all 0.3s linear; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .right .content .r-left { float: left; padding-left: 20px; width: 70%; box-sizing: border-box; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .right .content .r-left h4 { margin: 0; padding: 8px 0; }

.section11 .hsjy .article #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .t-box .right .content .r-left h4 a { display: block; line-height: 1.6em; height: 3.2em; box-sizing: border-box; color: #333; font-size: 18px; overflow: hidden; }

.section11 .hsjy .article #sync4 .owl-wrapper-outer { padding: 10px 540px; box-sizing: border-box; text-align: right; }

@media (max-width: 1199px) { .section11 .hsjy .article #sync4 .owl-wrapper-outer { padding: 10px 280px; } }

@media (max-width: 959px) { .section11 .hsjy .article #sync4 .owl-wrapper-outer { padding: 10px 70px; } }

.section11 .hsjy .article #sync4 .owl-wrapper-outer .owl-wrapper .owl-item { width: 150px !important; }

.section11 .hsjy .article #sync4 .owl-wrapper-outer .owl-wrapper .owl-item .item div { margin: 0 20px; padding: 10px 0; background: #fff; border: 1px solid #e21418; border-radius: 10px; }

.section11 .hsjy .article #sync4 .owl-wrapper-outer .owl-wrapper .owl-item .item div a { position: relative; display: block; font-size: 16px; color: #e21418; text-align: center; z-index: 2; }

.section11 .hsjy .article #sync4 .owl-wrapper-outer .owl-wrapper .synced .item div { background: #e21418; }

.section11 .hsjy .article #sync4 .owl-wrapper-outer .owl-wrapper .synced .item div a { color: #fff; }

/*红色记忆 结束*/
/*强军图集*/
.section12 { position: relative; }

.section12 .qjtj { padding-top: 100px; }

.section12 .qjtj .article { padding-top: 25px; }

.section12 .qjtj .article .t-box { padding: 15px; }

.section12 .qjtj .article .t-box .content { overflow: hidden; }

.section12 .qjtj .article .t-box .content .left { float: left; padding-right: 10px; width: 60%; box-sizing: border-box; }

.section12 .qjtj .article .t-box .content .left:hover .img img { -ms-transform: scale(1.05); transform: scale(1.05); }

.section12 .qjtj .article .t-box .content .left:hover span a { color: #fff; }

.section12 .qjtj .article .t-box .content .left:hover span em { right: 0; }

.section12 .qjtj .article .t-box .content .left .img { display: block; overflow: hidden; }

.section12 .qjtj .article .t-box .content .left .img img { display: block; width: 100%; transition: all 0.3s linear; }

.section12 .qjtj .article .t-box .content .left span { position: relative; display: block; padding: 8px 10px; background-color: #eee; }

.section12 .qjtj .article .t-box .content .left span a { position: relative; display: block; line-height: 1.5em; height: 3em; font-size: 18px; color: #333; overflow: hidden; z-index: 2; transition: all 0.3s linear; }

.section12 .qjtj .article .t-box .content .left span em { position: absolute; top: 0; right: 100%; bottom: 0; left: 0; background: #e21418; transition: all 0.3s linear; }

.section12 .qjtj .article .t-box .content .left-r { padding-right: 0; padding-left: 10px; }

.section12 .qjtj .article .t-box .content .right { float: left; width: 40%; box-sizing: border-box; }

.section12 .qjtj .article .t-box .content .right:hover span a { color: #fff; }

.section12 .qjtj .article .t-box .content .right:hover span em { bottom: 0; }

.section12 .qjtj .article .t-box .content .right:hover .img img { -ms-transform: scale(1.05); transform: scale(1.05); }

.section12 .qjtj .article .t-box .content .right span { position: relative; display: block; padding: 36px 10px; background-color: #eee; }

@media (max-width: 1199px) { .section12 .qjtj .article .t-box .content .right span { padding: 16px 10px; } }

@media (max-width: 959px) { .section12 .qjtj .article .t-box .content .right span { padding: 10px; } }

.section12 .qjtj .article .t-box .content .right span a { position: relative; display: block; line-height: 1.5em; height: 3em; font-size: 18px; color: #333; overflow: hidden; z-index: 2; transition: all 0.3s linear; }

@media (max-width: 1199px) { .section12 .qjtj .article .t-box .content .right span a { height: 4.5em; } }

.section12 .qjtj .article .t-box .content .right span em { position: absolute; top: 0; right: 0; bottom: 100%; left: 0; background: #e21418; transition: all 0.3s linear; }

.section12 .qjtj .article .t-box .content .right .img { display: block; overflow: hidden; }

.section12 .qjtj .article .t-box .content .right .img img { display: block; width: 100%; transition: all 0.3s linear; }

/*强军图集 结束*/
/*相关专题与页脚*/
.section13 { position: relative; /*foot*/ /*foot end*/ }

.section13 .xgzt { padding-top: 100px; }

.section13 .xgzt .article { padding-top: 30px; }

.section13 .xgzt .article .t-box { padding: 10px 15px; }

.section13 .xgzt .article .t-box .content .img { padding: 5px; border: 1px solid #eee; transform-style: preserve-3d; perspective: 200px; }

.section13 .xgzt .article .t-box .content .img a { display: block; transform: rotateY(0deg); }

.section13 .xgzt .article .t-box .content .img a:hover { animation: rotate 0.5s linear; }

.section13 .xgzt .article .t-box .content .img a img { display: block; width: 100%; }

@keyframes rotate { 0% { transform: rotateY(0deg); }
  50% { transform: rotateY(5deg); }
  100% { transform: rotateY(0deg); } }

.section13 .xgzt .article .t-box .content h4 { margin: 0; padding: 8px 5px; }

.section13 .xgzt .article .t-box .content h4 a { display: block; line-height: 1.6em; height: 3.2em; box-sizing: border-box; color: #333; font-size: 18px; overflow: hidden; transition: all 0.3s linear; }

.section13 .xgzt .article .t-box .content h4 a:hover { color: #e21418; }

@media (max-width: 1199px) { .section13 .xgzt .article .t-box .content h4 a { height: 4.5em; } }

.section13 .footer { position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); left: 18%\9; bottom: 0; padding: 30px 0; color: #333; }

.section13 .footer a { color: #333; }

.section13 .footer a:hover { color: #D84A4A; }

.section13 .footer em { font-style: normal; margin: 0 8px; color: #333; }

.section13 .footer .m-t-xs { margin-top: 10px; }

.section13 .footer .m-t-xs small { font-size: 70%; }

.section13 .footer .m-t-xs small em { margin: 0 4px; }

/*相关专题与页脚结束*/