@charset "utf-8";



.pic{

  overflow:hidden;

}

.pic img{

  transition:all .6s ease-out 0s;

}

.pic:hover img{

  transform:scale(1.1);

}

/*首页*/

.swiper-container {

  width: 100%;

}

.slider {

  min-width:1600px;

}

.slider .swiper-slide{

  position:relative;

}

.slider .swiper-slide a{

  display:block;

}

.slider .swiper-slide .sliderimg{

  display:block;

  width:100%;

}

.slider .swiper-slide .container{

  text-align:center;

  color:#ffffff;

  position:absolute;

  top:50%;

  left:50%;

  margin-left:-600px;

  margin-top:-100px;

  cursor: pointer;

}

.slider .swiper-slide img{

  transition: transform 6s;

}

.slider .swiper-slide.active img{

  transform: scale(1.1);

}

.slider .swiper-slide .banner_h{

  opacity:0;

  display:none;

}

.slider .swiper-slide.active .banner_h{

  opacity:1;

  display:block;

}

.slider .swiper-pagination{

  text-align:left;

  width:1600px;

  left:50%;

  margin-left:-800px;

}

.slider .swiper-pagination-bullet{

  width:10px;

  height:10px;

  border-radius:5px;

  background:#DBDBDA;

  opacity:0.5;

}

.slider .swiper-pagination-bullet-active{

  opacity:1 !important;

  background:#FFFFFF !important;

}

.event{

  margin-top:70px;

}

.eventItem{

  border-radius:10px;

  overflow:hidden;

  position:relative;

  cursor: pointer;

}

.eventItem img{

  display:block;

  width:100%;

  height:100%;

  transition:all .6s ease-out 0s;

}

.event01{

  width:50%;

  height:740px;

}

.eventRight{

  width:25%;

}

.event02, .event03, .event04, .event05{

  width:calc(100% - 30px);

  height:360px;

}

.event02, .event03{

  margin-left:30px;

  margin-bottom:20px;

}

.event04, .event05{

  margin-left:30px;

}

.eventMask{

  width:100%;

  height:180px;

  box-sizing: border-box;

  padding:25px 0;

  background: linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0));

  font-size:18px;

  color:#FFFFFF;

  position:absolute;

  bottom:0;

  left:0;

}

.eventContent{

  width:80%;

  text-align:center;

  position:absolute;

  bottom:25px;

  left:10%;

  transition: all 0.5s;

}

.eventContent h3{

  margin-bottom:20px;

}

.eventItem:hover .eventMask{

  background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0));

}

.eventItem:hover .eventContent{

  bottom:30px;

}

.eventItem:hover img{

  transform:scale(1.1);

}

.about{

  margin-top:76px;

}

.indexTitle{

  font-size:36px;

  font-weight:600;

  margin-bottom:40px;

  text-align:center;

}

.aboutBox{

  width:100%;

  height:624px;

  background:url(../images/about_bg.jpg) no-repeat;

  background-size:100% 100%;

  border-radius:10px;

  color:#FFFFFF;

  text-align:center;

}

.aboutLogo{

  padding-top:68px;

}

.aboutLogo img{

  display:inline-block;

  width:107px;

}

.aboutBox h3{

  font-size:42px;

  margin:30px 0 40px;

  font-weight: bold;

  letter-spacing: 8px;

}

.aboutBox p{

  font-size:24px;

  letter-spacing: 3px;

  margin-bottom:20px;

}

.aboutBox a{

  display:inline-block;

  padding:16px 42px;

  border:1px solid #FCFCFC;

  border-radius:10px;

  font-size:16px;

  color:#FFFFFF;

  margin-top:20px;

}

.aboutList{

  margin-top:60px;

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

}

.aboutItem{

  flex: 1;

  min-width: 0;

  text-align:center;

  margin-left:20px;

  cursor: pointer;

}

.aboutList .aboutItem:first-child{

  margin-left:0;

}

.aboutImg{

  width:100%;

  border-radius:10px;

  overflow: hidden;

}

.aboutImg img{

  display:block;

  width:100%;

  transition:all .6s ease-out 0s;

}

.aboutIcon{

  margin:20px 0 15px;

  font-size:24px;

  color:#18368b;

}

.aboutIcon img{

  display:inline-block;

  vertical-align: middle;

  transition:all .5s;

}

.aboutIcon span{

  display:inline-block;

  vertical-align: middle;

}

.aboutItem:hover .aboutImg img{

  transform:scale(1.1);

}

.aboutItem:hover .aboutIcon img{

  transform:scale(1.2);

}

.aboutItem p{

	font-size: 18px;

    line-height: 32px;

	}

.video{

  margin-top:100px;

  position: relative;

}

.videoBox{

  width:100%;

  border-radius:10px;

  overflow:hidden;

}

.videoBox img{

  display:block;

  width:100%;

}

.videoPlay{

  position:absolute;

  top:60%;

  left:50%;

  margin-left:-25px;

  cursor: pointer;

}

.videoPlay img{

  display:block;

  width:50px;

}

.group{

  margin-top:70px;

}

