html,body{padding: 0; margin: 0;}
body{ background: #f5f5f5;}
a{ text-decoration:none}
ul,li{padding: 0;list-style: none; margin: 0;}
video{ width:90%; height:400px}
iframe{width:90%; height:400px}
.warp1200{ width: 1200px; margin: 0 auto;}

.bj1{background: #116bb7; color: #fff;}
.bj2{background: #fff;}
.flex1{ display: flex; align-content: center; padding: 10px 0;}
.nav_top .nav_left{ width: 50%;}
.nav_top .nav_right{ width: 50%; text-align: right;}

.nav_top a{ color: #fff; margin-left: 5px; border-left: 2px solid #fff; padding-left: 5px;}
.nav_top a:first-child{ border-left: none;}

.nav_nav .flex2{display: flex; align-content: center; padding: 30px 0;}
.nav_nav .nav_left{ width: 20%;}
.nav_nav .nav_right{ width: 80%; text-align: right; padding-top: 20px;}
.nav_nav .nav_right a{ color: #747474; padding: 5px 10px;  margin-left: 5px;}
.nav_nav .nav_right a:hover,.nav_selected{background:#2183e6; color: #fff !important;border-radius: 3px;}

.map{ margin-top: 3px;}
.flex3{ display: flex; align-content: center; flex-wrap: wrap;}
.map_left{ width: 75%;}
.map_right{ width: 25%;}

#dddd1{ width: 100%; height: 700px; background: #fff;}
.map_list ul{ display: flex; flex-wrap: wrap; background: #fff; padding: 10px;justify-content: space-between; overflow: hidden;}
.map_list li{ width: 23%; font-size: 14px; padding: 7px 0; display: flex; align-items: center;justify-content: space-between;}
.map_list li:hover{ background: #f9f9f9; cursor: pointer;}
.map_list li .m_title{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #747474;}
.map_list li .m_num{  text-align: center; color: #116bb7;}


.news{ margin-top: 10px;}
.news_warp{ width: calc(100% - 25px); margin-left: 5px; padding:0 10px;margin-bottom: 12px; overflow: hidden;}
.news_nav{ display: flex; border-bottom: 2px solid #1f77ce; padding: 5px 0; overflow: auto;}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #F5F5F5;
  }

  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
  }

  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #c8c8c8;
  }

.news_nav li a{padding: 5px 15px;color: #1f77ce; white-space:nowrap}
.news_nav li .nnselected{ background:#1f77ce; color: #fff;}

.nn_list{ display: flex; align-items: center; margin: 10px 0;border-bottom: 1px solid #eee; padding-bottom: 10px;}
.nn_list .nn_info:hover{background: #fbfbfb;}
.nn_img{ width: 22%;}
.nn_img img{ width: 95%;border-radius: 3px;}
.nn_info{ width: 78%;}
.nn_info h3{ font-size: 17px; margin: 5px 0; color: #575757;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nn_info p{font-size: 14px; margin: 5px 0; color: #a8a8a8;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-wrap: break-word;}
.nn_date{font-size: 14px;color: #a8a8a8;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.nn_btn a{ background: #1f77ce; color: #fff; font-size: 12px; float: right; padding: 5px 10px; border-radius: 3px;}


.news_warp h3{ padding: 15px 0; margin: 0; font-size: 16px; font-weight: normal;  }
.news_warp h3 span{ display: block; width: 18%; height: 2px; background: #1f77ce; margin-top: 5px;}
.nl_list{ display: flex;align-items: center; padding: 8px 0;}
.nl_list:hover{ background: #f9f9f9;}
.nl_img{ width: 30%;}
.nl_img img{ width: 95%;border-radius: 3px;max-height:80px}
.nl_info{ width: calc(70% - 5px); margin-left: 5px;}
.nl_info h4{ font-size: 15px; margin: 0; color: #656565;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;font-weight: normal;}
.nl_info div{font-size: 14px; color: #a8a8a8;}

.tag{ margin-top: 50px;}
.tag span{ background: rgb(19 115 195 / 10%); margin: 10px 5px 0 0; padding: 3px 5px; cursor: pointer; border-radius: 5px; color: #696969;display: inline-block;}

.page_style .pagination{ display: flex; justify-content: center; align-items: center;}
.page_style .pagination li{ width: 25px; height: 25px; text-align: center; line-height: 25px;border-radius: 3px; border: 1px solid #eee; margin: 0 5px;}
.page_style .pagination li a{ width: 100%; height: 100%; background:#1e9fff; color: #fff; display: block;border-radius: 3px;}

.bj3{ background: #26313e;}
.bottom{ margin-top: 5px; padding: 20px 0; text-align: center;color: #dcdcdc;font-size: 14px;}
.bottom_nav a{ color: #dcdcdc; margin: 0 10px; border-left: 1px solid #dcdcdc ; padding-left: 15px; font-size: 13px; }
.bottom_nav a:first-child{ border-left: none; }
.bottom div{ padding: 10px 0;}

.link{ margin-top: 5px;}
.yq_title{ padding: 10px; border-bottom: 1px solid #eee; font-size: 16px; position: relative;}
.yq_title span{display: block; width: 50px; height: 2px; background: #1f77ce; position: absolute; top: 40px; left: 17px;}
.yq_list{ display: flex; flex-wrap: wrap; padding: 15px 0 5px 0;}
.yq_list li{ width: 16.6%;text-align: center; margin-bottom: 10px;}
.yq_list li img{ border: 1px solid #fbfbfb;}
.yq_list .a_title{ color: #313131;}
.yq_list .a_miaoshu{font-size: 13px; color: #656565; text-align: left; padding: 5px;}
.yq_li:hover{ box-shadow: 1px 1px 5px #dadada;}


/*团队*/
.t_list{ display: flex; flex-wrap: wrap; margin-top: 10px;}
.tt_con{ width: 90%; display: flex; margin: 0 auto; border: 1px solid #eee; margin: 10px 0; padding: 5px;border-radius: 5px; justify-content: center;}
.tt_con .ttm_right{ padding-left: 10px;}
.ttm_right .ttm_title{color: #313131;}
.ttm_right .ttm_miaoshu{font-size: 13px; color: #656565; text-align: left; padding: 5px 0;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-wrap: break-word;}

/*login*/
.login{ width: 350px; margin: 10% auto; background: #fff; padding: 30px 20px 20px 20px; border-radius: 5px;box-shadow: 1px 3px 5px 3px #d4d4d4;}
.l_input{display: flex; justify-content: space-between; margin: 20px 0; align-items: center;}
.l_input input{ height: 40px; width: 75%; outline: none;}
.l_btn{ background: #116bb7; text-align: center; line-height: 45px; border-radius: 5px; color: #fff;}


/*tougao*/
.tougao{ margin: 10px 0; display: flex;}
.tg_left{ width: 15%; background: #fff; text-align: center;}
.tg_left li{padding: 10px 0; margin: 10px 0;}
.tg_left li:hover{ background: #eee;}
.tg_left li a{ color: #4c4c4c;}
.tg_selected{ border-bottom: 2px solid #116bb7;}
.tg_right{ width: calc(85% - 20px); background: #fff; margin-left: 10px; padding: 10px; min-height: 500px;}
.warp_title{border-bottom: 2px solid #116bb7; padding: 10px 0;}
.tg_input{ display: flex; margin: 10px;}
.tg_input_left{ width: 10%; line-height: 40px;}
.tg_input_right input{ width: 100%; height: 40px;outline: none; border: 1px solid #c9d8db;}
.tg_input_right select{ width: 30%; height: 40px;outline: none;border: 1px solid #c9d8db;}
.tg_input_right{ width: 90%;}
.tg_btn{ text-align: center;}
.tg_btn button{ width: 30%; height: 40px; line-height: 40px; background: #116bb7; border: none; color: #fff; font-size: 15px; border-radius: 5px;}

/**/
.tg_list{ margin: 10px 0; border-bottom: 1px solid #eee; padding: 10px 0;}
.tg_tools{ display: flex; justify-content: space-between; color: #999; margin-top: 8px;}
.xiao_tools span{ margin-right: 15px; font-size: 13px;}


/**/
#nocanshu{ padding: 30% 0;}
.query{ display: flex; margin: 5px 0; padding: 10px; justify-content: center; font-size: 19px; align-items: center;}
.query input,.query select{ outline: none; width: 150px; height: 35px; border:1px solid #d0d0d0;font-size: 18px; display: block; margin-top: 5px;}
.query .input{ margin: 0 20px;}
.query button{ line-height: 35px; background: #116bb7; color: #fff; text-align: center; border-radius: 5px; border: none; padding: 0 20px; height: 55px; font-size: 18px;}