@charset "utf-8";

body{background: #ebf8ff;}

.fullPage-sidenav{position: absolute; z-index: 999; top: auto; left: 1.5%; margin-top: 1.5%;}
.fullPage-sidenav ul{position: relative;}
.fullPage-sidenav li a i,
.fullPage-sidenav li a span{-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}

.fullPage-sidenav li a{position:relative; display: block; padding: 10px 0; color:#333;}
.fullPage-sidenav li a i{display: block; position: relative; z-index: 2; width: 15px; height: 15px; border-radius:50%; background: #ccc;}
.fullPage-sidenav li a span{position: absolute; top: 50%; left: 25px; margin-top: -10px; white-space: nowrap; display: block; overflow: hidden; opacity: 0; filter: alpha(opacity=0); cursor: pointer; font-size: 15px; line-height: 20px;}
.fullPage-sidenav li a:hover i{background: #1d59b3;}
.fullPage-sidenav li a:hover span{color: #1d59b3; opacity: 1; filter: alpha(opacity=100);}
.fullPage-sidenav li.active a i{background: #1d59b3;}
.fullPage-sidenav.fixed{position: fixed; top: 2%; margin-top: 0;}
@media (max-width:992px) {
  .fullPage-sidenav{display: none;}
}

.blgk-thead{text-align: center;}
.blgk-thead a{display: inline-block; width: 47.2%; min-width: 280px;}

.xqgk{padding-top: 3%; background: url(../images/blgk/xqgk_bg.png) no-repeat center top; background-size: 100% 100%;}
.xqgk .xqtab{position: relative; padding-bottom: 144px; background: #eef8fe; box-shadow: 0 0 16px 0 rgb(29, 89, 179, .21);}
.xqgk .xqtab .hd{position: absolute; right: 0; bottom: 0; left: 0;}
.xqgk .xqtab .hd:before{position: absolute; top: 0; right: -1px; bottom: 0; left: -1px; content: ""; background: #dcf0f9; border: 1px solid #aed0e1}
.xqgk .xqtab .hd ul{position: relative; z-index: 2; margin: 2px 0 0 !important;}
.xqgk .xqtab .hd ul li{float: left; width: 12.5%}
.xqgk .xqtab .hd ul li a.item{padding: 20px 0; margin: 0 !important; background: none; border: none;}
.xqgk .xqtab .hd ul li a.item i{width: 65px; height: 65px;}
.xqgk .xqtab .hd ul li a.item span{line-height: 30px;}
.xqgk .xqtab .hd ul li a.item:after{position: absolute; right: -1px; left: -1px; bottom: 0; content: ""; width: 0; height: .25em; margin: 0 auto; background: #8ab9ff; transition: all .3s;}
.xqgk .xqtab .hd ul li.on a.item{
background-image: linear-gradient(#edf9ff, #dcf1ff);
background-image: -webkit-linear-gradient(#edf9ff, #dcf1ff);
background-image: -o-linear-gradient(#edf9ff, #dcf1ff);
background-image: -moz-linear-gradient(#edf9ff, #dcf1ff);
background-image: -ms-linear-gradient(#edf9ff, #dcf1ff);	
}
.xqgk .xqtab .hd ul li.on a.item:after{width: 100%;}
.setIE .xqgk .xqtab .hd ul li.on a.item{background: url(../images/blgk/xqgk_item_bg_on.png) repeat-x bottom #edf9ff;}
@media (max-width:1280px) {
  .xqgk .xqtab{padding-bottom: 117px;}
  .xqgk .xqtab .hd ul li a.item{padding-top: 15px; padding-bottom: 15px;}
  .xqgk .xqtab .hd ul li a.item i{width: 50px; height: 50px; margin-bottom: 5px;}
}
@media (max-width:992px) {
  .xqgk .xqtab{padding-bottom: 105px;}
  .xqgk .xqtab .hd ul li a.item i{width: 40px; height: 40px;}
}
@media (max-width:768px) {
  .xqgk .xqtab{padding-bottom: 0;}
  .xqgk .xqtab .hd{position: static;}	
  .xqgk .xqtab .hd:before{content: normal;}
  .xqgk .xqtab .hd ul{padding-top: 1px; padding-left: 1px;}
  .xqgk .xqtab .hd ul li{width: 25%;}
  .xqgk .xqtab .hd ul li a.item{margin-top: -1px !important; margin-left: -1px !important; border: 1px solid #aed0e1;}
  .xqgk .xqtab .hd ul li.on a.item{background: none;}
  .xqgk .xqtab .hd ul li.on a.item:after{width: 0;}
  .xqgk .xqtab .hd ul li a.item:hover{
	background-image: linear-gradient(#edf9ff, #dcf1ff);
	background-image: -webkit-linear-gradient(#edf9ff, #dcf1ff);
	background-image: -o-linear-gradient(#edf9ff, #dcf1ff);
	background-image: -moz-linear-gradient(#edf9ff, #dcf1ff);
	background-image: -ms-linear-gradient(#edf9ff, #dcf1ff);	
  }
  .xqgk .xqtab .hd ul li a.item:hover:after{width: 100%;}
}
@media (max-width:450px) {
  .xqgk .xqtab .hd ul li{width: 50%;}
  .xqgk .xqtab .hd ul li a.item{padding-top: 10px; padding-bottom: 10px;}
  .xqgk .xqtab .hd ul li a.item i{width: 40px; height: 40px; margin-bottom: 0;}	
}
.xqgk .xqtab .bd{padding: 30px;}
.xqgk .xqtab .bd dl dt{float: right; width: 35%;}
.xqgk .xqtab .bd dl dt a{display: block; margin-left: 30px; overflow: hidden;}
.xqgk .xqtab .bd dl dd{float: left; width: 65%;}
.xqgk .xqtab .bd dl dd .desc{-webkit-line-clamp: 6; line-height: 2em; max-height: 12em; text-align: justify;}
.xqgk .xqtab .bd dl dd .more{margin-top: 1em; text-align: left;}
.xqgk .xqtab .bd dl dd .more a{display: inline-block; position: relative; padding-left: 30px; color: #1d59b3; font-size: 1.125em; transition: all .3s;}
.xqgk .xqtab .bd dl dd .more a i{position: absolute; top: 50%; left: 0; margin-top: -10px; width: 14px; height: 14px; border: 2px solid #1d59b3; transform: rotate(45deg); transition: all .3s;}
.xqgk .xqtab .bd dl dd .more a i:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 3px; content: ""; background: #1d59b3;}
.xqgk .xqtab .bd dl dd .more a:hover{padding-left: 50px;}
.xqgk .xqtab .bd dl dd .more a:hover i{left: 20px;}
@media (max-width:1500px) {
  .xqgk .xqtab .bd dl dd .desc{-webkit-line-clamp: 5; max-height: 10em;}	
}
@media (max-width:1280px) {
  .xqgk .xqtab .bd{padding: 20px;}	
  .xqgk .xqtab .bd dl dd .desc{-webkit-line-clamp: 4; max-height: 8em;}
  .xqgk .xqtab .bd dl dd .more a{font-size: 1em;}
  .xqgk .xqtab .bd dl dd .more a i{margin-top: -8px; width: 12px; height: 12px;}
}
@media (max-width:992px) {
  .xqgk .xqtab .bd{padding: 20px;}	
  .xqgk .xqtab .bd dl dd .desc{-webkit-line-clamp: 3; max-height: 6em;}
  .xqgk .xqtab .bd dl dd .more a{padding-left: 20px;}
  .xqgk .xqtab .bd dl dd .more a i{margin-top: -7px; width: 10px; height: 10px;}
  .xqgk .xqtab .bd dl dd .more a i:before{margin: 2px;}
}
@media (max-width:768px) {
  .xqgk .xqtab .bd{display: none;}	
  .xqgk .xqtab .bd dl dt{float: none; width: 50%; margin: 0 auto 20px;}
  .xqgk .xqtab .bd dl dt a{margin-left: 0;}
  .xqgk .xqtab .bd dl dd{float: none; width: auto;}
  .xqgk .xqtab .bd dl dd .desc{-webkit-line-clamp: 2; max-height: 4em;}
}
@media (max-width:450px) {
  .xqgk .xqtab .bd dl dt{width: 75%;}	
}
.xqgk .xqswiper .swiper-slide dl{padding-bottom: 15%;}
.xqgk .xqswiper .swiper-slide dl .imgbox{border-radius: 10px; overflow: hidden;}
.xqgk .xqswiper .swiper-slide dl .caption{font-size: 1.125em; font-weight: bold; margin-top: 1.25em;}
.xqgk .xqswiper .swiper-slide dl .desc{margin-top: 1.25em; font-size: .875em; line-height: 1.875em;}
.xqgk .xqswiper .swiper-slide dl .desc .elli-m{-webkit-line-clamp: 4; max-height: 7.5em;}
.xqgk .xqswiper .swiper-container-horizontal>.swiper-scrollbar{left: 0 !important; width: 100% !important;}
.xqgk .xqswiper .swiper-container-horizontal>.swiper-scrollbar{height: 8px; background: rgba(171,187,209,.26);}
.xqgk .xqswiper .swiper-scrollbar-drag{background: #1d59b3;}
.xqgk .xqswiper .swiper-ctrl-button{display: none;}
@media (max-width:992px) {
  .xqgk .xqswiper .swiper-slide dl .desc{font-size: 1em;}
  .xqgk .xqswiper .swiper-container-horizontal>.swiper-scrollbar{height: 5px;}
}
@media (max-width:414px) {	
  .xqgk .xqswiper .swiper-slide dl .desc .elli-m{display: block; max-height: none;}
}

.setIE .xqgk .xqswiper .swiper-ctrl-button{display: block; top: 0;}
.setIE .xqgk .xqswiper .swiper-container{margin-right: -20px; margin-left: -20px;}
.setIE .xqgk .xqswiper .swiper-slide dl{margin-right: 20px; margin-left: 20px;}
@media (max-width:1500px) {
  .setIE .xqgk .xqswiper .swiper-container{margin-right: -15px; margin-left: -15px;}
  .setIE .xqgk .xqswiper .swiper-slide dl{margin-right: 15px; margin-left: 15px;}	
}

/*印象博罗*/
.yxbl{padding-top: 2%; background: url(../images/blgk/yxbl_bg.png) no-repeat right bottom; background-size: auto 50%;}
.yxbl .swiper-slide{width: 75%; background: #fff;}
.yxbl .swiper-slide dl .place{padding-top: 51.32%; opacity: .5;}
.yxbl .swiper-slide-active dl .place{opacity: 1;}
.yxbl .swiper-ctrl-button.swiper-ctrl-prev{left: 12.5%; margin-left: -20px;}
.yxbl .swiper-ctrl-button.swiper-ctrl-next{right: 12.5%; margin-right: -20px;}
.yxbl .swiper-pagination.position span{position: relative; width: 14px; height: 14px; margin: 10px; border: 2px solid #1d59b3; transform: rotate(45deg); transition: all .3s; border-radius: 0; background: none;}
.yxbl .swiper-pagination.position span:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 3px; background: #1d59b3;}
.yxbl .swiper-pagination.position .swiper-pagination-bullet-active:before{content: "";}
.yxbl .swiper-pagination.position .swiper-active-switch:before{content: "";}
@media (max-width:992px) {
  .yxbl .swiper-pagination.position span{width: 10px; height: 10px; margin: 6px;}	
  .yxbl .swiper-pagination.position span:before{margin: 2px;}
}
.setIE.ie9 .yxbl .swiper-slide{
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.setIE.ie9 .yxbl .swiper-slide-visible {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
}
.setIE.ie9 .yxbl .swiper-slide-active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.setIE .yxbl .swiper-ctrl-button.swiper-ctrl-prev{left: 0; margin-left: 0;}
.setIE .yxbl .swiper-ctrl-button.swiper-ctrl-next{right: 0; margin-right: 0;}


/*魅力博罗*/
.mlbl{padding-top: 4%; padding-bottom: 2%; background: url(../images/blgk/mlbl_bg.png) no-repeat center top; background-size: 100% 100%;}
.mlbl .videobox{position: relative;}
.mlbl .videobox video{display: block; width: 100%; position: relative; z-index: 1; object-fit: cover;}
.mlbl .videobox .ctrl-video-btn{position: absolute; top: 50%; left: 50%; z-index: 2; width: 66px; height: 66px; margin-top: -33px; margin-left: -33px; cursor: pointer;}
.mlbl .videobox.zindex{z-index: 3;}

/*前景目标*/
.qjmb{padding-top: 2%; padding-bottom: 4%; background: url(../images/blgk/qjmb_bg.png) no-repeat left 10%; background-size: 20%;}
.qjmb .list{margin: -30px -15px 0;}
.qjmb .list li{float: left; width: 50%;}
.qjmb .list li dl{position: relative; margin: 30px 15px 0; padding: 25px 30px;}
.qjmb .list li dl dd{position: absolute; top: 25px; left: 30px; z-index: 2; padding: .25em 1em; font-size: .9375em; color: #1d59b3; border: 1px solid #7ea1d4; background: #fcfeff;}
.qjmb .list li dl dt{position: relative; z-index: 2;margin-top: 2.875em;}
.qjmb .list li dl dt a{font-weight: bold; font-size: 1.125em; line-height: 1.625em;}
.qjmb .list li dl:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #fff; opacity: .62; filter: alpha(opacity=62); border-radius: 3px;}
.qjmb .list li dl:hover dd{background: #fff;}
.qjmb .list li dl:hover:after{opacity: 1; filter: alpha(opacity=100); border: 1px solid #00a0f0;}
@media (max-width:1500px) {
  .qjmb{background-size: 30%;}	
}
@media (max-width:1280px) {
  .qjmb .list{margin: -20px -10px 0;}
  .qjmb .list li dl{margin: 20px 10px 0; padding: 20px;}
  .qjmb .list li dl dt a{font-size: 1em;}
  .qjmb .list li dl dd{top: 20px; left: 20px;}
}
@media (max-width:992px) {
  .qjmb .list{margin-right: 0; margin-left: 0;}
  .qjmb .list li{width: 100%;}	
  .qjmb .list li dl{margin-right: 0; margin-left: 0;}
  .qjmb .list li dl dt a{white-space: normal;}
  .qjmb .list li:nth-child(n+5){display: none;}
}
@media (max-width:450px) {
  .qjmb .list li dl{padding: 15px;}	
  .qjmb .list li dl dd{top: 15px; left: 15px;}
}