.groupItem{

  display:block;

  width:48%;

  height:90px;

  background:url(../images/group_bg.jpg) no-repeat;

  border-radius:10px;

  overflow:hidden;

  margin-bottom:20px;

  font-size:24px;

  line-height:90px;

  color:#FFFFFF;

  -moz-box-shadow:2px 2px 5px #dddddd;

  -webkit-box-shadow:2px 2px 5px #dddddd;

  box-shadow:2px 2px 5px #dddddd;

  text-align:center;

  position: relative;

  float:left;

}

.groupItem span{

  display:inline-block;

  padding:10px 22px;

  font-size:14px;

  line-height:normal;

  border:1px solid #FFFFFF;

  border-radius:6px;

  position:absolute;

  bottom:10px;

  right:15px;

}

.group01{

  background-position: 0px 0px;

}

.group02{

  background-position: 0px -110px;

}

.group03{

  background-position: -815px 0px;

  float:right;

}

.group04{

  background-position: -815px -110px;

  float:right;

}

.groupItem:hover{

  color:#FFFFFF;

}

.groupItem:hover span{

  color:#1e359d;

  background:#FFFFFF;

}

.new{

  margin-top:50px;

  margin-bottom:70px;

}

.newLeft{

  width:calc(50% - 15px);

  height:900px;

  border-radius:10px;

  overflow:hidden;

  cursor: pointer;

}

.newLeft img{

  display:block;

  width:100%;

  height:100%;

  transition:all .6s ease-out 0s;

}

.newLeft:hover img{

  transform:scale(1.1);

}

.newRight{

  width:calc(50% - 15px);

}

.newItem{

  width:100%;

  height:435px;

  border-radius:10px;

  overflow:hidden;

  cursor: pointer;

}

.newRight .newItem:first-child{

  margin-bottom:30px;

}

.newItem img{

  display:block;

  width:100%;

  height:100%;

  transition:all .6s ease-out 0s;

}

.newItem:hover img{

  transform:scale(1.1);

}
.mask{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:99;
}
.maskBg{
  width:100%;
  min-width:1200px;
  height:100%;
  background:rgba(0,0,0,0.6);
}
.maskInfo{
  width:800px;
  height:450px;
  background:#ffffff;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-300px;
  margin-left:-400px;
  z-index:2;
}
.maskInfo video{
  width:100%;
  height:auto;
}

/*党建广角*/

.banner{

  width:100%;

  height:584px;

  min-width:1600px;

  position:relative;

  overflow:hidden;

}

.bannerImg{

  position:absolute;

  top:50%;

  left:50%;

  transform: translate(-50%,-50%);

}

.bannerImg img{

  display:block;

}

.partyBg{

  background:url(../images/banner02.jpg) center #B31013 no-repeat;

  background-size:cover;

}

.bannerInfo{

  width:100%;

  color:#FFFFFF;

  text-align:center;

  position:absolute;

  top:50%;

  left:0;

}

.bannerInfo h3{

  font-size:48px;

}

.banner .pic img{

  transition:all .5s;

}

.banner:hover .pic img{

  transform:scale(1.2);

}

.menu{

  width:100%;

  min-width:1600px;

  padding:28px 0;

  background:#FFFFFF;

  text-align:center;

}

.menu ul{

  display:inline-block;

}

.menu ul li{

  float:left;

  padding:12px 0;

  font-size:18px;

}

.menu ul li a{

  padding:0 48px;

  border-right:1px solid #D3D3D3;

}

.menu ul li:last-child a{

  border-right:0;

}

.menu ul li.active{

  background:#18368B;

  border-top-left-radius: 8px;

  border-bottom-right-radius:8px;

}

.menu ul li.active a{

  border-right:0;

  color:#FFFFFF;

}

.menu.red ul li.active{

  background:#B31013;

}

.article{

  width:100%;

  background:#eef2f5;

  padding:80px 0 50px;

}

.article .title{

  font-size:24px;

  text-align:center;

}

.article .date{

  font-size:16px;

  text-align:center;

  padding:20px 0;

  border-bottom:1px solid #D4D4D4;

}

.article .date img{

  margin:0 5px 0 15px;

}

.article .content{

  padding:20px 0 100px;

  border-bottom:1px solid #D4D4D4;

}

.article .content p{

  font-size:16px;

  text-indent:2em;

  line-height:32px;

}

.prenext{

  padding:40px 0;

}

.preItem{

  width:38%;

  float:left;

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  align-items: center;

}

.prenext .preItem span{

  display:block;

  float:left;

  color:#18368B;

  margin:0 5px;

}

.prenext .preItem a{

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  flex: 1;

  min-width: 0;

  font-size:16px;

}

.prenext .preItem:last-child{

  float:right;

  text-align:right;

}

.party{

  padding:68px 0 0;

  background:#eef2f5;

}

.partySlider{

  margin-bottom:68px;

}

.partySlider .slideBox{

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  align-items: center;

}

.partySlider .slideLeft{

  width:calc(100% - 550px);

  height:402px;

  background:#FFFFFF;

  border-radius:10px;

  overflow:hidden;

}

.partySlider .slideLeft a img{

  display:block;

  width:100%;

  height:100%;

}

.partySlider .slideRight{

  width:520px;

  height:402px;

  background:#FFFFFF;

  border-radius:10px;

  box-shadow: 0px 5px 7px 1px rgba(5,23,74,0.1);

  box-sizing: border-box;

  padding:30px;

  position:absolute;

  top:0;

  right:0;

  z-index:9;

}

