@charset "utf-8";

/* CSS Document */
body,html,div,p,span,a,i,em,b,strong,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,tr,td,table{ margin:0; padding:0;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;margin:0; padding:0;}

body{ font-family:"微软雅黑"; font-size:12px;}

input,textarea{ font-family:"微软雅黑";}

a,a:hover,a:active{ text-decoration:none; color:#016dcd;}

input::-ms-clear{display:none;}

select::-ms-expand{ display: none; }

button::-ms-expand{ display: none; }

img{ border:medium none;}

ul,li,dl,dd,dt{ list-style:none;vertical-align:bottom;}

ul li,ul p,ul span,ul a,ul i,ul em,ul b,dl p,dl span,dl dt,dl dd,dl a,dl i,dl em,dl b{ display:block;}

i,em,p{ font-style:normal;}

select{ font-family:"微软雅黑"; font-size: 14px;}

*, *:before, *:after {  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#cccccc;}

.wrap{ clear:both; margin:auto; width:1200px}

.clearfix:after {
  content: "."; /**//*内容为“.”就是一个英文的句号而已。也可以不写。*/
  display: block; /**//*加入的这个元素转换为块级元素。*/
  clear: both; /**//*清除左右两边浮动。*/
  visibility: hidden; /**//*可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；*/
  line-height: 0; /**//*行高为0；*/
  height: 0; /**//*高度为0；*/
  font-size:0; /**//*字体大小为0；*/
}
.clearfix{ *zoom:1;} /**//*这是针对于IE6的，因为IE6不支持:after伪类，这个神奇的zoom:1让IE6的元素可以清除浮动来包裹内部元素。*/

.padding60{  
  padding:60px 0;
}
.txtCenter {
  text-align:center;
}

/* 头部 */
.bg-light{
  padding:0;
}
.navbar-nav{
  justify-content: flex-end;
  flex: 1;
}
.navbar-light .navbar-nav .nav-link{
  color:#666666;
  font-size: 20px;
  position: relative;
  width: 128px;
  text-align:center;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
  color:#35558c;
}
.dropdown-toggle::after{
  content: '';
  width: 28px;
  height: 2px;
  background:#df000b;
  border:none;
  position: absolute;
  top: 44px;
  left: 50px;
  margin: 0;
  display: none;
}
.active .dropdown-toggle::after{
  display: block;
}
.dropdown-menu{
  border: none;
  background: #fff;
  font-size: 16px;
  color:#666666;
  min-width: 6rem;
  border-radius: 0;
  top: 60px;
}
.dropdown-menu .dropdown-item{
  text-align:center;
}
.dropdown-menu .dropdown-item:hover{
  background:#35558c;
  color:#fff;
}

header{
  border-bottom: 2px solid #2a5f8f;
}

/* 轮播图 */
.carousel-indicators{
  margin-bottom: 20px;
}
.carousel-indicators li{
  width:18px;
  height:18px;
  border-radius: 50%;
  border:none;
}

/* 底部 */
footer{
  text-align: center;
  width: 100%;
  border-top:1px solid #dddddd;
  padding: 35px 0;
  background: #ddd;
}
footer span{
  display: inline-block;
  padding:5px 10px;
  font-size: 16px;
  color:#666666;
}

/* 首页 */
.con1{ margin-top:50px; overflow:hidden; height:400px;}
.con1 dt{ width:50%; float:left; border-bottom:1px solid #c9d7e3; border-top:1px solid #c9d7e3; border-left:1px solid #c9d7e3; height:100%; padding:50px;}
.con1 dd{ width:50%; float:right; overflow:hidden; height: 100%;}
.con1 dd img{ width: 100%; height: 100%; }
.con1 dt h1{ font-size:30px; clear:both; color:#333333; font-weight:normal;}
.con1 dt i{ width:60px; height:2px; clear:both; overflow:hidden; background-color:#cccccc; margin:15px 0;}
.con1 dt p{ font-size:16px; color:#aaaaaa; clear:both; font-weight:normal; letter-spacing:3px;}
.con1 dt span{ font-size:16px; color:#555555; clear:both; font-weight:normal; line-height:200%; margin:25px 0 20px 0;}
.con1 dt a{ font-size:16px; color:#2a5f8f; clear:both; font-weight:normal;}
.con2{ margin-top:50px; margin-bottom:50px; overflow:hidden;}
.con2 li{ float:left; width:405px; margin-right:57px;}
.con2 li i{ overflow:hidden;}
.con2 li p{ height:55px; widows:100%; background-color:#d8e8f6; text-align:center; line-height:55px; font-size:18px; color:#333333;}
.con3{ margin-top:40px; margin-bottom:40px; overflow:hidden;}
.ctit{ clear:both; overflow:hidden; width:100%;}
.ctit p{ font-size:30px; color:#333333; float:left; display:block;}
.ctit span{ font-size:20px; color:#aaaaaa; float:left; display:block; padding-top:10px;}
.ctit a{ font-size:16px; color:#2a5f8f; float:right; display:block; padding-top:15px;}
.con3 ul{ margin-top:30px; display: flex; justify-content: space-between;flex-flow: wrap;}
.con3 ul li{width:280px; text-align: center;}
.con3 ul li i{ overflow:hidden;}
.con3 ul li p{ clear:both; text-align:center; font-size:20px; color:#333333; padding:15px 0 10px 0;}
.con3 ul li span{ clear:both; font-size:14px; color:#888888; text-align:center;}
.con4{ margin-top:40px; margin-bottom:50px; overflow:hidden;}
.con4 dl{ width:50%; float:left; overflow:hidden; margin-top:35px;}
.con4 dl dt{ width:94px; height:92px; border-bottom:3px solid #2a5f8f; border-top:1px solid #c9d7e3; border-left:1px solid #c9d7e3; border-right:1px solid #c9d7e3; float:left; text-align:center;}
.con4 dl dt p{ font-size:40px; color:#666666; font-weight:normal;}
.con4 dl dt span{ font-size:14px; color:#aaaaaa; font-weight:normal;}
.con4 dl dd{ width:73%; float:left; margin-left:25px;}
.con4 dl dd p{ font-size:18px; color:#444444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; clear:both; padding:5px 0 10px 0;}
.con4 dl dd span{ font-size:14px; color:#898989; line-height:180%;}
.link{
  display: flex; flex-flow: wrap; font-size: 14px; padding-top: 10px;
}
.link a{
  margin: 10px; color: #666;
}
/* banner */
.banner{
  width:100%;
  height: 300px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
      font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666;
}
/* 二级导航 */
.subnav{
  border-bottom:1px solid #e5e5e5;
  text-align: center;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subnav a{
  padding:0 10px;
  color: #666666;
  font-size: 24px;
  height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin:0 20px;
}
.subnav a:hover,.subnav a.active{
  color:#0081cc;
  border-bottom:2px solid #0081cc;
}

/* 关于我们 */
.about{
  display: flex;
}
.about_l{
  flex:1;
  font-size: 20px;
  color:#666666;
  padding-right: 40px;
  line-height: 180%;
}
.about_r{
  width: 390px;
}
.content{
  font-size: 20px;
  color:#666666;
  line-height: 180%;
  width:100%;
}

/* 团队 */
.team ul {
  display: flex;
  flex-flow: wrap;
  justify-content: space-around;
  width:75%;
  margin: auto;
}
.team ul li{
  width: 350px;
  box-shadow: 0 0 6px #cccccc;
  background: #ffffff;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 40px 0;
  cursor: pointer;
  margin: 20px 0;
  border-radius: 10px;
}
.team ul li i{
  width: 270px;
  height: 270px;
  overflow: hidden;
  text-align: center;
}
.team ul li img{  
  border-radius: 50%;
}
.team ul li p{
  color: #35558c;
  font-size:36px;
  clear: both;
  margin: 20px 0 10px 0;
  text-align: center;
  width:100%;
}
.team ul li span{
  display: block;
  color: #333333;
  font-size: 24px;
}

/* 团队内容 */
.modal-header{
  border:none;
}
.modal-dialog{
  min-width: 800px;
  margin-top: 10%;
}
.modal-img{
  margin-top: -135px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width:270px;
  height: 270px;
  border-radius: 50%;
  border:10px solid #fff;
  overflow: hidden;
}
.modal-header .close{
  position: absolute;
  right: 10px;
}
.modal-body .title{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-bottom: 10px;
}
.modal-body .title p{
  color: #35558c;
  font-size:36px;
  padding-right: 20px;
}
.modal-body .title span{
  color: #333333;
  font-size:24px;
}
.modal-body .title::before, .show_tit::before, .team dl dt .name::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -31px;
  background:#e5e5e5;
  width:62px;
  height: 2px;
  overflow: hidden;
}
.modal-body .content{
  padding: 20px;
}
/* 研发成果 */
.show_tit{
  width: 100%;
  clear: both;
  color: #35558c;
  font-size:36px;
  text-align:center;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.show_tit1 {
  text-align: center;
  width: 100%;
  font-size: 32px;
  color: #333333;
}
.show_time {
  font-size: 16px;
  color: #999999;
  text-align: center;
  border-bottom: 1px dashed #dddddd;
  padding: 15px 0 30px 0;
}
.show_con{
  padding:20px 0;
}
.service{
  background:#eeeeee;
  margin: 40px 0;
  display: flex;
}
.service .left,.service .right{
  width: 50%;
}
.service .left {
  padding: 40px;
}

/* 顾问团队 */
.team dl{
  display: flex;
  flex-flow: column;
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
}

.team dl dt {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  font-weight: normal;
}
.team dl dt .name{
  position: relative;
}
.team dl dt .name span{
  color:#35558c;
  font-size:36px;
  display:none;
}
.team dl dt .name p{
  color:#333333;
  font-size: 36px;
}
.team dl dt .toggle{
  width:20px;
  color:#666666;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  font-weight: bold;
  font-family: '宋体';
}
.team dl dt .toggle i:last-child{
  display: none;
}
.team dl dd{
  display: none;
  padding-top:20px;
}
.team dl dt.active .name p{
  display: none;
}
.team dl dt.active .name span{
  display: block;
}
.team dl dt.active .toggle i:first-child{
  display: none;
}
.team dl dt.active .toggle i:last-child{
  display: block;
}
.team dl dt .name::before{
  display: none;
}
.team dl dt.active .name::before {
  display: block;
}

/* 新闻 */
.news1 dl{ display:flex; width:100%; clear:both; overflow:hidden; margin:0 0 40px 0;}
.news1 dl a{ width: 100%; }
.news1 dt{ width:10%; height:106px; border:1px solid #cccccc; float:left; text-align:center; color:#666666;display:block;transition: .5s all;}
.news1 dt i{ font-size:40px; display:block; padding-top:10px; font-weight:normal;}
.news1 dt span{ font-size:14px;display:block; padding-top:0px; font-weight:normal;}
.news1 a:hover dt{ background-color:#35558c; color:#FFFFFF; border:1px solid #35558c;}
.news1 dd{ width:90%; float:left; padding-left:15px;display:block;}
.news1 dd p{ clear:both; overflow:hidden; display:block; font-size:24px; color:#333333; text-overflow:ellipsis; white-space:nowrap; margin:0; text-align:left;transition: .5s all;}
.news1 dd span{ display:block; font-size:16px; color:#888888; clear:both; overflow:hidden; line-height:180%; padding-top:10px; text-align:left;}
.news1 a:hover p{ color:#35558c;}
.news1 dl.news_top{ display:flex; width:100%; clear:both; overflow:hidden; margin:0 0 40px 0; background:#eeeeee;}
.news1 dl.news_top dt{ width:375px; float: left; overflow: hidden; height:280px; border: none;}
.news1 dl.news_top dt img{ transition:0.5s all; }
.news1 dl.news_top dt a:hover img{ transform:scale(1.1); }
.news1 dl.news_top dd{ float: right; overflow: hidden; height:280px; padding:20px; border:1px solid #dddddd;}
.news1 dl.news_top dd i{ font-size: 16px; color: #999999; clear: both; overflow: hidden; padding:15px 0; }
.news1 dl.news_top dd h1{ color: #000000; font-size: 30px; line-height: 150%; }
.news1 dl.news_top dd span{ font-size: 16px; color: #666666; line-height: 180%; padding:15px 0; overflow: hidden;}
.news1 dl.news_top dd a{ width: 144px; height: 40px; line-height:40px; text-align: center; color: #ffffff; font-size: 16px; background-color: #df000b; transition: 0.5s all; border-radius: 6px;}
.news1 dl.news_top dd a:hover{ background-color: #e51113; padding-left: 10px;}
.load_more{ clear:both; overflow:hidden; font-size:20px; color:#666666; width:100%; height:45px; line-height: 45px; cursor:pointer; margin:0 auto 40px auto; text-align:center; background: url("../images/load_bg.png") no-repeat scroll center center #eeeeee; padding-right: 110px;}

/* 招聘 */
.join dl{ clear:both; overflow:hidden; margin-bottom: 15px;}
.join dl dt{ height:57px; line-height:57px; clear:both; overflow:hidden;  cursor:pointer; background-color: #eeeeee;}
.join dl dt:hover,.join dl dt.hover{ background-color: #36558b; color: #fff; }
.join dl dt:hover p,.join dl dt.hover p{color:#fff;}
.join dl dt span{ float:left; font-size:16px; color:#666666;}
.join dl dt p{ font-size:18px; color:#666666; float:left; font-weight:normal;}
.join dl dt p.j1{ width:35%; padding:0 0 0 40px;}
.join dl dt p.j2{ width:20%; text-align:center;}
.join dl dt i{ margin:0 30px 0 0; overflow:hidden; float:right; display: flex; justify-content: center; align-items: center; font-size: 40px; font-family: '宋体'; font-weight: normal;}
.join dl dt em{margin:0 30px 0 0;overflow:hidden; float:right; display:none;justify-content: center; align-items: center; font-size: 40px; font-family: '宋体'; font-weight: normal;}
.join dl dt.hover i{ display:none;}
.join dl dt.hover em{ display:flex;}
.join dl dd{ padding:20px 40px;clear:both; overflow:hidden; display:none;}

/*联系我们*/
.cont1 ul{ clear:both; overflow:hidden;padding-bottom: 40px;}
.cont1 ul li{ width:33%; float:left; text-align:center; overflow:hidden; }
.cont1 ul li h1{ font-size:26px; color:#222222; font-weight:normal;}
.cont1 ul li img{ text-align:center; clear:both; overflow:hidden; transition: 0.5s all; padding-bottom: 20px;}
.cont1 ul li:hover img{ transform: rotateY(180deg); }
.cont1 ul li p{ color:#666666; font-size:20px; clear:both; line-height:180%;}
.map{ width:100%; clear:both; overflow:hidden;}

/* 时间轴 */
.timeline{
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  position: relative;
}
.timeline::before{
  content: '';
  position: absolute;
  left: 50%;
  top:0;
  width:1px;
  height: 100%;
  background:#e5e5e5;
}
.timeline .item {
  width: 50%;
  display: flex;
  flex-flow: column;
  padding:20px 40px;
}
.timeline .item:nth-child(odd){
  align-items: flex-end;
  padding-top: 80px;
}
.timeline .item .time {
  background:#36558b;
  color:#fff;
  font-size: 30px;
  width:145px;
  height:46px;
  text-align:center;
  line-height: 46px;
  border-radius: 5px;
  position: relative;
}
.timeline .item .time::before{
  content:'';
  position: absolute;
  top: 13px;
  width: 0;
  height: 0;
}
.timeline .item .time::after{
  width:16px;
  height:16px;
  background: #ffffff;
  border:4px solid #36558b;
  content: '';
  position: absolute;
  top:15px;
  border-radius: 50%;
}
.timeline .item:nth-child(odd) .time::before{
  border-top: 10px solid transparent;
  border-left: 20px solid #36558b;
  border-bottom: 10px solid transparent;
  right:-20px;
}
.timeline .item:nth-child(even) .time::before{
  left:-20px;
  border-top: 10px solid transparent;
  border-right: 20px solid #36558b;
  border-bottom: 10px solid transparent;
}
.timeline .item:nth-child(odd) .time::after{
  right: -48px;
}
.timeline .item:nth-child(even) .time::after{
  left: -48px;
}
.timeline .item .content{
  padding: 20px 0;
}

.show_next{
  border-top: 1px dashed #ddd;
  padding-top:10px;
  color:#666;
  font-size: 14px;
}
.show_next a{
  color:#666;
}


/* 动画效果 */
.con li a:hover img, .about_r img, .content img,.modal-img img, .time-img img,.team ul li img,.service .right img,.con3 ul li{
  max-width: 100%; max-height: 100%; transition:0.5s all;
}
.con li a:hover img{
  transform: rotateY(360deg);
} 
/* .timeline .item:hover .time-img img{ transform:scale(1.1); } */