/*1.首页*/
.position{
  position:fixed;
  z-index:9999;
  background:#fff;
  top:0;
  width:100%;
}
.section{
  position:relative;
  width:100%;
  height:100%;
}
.sectionBox{
  position:absolute;
  width:100%;
  top:50%;
}
.bg3{
  background:#073190;
  color:#fff;
}
.bg4{
  background:#f6f6f6;
}

.index_bg{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  min-width:1200px;

}
.indextitle{
  margin-bottom:40px;
  position:relative;
  left:200%;
}

.indextit1{
  padding-left:55px;
  background:url(../images/tline.png) no-repeat left center;
  background-size:40px;
  font-size:14px;
}
.indextitle h2{
  padding-left:55px;
  font-size:24px;
  color:#000;
  position:relative;
}
.indextitle .t2line{
  position:absolute;
  right:0;
  top:50%;
  margin-top:-1px;
  width:980px;
  border-bottom:1px solid #999999;
}
.indextitle.white .indextit1{
  background:url(../images/tline-w.png) no-repeat left center;
}
.indextitle.white h2{
  color:#fff;
}
.indextitle.white .t2line{
  border-bottom-color:#fff;
}
.indexSolute{
  height:516px;
  overflow:hidden;
}
.indexSolute li{
  width:390px;
  height:258px;
  float:left;
  overflow:hidden;
}
.indexSolute li a{
  display:block;
  position:relative;
  width:390px;
  height:258px;

}
.indexSolute li img{
  width:390px;
  height:258px;
  display:block;
}
.mask1{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.5);
  filter:Alpha(opacity=50);
  color:#fff;
  font-size:20px;
  line-height: 258px;
}
.mask2{
  overflow:hidden;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:0;
  margin-left:0;
  z-index: 100;
  width:0;
  height:0;
  padding:0;
  background:rgba(7,49,144,0.8);
  filter:Alpha(opacity=80);
  color:#fff;
  text-align: center;
}
.mask2 h3{
  font-weight: normal;
  font-size: 20px;
  margin-bottom:13px;
}
.mask2 p{
  font-size:14px;
  line-height: 25px;
}
.soluMore{
  margin-top:20px;
}
.soluMore a{
  display:block;
  width:46px;
  height:29px;
  background:url(../images/dropMore.png) no-repeat;
  background-size:100%;
  margin:0 auto;
}
.indexCase{
  margin-top:60px;
}
.indexCase .dl{
  width:500px;
  height:117px;
  float:left;
  margin-right:170px;
  margin-bottom:100px;
}
.indexCase .dl:nth-child(2n+0){
  margin-right:0;
}
.indexCase dl dt{
  width:135px;
  height:117px;
  float:left;
  margin-right:35px;
  position:relative;
  -webkit-perspective: 234px;
  -moz-perspective: 234px;
}
.indexCase dl dt .pic2{
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
}
.indexCase dl dt .pic1{
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.indexCase dl:hover .pic1{
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
}
.indexCase dl dt .pic2{
  -webkit-transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateY(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;/*z-index:10;
    position:absolute;*/
}
.indexCase dl:hover .pic2{
  -webkit-transform:rotateX(0deg) rotateY(0deg);
  -moz-transform:rotateX(0deg) rotate(0deg);
  z-index: 10;
  position: absolute;
}
.indexCase dl dd{
  width:330px;
  float:left;
  font-size:15px;
  color:#fff;
}
.indexCase dl .d1{
  font-size:24px;
  padding-bottom:16px;
  border-bottom:1px solid #fff;
  margin-bottom:18px;
}
.indexCulture li{
  width:350px;
  cursor:pointer;
  padding:70px 0;
  float:left;
  background: #ffffff;
  border-radius: 10px;
  text-align: center;
  margin-right:60px;
  -ms-filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#fff');/* For IE 8 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#fff');/* For IE 5.5 - 7 */
  -moz-box-shadow: 0 0 20px #fff;/* for firefox */
  -webkit-box-shadow: 0 0 20px #fff;/* for safari or chrome */
  box-shadow:0 0 20px #fff;/* for opera or ie9 */
}
.indexCulture li:last-child,.indexCulture li.last{
  margin-right:0;
}
.indexCulture li.hover{
  background:#073190;
  color:#fff;
  -ms-filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#073190');/* For IE 8 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#073190');/* For IE 5.5 - 7 */
  -moz-box-shadow: 0 0 20px #073190;/* for firefox */
  -webkit-box-shadow: 0 0 20px #073190;/* for safari or chrome */
  box-shadow:0 0 20px #073190;/* for opera or ie9 */
}
.culicon{
  width:120px;
  height:120px;
  margin:0 auto 50px;
}
.cicon5{
  background:url(../images/cicon5.png) no-repeat;
  background-size:120px;
}
.cicon6{
  background:url(../images/cicon6.png) no-repeat;
  background-size:120px;
}
.cicon7{
  background:url(../images/cicon7.png) no-repeat;
  background-size:120px;
}
.indexCulture li.hover .cicon5{
  background:url(../images/cicon5-on.png) no-repeat;
  background-size:120px;
}
.indexCulture li.hover .cicon6{
  background:url(../images/cicon6-on.png) no-repeat;
  background-size:120px;
}
.indexCulture li.hover .cicon7{
  background:url(../images/cicon7-on.png) no-repeat;
  background-size:120px;
}
.indexCBo{
  padding-top:40px;
  border-top:1px solid #e5e5e5;
  text-align: center;
  position:relative;
}
.indexCulture li.hover .indexCBo{
  border-top-color:#fff;
}
.indexCBo div{
  position:absolute;
  top:-13px;
  left:50%;
  margin-left:-40px;
  font-size:20px;
  width:100px;
  background:#fff;
}
.indexCulture li.hover .indexCBo div{
  background:#073190;
}
.indexCBo p{
  font-size:15px;
  line-height: 25px;
}
.recruit{
  padding:30px 0;
  background:url(../images/zpbg.png) no-repeat bottom center;
  background-size:100%;
  display:none
}

.recruitTit{
  font-size:27px;
  color:#333;
  text-align: center;
  background:url(../images/t1line.png) no-repeat bottom center;
  padding:0 0 10px;
  margin-bottom:20px;
}
.recruit p{
  text-align: center;
  color:#666;
  font-size:14px;
}
.recruit a.reLink{
  display:block;
  margin:30px auto 0;
  background: #073190;
  color:#fff;
  font-size:16px;
  width:120px;
  height:40px;
  line-height: 40px;
  text-align: center;
}

/*2.企业介绍*/
.banner .adv{
  position:relative;
  
}
.banner2 .bannerText{
  position:absolute;
  top:50%;
  margin-top:-50px;
}
.banner2 .bannerText h1{
  font-size:50px;
  color:#fff;
  font-weight: normal;
}
.banner2 .bannerText h1 span{
  color:#059ddc;
  font-size:30px;
}
.banner2 .bannerText h3{
  font-size:18px;
  color:#fff;
  font-weight: normal;
  line-height:30px;
  margin-top:20px;
}
.adv img{
  width:100%;
}
.floor{
  padding:50px 0;
}
.title{
  text-align: center;
  margin-bottom:40px;
}
.title h1{
  color:#333;
  font-size:26px;
  font-weight: bold;
}
.title p{
  font-size:16px;
  color:#333;
}
.title .gLine{
  width:1000px;
  margin:8px auto 0;
  border-bottom:1px solid #e6e6e6;
}
.title .bLine{
  width:30px;
  height:3px;
  background:#059ddc;
  margin:-2px auto 0;
}
.mainL{
  width:400px;
  border:10px solid #a3b7cd;
  float:left;
}
.mainL img{
  width:100%;
}
.mainR{
  width:720px;
  float:right;
  text-align: justify;
  padding:30px 0;
}
.mainR p{
  line-height: 28px;
  font-size:15px;
}
.culture li{
  width:33.3%;
  float:left;
  text-align: center;
}
.culture li.hover{
  cursor:pointer;
}
.culture dl,.culture .cbottom{
  width:370px;
  margin:auto auto;
}
.culture li dt{
  color:#666;
  font-size:16px;
  margin-bottom:38px;
}
.culture li dd{
  width:170px;
  height:170px;
  margin:0 auto;
}
.culture li dd.cnav1{
  background:url(../images/cnav1.png) no-repeat;
  background-size:100% 100%;
}
.culture li.hover dd.cnav1{
  background:url(../images/cnav1-on.png) no-repeat;
  background-size:100% 100%;
}
.culture li dd.cnav2{
  background:url(../images/cnav2.png) no-repeat;
  background-size:100% 100%;
}
.culture li.hover dd.cnav2{
  background:url(../images/cnav2-on.png) no-repeat;
  background-size:100% 100%;
}
.culture li dd.cnav3{
  background:url(../images/cnav3.png) no-repeat;
  background-size:100% 100%;
}
.culture li.hover dd.cnav3{
  background:url(../images/cnav3-on.png) no-repeat;
  background-size:100% 100%;
}
.culture .cbottom{
  margin-top:48px;
  position:relative;
  padding:30px 0;
}
.culture li.hover .cbottom{
  background:url(../images/cbg.png) no-repeat;
  background-size:100% 100%;
}
.culture .cbottom .c2{
  font-size:24px;
  color:#000;
  position:absolute;
  top:-20px;
  width:100%;
  text-align: center;
}
.culture li.hover .cbottom .c2{
  color:#073190;
}
.culture .cbottom .c3{
  font-size:20px;
  color:#666
}
.course{
  background:url(../images/courseBg.png) no-repeat;
  background-size:100% 100%;
}
.course .title h1{
  color:#fff;
}
.course .title p{
  color:#fff;
}
.course .title .gLine{
  border-bottom:1px solid #fff;
}
.course .main{
  position:relative;
}
.circle{
  width:443px;
  height:443px;
  margin:0 auto;
  position:relative;
}
.year{
  position:absolute;
  width:215px;
}
.yearL{
  width:160px;
  float:left;
  text-align: right;
}
.yearL h2{
  font-size:18px;
  color:#fff;
  font-weight:normal;
  margin-bottom:5px;
}
.yearL p{
  font-size:14px;
  color:#ccc;
}
.yearR{
  width:50px;
  float:right;
  text-align: right;
  font-size:18px;
  color:#fff;
  line-height:74px;
  font-weight:bold;
}
.p1{
  top:50px;
  left:-140px;
}
.p2{
  top:180px;
  left:-190px;
}
.p3{
  bottom:50px;
  left:-140px;
}
.p4{
  bottom:-50px;
  left:126px;
}
.p5{
  right:-140px;
  bottom:50px;
}
.p6{
  right:-190px;
  bottom:180px;
}
.p7{
  right:-140px;
  top:50px;
}
.swiper-slide img{

  display:block;
}
.swiper-container{
  border:1px solid #a0a0a0;
  background:#f6f6f6;
  padding:10px;
  width:1070px;
}
.swiper-slide p{
  margin-top:10px;
  font-size:14px;
  color:#333;
  text-align: center;
}
.footBg2{
  padding:30px 0;
  background:url(../images/footbg.png) no-repeat;
  background-position:center center;
  
}

/*3.解决方案*/
.solution li{
  margin-bottom:30px;
}
.soluL{
  width:470px;
  height:262px;
  float:left;
}
.soluL img{width:100%;height:100%;}
.soluR{
  width:624px;
  height:186px;
  padding:38px;
  float:left;
  background:#f7f7f7;
}
.soluR h3{
  margin-bottom:15px;
  font-weight: normal;
}
.soluR h3 a{
  font-size:23px;
  color:#333;
}
.soluR h3:hover a{
  color:#073190;
}
.soluR p{
  color:#666;
  font-size:15px;
  line-height:25px;
  margin-bottom:15px;
}
.soluR .detail{
  display:block;
  color:#073190;
  font-size:15px;
}
.pages {
  text-align: center;
  margin-top:20px;
}
.pages li{
  display:inline-block;margin:5px;
}
.pages li a{
  display:inline-block;
  padding:2px 10px;
  background:#fff;
  color:#333;
  font-size:14px;
  border-radius: 3px;
  border:1px solid #dedede;
}
.pages li a:hover,.pages li.hover a{
  background:#059ddc;
  color:#fff;
  border-color:#059ddc;
}
/*4.经典案例*/
.case li{
  width:570px;
  height:300px;
  float:left;
  margin-right:30px;
  margin-bottom:30px;
  overflow:hidden;
}
.case li img{width:100%;height:100%;}
.case li:nth-child(2n+0){
  margin-right:0;
}
.case a{
  display:block;
  position:relative;
}
.hoverPop{
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100px;
  padding:100px 0;
  text-align: center;
  background:rgba(7,49,144,0.8);
  filter:Alpha(opacity=80);
  color:#fff;
  line-height:50px;
}
.hoverPop h4{
  font-size:16px;
  font-weight: normal;
}
.hoverPop .more{
  display:inline-block;
  padding-left:30px;
  background:url(../images/more.png) no-repeat left center;
  background-size:20px;
}

/*5.招贤纳士*/
.join .main{
  margin-top:50px;
}
.join p{
  text-align: center;
  line-height: 25px;
  font-size: 14px;
}
.joinL{
  width:270px;
  float:left;
}
.joinL li{
  width:250px;
  padding-right:20px;
  position:relative;
}
.joinL li a{
  display:block;
  width:250px;
  border:1px solid #666;
  color:#666;
  font-size:20px;
  text-align: center;
  line-height:60px;
  border-radius: 8px;
}
.joinL li.active{
  background:url(../images/arrow.png) no-repeat right center;
  background-size:20px;
}
.joinL li.active a{
  background: #073190;
  color:#fff;
  border-color:#073190;
}
.joinR{
  width:800px;
  float:right;
}
.joinTitle{
  font-size:24px;
  color:#073190;
  padding-bottom:10px;
  border-bottom:1px solid #999;
}
.joinBox{
  display:none;
}
.joinMain{
  padding:10px 0;
}
.joinMain p{
  font-size:14px;
  line-height: 25px;
  color:#666;
  text-align: left;
}

/*6.联系我们*/
.contactM{
  height:600px;
}
.map{
  width:50%;
  float:left;
  height:600px;
}

.contact{
  width:50%;
  float:left;
  padding:145px 0;
  background:#252654;
  color:#fff;
}
.contactBox{
  width:500px;
  padding-left:78px;
  font-size:15px;
}
.contactBox h3{
  font-size:27px;
  font-weight: normal;
}
.contactBox .sLine{
  display:inline-block;
  width:100px;
  height:7px;
  background:#059ddc;
  margin:8px 0;
}
.contactBox p{
  font-size:15px;
}
.contactTit{
  margin-bottom:50px;
}
.address{
  display:inline-block;
  padding-left:30px;
  background:url(../images/address.png) no-repeat left center;
  background-size: 20px 20px;
}
.chuanzlps{
  display:inline-block;
  padding-left:30px;
  background:url(../images/chuanzlps.png) no-repeat left center;
  background-size: 20px 20px;
margin-bottom: 6px
}
.wangzlps{
  display:inline-block;
  padding-left:30px;
  background:url(../images/wangzhilps.png) no-repeat left center;
  background-size: 20px 20px;
margin-bottom: 6px
}
.phone{
  display: inline-block;
  padding-left:30px;
  background:url(../images/phone.png) no-repeat left center;
  background-size: 20px 20px;
  margin-right:50px;
margin-bottom: 6px
}
/*三级页面*/
.articleBox p{
  font-size: 15px;
  line-height: 25px;
  margin-bottom:10px;
}
.articleBox{
  margin-bottom:20px;
}
.articleBox p img{
  margin:0 auto;
  display:block;
  max-width:100%;
}