@charset "UTF-8";
/*军网导航*/
html a { color: #000; }

.nav { margin: 0; padding: 0; }

.nav li { position: relative; }

.navbar { position: relative; padding: 0; margin: 0; background: #FFFFFF; }

.navbar li { position: relative; }

.navbar li.active { background: #e1e1e1; }

.navbar .navbar-header { float: left; }

.main-nav .logo, .nav-bar .logo, .nav-bar .navbar, .nav-bar .navbar li { float: left; }

.nav-bar, .tj-slider { background: #FFFFFF; }

.nav-bar .logo { margin: 10px 0; }

.nav-bar .logo  a{display:block;}

.nav-bar .logo  a img{display:block;height:30px;}

.nav-bar .search { width: 180px; margin: 10px 0; }

.search.float-right form {
    height: 30px;
}

.height-i{height:30px !important;float:left;}

.nav-bar .search input[type=text] { height: 30px; font-size: 12px; }

.nav-bar .search .btn { height: 30px; }

.menu { background: #434A66; }

.menu ul { width: 100%; padding: 0; margin: 0; float: left; overflow: hidden; clear: both; }

.menu ul li { padding: 32px 0; width: 12.2%; box-sizing: border-box; text-align: center; position: relative; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg);    transition: all 0.3s linear; }

.menu ul li a { color: #E6F3FE; display: inline-block; font-size: 24px; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); transform: skew(20deg); }

.menu ul li a:hover { color: #fff; }

.menu ul li:first-child { margin-left: 12px; }

.menu ul li:first-child:hover { background: #434A66; }

.menu ul li:hover { background: #525A7F; background-size: cover; }

.menu ul li:hover::after { width: 0; }

.menu ul li:after { content: ""; position: absolute; width: 1px; background: #ccc; right: 0; top: 25px; bottom: 25px; }

.menu ul li:last-child:after { display: none; }

.menu ul li:first-child:after { display: none; }

@media (max-width: 767px) { .menu { display: none; } }

/*banner*/

.banner { overflow: hidden; min-width:1200px }

.banner .swiper-slide { background: url(../img/banner-main.jpg) no-repeat; background-position: bottom center; position: relative; max-width: 1920px; margin: 0 auto;float:none ;height: 800px;}

.banner .swiper-slide:after { content: ""; position: absolute; left: 0; right: 0; bottom:-3px; z-index: 9; height: 80px; background: url(../img/ribbon.png) no-repeat; }

.banner .swiper-slide .figure { position: absolute; left: 0; bottom: 30px; z-index: 5; display: none; width: 50%; }

.banner .swiper-slide .caption { position: absolute; z-index: 6; display: none; width: 50%; right: 150px; top: 15%; }

.banner .swiper-slide .cloud { position: absolute; left: 0; right: 0; top: 0; height: 500px; }

.banner .swiper-slide .cloud .before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url(../img/c1.png); }

.banner .swiper-slide .cloud .after { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url(../img/c2.png); }

.banner .swiper-slide.swiper-slide-active .figure { animation: fadeIn ease-in 1s forwards; }

.banner .swiper-slide.swiper-slide-active .caption { animation: fadeIn ease-in 1s .5s forwards; }


@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes c1 { 0% { background-position-x: 0; }
  100% { background-position-x: 3679px; } }

@keyframes c2 { 0% { background-position-x: 0; }
  100% { background-position-x: 3840px; } }




.toutiao { background: #EDF2F6;     padding: 20px 0 40px 0; }
.toutiao img{
	position:relative;
	top:2em;
	    left: 2em;
}
.toutiao .ple h2 { font-weight: bold; font-size: 34px; }
.toutiao .ple h2 a{ color:#333;}
.toutiao .ple p { color: #999; margin: 0;font-size: 22px; }

.toutiao .ple a { display: inline-block; }

.toutiao .ple a span { color: red; margin-left: 15px; }

.toutiao .ple a:hover { color: #EC1D25; }



.title { text-align: center; padding: 60px 0 30px 0; }

.title a { display: inline-block; position: relative; }

.title a img { display: block; }
.xxyz-tt{
	padding: 40px 0 30px 0;
}

/*统帅与士兵*/
.xiwu { margin-bottom: 30px; }

.xiwu a { position: relative; display: block;overflow:hidden;}

.xiwu a img { width: 100%; display: block; transition: all 0.3s linear;}

.xiwu a span, .xiwu a i { display: block; position: absolute; bottom: 0; height: 3em; left: 0; right: 0; }

.xiwu a i { background: #000; opacity: .5; filter: alpha(opacity=50); }

.xiwu a span { color: #fff; margin-left: 10px; margin-bottom: -10px; }

.xiwu a:hover img{ transform: scale(1.1); }

.tang { background: #F8F8F8; padding: 6px 15px; margin-bottom: 30px; box-shadow: 0 4px 5px #e1e1e1; }

.tang h3 { font-weight: bold; }

.tang p { color: #999;     height: 8em;    overflow: hidden;    line-height: 2em;}
.tang:hover { box-shadow: 0 5px 8px #999; }

/*学习园地*/

.setmain_box { background-image: url(../img/quanquan_bg.png); }

.setmain_box .article { padding: 4%; background-color: #fff; }

.setmain_box .article .section { overflow: hidden; }

.setmain_box .article .section .learnnav_all { display:none\9!important;  display:block;}

.setmain_box .article .section #sync1 { width: 77%; float: right; box-sizing: border-box; }

.setmain_box .article .section #sync1 .owl-wrapper-outer .owl-wrapper .owl-item .item { overflow: hidden; }

.setmain_box .article .section #sync1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content { float: left; width: 33.33%; box-sizing: border-box; padding: 10px 15px; margin-bottom:10px;}

.pictxtbox_trans a{display:block; overflow:hidden;}

.pictxtbox_trans a img{width:100%;display:block; transition: all 0.3s linear;}

.pictxtbox_trans:hover a img{ transform: scale(1.1);}

.pictxtbox_trans:hover p a{color:#F55;}

.setmain_box .article .section #sync1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content p { margin: -5px 0 0 0; background-color: #f2f2f2; padding: 8px 8px; height:50px; overflow:hidden;}

.setmain_box .article .section #sync2 { text-align: center; width: 210px; float: left; height: 430px; background-image: url("../img/quan.png"); background-repeat: no-repeat; background-size: cover; }


.setmain_box .article .section #sync2 .owl-wrapper-outer { width: 100% !important; }

.setmain_box .article .section #sync2 .owl-wrapper-outer .owl-wrapper { position: relative; width: 100% !important; height: 536px; }


.setmain_box .article .section #sync2 .owl-wrapper-outer .owl-wrapper .owl-item { width: 100% !important; }

.setmain_box .article .section #sync2 .owl-wrapper-outer .owl-wrapper .owl-item .item div p { margin: 0; font-size: 20px; color: #fff; }

.setmain_box .article .section #sync2 .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(1) { position: absolute; top: 11%; left: -32%; }

.setmain_box .article .section #sync2 .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(2) { position: absolute; top: 22%; left: 5%; }

.setmain_box .article .section #sync2 .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(3) { position: absolute; top: 38%; left: 20%; }

.setmain_box .article .section #sync2 .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(4) { position: absolute; top: 55%; left: 5%; }

.setmain_box .article .section #sync2 .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(5) { position: absolute; top: 65%; left: -32%; }



.setmain_box .article .section .learnnav_ie { display:none!important;  display:block\9!important;}

.setmain_box .article .section #sync3 { width: 77%; float: right; box-sizing: border-box; }

.setmain_box .article .section #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item { overflow: hidden; }


.setmain_box .article .section #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .content { float: left; width: 33.33%; box-sizing: border-box; padding: 0 10px; margin:0 0 35px 0;}

.setmain_box .article .section #sync1 .owl-wrapper-outer .owl-wrapper .owl-item .item .content:hover p a{color:#F55;}

.setmain_box .article .section #sync3 .owl-wrapper-outer .owl-wrapper .owl-item .item .content p { margin: -5px 0 0 0; background-color: #f2f2f2; padding: 8px 8px; height:50px; overflow:hidden;}

.setmain_box .article .section #sync4 { text-align: center; width: 20%; float: left; height: 430px; }


.setmain_box .article .section #sync4 .owl-wrapper-outer { width: 100% !important; }

.setmain_box .article .section #sync4 .owl-wrapper-outer .owl-wrapper { position: relative; width: 100% !important; height: 536px; }

.setmain_box .article .section #sync4 .owl-wrapper-outer .owl-wrapper .owl-item { width: 100% !important; }

.setmain_box .article .section #sync4 .owl-wrapper-outer .owl-wrapper .owl-item .item div p { margin: 0; font-size: 20px; color: #fff;  padding:25px;padding-bottom:28px;}

.setmain_box .article .section #sync4 .owl-wrapper-outer .owl-wrapper .owl-item .item div .picture { background-color:#da7f97;}

.setmain_box .article .section #sync4 .owl-wrapper-outer .owl-wrapper .owl-item .item div .h5 { background-color:#6d96b1;}

.setmain_box .article .section #sync4 .owl-wrapper-outer .owl-wrapper .owl-item .item div .cartoon { background-color:#6ac3bc;}

.setmain_box .article .section #sync4 .owl-wrapper-outer .owl-wrapper .owl-item .item div .sand { background-color:#569798;}

.setmain_box .article .section #sync4 .owl-wrapper-outer .owl-wrapper .owl-item .item div .vr { background-color:#e19c6b;}

.setmain_box .article .section #sync4 .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(1) { position: absolute; top: 11%; left: -32%; }

.setmain_box .article .section #sync4 .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(2) { position: absolute; top: 22%; left: 5%; }

.setmain_box .article .section #sync4 .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(3) { position: absolute; top: 38%; left: 20%; }

.setmain_box .article .section #sync4 .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(4) { position: absolute; top: 55%; left: 5%; }

.setmain_box .article .section #sync4 .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(5) { position: absolute; top: 65%; left: -32%; }



/*学习园地end*/


/*讲习所*/
.speak_box .speakbox_all .speakbox_up_box { transition: transform .3s; }

.speak_box .speakbox_all .speakbox_up_box a{ display:block; overflow:hidden; }

.speak_box .speakbox_all .speakbox_up_box a img{  display:block; width:100%; transition: all 0.3s linear;border-radius: 10px;}

.speak_box .speakbox_all .speakbox_up_box .speakbox_upbox_title { margin-bottom: 8px; font-weight: bolder; font-size: 16px; }

.speak_box .speakbox_all .speakbox_up_box .speakbox_upbox_title a:hover { color: #fe0000; }

.speak_box .speakbox_all .speakbox_up_box .speakbox_upbox_desc { margin-left: 10px; color: #666; }

.speak_box .speakbox_all .speakbox_down_box p { font-size: 16px; color: #333; margin: 10px 0; }

.speak_box a:hover { color: #fe0000; }

.speak_box .speakbox_all .speakbox_up_box a:hover img{ transform: scale(1.1);}

.jxs{
	margin-top:2em;
}

/*讲习所end*/
/*学习原著*/
.book_box .bookbox_mini { margin: 30px 0 0 0; }

.book_box .bookbox_mini .bookbox_up_box { border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative; width: 100%; height: 130px; background-color: #b0dfe9; }

.book_box .bookbox_mini .bookbox_up_box img { bottom: 15%; left: 5%; position: absolute; height: 145px; }

.book_box .bookbox_mini .bookbox_up_box p { width: 45%; margin-right: 5%;
 /* margin-top: 10%; */
    height: 115px;
    box-sizing: border-box;
    padding-top: 18px;
    margin-top: 0!important;
    margin-bottom: 0;

 font-size: 18px; float: right; font-weight: bolder; }

.book_box .bookbox_mini .bookbox_down_box { margin-bottom:30px; height: 160px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: #fff; margin-top: -6%; }

.book_box .bookbox_mini .bookbox_down_box p { padding: 5% 8%; }


.study{
	background: #fff;
    margin: 0;
    padding: 10px;
}

.study li{
	margin-bottom:15px;
}
.study li span{
	display: inline-block;
	position: relative;
    top: 3px;
}
.study li a{
	font-size:18px;
	margin-left:10px;
}
.xxyz{
	position:relative;
}
.xxyz .yzbg{
    
    height: 388px;
    background: #F6F6F6;
    position: absolute;
    bottom: -30px;
	left:0;
	right:0;
    z-index: -5;
}
	



/** xxxjs**/
/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; }

.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; }

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container { /* Specify Swiper's Size: */ /*width:200px; height: 100px;*/ }

.swiper-slide { /* Specify Slides's Size: */ /*width: 100%; height: 100%;*/ }

.swiper-slide-active { /* Specific active slide styling: */ }

.swiper-slide-visible { /* Specific visible slide styling: */ }

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch { /* Stylize pagination button: */ }

.swiper-active-switch { /* Specific active button style: */ }

.swiper-visible-switch { /* Specific visible button style: */ }

.xxxsj { overflow: hidden; padding: 47px; box-sizing: border-box; height: 540px;background:#fff}

.xxxsj .tab { background: url(../img/quan.png) no-repeat; width: 210px; height: 440px; background-size: cover; float: left; position: relative; }

.xxxsj .tab .item { font-size: 20px; position: absolute; color: #fff; cursor: pointer; }

.xxxsj .tab .item.i1 { top: 30px; left: 15px; }

.xxxsj .tab .item.i2 { top: 97px; left: 115px; }

.xxxsj .tab .item.i3 { top: 202px; left: 144px; }

.xxxsj .tab .item.i4 { top: 303px; left: 104px; }

.xxxsj .tab .item.i5 { top: 371px; left: 23px; }

.xxxsj .tab .item a { color: #fff; display: inline-block; transition: linear all .3s; padding: 10px; box-sizing: border-box; }

.xxxsj .tab .item a:hover { color: #d43; transform: scale(1.1); }

.xxxsj .tab .item.active a { color: #d43; transform: scale(1.1); }

.xxxsj .swiper-container { float: right; width: 830px; }

.xxxsj .swiper-container .swiper-slide:after { content: ""; display: block; clear: both; }

.xxxsj .swiper-container .item { float: left; width: 33.3333%; padding: 10px 15px; margin-bottom: 10px; box-sizing: border-box; }

.xxxsj .swiper-container .item .img { overflow: hidden; display: block; }

.xxxsj .swiper-container .item .img img { display: block; width: 100%; transition: linear all .3s; }

.xxxsj .swiper-container .item .img img:hover { transform: scale(1.1); }

.xxxsj .swiper-container .item .title { background-color: #f2f2f2; padding: 8px 8px; font-size: 14px; line-height: 1.5em; height: 4.4em; box-sizing: border-box; color: #000; overflow: hidden; display: block; }

.xxxsj .swiper-container .item .title:hover { color: #d43; }


/*页脚*/
.footer { padding: 30px 0; color: #333; background: #f2f2f2; }

.footer a { color: #333; }

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

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

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

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

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



/*fix*/

.rili,.menu,.toutiao,.xxyz,.learn_main_box,.footer,.nav-bar {min-width:1200px;}

/*lhzt*/
.lhzt{
	margin-top: 60px;
}
.lhzt a{
	display:block;
	overflow:hidden;
}
.lhzt a img{
	display: block; width: 100%; transition: linear all .3s;
}
.lhzt a img:hover { transform: scale(1.05); }

.slh3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:3;
  overflow: hidden;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-line-clamp: 3;
  overflow: hidden;
  display: -o-box;
  -o-box-orient: vertical;
  -o-line-clamp: 3;
  overflow: hidden;
}