/**布局样式*****start*/
.app-main{margin-top:0px;/* background-color: #fff; */}
.app-container{height:100%;position: relative;}
.app-container2 {
	width: 70%;margin-bottom: 20px;margin:0 auto;height:auto;min-height:30px;
	background: #fff;
    padding-bottom: 10px;
    position: relative;
}
/**布局样式*****end*/

/**资源目录背景图片样式*/
.zyml-bg{
	position:absolute;
	width:100%;
	height:380px;
	top:100px;
	left:0px;
	background-image: url('1zhufengBg1.png');
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position-y: -350px;
}

/**头部科学钻探背景图片样式*************************************************start*****/
.head-img-1{height: 440px;width: 100%;}
.head-img-1 {
    background: url("1zhufengBg1.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.head-img-2{
	/* height: 150px; */
	width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #edf1fa;
}
/*头部背景图片*/
.head-img-1>p{  
	font-family: STLiti !important;
	position: absolute;top: 53px;
    height: 388px;width: 100%;
    text-align: center;line-height: 388px;
    color: #fff;font-size: 5rem;
    font-weight: bold;letter-spacing: 2rem;
}
/*当前位置*/
.current-position-container{
	position: absolute;left: 20%;top: 103px;
	width: 60%;margin: 0 auto;color: #555;
}
.current-position,.current-position a {color: #fff;}
/**头部科学钻探背景图片样式*********************************************************end*****/


/*************************************项目概况* start****/
.xiangmujianjie{
	background-image: url("./xiangmujianjie.png");
}
.scientific-content-type>.col-3{width: 20%;border-right: 4px solid #3B61BC;min-width: 210px;margin-right: 0px;padding-right: 0px;margin-left: 0px;padding-left: 0px;}
#v-pills-tab>button{border:0px;background-color:#fff;margin-top:20px;max-width:200px;min-width:200px;font-size: 1.3rem;margin-left: calc(50% - 100px);}
.ui_xmgk>li{padding-right: 20px;}
.swzx-project-layout{display:inline-block;width: calc(100% - 30px);}
.swzx-bd-highlight{min-width: 110px;}
.swzx-article-blod{
	/* font-size: 18px; */
    font-size: 1rem;
	text-align: justify;
	/* font-family: 宋体, Tahoma, Arial, Helvetica, STHeiti; */
	margin: 0px;padding: 0px !important;line-height: 35px;}
.swzx-article-index0em{
    /* font-size: 18px; */
    font-size: 1rem;
    padding: 0px !important;
    letter-spacing: 1px;
    text-align: justify;padding: 0px !important;
    /* font-family: 宋体, Tahoma, Arial, Helvetica, STHeiti; */
    margin: 0px;line-height: 35px;
}
.swzx-text-index2em,.swzx-article-index0em>p{
    text-indent: 2em;
}
#v-pills-tab>.nav-link>svg{color:#548DD4;vertical-align: top;}
#v-pills-tab .active {color: #fff;background-color: #3B61BC;}
#v-pills-tab .active>svg{color: #fff !important;}
.project-peoples-left{display: inline-block;width:150px;padding-left: 30px;float:left;}
.project-peoples-left li{width: 100px;margin-top: 20px;}
.project-peoples-left .li-active,.project-peoples-left li:hover{color: #3B61BC;font-weight: bold;}
.project-peoples-right{display: inline-block;width:calc(100% - 180px);float:right;}
/*************************************钻探科学简介* end****/
.people-name{font-weight: bold;}
/*************************************钻探科学简介* start****/
.project-blod{font-weight: bold;}
.people-info-desc{color:#548DD4;font-weight: bold;}
.scientific-container{height:400px;}
.scientific-instration{margin-top:30px;/* margin-bottom:30px; */}
.scientific-content-img{
	width:100%;max-height:400px;height:400px;
	background-image: url("./scileft.png");background-size: cover;background-position: center;
}
.scientific-content-type,.scientific-content-article{margin-left:0px;}
.scientific-content-type>.nav{width:100%;}
.scientific-content-type>.nav .nav-item{
	width:20%;text-align: center;
	/* font-family: 宋体, Tahoma, Arial, Helvetica, STHeiti; */
	font-size:1.3rem;
	border-bottom: 2px solid #3B61BC;
}
.scientific-content-type>.nav .scientific-active,.work-dynamic-active{
	/* border-top: 2px solid #3B61BC;
    border-left: 2px solid #3B61BC;
    border-right: 2px solid #3B61BC;
    border-bottom: 0px solid red; */
    color: #fff;
    background-color: #3B61BC;
}
.scientific-content-article{height:calc(100% - 40px);max-height: calc(100% - 40px);padding-right:15px;margin-top:15px;}
.scientific-content-article p,
.scientific-content-article ui li,
.work-dynamic-article ui li{
	text-indent: 2em;
    font-size: 18px;
    line-height: 35px;
    letter-spacing: 1px;
    text-align: justify;
    font-family: 宋体, Tahoma, Arial, Helvetica, STHeiti;
    margin: 0px;
    display: list-item;
}
.scientific-content-article{
  width: 100%;
  /* height: 150px; */
  /* overflow: hidden; */
  overflow: auto;
}
.scientific-content-article:hover {
  overflow: auto;
}
.scientific-content-article::-webkit-scrollbar,
#v-pills-tabContent::-webkit-scrollbar{
  width: 4px;
  border-radius: 4px;
  background-color: #fff;/*#f5f5f5*/
  border: 1px solid #fff;/*#c5c5c5*/
}
.scientific-content-article::-webkit-scrollbar-thumb,
#v-pills-tabContent::-webkit-scrollbar-thumb{
  width: 10px;
  border: 1px solid #fff;/*#f5f5f5*/
  border-radius: 10px;
  border: 1px solid #fff;/*#c5c5c5*/
  /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); */
}
.scientific-content-article:hover::-webkit-scrollbar-thumb,
#v-pills-tabContent:hover::-webkit-scrollbar-thumb{
	  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
/*************************************钻探科学简介* end****/

.content-title span {
	letter-spacing: 0.5rem;
    padding-bottom: 20px;
    margin-bottom: 10px;
    display: inline-block;
    /* border-bottom: 3px solid #698CD9; */
    color: #003042;
    position: relative;
    min-width:200px;
    padding-top: 20px;
}
.content-title {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    border-bottom: 4px solid #3B61BC;
}

/*************************************工作动态* start****/
.work-dynamic-article ui li{text-indent: 0;}
.scientific-instration-second{margin-top:50px;margin-bottom:30px;}
.work-dynamic{width:100%;}
.work-dynamic-container{height:300px;}
.work-dynamic-content,.work-dynamic-content>.row{height:100%;}
.work-dynamic-type,.work-dynamic-article{margin-left:0px;}
.work-dynamic-type>.nav{width:100%;}
.work-dynamic-type>.nav .nav-item{
	width:20%;text-align: center;
	/* font-family: 宋体, Tahoma, Arial, Helvetica, STHeiti; */
	font-size:1.3rem;
	border-bottom: 2px solid #3B61BC;
}
.work-dynamic-type>.nav .active{
	border-top: 2px solid #3B61BC;
    border-left: 2px solid #3B61BC;
    border-right: 2px solid #3B61BC;
    border-bottom: 0px solid red;
}
.work-dynamic-article{height:calc(100% - 40px);max-height: calc(100% - 40px);padding-right:15px;margin-top:15px;}
.scientific-tabloid{height: 300px;}
.scientific-tabloid>img{
	width:100%;height: 260px;
}
.tabloid-content{position: absolute;bottom: 8px;padding-left: 0px;font-size:13px;}
.work-dynamic-look-more{position: absolute;bottom: 0px;right: 50px;color: #3B61BC;font-weight: bold;}
.workDynamic:hover,.workMovie:hover,.workReport:hover{background-color:#EBEBEB;cursor: pointer;}
/*************************************工作动态* end****/
/*******科学家风采*****/
#carousel .scientific-people{height:300px;padding-left: 10px;margin-right: 10px;}
#carousel .scientific-people>img{width:190px;height:255px;}
#carousel .scientific-people>span{
	position: absolute;
    bottom: 27px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    font-size: 1rem;
    width: 80px;
    left: 65px;
    text-align: center;
    font-weight: bold;
}
/*******科学家风采*****/
/*************************【图片新闻】轮播图自定义样式   start***********/
 .swiper-pagination{text-align:right;}
 .swiper-pagination-bullet {
	width: 20px;height: 20px;
	text-align: center;line-height: 20px;
	font-size: 12px;color: #000;
	opacity: 1;background: rgba(0, 0, 0, 0.2);
}
.swiper-pagination-bullet-active {color: #fff;background: #007aff;}
.swiper-pagination-bullet-active {color: #fff;background: #007aff;}
/*************************【图片新闻】轮播图自定义样式   end***********/
/*************************【科学家风采】轮播图自定义样式   start***********/
/* #carousel {	position: relative;width: 1200px;margin: 0 auto;background: #edf1fa;border-radius: 5px;margin-bottom:40px;} */
#carousel {	position: relative;width: calc(100% - 110px);margin: 0 auto;/* background: #edf1fa; */border-radius: 5px;margin-bottom:40px;}
#carousel .swiper {padding-top: 20px;padding-bottom: 0px;}
#carousel .swiper-wrapper{}
#carousel  .swiper-slide {width: 230px;/* background: #edf1fa; */background: #fff;}
#carousel  .swiper-slide img{display:block;}
#carousel  .swiper-slide p {line-height: 58px;padding-top: 0;text-align: center;color: #636363;font-size: 0.8em;margin: 0;}
#carousel .swiper-pagination {width: 100%;bottom: 20px;display: none;}
#carousel .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	/* background-color: #e8f5ff; */
	width: 20px;
	height: 10px;
	opacity: 1;
	border-radius: 5px;
}
#carousel .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #3eb2f3;width: 35px;}
#carousel .swiper-button-prev {
	left: -50px;
	width: 45px;
	height: 45px;
	background: url(./wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}
#carousel .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
#carousel .swiper-button-next {
	right: -50px;
	width: 45px;
	height: 45px;
	background: url(./wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}
#carousel .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}
#carousel .swiper-button-prev::after,#carousel .swiper-button-next::after{content: '';}      
/*************************【科学家风采】轮播图自定义样式   end***********/

/*************************【代表性钻探】轮播图自定义样式   start***********/
.scientific-drill{
	background-repeat: no-repeat;
    /* background-position: center; */
    background-size: 100% 100%;
    width: 100%;
    height: 225px;
}
.drill1{background-image: url("./6-1松科二井背景图.jpg");}
.drill2{background-image: url("./6-3罗布莎科钻背景图.png");}
.drill3{background-image: url("./6-1东海科钻一井背景图.jpg");}
.drill4{background-image: url("./6-4金川科钻.jpeg");}
.drill5{background-image: url("./6-5庐纵科钻.jpg");}
.drill6{background-image: url("./6-6南岭盘古山科钻.jpg");}
.drill7{background-image: url("./6-7甲玛科钻.jpg");}
.drill8{background-image: url("./6-8鄂尔多斯盆地彭阳铀矿科钻.jpg");}
.drill9{background-image: url("./6-9沧州野外观测科钻.jpg");}
#carouse2 {	position: relative;width: calc(100% - 110px);margin: 0 auto;border-radius: 5px;}
#carouse2 .swiper {padding-top: 20px;padding-bottom: 40px;padding-left: -10px;}
#carouse2 .swiper-wrapper{}
#carouse2  .swiper-slide {width: 300px;}
#carouse2  .swiper-slide img{display:block;}
#carouse2  .swiper-slide p {line-height: 58px;padding-top: 0;text-align: center;color: #636363;font-size: 0.8em;margin: 0;}
#carouse2 .swiper-pagination {width: 100%;bottom: 20px;display: none;}
#carouse2 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	background-color: #e8f5ff;
	width: 20px;
	height: 10px;
	opacity: 1;
	border-radius: 5px;
}
#carouse2 .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #3eb2f3;width: 35px;}
#carouse2 .swiper-button-prev {
	left: -50px;
	width: 45px;
	height: 45px;
	background: url(./wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}
#carouse2 .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
#carouse2 .swiper-button-next {
	right: -50px;
	width: 45px;
	height: 45px;
	background: url(./wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}
#carouse2 .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}
#carouse2 .swiper-button-prev::after,#carouse2 .swiper-button-next::after{content: '';}  
#carouse2 .scientific-people{height:225px;padding: 0 0px 0 0;margin: 0px 12px 0px 0px;}
#carouse2 .scientific-people>img{width:200px;height:200px;}
#carouse2 .scientific-people>span{
	position: absolute;
    bottom: -12px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    /* background-color: #edf1fa; */
    background-color: #fff;
    font-size: 1rem;
    width: 100%;
    left: 0px;
    text-align: center;
    font-weight: bold;
}    
/*************************【代表性钻探】轮播图自定义样式   end***********/
.swzx-td-bt{
	/* display: -webkit-box; */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: nowrap;
	border-top:0px solid #dee2e6 !important;
	border-bottom:1px solid #dee2e6;
}

/*数据服务*/
.data-resource-type {
    display: flex;
    flex-direction: column;
}
.data-resource-type .title {
    cursor: pointer;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    background-color: #edf1fa;
    margin: 0px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
}
.data-resource-type .ui_xmgk>li{
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: 'layui-icon';
}
.data-resource-type .title-selected,.data-resource-type .title:hover {
    background-color: #3B5BBC;
    color:#fff;
}
.data-resource-type .title-selected .img {
    border-bottom: 10px solid #ffffff !important;
}

.data-resource-type .title .img {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid transparent;
    border-bottom: 10px solid #df9669;
}

.data-resource-type ui {
    padding-left: 30px;
}