*{
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  font-size: 16px;
  font-family:Microsoft YaHei;
}
body{
  background: #edf6f8;
}
.main{
  width: 1000px;
  margin: 0 auto;
}
.logo{
  width: 1000px;
  height: 110px;
  background: -3px 0 url('../images/logo.png');
  background-size: 1003px 110px;
}
.nav{
  width: 1000px;
  height: 37px;
  line-height: 37px;
}
.navItem {
  float: left;
  background: #499aef;
  width: 125px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #fff;
  text-align: center; 
  position: relative; 
}

.navItem a{
  display: block;
  color: #fff;
}
.navItem:hover>a{
  background: #0e70d6
}

.navItem .subNav {
  display: none;
  position: absolute;
}
.subItem{
  position: relative;
  z-index: 1;
}
.subItem a{
  background: #499aef;
  display: block;
  width: 125px;
  font-size: 14px;
  /* border-top: 1px solid #fff; */
}
.subItem:hover>a {
  background: #0e70d6
}
.navItem:hover .subNav{
  display: block;
}
.subItem ul{
  display: none;
  position: absolute;
  top: 0;
  left:125px;
}
.subItem:hover ul {
  display: block;
}

.subItem ul li a{
  padding: 0 10px;
  text-align: left;
  width: 100%;
  white-space: nowrap;
}
.subItem ul li:hover>a {
  background: #0e70d6
}

.banner{
  height: 194px;
}

.content{
  padding-top: 18px;
  background: #fff;
}
.content_top{
  margin-bottom: 18px;
  padding: 0 10px;
  height: 273px;
}
.content_top .left,
.content_top .right {
  float: left;
  display: flex;
  flex-direction: column;
  height: 273px;
  width: 240px;
  justify-content: space-between;
}
.content_top .right {
  float: right;
}
.content_top .toplist .item {
  background: #f3f9fa;
  width: 240px;
  height: 60px;
  box-sizing: border-box;
  padding: 6px 10px;
}


.content_top .toplist .item .icon {
  float: left;
  margin-right: 10px;
}
.content_top .toplist .item .title {
  color: #333;
  font-weight: bold;
}
.content_top .toplist .item:hover .title {
  color: #499aef;
}
.content_top .toplist .item .title_en {
  color: #666;
}
.content_top .card{
  float: left;
  width: 470px;
  margin: 0 15px;
  height: 273px;
}

.card{
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #d9f4f9;
  border-radius: 3px;
  overflow: hidden;
}
.card_title{
  padding: 0 10px;
  height: 40px;
  background: #f3f9fa;
  line-height: 40px;
  color: #0E74B6;
  font-size: 20px;
  font-weight: bold;
}
.card_title span{
  color: #666;
  font-size: 15px;
  font-weight: normal;
  margin-left: 5px;
}
.card_content{
  padding: 10px;
}
.card_content p{
  color: #666;
  text-indent: 2em;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}
.kcjj:hover p{
  color: #499aef;
}
.card_list{
  height: 40px;
}
.card_list a{
  color: #1a1a1a;
  line-height: 40px;
}
.card_list a:hover {
  color: #499aef;
}
.card_list img {
  float: left;
  margin-top: 9px;
  margin-right: 10px;
}
.list{
  padding: 0 10px;
  overflow: hidden;
}
.list .card:nth-child(1){
  width: 290px;
  height: 248px;
  margin-right: 12px;
  float: left;
}
.list .card:nth-child(2) {
  width: 376px;
  height: 248px;
  margin-right: 12px;
  float: left;
}
.list .card:nth-child(3) {
  width: 290px;
  height: 248px;
  float: left;
}
/* .list .card_content ul {
  height: 268px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
} */
.online{
  margin: 14px 10px;
  border: 1px dashed #a6dff3;
  height: 146px;
  background: #f8f8f8;
}
.online_title{
  width: 50px;
  background: #f4f9fa;
  text-align: left;
  color: #0E74B6;
  font-size: 18px;
  font-weight: bold;
  writing-mode: vertical-lr;
  float: left;
  height: 100%;
  line-height: 50px;
  text-align: center;
  letter-spacing: 2px;
}
.item_box{
  width: calc(100% - 50px);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.online_item{
  width: 25%;
  text-align: center;
  
}
.online_item:hover p{
  color:#499aef;
}
.online_item p{
  color:#333;
  line-height: 30px;
}
.videoBox{
  padding: 0 10px;
  overflow: hidden;
}
.video{
  width: 618px;
  height: 305px;
  float: left;
  margin-right: 30px;
}
.video video{
  float: left;
  margin-right: 10px;
}
.video p{
  text-indent: 0;
  color: #333;
}
.video .title {
  font-weight: bold;
}
.mind {
  width: 332px;
  height: 305px;
  float: left;  
}
.mind img{
  width: 312px;
  height: 245px;
}
.fc{
  margin: 10px;
  width: 980px;
}


 /* marqueeleft */
 .marqueeleft {
   height: 134px;
   width: 960px;
   overflow: hidden;
   /* margin: 40px auto; */
 }

 .marqueeleft ul {
   float: left;
 }

 .marqueeleft li {
   float: left;
   margin: 0 5px;
   display: inline;
   width: 200px;
   height: 134px;
   overflow: hidden;
 }

 .marqueeleft li .pic {
   display: block;
   /* border: #ccc 1px solid; */
   width: 194px;
   height: 127px;
   padding: 2px;
   overflow: hidden;
 }

 .marqueeleft li .txt {
   text-align: center;
   height: 23px;
   line-height: 23px;
 }
.footer{
  height: 80px;
  background: #d2f2f7;
  text-align: center;
  padding-top: 10px;
}
.footer p{
  color: #333;
  line-height: 30px;
}