/* 四个部分内容 */
.four-icon{
  padding: 75px 0;
  background: #f2f2f2;
}
.four-icon-con{
  margin-bottom: 0;
}
.fouricon-item{
  float: left;
  text-align: center;
  width: 21%;
  margin: 0 2%;
  border: 1px dashed #c9c9c9;
  padding: 2% 0;
  padding-top: 3%;
}
.fouricon-item:hover{
  background-color: 	#00aebb;
  border:0;
}
.fouricon-item:hover .fouricon-item-txt{
  color:#fff;
}
.fouricon-item-img{
  width: 40%;
  margin: 0 auto;
}
.icon-menu:hover .fouricon-item-img img{
	content: url(/uploads/image/psimgs/menu2.png);
}
.icon-science:hover .fouricon-item-img img{
	content: url(/uploads/image/psimgs/science2.png);
}
.icon-task:hover .fouricon-item-img img{
	content: url(/uploads/image/psimgs/task2.png);
}
.icon-phone:hover .fouricon-item-img img{
	content: url(/uploads/image/psimgs/phone2.png);
}
.fouricon-item-txt{
  margin-top: 10%;
  padding: 0;
  color: #010528;
  font-size: 19px;
}
/* 我们的服务 */
.our-services{
  background-image: url(/uploads/image/psipc/earthbg.png);
  height: 857px;
  color:#fff;
  text-align: center;
  padding-top: 2%;
}
.our-services .fuda-title{
  color: #fff;
}
.our-services .fuda-line{
  background: #7fcdff;
}
.task-tab{
  margin: 2% auto;
  width: 40%;
}
.task-tab ul{
  width: 100%;
}
.task-tab ul li{
  width: 50%;
  border: 1px solid #fff;
  font-size: 20px;
}
.task-tab .nav-pills li a{
  color: #fff;
}
.task-tab ul.nav.nav-pills li:hover{
  background: #fff;
  
}
.task-tab ul.nav.nav-pills li:hover>a{
  color: #010528;
}
.task-tab .nav-pills>li.active>a{
  background: #fff;
  color: #010528;
}

#showcase, #showcase2 {
  height: 570px;
  overflow: visible !important;
}
.card {
  width: 200px;
  height: 200px;
  padding: .2%;
  text-align: center;
  border: 2px white dotted;
  border-radius: 50%;
}
.taskbtn{
  font-size: 18px;
  display: block;
  position: absolute;
  bottom: -21%;
  left: 29%;
  color: #ffffff;
}
.taskbtn:hover{
  color: #ffffff!important;
}
.card img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.taskitem-bg,.taskitem-bg2{
  width: 100%;
  height: 52%;
  position: absolute;
  border: 1px solid #f2f2f2;
  border-radius: 100%;
  top: 13%;
  left: 0;
}
.taskitem-bg2{
  border: 1px dashed #f2f2f2;
    transform: rotate( 13deg );
}
.taskbtn-active{
  color: #010528;
  background: #fff;
  padding: 2% 10%;
  border-radius: 16px;
  font-size: 20px;
  left: 18%;
  bottom: -26%;
}
.taskbtn-active:hover{
  color: #010528!important;
}
.task-item{
  margin: 0 auto;
}
#tasktab1{
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  padding: 0 10%;
}
#tasktab1 ul{
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
.task-each {
  display: inline-block;
  padding: 0 3%;
  border-right: 1px solid #f2f2f2;
  font-size: 20px;
  color: #d9d9d9;
  cursor: pointer;
}
#tasktabitemcon ul > li.task-each:last-child {
  border-right: none;
}

/* 复旦复达的描述  */
.fudades-pc{
  padding-top: 80px;
  background-image: url(/uploads/image/psipc/fudabg.png);
  height: 400px;
  text-align: center;
  background-size: cover;
}
.fuda-title{
  font-size: 36px;
  color: #010528;
  letter-spacing: 2px;
  margin-bottom: 0;
}
.fuda-line{
  display: inline-block;
  width: 100px;
  height: 4px;
  background: #002b95;
}
.fudades-pc-des{
  font-size: 20px;
  color: #585858;
  margin-top: 5px;
}
.fudades-pc-con{
  margin-top: 30px;
}
.fudades-pc-item{
  float: left;
  padding: 0 2%;
  border-right: 1px solid #707070;;
  width: 23%;
  font-size: 16px;
}
.fudades-pc-item:last-child{
  border:0;
}
.txt-big{
  font-size: 48px;
}
.fudamobile-con{
  text-align: center;
}