.slideRight a{

  display:block;

  padding-left:25px;

  margin-bottom:30px;

  position:relative;

}

.slideRight a:before{

  content:"";

  width:8px;

  height:8px;

  background:#B31013;

  border-radius:50%;

  position:absolute;

  top:10px;

  left:0;

}

.slideRight a h3{

  font-size:18px;

}

.slideRight a p{

  font-size:16px;

  color:#9E9E9E;

  margin-top:10px;

}

.slideRight a p span{

  float:right;

}

.partySlider .slideTxt{

  width:40%;

  font-size:18px;

  margin-top:30px;

  margin-left:10px;

}

.partySlider .swiper-pagination-bullet{

  width:30px;

  height:5px;

  border-radius:0;

  background:#B31013;

}

.partySlider .swiper-pagination-bullet-active{

  background:#B31013;

}

.partyItem{

  width:380px;

  background:#FFFFFF;

  border-radius: 10px;

  overflow:hidden;

  float:left;

  margin:0 20px 30px 0;

}

.partyList .partyItem:nth-child(4n){

  margin-right:0;

}

.partyItem a{

  display:block;

  position:relative;

}

.partyItem .partyImg{

  width:100%;

  height:240px;

  background:#B31013;

  overflow: hidden;

}

.partyItem .partyImg img{

  display:block;

  width:100%;

}

.partyItem .play{

  position:absolute;

  top:30%;

  left:50%;

  margin-left:-25px;

}

.partyItem .partyInfo{

  width:100%;

  box-sizing: border-box;

  padding:20px;

  font-size:16px;

}

.partyItem .partyInfo p{

  color:#9E9E9E;

  margin-bottom:20px;

}

.partyItem .partyInfo p span{

  float:right;

}

.partyItem .partyInfo h3{

  font-weight:600;

  margin-bottom:20px;

}

.partyItem .videoName{

  padding:20px;

  font-size:18px;

  text-align:center;

}

/*国实动态*/

.causesBg{

  background:url(../images/banner03.jpg) center #B31013 no-repeat;

  background-size:cover;

}

/*战略发展*/

.strateBg{

  background:url(../images/banner04.jpg) center #B31013 no-repeat;

  background-size:cover;

}

.strate{

  background:#eef2f5;

}

.bannerInfo h4{

  font-size:36px;

}

.strateList{

  padding:58px 0;

}

.strateList .strateItem{

  width:calc(50% - 15px);

  box-sizing: border-box;

  padding:20px;

  background:#FFFFFF;

  border-radius:10px;

  margin-bottom:30px;

  float:left;

}

.strateList .strateItem:nth-child(2n){

  float:right;

}

.strateItem a{

  display:block;

}

.strateItem .title{

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  align-items: center;

}

.strateItem .title h3{

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  flex: 1;

  min-width: 0;

  font-size:16px;

}

.strateItem .title span{

  font-size:16px;

  color:#9E9E9E;

  margin-left:20px;

}

.strateItem .title span img{

  margin-right:5px;

}

.strateItem p{

  font-size:16px;

  color:#9E9E9E;

  margin-top:10px;

}

.historyList .strateItem{

  width:calc(50% - 15px);

  box-sizing: border-box;

  padding:20px;

  background:#FFFFFF;

  border-radius:10px;

  margin-bottom:30px;

  float:left;

  transition: 0.3s;

}

.historyList .strateItem:nth-child(2n){

  float:right;

}

.historyList .strateItem:hover{

  background:#B31013;

}

.historyList .strateItem:hover a, .historyList .strateItem:hover a span, .historyList .strateItem:hover a p{

  color: #FFFFFF;

}

/*集团介绍*/

.groupBg{

  background:url(../images/banner05.jpg) center #B31013 no-repeat;

  background-size:cover;

}

.groupList{

  padding:60px 0 20px;

}

.groupsItem{

  background:#FFFFFF;

  margin-bottom:46px;

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  align-items: center;

}

.groupsItem .groupImg{

  width:714px;

  height:470px;

  overflow:hidden;

}

.groupsItem .groupImg img{

  display:block;

  width:100%;

}

.groupsItem .groupInfo{

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  flex: 1;

  min-width: 0;

  padding:0 80px;

  font-size:16px;

}

.groupsItem .groupInfo h3{

  font-size:36px;

  color:#18368B;

  margin-bottom:20px;

}

.groupsItem .groupInfo p{

  color:#333333;

  text-indent: 2em;

}


/*集团领导*/

.leader{

  padding:116px 0;

  background:url(../images/leader_bg.jpg) repeat;

}

.leaderList ul li{

  width:20%;

  height:142px;

  box-sizing: border-box;

  padding:10px;

  margin:10px 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  align-items: center;

  text-align:center;

  float:left;

  cursor: pointer;

  border-radius:10px;

  overflow: hidden;

  position:relative;

  transition:all .6s ease-out 0s;

}

.leaderInfo{

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  flex: 1;

  min-width: 0;

}

.leaderList ul li h3{

  font-size:24px;

}

.leaderList ul li p{

  font-size:16px;

  margin-top:15px;

}

.leaderList ul li:hover{

  background-color:#18368B;

  box-shadow: 0px 3px 9px 1px rgba(0,0,0,0.3);

  color:#FFFFFF;

}

