body{ background: #030857;}
.bg-gray{ background: #ffffff;}

.menu{text-align:center; border-bottom: 0px solid #eeeeee ; padding-top: 0px; background:rgba(16,74,255,0.8); margin-top: -40px;}
.menu ul{ display: flex; flex-direction:row; justify-content: space-between; align-items: center;}
.menu li{ width:20%;   text-align: center;transition:all 0.2s linear;}
.menu li a{border-bottom: 5px solid none;display: inline-block; height:40px; line-height: 40px; font-size:0.75rem;  font-weight: bold; color: #ffffff;}
.menu li:hover{ background: #ffffff;}
.menu li:hover a{color: #104aff; border-bottom: 5px solid #034b9f;}

.menu li:last-child {}
.nav_fixed{position:fixed;top:0; width:100%; margin:0px auto; z-index:10}
@media (min-width: 375px) {
	.menu li a{ font-size:0.875rem; }
}
@media (min-width: 576px) {
	.menu{ margin-top: -50px;}
	.menu li a{ font-size:1rem;height:50px; line-height: 50px;}
}
@media (min-width: 992px) {
	.menu{ margin-top: -60px;}
	.menu li a{ font-size:1.25rem;height:60px; line-height: 60px;}
}
@media (min-width: 1230px) {
	.menu{ margin-top: -100px;}
	.menu li a{ font-size:1.5rem;height:100px; line-height: 100px;}
}
.nav_fixed{margin:0px auto;}


.sec01 .col-lg-4{ display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;  }
.sec01 .col-lg-8{ display: flex; flex-direction: column; align-items: flex-start; justify-content:center;  }

.sec01 .hdp4 .swiper-container { width: 660px; max-width: 100%;}
.sec01 p{ text-indent: 2em; width: 100%; box-sizing: border-box;}

@media (min-width: 1230px) {
.sec01 .col-lg-4{  font-size: 1rem;  line-height: 30px;}
}

.yjbtn{ display: inline-block; padding: 2px 15px ; text-align: center; background: #034b9f; border-radius: 0px; color: #ffffff;}
.yjbtn:hover{ color: #ffffff;}

.yjbtn2{ display: inline-block; padding: 5px 20px ; text-align: center; background: #034b9f; border-radius: 0px; color: #ffffff; box-shadow:0px 0px 8px rgba(28,28,28,0.4); font-size: 16px; font-weight: bold;}
.yjbtn2:hover{ color: #ffffff;}



/*专题板块标题*/
.tbar{ font-weight:lighter;}
.tbar{  color: #333333;}
.tbar img{ height: 80px;}
@media (min-width: 768px) {
	.tbar{ font-size:1.625rem;}
	.tbar img{ height: 110px;}
}
@media (min-width: 1230px) {
	.tbar{ font-size: 2.5rem;}
	.tbar img{ height:auto;}
}
.tbar span{ color: #034b9f;}
.tbar i{ color: #cda469; font-style: normal;}

.tbar2{ text-align: center;  color: #ffffff;   }
.tbar2 h3{display: inline-block;background: url(../img/tbarbg.png) no-repeat center; background-size: 100% 100%;padding: 0px 30px 6px 30px;margin: 0px auto; font-size: 18px; line-height: 2; }

@media (min-width: 768px) {
	.tbar2 h3{ font-size:1.375rem;padding: 0px 40px 8px 40px;}
}
@media (min-width: 1230px) {
	.tbar2 h3{ font-size: 1.875rem;padding: 0px 60px 10px 60px;}
}

.titbg1{ background: url(../img/titbg1.png) no-repeat center; background-size: auto 100%;}
.titbg2{ background: url(../img/titbg2.png) no-repeat center; background-size: auto 100%;}
.titbg3{ background: url(../img/titbg3.png) no-repeat center; background-size: auto 100%;}
.titbg4{ background: url(../img/titbg4.png) no-repeat center; background-size: auto 100%;}

.titbgh1{ background: url(../img/titbgh1.png) no-repeat center; background-size: auto 100%;}
.titbgh2{ background: url(../img/titbgh2.png) no-repeat center; background-size: auto 100%;}
.titbgh3{ background: url(../img/titbgh3.png) no-repeat center; background-size: auto 100%;}
.titbgh4{ background: url(../img/titbgh4.png) no-repeat center; background-size: auto 100%;}

.pdis1{ display: none;}
.pdis2{ display: block;}
@media (min-width: 768px) {
	.pdis1{ display: block;}
	.pdis2{ display: none;}
}

.mcname{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #ffffff; background: url(../img/line2.png) no-repeat center; background-size: 100% auto;}
.mcname li{ cursor: pointer; text-align: center; width: 30%;transform: scale(0.8); margin: 0px auto;}
.mcname li img{ display: block; margin: 0px auto; max-width: 159px; width: 70%;}
.mcname li.cur{transform: scale(1);}

.mccon{ width: 100%; color: #ffffff; position: relative; overflow: hidden;}
.mccon li{ opacity: 0.3; top: 0px;   text-align: center; transform: scale(0.8);  z-index: -1; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.mccon li:first-child{ position: absolute;}
.mccon li:nth-child(2){ opacity: 1; left: 50%; z-index: 1;transform: scale(1) translateX(-50%); position: relative;}
.mccon li:last-child{ position: absolute;}
.mccon li .video{ width: 100%; height: auto; position: relative;padding:15px 6px 12px 6px; display: flex; flex-direction: row; justify-content: center; align-items: center; background: url(../img/wbg.png) no-repeat center #030857; background-size: 100% auto;}
.mccon li .mdxx{ width: 100%; height: auto; background: url(../img/wbg2.png) no-repeat #030857; background-size: 100% auto; display: flex; flex-direction: row; justify-content: space-between; align-items:center; box-sizing: border-box; padding: 15px 10px 0px 20px;}
.mccon li .mdxx img{ max-width: 184px; height: auto; margin-right: 15px; width: 30%;}
.mccon li .mdxx .text{ width: 100px; flex-grow: 1; text-align: left; color: #ffffff; padding-bottom: 8px;}
.mccon li .mdxx .text h4{ font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.mccon li .mdxx .text h5{ font-weight: normal; margin-top: 3px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.mccon li .mdxx .text h6{ color: #ffffff; line-height: 1.7; margin-top: 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.mccon li .btna{ align-self: flex-end; background: url(../img/bnt.png) no-repeat top; background-size:100% 100%; padding: ; font-size: 12px; padding: 0px 15px; padding-bottom:8px; line-height: 2;}
.mccon li .btna a{ display: block; color: #030857;}

@media (min-width: 576px) {
	.mccon li .video{padding:37px 13px 30px 13px;}
	.mccon li .mdxx{align-items: flex-end;padding: 40px 20px 0px 55px;}
	.mccon li .mdxx .text{padding-bottom: 16px;}
	.mccon li .mdxx .text h5{margin-top: 5px;}
	.mccon li .mdxx .text h6{margin-top: 16px; line-height: 2;}
	.mccon li .btna{ font-size: 14px;padding-bottom:8px;}
}
@media (min-width: 1230px) {
	.mccon li{ width: 1000px;}
	.mccon li:first-child{  right: 50%; margin-right: 200px;}
	.mccon li:nth-child(2){}
	.mccon li:last-child{ left:50%; margin-left: 200px;}
	.mccon li .btna{ font-size: 14px;padding-bottom:4px;}
}

video{ background: #030857; margin: 0px; padding: 0px; height: auto; width: 100%;}



.hdp9 .swiper-container {width: 100%;height: auto;margin-left: auto;margin-right: auto; }
.hdp9 .swiper-slide { height: auto;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: flex-start;align-items: flex-start;}
.hdp9 .swiper-slide img{ width: 100%;  height: auto;}

.hdp9 .swiper-button-next{background-image: url(../img/ic_next.png); }
.hdp9 .swiper-button-prev{background-image: url(../img/ic_prve.png); }

.hdp9 .swiper-button-prev:after,.hdp9 .swiper-container-rtl .swiper-button-next:after{content:''}
.hdp9 .swiper-button-next:after,.hdp9 .swiper-container-rtl .swiper-button-prev:after{content:''}

.hdp9 .swiper-button-next,.hdp9 .swiper-button-prev{ width:46px;height:46px; margin-top: -23px; z-index:10;cursor:pointer;background-size:46px 46px;background-position:center;background-repeat:no-repeat; color:#000000;}
.hdp9 .swiper-button-next:after,.hdp9 .swiper-button-prev:after{ font-size: 20px;  font-weight: bold;}
.hdp9 .swiper-pagination-fraction{ bottom:0px;left:0;width:100%; font-size: 16px; color: #000000; font-weight: bold;line-height: 24px;}
@media (min-width:1230px) {
	.hdp9 .swiper-pagination-fraction{ font-size: 20px; }
}

.hdp6 .imgtt4 .text2 p{ font-size: 12px;}
.hdp6 .imgtt4 .text2 h5{ font-size: 14px;}
@media (min-width: 768px) {
.hdp6 .imgtt4 .text2 p{ font-size: 14px;}
.hdp6 .imgtt4 .text2 h5{ font-size: 18px;}
}

.tsbutton{ position: absolute; bottom: 0; width: 100%; height: 70px; background:rgba(0,0,0,0.5); z-index: 1;}


.hdp9.tshd .swiper-pagination-fraction{ bottom:23px;left:0;width:100%; font-size: 16px; color: #FFFFFF; font-weight: bold;line-height: 24px; text-align: left; padding-left: 15px; box-sizing: border-box;}
@media (min-width:1230px) {
	.hdp9.tshd .swiper-pagination-fraction{ font-size: 20px; width: 1200px; left:50%; margin-left: -600px;}
}

.hdp9.tshd .swiper-button-next{background-image: url(../img/ic_next2.png); left: 50%; margin-left: 10px; right: auto;}
.hdp9.tshd .swiper-button-prev{background-image: url(../img/ic_prve2.png);right: 50%;  margin-right: 10px; left: auto;}
.hdp9.tshd .swiper-button-next,.hdp9.tshd .swiper-button-prev{ width:31px;height:27px; margin-top: -13px; z-index:10;cursor:pointer;background-size:31px 27px;background-position:center;background-repeat:no-repeat; color:#000000; z-index: 11;}

 .swiper-container {
      width: 100%;
      height: 100%;
}
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background:url(../img/k1.png) no-repeat center; background-size: 95% auto; padding:5% 6.5%; box-sizing: border-box;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide img{ width: 100%; height: auto;}


.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:''}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:''}
.swiper-button-next{background-image: url(../img/ic_next.png); right:0px;}
.swiper-button-prev{background-image: url(../img/ic_prev.png); left: 0px;}
.swiper-button-next,.swiper-button-prev{ width:40px;height:40px; margin-top: -20px; z-index:10;cursor:pointer;background-size:100% 100%;background-position:center;background-repeat:no-repeat; color:#000000; z-index: 11; content: '';}
.swiper-button-next{ right: 0px;}

@media (min-width: 768px) {
	.swiper-button-next,.swiper-button-prev{ width:60px;height:60px;margin-top: -30px;}
	.swiper-button-next{ right: 5px;}
}
@media (min-width: 992px) {
	.swiper-button-next,.swiper-button-prev{ width:80px;height:80px;margin-top: -40px;}
	.swiper-button-next{ right: 10px;}
}
@media (min-width: 1230px) {
	.swiper-button-next,.swiper-button-prev{  }
	.swiper-button-next{ right: 25px;}
}

.hbox{width: 100%; box-sizing: border-box; background: url(../img/k2.png) no-repeat center; padding: 0px 3.5%; background-size: 100% auto; position: relative;}

.zfbox{ width: 100%;}
.zfbox li{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start; background: url(../img/libg.png) no-repeat bottom center; background-size: 100% 100%; box-sizing: border-box; padding: 10px; color: #ffffff;}
.zfbox li .img{ width: 30%; margin-right: 10px; max-width: 334px;}
.zfbox li .img img{ width: 100%; height: auto;}
.zfbox li .text{ width: 100px; flex-grow: 1;}
.zfbox li h4{ font-weight: bold;}
.zfbox li h5{ font-weight: normal; margin-top: 3px;}
.zfbox li h6{color: #ffffff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-top: 6px; text-indent: 2em; line-height: 1.8;}

.zfbox .btnb{ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 100%; background: url(../img/line3.png) no-repeat left; background-size: 65% 3px; margin-top: 15px;}
.zfbox .btnb a{ display: block;  color: #030857;background: url(../img/bnt.png) no-repeat top; background-size:100% 100%; padding: ; font-size: 14px; padding: 0px 5px; padding-bottom:8px; line-height: 2; width: auto; box-sizing: border-box;}

@media (min-width: 576px) {
	.zfbox li{padding: 20px;}
	.zfbox li .img{ width: 40%;margin-right: 20px; }
	.zfbox li h6{ margin-top: 16px;}
	.zfbox .btnb a{ font-size: 14px;padding-bottom:8px;}
}
@media (min-width: 1230px) {
	.zfbox li .img{ margin-right: 60px;}
	.zfbox .btnb a{ font-size: 14px;padding-bottom:12px; padding: 0px 12px 3px 12px;}
}