.f4-row {
  overflow: hidden;
  text-align: center;
  margin-top: 5%;
}
.f4-li {
  float: left;
  width: 45%;
  background: #001d5d;
  margin: 2.5%;
}
.f4li-con {
  display: inline-block;
  color: #fff;
  border: 1px solid #fff;
  margin: 5%;
  font-size: 18px;
  padding: 10%;
  width: 85%;
}
/* 新闻资讯 */
.fuda-news{
  text-align: center;
  margin-top: 2%;
}
.newscon-title{
  margin-top: 15px;
}

.newspc-title .nav-pills>li li{
  margin-left: 0;
}

.newspc-title .nav-pills > li >a,
.newspc-title .nav-pills > li >a:hover,
.newspc-title .nav-pills > li >a:focus{
  background: transparent;
  font-size: 20px;
  color: #010528;
  font-weight: 600;
}

.newspc-con{
  margin-top: 10px;
  text-align: left;
}
.newspc-con6{
  padding: 0;
}
.news-active{
  background-color: #001d5d !important;
}
.newspc-line:hover,
.newspc-line:focus{
  background-color: #001d5d;
}
.newspc-line{
  background: #b9b9b9;
  height: 17px;
}
.news-ing-bg{
  width: 100%;
  height: 57px;
  background: linear-gradient(180deg, rgba(0, 29, 93, 0) 0%, rgba(0, 0, 0, 0.31) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.newspc-big{
  position: relative;
}
.newspc-big .news-sircle{
  background-color: #fff;
}
.newbig-con{
  position: absolute;
  bottom: 2%;
  color: #fff;
  margin-left:3%;
  width: 97%;
  z-index: 1;
}

.newsfuda-item{
  margin-top: 3%;
  margin-left:3%;
}
.news-sircle{
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #b9b9b9;
  margin-right: 15px;
}
.newspc-big:hover .newspc-line,
.newsfuda-item:hover a .news-sircle{
  background: #010528;
}
.newsfuda-date{
  float: right;
  margin-right: 2%;
  color: #b9b9b9;
}
.newspc-btn{
  width: 150px;
  height: 45px;
  background: #001d5d;
  margin: 0 auto;
  line-height: 45px;
  border-radius: 13px;
  margin-top: 5%;
}
.newspc-btn button{
  font-size: 20px;
  border: 0;
  background: transparent;
  color: #fff;
}
.list-item{
  width: 100%;
}
.newtab-item{
  width: 49%;
}
.nav-pills>li>a{
  border-radius: 0;
}
.newsmobile-title .nav-pills>li.active>a,
.newsmobile-title .nav-pills>li.active>a:focus,
.newsmobile-title .nav-pills>li.active>a:hover{
  background-color: #010528;
}
.newsmobile-con{
  text-align: left;
}
.newsmobile-title{
  width: 70%;
  margin: 3% auto;
}
.newsmobile-con .newsfuda-item{
  margin-left:10%;
  margin-top: 2%;
}
.newsmobile-con .newbig-con{
  margin-left:10%;
  width: 90%;
}
.newbigcon-txt, .newsfuda-txt{
  width: 308px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: -4px;
}
.newbigcon-date{
  float: right;
  margin-right: 2%;
}
/* 走进复达 */
.zjfuda{
  color: #fff;
  width: 100%;
  margin-top: 4%;
  background: #010528;
}
.zjfd-left-pc{
  width: 40%;
  vertical-align: top;
  float: left;
}
.zjfd-left-con{
  margin-left: 45%;
  margin-top: 10%;
}
.zjfd-title{
  margin-top: 10%;
  font-size: 36px;
  margin-bottom: 5%;
}
.zjfd-txt{
  font-size: 16px;
  color: #999;
  padding-right: 5%;
  line-height: 30px;
  padding-bottom: 10%;
}
.zjfd-tab{
  font-size: 18px;
}
.zjfd-item{
  margin-top: 10%;
}
.zjfd-item a{
  color: #fff;
  padding-bottom: 1%;
}
.zjfd-active{
  color: #7fcdff;
  border-bottom: 2px solid #7fcdff;
  font-size: 36px;
}
.zjfd-right{
  width: 60%;
  display: inline-block;
}
.zjfd-left-mobile{
  text-align: center;
}
.zjfd-left-mobile{
  text-align: center;
}

.zjmobile-txt{
  background: #010528;
  text-align: left;
  padding: 5%;
  font-size: 12px;
  margin-top: 2%;
  margin-bottom: 0;
  line-height: 20px;
}
.zjmobile-tab{
  background: #010528;
  padding-bottom: 4%;
  margin-top: -4px;
}
.zjmobile-tab ul{
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.zjmobile-tab ul li{
  width: 49%;
  border: 1px solid #fff;
}
.zjmobile-tab ul li a{
  color: #fff;
}
.zjmobile-tab .nav-pills>li.active>a,
.zjmobile-tab .nav-pills>li.active>a:focus,
.zjmobile-tab .nav-pills>li.active>a:hover{
  background-color: #fff;
  color: #001d5d;
}
.newsmobile-title .nav-pills>li{
  border: 1px solid #010528;
}
.nav-pills>li li{
  margin-left: 0;
}
.mobile-jiance,
.mobile-fenxi{
  position: relative;
  height: 500px;
  width: 100%;
}
.mobile-taskitem{
  position: absolute;
  display: inline-block;
}
.mobiletask-itemimg{
  display: inline-block;
  width: 140px;
  height: 140px;
  border: 1px solid #f2f2f2;
  border-radius: 50%;
  padding: 1%;
}
.mobiletask-itemimg img{
  border-radius: 50%;
}
.mobiletask-itemtxt{
  display: block;
  margin-top: 8%;
  color: #ffffff;
  font-size: 12px;
}
.taskitem-top1{
  bottom: 16%;
  left: 40%;
}
.taskitem-top2{
  bottom: 26%;
  left: 8%;
}
.taskitem-top3{
  bottom: 26%;
  right: 8%;
}
.taskitem-top2 .mobiletask-itemimg,
.taskitem-top3 .mobiletask-itemimg{
  width: 120px;
  height: 120px;
}

.taskitem-bottom1{
  top: 7%;
  right: 19%;
}
.taskitem-bottom2{
  top: 7%;
  left: 19%;
}
.taskitem-bottom1 .mobiletask-itemimg,
.taskitem-bottom2 .mobiletask-itemimg{
  width: 100px;
  height: 100px;
}

.taskitem-bottom3{
  top: 4%;
  left: 44%;
}
.taskitem-bottom3 .mobiletask-itemimg{
  width: 90px;
  height: 90px;
}
.taskitem-rtop1 .mobiletask-itemimg,
.taskitem-rtop2 .mobiletask-itemimg{
  width: 120px;
  height: 120px;
}
.taskitem-rtop1{
  top: 4%;
  left: 26%;
}
.taskitem-rtop2{
  top: 4%;
  right: 26%;
}
.taskitem-rtop1 .mobiletask-itemimg,
.taskitem-rtop2 .mobiletask-itemimg{
  width: 120px;
  height: 120px;
}
.taskitem-rbottom1{
  bottom: 22%;
  left: 8%;
}
.taskitem-rbottom2{
  bottom: 22%;
  right: 8%;
}
.taskitem-rbottom1 .mobiletask-itemimg,
.taskitem-rbottom2 .mobiletask-itemimg{
  width: 140px;
  height: 140px;
}
.taskitem-rbottom3{
  bottom: 22%;
  left: 38%;
}
.taskitem-rbottom3, .mobiletask-itemimg{
  width: 160px;
  height: 160px;
}


.container-fluid{
  min-width: 375px;
}
@media screen and (min-width: 1200px){
  .fudamobile-con,
  .news-mobile,
  .zjfd-left-mobile,
  .mobile-jiance,
  .mobile-fenxi{
    display: none;
  }
  .zjfuda{
    font-size: 0;
  }
}

/*大于992px，小于1200px   md*/
@media screen and (min-width: 991px) and (max-width: 1199px) {
  .zjfuda{
    font-size: 0;
  }
  .fudamobile-con,
  .news-mobile,
  .zjfd-left-mobile,
  .mobile-jiance,
  .mobile-fenxi{
    display: none;
  }
  .txt-big{
    font-size: 32px;
  }
  .zjfd-left-con{
    margin-left: 10%;
    margin-top: 5%;
  }
  .zjfd-title{
    font-size: 24px;
    margin-top: 5%;
  }
  .zjfd-txt{
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 0;
  }
  .zjfd-tab{
    font-size: 16px;
  }
  .zjfd-item{
    margin-top: 6%;
  }
}
/*大于768px，小于991px   sm*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .our-services{
    height: 610px;
  }
  .four-icon{
    padding: 20px;
  }
  .fouricon-item{
    padding: 1%;
  }
  .fouricon-item-txt{
    font-size: 16px;
  }
  .fudades-pc,
  .news-pc,
  .zjfd-left-pc,
  #showcase,
  #showcase2,
  #tasktabitemcon{
    display: none!important;
  }
  .zjfd-right{
    width: 100%;
  }
  
  .fuda-title{
    font-size: 16px;
    line-height: 0px;
    margin-top: 5%;
  }
  .fuda-line{
    width: 31px;
    height: 2px;
  }
  .f4-row{
    margin-top: 2%;
  }
  .txt-big{
    font-size: 32px;
  }
  .f4li-con,
  .task-tab ul li{
    font-size: 12px;
  }
  .newsmobile-con .newsfuda-item{
    margin-left: 5%;
    margin-top: 2%;
  }
  .newsmobile-con .newbig-con{
    margin-left: 5%;
    width: 95%;
  }
  .zjfuda{
    background: transparent;
  }
  .zjfd-active{
    font-size: 22px;
  }
  .fuda-news{
    margin-top: 0;;
  }
}

/* 小于768px xs*/
@media only screen and (max-width: 767px) {
  .taskitem-rtop1 .mobiletask-itemimg, .taskitem-rtop2 .mobiletask-itemimg {
    width: 80px;
    height: 80px;
  }
  .taskitem-rbottom1 .mobiletask-itemimg, .taskitem-rbottom2 .mobiletask-itemimg {
    width: 100px;
    height: 100px;
  }
  .taskitem-rbottom3 .mobiletask-itemimg {
    width: 120px;
    height: 120px;
  }
  .taskitem-rtop1{
    top: 7%;
    left: 24%;
  }
  .taskitem-rtop2 {
    top: 7%;
    right: 24%;
  }
  .taskitem-rbottom3{
    bottom: 31%;
    left: 30%;
  }
  .taskitem-rbottom2 {
    bottom: 40%;
    right: 5%;
  }
  .taskitem-rbottom1 {
    bottom: 40%;
    left: 5%;
  }
  .mobile-jiance, .mobile-fenxi{
    height: 470px;
  }
  .taskitem-bg, .taskitem-bg2{
    width: 90%;
    height: 36%;
    left: 5%;
  }
  .mobiletask-itemimg{
    width: 100px;
    height: 100px;
  }
  .taskitem-top1{
    bottom: 35%;
    left: 36%;
  }
  .taskitem-top2{
    bottom: 42%;
    left: 8%;
  }
  .taskitem-top3{
    bottom: 42%;
    right: 8%;
  }
  .taskitem-top2 .mobiletask-itemimg,
  .taskitem-top3 .mobiletask-itemimg{
    width: 85px;
    height: 85px;
  }
  
  .taskitem-bottom1{
    top: 7%;
    right: 19%;
  }
  .taskitem-bottom2{
    top: 7%;
    left: 19%;
  }
  .taskitem-bottom1 .mobiletask-itemimg,
  .taskitem-bottom2 .mobiletask-itemimg{
    width: 70px;
    height: 70px;
  }
  
  .taskitem-bottom3{
    top: 4%;
    left: 43%;
  }
  .taskitem-bottom3 .mobiletask-itemimg{
    width: 60px;
    height: 60px;
  }

  .task-tab{
    width: 70%;
  }
  .task-tab .nav-pills>li>a{
    padding: 7% 10%;
  }
  .fuda-news{
    margin-top: 0;;
  }
  .four-icon{
    padding: 20px;
  }
  .fouricon-item{
    padding: 1%;
  }
  .fouricon-item-txt,
  .f4li-con,
  .task-tab ul li{
    font-size: 12px;
  }
  .our-services{
    height: 465px;
  }
  .fudades-pc,
  .news-pc,
  .zjfd-left-pc,
  #showcase,
  #showcase2,
  #tasktabitemcon{
    display: none!important;
  }
  .zjfd-right{
    width: 100%;
  }
  
  .fuda-title{
    font-size: 16px;
    line-height: 0px;
    margin-top: 8%;
  }
  .fuda-line{
    width: 31px;
    height: 2px;
  }
  .f4-row{
    margin-top: 2%;
    min-width: 375px;
  }
  .four-icon,
  .our-services,
  .fuda-news,
  .zjfuda{
    min-width: 375px;
  }
  .txt-big{
    font-size: 20px;
  }
 
  .newsmobile-con .newsfuda-item{
    margin-top: 2%;
  }
  .zjfuda{
    background: transparent;
  }
  .zjfd-active{
    font-size: 22px;
  }
}
/* 特殊适配 */
@media screen and (min-width: 1200px) and (max-width: 1600px){
  .zjfd-left-con{
    margin-left: 15%;
    margin-top: 8%;
  }
  .zjfd-title{
    margin-top: 9%;
    font-size: 28px;
  }
  .zjfd-txt{
    font-size: 15px;
    padding-bottom: 0%;
  }
  .zjfd-tab{
    font-size: 16px;
  }
  .zjfd-item{
    margin-top: 5%;
  }
}
@media only screen and (max-width: 460px){
  .newbigcon-txt, .newsfuda-txt{
    font-size: 12px;
    width: 260px;
    vertical-align: -3px;
  }
  .newsfuda-item{
    min-width: 375px;
  }
  .news-sircle{
    margin-right: 0;
  }
  .newsfuda-date,.newbigcon-date{
    font-size: 12px;
    margin-right: 5%
  }
 
  .newbigcon-date{
    margin-right: 2%;
  }
}
@media screen and (min-width: 500px) and (max-width: 768px){
  .our-services{
    height: 550px;
  }
}