.leaderList ul li:hover:after{

  content:"";

  width:35px;

  height:41px;

  background:url(../images/leader-logo.png) no-repeat;

  position:absolute;

  bottom:10px;

  right:15px;

}

/*集团文化*/

.culture{

  padding:60px 0;

}

.cultureBox{

  width:100%;

  height:865px;

  background:url(../images/culture_bg.jpg) #B31013 no-repeat;

  background-size:cover;

}

.cultureItem{

  width:33.3333333%;

  height:100%;

  float:left;

  border-right:1px solid rgba(189, 189, 189, 0.4);

  box-sizing: border-box;

  padding:160px 3% 0;

  color:#FFFFFF;

  cursor: pointer;

}

.cultureBox .cultureItem:last-child{

  border-right:0;

}

.cultureIcon{

  text-align:center;

}

.cultureIcon img{

  transition: 0.5s;

  opacity: 1;

  display:inline-block;

  width:92px;

  height:92px;

}

.cultureItem h3{

  font-size:36px;

  text-align:center;

  margin-top:60px;

}

.cultureItem h4{

  transition: 0.5s;

  opacity: 0;

  font-size:18px;

  text-align:center;

  margin-top:40px;

}

.cultureItem p{

  transition: 0.5s;

  opacity: 0;

  font-size:16px;

  margin-top:20px;

  text-indent:2em;

}

.cultureItem:hover img, .cultureItem:hover h4, .cultureItem:hover p{

  opacity: 1;

}

/*联系我们*/

.contactBox{

  position: relative;

}

.map{

  width:100%;

  height:658px;

  background:url(../images/map.jpg) no-repeat;

  background-size: cover;

}

.contactItem{

  width:628px;

  height:100%;

  background:#18368B;

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  align-items: center;

  color:#FFFFFF;

  text-align:center;

  position:absolute;

  top:0;

  right:104px;

}

.contactInfo{

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  flex: 1;

  min-width: 0;

}

.contactInfo h3{

  font-size:36px;

  margin-bottom:72px;

}

.contactInfo .address{

  width:302px;

  margin:0 auto;

  text-align:left;

}

.contactInfo .address p{

  margin-bottom:15px;

}

.contactItem .qrcode{

  margin-top:50px;

}

/*在线留言*/

.messageBg{

  background:url(../images/banner06.jpg) center #B31013 no-repeat;

  background-size:cover;

}

.message{

  width:840px;

  margin:0 auto;

}

.message h3{

  font-size:24px;

  color:#143082;

  text-align:center;

  margin-bottom:56px;

}

.messageForm{

  margin-bottom:20px;

}

.messageForm .formItem{

  width:48%;

  position:relative;

}

.messageForm .formItem input{

  width:100%;

  height:42px;

  box-sizing: border-box;

  border:1px solid #D8D8D8;

  padding:0 20px 0 90px;

  border-radius:6px;

  font-size:16px;

}

.messageForm .formItem .label{

  font-size:16px;

  color:#9E9E9E;

  position:absolute;

  top:10px;

  left:15px;

}

.formItem .label img{

  display:inline-block;

  vertical-align: middle;

  margin-right:5px;

  margin-top:-2px;

}

.formItem .label span{

  margin-right:5px;

}

.formItem .label span:last-child{

  color:#143082;

}

.formTextarea{

  margin-bottom:48px;

}

.formTextarea textarea{

  width:100%;

  height:144px;

  box-sizing: border-box;

  border:1px solid #D8D8D8;

  border-radius:6px;

  padding:20px 15px;

  font-size:16px;

  resize:none;

  outline: none;

}

.formBtn{

  text-align:center;

}

.formBtn button{

  display:inline-block;

  width:152px;

  height:42px;

  line-height:42px;

  background:#143082;

  border:0;

  border-radius:4px;

  font-size:16px;

  color:#FFFFFF;

  cursor: pointer;

  outline: 0;

}

/*社会责任*/

.dutyList{

  padding:60px 0 0;

}

.dutyList .dutyItem{

  display:block;

  background:#FFFFFF;

  margin-bottom:46px;

  position: relative;

}

.dutyItem .dutyImg{

  width:714px;

  height:470px;

  overflow:hidden;

  float:left;

}

.dutyItem .dutyImg img{

  display:block;

  width:100%;

}

.dutyItem .dutyInfo{

  width:calc(100% - 714px);

  box-sizing: border-box;

  padding:0 80px;

  font-size:16px;

  float:right;

  position: absolute;

  top:50%;

  left:0;

  transform: translateY(-50%);

}

.dutyItem .dutyInfo h3{

  font-size:36px;

  color:#18368B;

  margin-bottom:20px;

}

.dutyList .dutyItem:nth-child(even) .dutyImg{

  float:right;

}

.dutyList .dutyItem:nth-child(odd) .dutyInfo{

  left:auto;

  right:0;

}

.dutyItem .date{

  font-size:16px;

  color:#9E9E9E;

  margin-top:20px;

}

.dutyItem .date span{

  float:right;

}

.dutyItem .date span img{

  display:inline-block;

  vertical-align: middle;

  margin-top:-2px;

}

.dutyBtn span{

  display:inline-block;

  width:154px;

  height:40px;

  line-height:40px;

  border:1px solid #18368B;

  border-radius:10px;

  font-size:14px;

  color:#18368B;

  text-align:center;

  margin-top:30px;

}

