.layui-container {width:1330px;}


/*****logobox*****/
#header{position:relative;background: #fff;}
/*top*/
.top{height:38px;line-height:38px;color:#fff;background:#3a3d3c;}
.top .top-right{position:relative;color:#fff;}
.top .top-right a{padding:0 10px;color:#fff;}

.logobox{}
.media,.media .media{margin-top:0;}
.logo{width:160px;float:left;margin-top:25px;}
.logobox .headicon{font-size: 18px;float: right;margin-top:40px}
.logobox .headicon em{padding: 0 10px;color:#777;}
/*nav*/
#nav{float:left;width:900px;margin-left: 110px;height:120px;}
#nav ul>li{float:left;width:12.5%;text-align:center;position:relative;}
#nav ul>li:last-child{background:none;}
#nav ul>li>a{display:block;font-size:16px;padding:34px 0;}
#nav ul>li>a span{display:block;font-size:12px;color:#9e9e9e;text-transform:uppercase;}
#nav ul>li.active>a{color:#fff;background:#0064bc;}
#nav ul>li.active>a span{color:#fff;}
#nav ul .submenu{position:absolute;;top:120px;z-index:99;background:#fff;display:none;padding:20px;width:380px;}
#nav ul .submenu li{line-height:32px;text-align: left !important;background:url(../images/navicon.png) left center no-repeat;padding-left:10px;}
.submenu ol{float:left;}
.submenu .submenu-text{float:right;text-align:left;font-weight:bold;padding:15px 10px;border-left:1px solid #ddd;}

/*banner*/
.swiper-container{width:100%;height:620px;}
.swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center;}


.choose-search{color:#0064bc;}
/*search*/
.seach-content{display: none;position: absolute;z-index: 999;top:0;left: 0;right: 0;bottom: 0;}
.seach-content .search-shadw{position: absolute;background: rgba(0,0,0,0.7);height: 100%;top: 0;bottom: 0;left: 0;right: 0;}
.seach-content .search-wrap{position: absolute;top: 400px;left: 0;z-index: 999;width: 100%;}
.seach-content .iframe-content{position: relative;z-index: 10;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.seach-content .iframe-content .seek-box {width: 680px;margin-left: auto;margin-right: auto;margin-bottom: 30px;}
.seach-content .layui-input{width: 680px;height: 60px;background: #fff;border: none;padding-left: 20px;}
.seach-content .glyphicon{width:100px;line-height:56px;border: none;background: #008bd4;color: #fff;right: 2px;top: 2px;}

.aboutus{background:url(../images/bg1.jpg) no-repeat;padding:90px 0;}
.aboutus img{margin-right:55px;}
.aboutText span{font-size:48px;color:#ed1700;font-family:"Impact";line-height:1.5;}
.aboutText strong{display:block;font-size:30px;font-weight:normal;line-height:1.5;}
.aboutText em{width:46px;height:4px;display:inline-block;background:#0064bc;}
.aboutText p{font-size:16px;}
.aboutus ul{display:flex;justify-content:space-between;}
.aboutus li{width:25%;background:url(../images/line.png) left center no-repeat;padding-left:30px;}
.aboutus li p{color:#ed1700;font-size:14px;}
.aboutus li b{font-size:44px;font-family:"Myriad Pro";font-weight:bold;color:#222;line-height:1.1;}
.aboutus li span{color:#777;}


.index-title .t1{font-size:36px;font-weight:bold;}
.index-title .t2{font-weight:100;font-size:18px;line-height:1.2;text-transform:uppercase;color:#777;}
.yewu{background:url(../images/bg2.jpg) top center no-repeat;padding-top:85px;}
.yewu .t1,.yewu .t2{color:#fff;}
.yewuList ul{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.08);margin-top:120px;}
.yewuList li{text-align:center;width:20%;}
.yewuList li a{color:#fff;display:block;font-size:24px;font-weight:bold;padding:50px 0;}
.yewuList li a p{padding:15px 0;height: 45px;}
.yewuList li a span{display:inline-block;background:#fff;width:37px;height:1px;}
.yewuList li:hover a{background:#00428e;}


.case .index-title span{display:inline-block;background:#db1818;width:50px;height:2px;}
.case-scroll{position:relative;}
.case-scroll a.scroll{width:49px;height:49px;position:absolute;top:50%;margin-top:-30px;z-index:100;}
.case-scroll a.prev{left:-30px;background:url(../images/left.png) no-repeat;}
.case-scroll a.next{right:-30px;background:url(../images/right.png) no-repeat;}
.case-scroll .bd{overflow:hidden;}
.case-scroll li{width:33.33%;float:left;text-align:center;}
.case-scroll li a{display:block;margin:0 12px;}
.case-scroll li img{width:100%;height:320px;}
.case-scroll li p{background:#f2f2f2;font-size:16px;padding:8px 0;}


.news{background:#f6f6f6;padding:90px 0;}
.newsCt ul.tab_items{width:170px;float:left;}
.newsCt ul.tab_items li{margin-bottom:10px;}
.newsCt ul.tab_items li a{display:block;padding:10px 0;background:#00428e;text-align:center;color:#fff;}
.newsCt ul.tab_items li a span{font-size:20px;display:block;font-weight:bold;}
.newsCt ul.tab_items li.active a{background:#03a1ad;}

.newsText{width:1098px;float:right;background:#fff;}
.newsPic{width:565px;position:relative;float:left;}
.newsPic a{overflow:hidden;display:block;}
.newsPic a:hover img{transition:all .6s;transform:scale(1.05,1.05)}
.newsPic a p{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;line-height:56px;font-size:16px;padding:0 20px;}
.news-tab{width:504px;float:right;margin-right:10px;margin-top:40px;}
.news-tab .news-tab-item{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;}
.news-tab .news-tab-item strong{font-size:24px;display:block;}
.news-tab .news-tab-item p{font-size:16px;color:#898989;}
.news-tab ul li{line-height:44px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-tab ul li span{float:right;color:#777;}
.news-tab ul li a{background:url(../images/newi.png) left center no-repeat;padding-left:20px;}



.footer{background:url(../images/footer.jpg) no-repeat;overflow: hidden}
.foot{padding: 70px 0;}
.foot dl{float: left;margin-right: 80px;}
.foot dl dt{color:#fff;font-size: 18px;display: flex;align-items: center;margin-bottom:8px;}
.foot dl dt i{font-size: 24px;}
.foot dl dd,.foot dl dd a{color:#8faccd}
.copyright{border-top: 1px solid #1a559a;padding: 18px 0;color:#8faccd;text-align:center;}
.copyright a{color:#8faccd;}
.footer a:hover{text-decoration: underline;color:#fff;}



.team {
  width: 100%;
  height: 555px;
  position: relative;
  background: url(../images/tt.jpg) no-repeat center center;
  background-attachment: fixed;
}

.team .teamt {
  position: absolute;
  left: 3%;
  top: 5%;
  z-index: 99
}

.team .teamt b {
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5em;
  line-height: 1.5em;
  display: block;
  margin-top: 15px;
}

.team .xuanxianga {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
}

.team .teamt h1 {
  font-size: 32px;
  font-family: "cdcbedad-c2d2-4fe9-82e7-c5079cdf9a64";
  font-weight: bold;
  color: #fff;
}

.team .teamt p {
  font-size: 16px;
  font-family: "arial";
  color: #fff;
}

.team .xuanxianga a {
  display: block;
  width: calc((100% - 0px) / 5);
  float: left;
  border-right: 1px solid rgba(255, 255, 255, .2);
  height: 555px;
  overflow: hidden;
  position: relative;
  box-sizing:border-box;
}

.team .xuanxianga a .teama {
  position: absolute;
  left: 12%;
  width: 80%;
  bottom:5%;
  z-index: 99;
  transition: all 0.5s;
}
.team .xuanxianga a:hover{
       background-color: rgb(0 142 163 / 60%);
}
.team .xuanxianga a:hover .teama {
  bottom: 12%;
}

.team .xuanxianga a .teama p {
  font-size: 22px;
  color: #fff;
  font-family: "cdcbedad-c2d2-4fe9-82e7-c5079cdf9a64";
  text-transform: uppercase;
  font-weight: bold;
}

.team .xuanxianga a .teama b {
  font-size: 13px;
  color: #fff;
  display: block;
  font-weight: 400;
     margin: 20px 0;
      min-height: 105px;
}

.team .xuanxianga a .teama img {
  float: left;
}

.team .xuanxianga a .teama span {
  width: 90px;
  height: 1px;
  opacity: 0.3;
  background: #fff;
  display: block;
  float: left;
  margin-top: 13px;
  margin-left: 15px;
}

.team .xuanxianga a>img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: all 0.5s;
  opacity: 0;
}

.team .xuanxianga a:hover>img {
  opacity: 0;
}

.team .xuanxianga a>p {
  font-size: 14px;
  color: #fff;
  font-family: "cdcbedad-c2d2-4fe9-82e7-c5079cdf9a64";
  position: absolute;
  font-weight: bold;
  bottom: 8%;
  left: 12%;
  opacity: 0;
  transition: all 0.8s;
  z-index: 99;
  text-transform: uppercase;
}

.team .xuanxianga a:hover>p {
  bottom: 12%;
  opacity: 1;
}