/*荣誉资质*/

.honorBox{

  width:100%;

  height:877px;

  background:url(../images/honor_bg.jpg) no-repeat;

  background-size:cover;

  margin:30px 0 70px;

}

.honorLeft{

  width:45%;

  height:100%;

  background:rgba(0,0,0,0.3);

  float:left;

  position: relative;

}

.honorImg{

  width:80%;

  height:80%;

  background:rgba(0,0,0,0.3);

  position: absolute;

  top:10%;

  left:10%;

}

.photoBg{

  width:336px;

  height:460px;

  background:url(../images/photo_bg.png) no-repeat;

  margin:90px auto;

  box-sizing: border-box;

  padding:10px 20px 20px 10px;

}

.honorName{

  width:100%;

  height:77px;

  line-height:77px;

  background:#14368f;

  box-sizing: border-box;

  padding:0 20px;

  font-size:18px;

  color:#FFFFFF;

  text-align:center;

  position: absolute;

  bottom:0;

  left:0;

}

.photoBg img{

  display:block;

  width:100%;

}

.honorRight{

  width:55%;

  height:100%;

  background:rgba(0,0,0,0.2);

  float:left;

}

.honorList{

  width:500px;

  height:580px;

  margin:142px auto;

  overflow-y:auto;

}

.honorList::-webkit-scrollbar{

  width: 5px;

  height: 16px;

  background-color: rgba(255,255,255,.2);

}

.honorList::-webkit-scrollbar-track{

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

  border-radius: 3px;

  background-color: rgba(255,255,255,.2);

}

.honorList::-webkit-scrollbar-thumb{

  border-radius: 3px;

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

  background-color: rgba(25, 55, 139, 0.8);

}

.honorList a{

  display:block;

  width:146px;

  height:190px;

  overflow: hidden;

  background:#e6e6e6;

  box-sizing: border-box;

  padding:18px;

  margin:0 10px 10px 0;

  float:left;

  position:relative;

}

.honorList a img{

  display:block;

  width:100%;

}

.honorList .img_cover{

  width:100%;

  height:100%;

  background:rgba(25, 55, 139, 0.3);

  position:absolute;

  top:0;

  left:-100%;

  transition: all 300ms ease 0s;

}

.honorList .img_cover img{

  display:block;

  width:40px;

  height:40px;

  position: absolute;

  top:50%;

  left:50%;

  margin-top:-20px;

  margin-left:-20px;

}

.honorList a h3{

  display:none;

}

.honorList a:hover .img_cover{

  left:0;

}

/*人才招聘*/

.jobBg{

  background:url(../images/banner07.jpg) center #B31013 no-repeat;

  background-size:cover;

}

.job{

  padding-top:70px;

}

.job h3{

  font-size:36px;

  color:#18368B;

  text-align:center;

}

.join-box{width: 100%;height: auto;padding: 0;margin-top: 45px;}

.join-top{width: 100%;height: auto;}

.join-top ul{padding-left: 5%;  width: 95%;height: auto;overflow: hidden;}



.join-top ul li{width: 19%;float: left;text-align: center;color: #666;line-height: 70px;}

.join-top ul li:first-child{padding-left: 5%; text-align: left;  justify-content: left;}



.join-t{width: 100%;height: auto;background: #f5f5f5;}

.join-t ul{padding-left: 5%; background: #FFFFFF; width: 95%;height: auto;position: relative; overflow: hidden; margin-bottom: 15px;}

.join-t ul li{position: relative; font-size: 16px;color: #333; height: 60px; width: 19%;text-align: center;float: left;

  overflow: hidden;

  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;

}



.join-t ul li:first-child{padding-left: 5%; text-align: left;  justify-content: left;}



.join-t ul li.btnn .cl{width:75%;max-width: 150px; text-align: center;line-height: 35px;background: #18368B;color: #FFFFFF;cursor: pointer;}

.join-t ul li.btnn .cl i{width:20px;height: auto;display: inline-block;margin-left: 10px;}

.join-t ul li.btnn .cl i img{display: block;width: 100%;height: auto;}

.join-t ul:after{content: ""; position: absolute;left: 3%;top: calc(50% - 4px); width: 8px;height:8px;background: #000000;}

.join-t.cut ul li.btnn .cl i{transform:rotateX(180deg);-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);}

.join-t.cut ul li.btnn .cl {background: #18368B;}

.join-t.cut  ul:after{background: #18368B;}

.join-b{display: none; width: 100%;}

.join-b-c{background: #fff;width: 100%;box-sizing:border-box;padding:35px 60px;margin-bottom: 15px;}

.join-b1{width: 100%;height: auto;padding-left: 5%;}

.join-b1 li{margin-bottom: 30px;width: 100%;height: auto;}

.join-b1 b{display: block; font-size: 16px;color: #222;margin-bottom: 15px;}

.join-b1 .txt-c{width: 100%;height: auto;font-size: 0; color: #222;}

.join-b1 .txt-c p{width: 50%;display: inline-block;padding-left:20px;position: relative;margin-bottom: 13px;vertical-align: top; font-size: 16px;}

.join-b1 .txt-c p:before{content: "";position: absolute;left: 0;top:8.5px; width: 6px;height: 6px;background: #18368B;}

.join-b1 .con{font-size: 16px; width: 100%;height:auto;}

.join-b1 .con a.mail{font-size: 30px;font-family: "ML";color: #18368B;}

.join-b1 li .con  p{font-size: 14px;color: #666666;margin-top: 10px;}

.join-b1 li .download{margin-top: 35px; display: inline-block;font-size: 16px; padding:10px 5%;text-align: center;color: #FFFFFF;background: #18368B;}

.join-b1 li .download i{display: inline-block;margin-left: 10px; width: 20px;vertical-align: middle;}

/*搜索结果*/

.searchBg{

  background:url(../images/banner08.jpg) center #B31013 no-repeat;

  background-size:cover;

}

.searchMenu{

  width:426px;

  text-align:center;

}

.searchMenu h3{

  height:72px;

  line-height:72px;

  background:#18368B;

  font-size:24px;

  color:#FFFFFF;

}

.searchMenu h3 img{

  display:inline-block;

  vertical-align: middle;

  margin-right:10px;

  margin-top:-2px;

}

.searchMenu ul li{

  height:68px;

  line-height:68px;

  border-bottom:1px solid #FFFFFF;

  font-size:18px;

}

.searchContent{

  width:calc(100% - 506px);

}

.searchContent .page{

  min-width:100%;

}

.searchList a{

  height:72px;

  line-height:72px;

  background:#FFFFFF;

  padding: 0 60px 0 100px;

  font-size:16px;

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  align-items: center;

  position:relative;

  margin-bottom:10px;

}

.searchList a h3{

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  flex: 1;

  min-width: 0;

}

.searchList a span{

  margin-left:20px;

}

.searchList a:before{

  content:"";

  width:8px;

  height:8px;

  background:#18368B;

  border-radius:50%;

  position:absolute;

  top:32px;

  left:50px;

}

/*业务体系*/

.systemBg{

  background:url(../images/banner09.jpg) center #B31013 no-repeat;

  background-size:cover;

}

.systemTitle{

  text-align:center;

  margin-bottom:40px;

}

.systemTitle h3{

  font-size:36px;

  margin-bottom:10px;

}

.systemTitle h4{

  font-size:16px;

}

.systemHead{

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  align-items: center;

  align-items: stretch;

  margin-bottom:60px;

  padding:0 10px;

}

.systemHead .headImg{

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  flex: 1;

  min-width: 0;

  border-radius:10px;

  overflow: hidden;

}

.systemHead .headImg img{

  display:block;

  width:100%;

}

.systemHead .headInfo{

  width:36%;

  background:#FFFFFF;

  border-radius:10px;

  box-sizing: border-box;

  padding:0 60px;

  margin-left:30px;

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  align-items: center;

}

.systemHead .headInfo div{

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  flex: 1;

  min-width: 0;

}

.systemHead .headInfo p{

  font-size:16px;

  text-indent:2em;

  margin-bottom:20px;

}

.systemHead .headInfo div p:last-child{

  margin-bottom:0;

}

.relevantTitle{

  font-size:36px;

  text-align:center;

  margin-bottom:36px;

}

.systemItem{

  width:33.3333333%;

  box-sizing: border-box;

  padding:0 10px;

  margin-bottom:25px;

  float:left;

  cursor: pointer;

}

.systemBox{

  background:#FFFFFF;

  border-radius:10px;

  overflow:hidden;

  position:relative;

}

.systemImg{

  width:100%;

  height:358px;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

  overflow:hidden;

}

.systemImg img{

  display:block;

  width:100%;

}

.systemInfo{

  width:100%;

  box-sizing: border-box;

  padding:30px 40px;

}

.systemInfo h3{

  font-size:24px;

  text-align:center;

  padding-bottom:10px;

  margin-bottom:10px;

  position:relative;

}

.systemInfo h3:after{

  content:"";

  width:38px;

  height:4px;

  background:#18368B;

  position:absolute;

  bottom:0;

  left:50%;

  margin-left:-19px;

}

.systemInfo p{

  font-size:16px;

}

.systemBox .apply{background:#18368B; border-radius: 100%; overflow: hidden; width: 0%;height: 0%;position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%)translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%);-ms-transform: translateX(-50%)translateY(-50%);-o-transform: translateX(-50%)translateY(-50%); z-index: 22;background-size: cover;background-repeat: no-repeat;background-position: center;}

.systemBox .apply .bks{text-align:left; width: 100%;height:100%; box-sizing: border-box; padding: 10%; position: absolute;top: 0;left: 0;background:rgba(18,50,101,0.3);}

.systemBox .apply .bks .line{width: 100%;height:3px;display: block;background: #FFFFFF;}

.systemBox .apply .bks h3{font-size: 24px;color: #FFFFFF;padding-bottom: 10px;position: relative;margin-top: 10%;}

.systemBox .apply .bks h3:before{content: "";position: absolute;left: 0; bottom:0;width: 40px;height: 3px;background: #FFFFFF;}

.systemBox .apply .bks .txt{color: #fff;margin-top: 20px; width: 100%;height: auto;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.systemBox .apply .bks .still{text-transform: uppercase; font-size: 18px;color: #FFFFFF;position: absolute;bottom: 5%;left: 0; width: 100%;padding: 0 10%;}

.systemBox:hover .apply{height: 100%;width: 100%;border-radius: 0;transition: all 0.5s ease-in-out;}

/*战略合作*/

.cooperList{

  padding:50px 0;

}

.cooperItem{

  width:25%;

  box-sizing: border-box;

  padding:0 10px;

  margin-bottom:30px;

  float:left;

}

.cooperBox{

  width:100%;

  background:#FFFFFF;

  border-radius:10px;

  overflow: hidden;

}

.cooperImg{

  width:100%;

  height:248px;

  background:#cce4f7;

  box-sizing: border-box;

  padding:0 20px;

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  align-items: center;

}

.cooperImg img{

  display:block;

  max-width:100%;

  margin:0 auto;

}

.cooperInfo{

  width:100%;

  box-sizing: border-box;

  padding:20px;

  font-size:16px;

}

/*组织架构*/

.organize{

  padding:100px 0;

}

.organize img{

  display:block;

  width:917px;

  margin:0 auto;

}

/*大事记*/

.milestone{

  min-height:860px;

  background:url(../images/milestone_bg.jpg) no-repeat;

  background-size:cover;

  box-sizing: border-box;

  padding:100px 0;

}

.milestoneBox{

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  overflow: hidden;

}

.milestoneTab{

  width:260px;

  margin-right:80px;

  border-right:1px solid #CCCCCC;

}

.milestoneTab ul li{

  width:200px;

  padding:50px 60px 50px 0;

  text-align:right;

  position:relative;

  cursor:pointer;

}

.milestoneTab ul li:before{

  content:"";

  width:14px;

  height:14px;

  background:#FFFFFF;

  border:1px solid #CCCCCC;

  border-radius:50%;

  position:absolute;

  top:50%;

  right:-8px;

  margin-top:-8px;

}

.milestoneTab ul li:after{

  content:"";

  width:8px;

  height:8px;

  background:#18368B;

  border-radius:50%;

  position:absolute;

  top:50%;

  right:-4px;

  margin-top:-4px;

}

.milestoneTab ul li .year{

  font-size:36px;

}

.milestoneTab ul li .text{

  font-size:18px;

  margin-top:15px;

}

.milestoneTab ul li.active{

  color:#18368B;

}

.milestoneTab ul li.active:before{

  display:none;

}

.milestoneTab ul li.active:after{

  content:"";

  width:18px;

  height:100%;

  background:url(../images/active.png) no-repeat;

  background-size:100% 100%;

  border:0;

  border-radius:0;

  position:absolute;

  top:0;

  right:-11px;

}

.milestoneStage{

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  flex: 1;

  min-width: 0;

  height:700px;

  overflow-y: auto;

  overflow-x: hidden;

  scrollbar-width: none; /* firefox */

  -ms-overflow-style: none; /* IE 10+ */

}

.milestoneStage::-webkit-scrollbar {

  display: none; /* Chrome Safari */

}

.milestoneStage h3{

  font-size:36px;

  color:#18368B;

  padding-bottom:15px;

}

.milestoneStage p{

  font-size:18px;

  margin:15px 0;

}

/*分页*/

.page{

  padding:20px 0 80px;

  min-width:1200px;

  text-align:center;

}

.page ul{

  text-align:center;

  font-size:0;

}

.page ul li{

  display:inline;

}

.page ul li a, .page ul li span{

  display:inline-block;

  height:28px;

  line-height:28px;

  color:#333333;

  padding:0 10px;

  font-size:14px;

}

.page ul li a:hover{

  color:#143082;

}

.page ul li.active span{

  color:#143082;

}

.page.red ul li a:hover{

  color:#B31013;

}

.page.red ul li.active span{

  color:#B31013;

}



.hide{

  display:none;

}

@media only screen and (max-width: 1720px) {



}

@media only screen and (max-width: 1600px) {

  .slider{

    min-width:1560px;

  }

  .slider .swiper-pagination{

    width:1560px;

    margin-left:-780px;

  }

  .event01{

    height:720px;

  }

  .event02, .event03, .event04, .event05{

    height:350px;

  }

  .newLeft{

    height:848px;

  }

  .newItem{

    height:409px;

  }

  .banner, .menu, .article, .party, .strate, .leader, .culture, .milestone, .bannerImg{

    min-width:1560px;

  }

  .partyItem{

    width:370px;

  }

  .partyItem .partyImg{

    height:234px;

  }

  .systemImg{

    height:349px;

  }

  .cooperImg{

    height:234px;

  }

}

@media only screen and (max-width: 1500px) {

  .slider{

    min-width:1460px;

  }

  .slider .swiper-pagination{

    width:1460px;

    margin-left:-730px;

  }

  .event01{

    height:670px;

  }

  .event02, .event03, .event04, .event05{

    height:325px;

  }

  .newLeft{

    height:794px;

  }

  .newItem{

    height:382px;

  }

  .banner, .menu, .article, .party, .strate, .leader, .culture, .milestone, .bannerImg{

    min-width:1460px;

  }

  .partyItem{

    width:345px;

  }

  .partyItem .partyImg{

    height:218px;

  }

  .groupsItem .groupInfo h3{

    font-size:32px;

  }

  .systemImg{

    height:325px;

  }

  .cooperImg{

    height:218px;

  }

}

@media only screen and (max-width: 1440px) {

  .slider{

    min-width:1400px;

  }

  .slider .swiper-pagination{

    width:1400px;

    margin-left:-700px;

  }

  .event01{

    height:642px;

  }

  .event02, .event03, .event04, .event05{

    height:311px;

  }

  .newLeft{

    height:762px;

  }

  .newItem{

    height:366px;

  }

  .banner, .menu, .article, .party, .strate, .leader, .culture, .milestone, .bannerImg{

    min-width:1400px;

  }

  .partyItem{

    width:330px;

  }

  .partyItem .partyImg{

    height:208px;

  }

  .groupsItem .groupInfo h3{

    font-size:32px;

  }

  .systemImg{

    height:310px;

  }

  .cooperImg{

    height:208px;

  }

}

@media only screen and (max-width: 1366px) {

  .slider{

    min-width:1326px;

  }

  .slider .swiper-pagination{

    width:1326px;

    margin-left:-663px;

  }

  .event01{

    height:606px;

  }

  .event02, .event03, .event04, .event05{

    height:293px;

  }

  .newLeft{

    height:722px;

  }

  .newItem{

    height:346px;

  }

  .banner, .menu, .article, .party, .strate, .leader, .culture, .milestone, .bannerImg{

    min-width:1326px;

  }

  .partyItem{

    width:311.5px;

  }

  .partyItem .partyImg{

    height:197px;

  }

  .menu ul li a{

    padding:0 38px;

  }

  .groupsItem .groupImg{

    width:654px;

    height:430px;

  }

  .groupsItem .groupInfo{

    padding:0 60px;

  }

  .groupsItem .groupInfo h3{

    font-size:30px;

  }

  .dutyItem .dutyImg{

    width:654px;

    height:430px;

  }

  .dutyItem .dutyInfo{

    width:calc(100% - 654px);

  }

  .systemImg{

    height:294px;

  }

  .cooperImg{

    height:197px;

  }

}

@media only screen and (max-width: 1300px) {

  .slider{

    min-width:1260px;

  }

  .slider .swiper-pagination{

    width:1260px;

    margin-left:-630px;

  }

  .event01{

    height:574px;

  }

  .event02, .event03, .event04, .event05{

    height:277px;

  }

  .newLeft{

    height:688px;

  }

  .newItem{

    height:329px;

  }

  .banner, .menu, .article, .party, .strate, .leader, .culture, .milestone, .bannerImg{

    min-width:1260px;

  }

  .partyItem{

    width:295px;

  }

  .partyItem .partyImg{

    height:186px;

  }

  .groupsItem .groupImg{

    width:614px;

    height:404px;

  }

  .menu ul li a{

    padding:0 38px;

  }

  .groupsItem .groupInfo{

    padding:0 60px;

  }

  .groupsItem .groupInfo h3{

    font-size:30px;

  }

  .dutyItem .dutyImg{

    width:614px;

    height:404px;

  }

  .dutyItem .dutyInfo{

    width:calc(100% - 614px);

  }

  .systemImg{

    height:279px;

  }

  .cooperImg{

    height:186px;

  }

}

@media only screen and (max-width: 1240px) {

  .slider{

    min-width:1200px;

  }

  .slider .swiper-pagination{

    width:1200px;

    margin-left:-600px;

  }

  .event01{

    height:544px;

  }

  .event02, .event03, .event04, .event05{

    height:262px;

  }

  .newLeft{

    height:654px;

  }

  .newItem{

    height:312px;

  }

  .banner, .menu, .article, .party, .strate, .leader, .culture, .milestone, .bannerImg{

    min-width:1200px;

  }

  .partyItem{

    width:280px;

  }

  .partyItem .partyImg{

    height:177px;

  }

  .menu ul li a{

    padding:0 38px;

  }

  .groupsItem .groupImg{

    width:584px;

    height:384px;

  }

  .groupsItem .groupInfo{

    padding:0 40px;

  }

  .groupsItem .groupInfo h3{

    font-size:30px;

  }

  .dutyItem .dutyImg{

    width:584px;

    height:384px;

  }

  .dutyItem .dutyInfo{

    width:calc(100% - 584px);

  }

  .systemImg{

    height:265px;

  }

  .cooperImg{

    height:177px;

  }

}

@media only screen and (max-width: 1240px) {

  .partySlider .slideLeft a img {
    display: block;
        width: inherit;
    height: 100%;
}
}


/*数据服务公司*/
ul.plusc1{
    text-align: center;
}
ul.plusc1.bt{
    height: 395px;
    padding-bottom: 70px;
}
ul.plusc1 li{
    list-style: none;display: block;width: 50%; float: left;
}
ul.plusc1 li img{
    max-width: 95%;
}
.overview1{
    padding-top: 70px;padding-bottom: 100px;
}
.groupsItem .groupInfo h3.gssjwf{
    text-align: center;color: #000; padding-bottom: 20px;
    
}
.groupsItem .groupInfo p.wz{
    padding-bottom: 70px;
}
.groupsItem .groupInfo p.ld{
    padding-bottom: 30px;
}
.groupsItem .groupInfo p.ld.sx{
    padding-bottom: 5px;
}
.groupsItem .groupInfo p.ldsj{
    padding-bottom: 5px;
}
.gssjwf.cd{
    
    padding-top: 70px;
}