@charset "utf-8";
/* CSS Document */
html {
  background: #ddd;
  letter-spacing: 0.5px;
}

body {
  /* font-size: 64.299%; font-family:"\5FAE\8F6F\96C5\9ED1", SimSun; */
  font-size: 14px; /*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/
  background-color: #fff;
  color: #444;
  font-family: 'Microsoft YaHei', SimSun, SimHei, "STHeiti Light", STHeiti, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dl, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
  margin: 0;
  padding: 0;
  color: #323232;
  -webkit-font-smoothing: subpixel-antialiased;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

fieldset, img {
  border: 0;
}

img, object {
  max-width: 100%; /*height:auto;*/
  width: auto \9; /* for ie8 */
  /*float: left;*/
  -ms-interpolation-mode: bicubic;
}

a {
  outline: none;
  blr: expression(this.onFocus=this.blur());
  text-decoration: none;
  color: #333;
}

a:hover {
  color: #004691;
  text-decoration: none;
  font-weight: bold;
}

input[type='button'] {
  outline: none;
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: 400;
}

ul, ol, li {
  list-style: none outside none;
}

.tc {
  text-align: center !important;
}

.tl {
  text-align: left !important;
}

.tr {
  text-align: right !important;
}

.fwn {
  font-weight: normal;
}

.fwb {
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

q:before, q:after {
  content: '';
  content: none;
}

input, textarea, select {
  font-weight: inherit;
}

input, select, textarea, button {
  vertical-align: middle
}

.pa {
  position: absolute;
}

.pr {
  position: relative;
}


.banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-bottom: #9a0000 5px solid;
}

.banner_wrap {
  margin: 0 auto;
  position: relative;
}

#main {
  width: 100%;
  overflow: hidden;
}

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flexslider .til_slides {
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
  /*background: url(../images/banner_bg.png) repeat;*/
  font-weight: bold;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  padding-left: 10px;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  position: relative
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li a {
  display: block;
}

.flexslider .slides > li.clone {
  position: relative
}

.flexslider .slides img {
  width: 100%;
  display: block;
  height: 100%;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  position: relative;
  zoom: 1;
  overflow: hidden;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 48px;
  height: 48px;
  margin: -50px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0.8;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-indent: -999em
}

.flex-direction-nav .flex-prev {
  background: url(../images/lf.png) no-repeat center center;
  background-size: 100% 100%;
}

.flex-direction-nav .flex-next {
  background: url(../images/rt.png) no-repeat center center;
  background-size: 100% 100%;
}

.flexslider:hover .flex-prev {
  opacity: 0.7;
}

.flexslider:hover .flex-next {
  opacity: 0.7;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
  background: #ddd
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 20px;
  right: 8px;
  text-align: center;
  z-index: 889;
}

.flex-control-nav li {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 10px;
  height: 10px;
  display: block;
  background: #fff;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 10px;
}

.flex-control-paging li a:hover {
  background: rgba(0, 91, 172, 1);
}

.flex-control-paging li a.flex-active {
  background: rgba(0, 91, 172, 1);
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}


/*头部样式*/
.wrap_header {
  width: 100%;
  top: 0;
  left: 0;
  position: relative;
  z-index: 999;
}

.header_wrap {
  width: 100%;
  position: relative;
  height: 91px;
  background-image: url('../images/logoBg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #005BAC;
}

.topnav {
  width: 100%;
  /*height: 30px;*/
  height: 0;
  /*background: url(../images/topnav.png) repeat-x;*/
}

.top_nav {
  max-width: 1366px;
  margin: 0 auto;
  position: relative;
}

.header_logo {
  width: 100%;
  height: 91px;
  margin: 0 auto;
  position: relative;
}

.logo {
  max-width: 1500px;
  min-width: 320px;
  position: relative;
  height: 91px;
  line-height: 91px;
  box-sizing: border-box;
  width: 90%;
  margin: 0 auto;
}

.logo a {
  float: left;
}

.logoImg {
  vertical-align: middle;
  /*width: 228px;*/
  /*height: 61px;*/
}

.singleLine {
  width: 1.5px;
  height: 40px;
  background: #FFFFFF;
  margin-left: 15px;
  margin-top: 28px;
  margin-right: 15px;
  position: relative;
  float: left;
}

.webTitle {
  line-height: 91px;
  height: 91px;
  margin-left: 30px;
  position: relative;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.webTitleContainer {
  float: right;
  line-height: 90px;
  position: relative;
}

.webTitleTopContainer {
  float: left;
}

.webTitleTop {
  font-size: 28px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 33px;
  margin-top: 22px;
  margin-bottom: 5px;
  letter-spacing: 2px;
}

.webTitleTopText {
  font-size: 10px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 14px;
}

.webTitleBottom {
  font-family: PingFangSC-Regular, PingFang SC;
  color: #FFFFFF;
  font-size: 9px;
  line-height: 15px;
}

.webTitleButton {
  width: 90px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  border: 1px solid #FFFFFF;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 5px 17px;
  margin-right: 5px;
  cursor: pointer;
}

.webTitleInput {
  width: 300px;
  height: 28px;
  background: #FFFFFF;
  border-radius: 16px;
  border: 1px solid #CCCCCC;
  outline: none;
  text-indent: 1em;
  font-size: 14px;
  font-weight: 400;
  color: #AFAFAF;
}

.webTitleIcon {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 38px;
  right: 20px;
  background-image: url('../images/searchButton.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #0099CC;
}

.top_nav a {
  position: absolute;
  top: 6px;
  right: 0;
  font-size: 14px;
  color: #c7d2e4;
}

.top_nav a:hover {
  color: #FFF
}


.btn_ser {
  display: inline-block;
  width: 34px;
  height: 31px;
  cursor: pointer;
}

.btn_ser img {
  vertical-align: middle;
}

.ser {
  display: block;
  width: 400px;
  height: 43px;
  right: 0;
  top: 32px;
  line-height: 43px;
  z-index: 9999;
  border-radius: 5px;
  border: 1px solid #E0E2E5;
}

.search {
  float: right;
  width: 300px;
  height: 30px;
  position: relative;
  overflow: hidden;
  z-index: 9999;
  top: 31px;
  margin-left: 20px;
  border-radius: 5px;
}

.search input {
  position: absolute;
  /*width: 400px;*/
  /*height: 43px;*/
  /*line-height: 43px;*/
  top: 0;
  /*padding-left: 0;*/
  background: #FFFFFF;
  border: none;
  color: #8d8d8d;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}

.search input.notxt {
  padding-left: 13px;
  width: 300px;
  height: 30px;
  line-height: 30px;
}

.search input.notxt1 {
  position: absolute;
  width: 40px;
  height: 30px;
  top: 0;
  right: 1px;
  border: none;
  background: url(../images/searchButton.png) no-repeat center center;
  cursor: pointer;
  overflow: hidden;
}

.top li.Enlish {
  width: 7.1%;
}

.nser {
  display: block;
  width: 100%;
  background-color: #fff
}

.nser .search {
  width: 100%;
}

.nser .search input.notxt {
  width: 92%;
  left: 0;
  padding-left: 13px;
}

.nser .search input.notxt1 {
  right: 5px;
}

/*导航*/
.wraq_nav {
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
}

.nav {
  /*padding-bottom: 3px;*/
  width: 100%;
  float: left;
  height: 50px;
  line-height: 50px;
  box-shadow: 0 2px 4px 1px rgba(206, 206, 206, 0.5);
  background-color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  color: #484848;
}

/*新的导航栏*/
/*.mainUl {*/
/*  flex-wrap: nowrap;*/
/*  max-width: 1500px;*/
/*  width: 90%;*/
/*  margin: 0 auto;*/
/*  overflow: hidden;*/
/*  height: 50px;*/
/*  padding-bottom: 3px;*/
/*}*/
/*新的导航栏*/
.mainUl {
  /*max-width: 1366px;*/
  /*min-width: 1500px;*/
  width: 80%;
  display: flex;
  justify-content: space-between;
  height: 50px;
  margin: 0 auto;
  padding: 0 30px;
}

.mainLi {
  height: 50px;
  padding: 0 20px;
  position: relative;
}

.mainLi:hover {
  box-sizing: border-box;
  border-bottom: 3px solid #FFFFFF;
}

.mainLi ul li {
  float: none;
}

/*关键一：将二级菜单设置为display：none;*/
/*.mainLi ul和subUl为什么效果不一样*/
.mainLi ul {
  position: absolute;
  top: 50px;
  left: 0;
  display: none;
  width: 100%;
}

.mainLi ul li {
  width: 100%;
  /*background: #2C3743;*/
  background: #6399d3;
  opacity: 0.9;
}

.mainLi ul li:hover {
  background: #2C3743;
  opacity: 0.9;
}

/*关键二：在划过二级菜单从属的一级菜单时，设置为display:block;*/
.mainLi:hover ul {
  display: block;
}

.mainLia {
  cursor: pointer;
  height: 50px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  /*font-weight: 500;*/
  color: #0070C0;
  line-height: 50px;
}
.mainLia:hover {
  color: #1A7BDB;
  font-weight: bold;
}

.subUl li a {
  font-size: 15px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
  width: 100%;
  display: block;
  padding: 8px 0;
}

/*.mainLi {*/
/*  position: relative;*/
/*  font-family: PingFangSC-Medium, PingFang SC;*/
/*  font-weight: 500;*/
/*  font-size: 16px;*/
/*  color: #484848;*/
/*  text-align: center;*/
/*  cursor: pointer;*/
/*  float: left;*/
/*  display: block;*/
/*}*/
/*.mainLi ul li {*/
/*  float: none;*/
/*}*/
/*!*关键一：将二级菜单设置为display：none;*!*/
/*.mainLi ul {*/
/*  !*.subUl {*!*/
/*  position: absolute;*/
/*  left: 0;*/
/*  display: none;*/
/*  width: 100%;*/
/*  text-align: center;*/
/*}*/
/*.mainLi ul li {*/
/*  width: 100%;*/
/*  background: #016DA6;*/
/*  opacity: 0.8;*/
/*  height: 40px;*/
/*  line-height: 40px;*/
/*  margin-bottom: 1px;*/
/*}*/

/*.mainLi ul li:hover {*/
/*  background: #2C3743;*/
/*  opacity: 0.7;*/
/*}*/

/*!*关键二：在划过二级菜单从属的一级菜单时，设置为display:block;*!*/
/*.mainLi:hover ul {*/
/*  display: block;*/
/*}*/
.mainLiFirst a {
  color: #2665b6 !important;
  font-weight: bold !important;
}

#nav .on {
  box-sizing: border-box;
  border-bottom: 3px solid #2665b6;
}

#nav .on a {
  color: #2665b6;
  font-weight: bold;
}


.wrap_header.current .header_logo {
  height: 69px;
}

.wrap_header.current .logo {
  transition: width 0.3s ease 0s;
  -webkit-transition: width 0.3s ease 0s;
  -moz-transition: width 0.3s ease 0s;
  width: 230px;
  height: 49px;
  padding: 5px 0 0 0;
}

.wrap_header.current .logo a {
  display: block;
}

.wrap_header.current .logo .logo_02 {
  margin-top: 7px;
}

.wrap_header.current {
  position: fixed;
  top: 0;
  width: 100%;
  height: 110px;
  z-index: 9999;
}

.wrap_header.current .wraq_nav {
  height: 41px;
  z-index: 9999;
  margin-left: 33%;
}

.wrap_header.current .nav {
  height: 41px;
  line-height: 41px;
  margin: 0;
}

.wrap_header.current .nav li {
  width: 10%;
  background: none;
  font-size: 0.9em;
  height: 41px;
  line-height: 41px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}

.wrap_header.current .nav ul {
  background: none;
  height: 41px;
}

/*header没什么用啊*/
.wrap_header.current .header {
  height: 69px;
}

.wrap_header.current .nav li a {
  color: #fff;
  font-size: 1.6em;
}

.wrap_header.current .nav li:hover {
  cursor: pointer;
  font-weight: normal;
  transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  border-bottom: 0;
}

.wrap_header.current .nav li:hover a {
  color: #fff;
}

.wrap_header.current .nav li .subNav {
  display: none;
  top: 69px;
}

.wrap_header.current .topWrap {
  display: none;
}

.wrap_header.current .xiaoxun {
  margin-top: 20px;
}

.contentMain {
  max-width: 1500px;
  width: 90%;
  margin: 0 auto;
  padding: 30px 0;
}

.contentMainTitleContainer {
  float: left;
}

.contentMainTitleContent {
  width: 50%;
  float: left;
  border-right: 1px solid #005BAC;
  margin-bottom: 30px;
  box-sizing: border-box;
  overflow: hidden;
}

.contentMainTitleList {
  float: left;
  width: 50%;
  padding-left: 45px;
  box-sizing: border-box;
}

.contentMainTitleListItem {
  border-bottom: 1px dashed #C2C2C2;
  padding-bottom: 10px;
  padding-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
}

.contentMainTitleListItem:last-child {
  border-bottom: none;
}

.contentMainTitleListItemTitle {
  font-size: 15px;
  font-weight: 400;
  color: #2F2F2F;
}

.contentMainTitleListItemDate {
  float: right;
  font-size: 15px;
  font-weight: 400;
  color: #A5A5A5;
}

.notice {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
  min-height: 435px;
  background-image: url(../images/noticeBg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}

.notice-container {
  max-width: 1500px;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}

.noticeTitleContentContainer {
  float: left;
  width: 50%;
  padding: 10px 40px 0;
}

.noticeTitle {
  margin-bottom: 30px;
}

.noticeTitleMore {
  float: right;
  font-size: 21px;
  font-weight: 400;
  color: #ffffff;
  line-height: 29px;
}

.noticeTitleP {
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
  line-height: 33px;
  margin-bottom: 10px;
}

.noticeTitleLine {
  width: 96px;
  height: 3px;
  background: #ffffff;
}

.contentMainTitleContentImg {
  float: left;
  width: 50%;
  overflow: hidden;
}

.contentMainTitleContentImg img {
  width: 100%;
  height: 100%;
  transition-duration: 1000ms;
}

.noticeTitleContainer {
  float: left;
}

.noticeTextDate {
  font-size: 14px;
  font-weight: 400;
  color: #A5A5A5;
  line-height: 20px;
}

.noticeTextContainer {
  width: 25%;
  width: 37.5%;
  background-color: #ffffff;
  padding: 25px 30px 20px;
  position: relative;
  float: left;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 25px),
  calc(100% - 25px) 100%, 0 100%);
  min-height: 265px;
  box-sizing: border-box;
}

.noticeTextContainerList {
  margin-bottom: 15px;
  text-indent: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
}

.noticeTextContainerListIcon {
  width: 8px;
  height: 8px;
  background: #005BAC;
  float: left;
  border-radius: 50%;
  margin: 5px 5px 0 0;
}

.noticeTextContainerListText {
  font-size: 15px;
}

.noticeTextContainerListText:before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  background: #005BAD;
  vertical-align: middle;
  float: left;
  border-radius: 50%;
  margin: 6px 3px 0 0;
}

.noticeTextContainerListDate {
  float: right;
  font-size: 15px;
  font-weight: 400;
  color: #7B7B7B;
}

.noticeTextMargin {
  margin-left: 5%;
  width: 57.5%;
  float: right;
}

.noticeTextTitle {
  font-size: 16px;
  font-weight: 500;
  color: #2F2F2F;
  line-height: 22px;
  margin-bottom: 10px;
}

.noticeTextText {
  text-indent: 2em;
  font-size: 15px;
  font-weight: 400;
  color: #2F2F2F;
  line-height: 22px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.noticeTextLine {
  width: 83px;
  height: 1px;
  background-color: #A5A5A5;
  margin-bottom: 10px;
}

/* .noticeTextContainerTangle{
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid transparent;
    border-right: 20px solid #3370B8;
    border-bottom: 20px solid #3370B8;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
} */
.contentMainTitleContentContainer {
  float: left;
  width: 50%;
  padding: 10px 40px 0;
  box-sizing: border-box;
}

.contentMainTitle {
  margin-bottom: 30px;
}

.contentMainTitleMore {
  float: right;
  font-size: 21px;
  font-weight: 400;
  color: #005BAC;
  line-height: 29px;
}

.contentMainTitleP {
  font-size: 24px;
  font-weight: 500;
  color: #2F2F2F;
  line-height: 33px;
  margin-bottom: 10px;
}

.contentMainTitleLine {
  width: 96px;
  height: 3px;
  background: #005BAC;
}

.contentMainTitleContentTitle {
  font-size: 16px;
  font-weight: bold;
  color: #2F2F2F;
  line-height: 22px;
  margin-bottom: 15px;
}

.contentMainTitleContentLine {
  border-bottom: 1px dashed rgba(194, 194, 194, 1);
  margin-bottom: 15px;
}
.contentMainTitleContentText {
  font-size: 15px;
  line-height: 22px;
}
.contentMainLeft {
  float: left;
  width: 50%;
}

.contentMainRight {
  float: right;
  width: 43.55%;
}

.contentMainRightPic {
  width: 90%;
  margin: 15px auto 40px;
  /*float: left;*/
}

.contentMainRightPic .flexslider {
  width: 100%;
  background: #fff;
  position: relative;
  zoom: 1;
  overflow: hidden;
}

.contentMainRightPic .flexslider ul li {
  list-style: none;
  height: 0;
  padding-bottom: 28%;
  overflow: hidden;
  *height: auto;
  /**padding-bottom: 0;*/
}

.contentMainRightPic .flexslider ul li img {
  border: none;
}

.contentMainRightPic .flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.contentMainRightPic .loading .flex-viewport {
}

.contentMainRightPic .flexslider .slides {
  zoom: 1;
  width: 100%;
  padding: 0;
}

.contentMainRightPic .carousel li {
  margin-right: 5px;
}

/*icon小点*/
.contentMainRightPic .flex-control-nav {
  width: 99px;
  position: absolute;
  bottom: 6px;
  left: 0;
  margin-right: -50px;
  text-align: center;
  z-index: 99;
}

.contentMainRightPic .flex-control-nav li {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.contentMainRightPic .flex-control-paging li a {
  float: left;
  width: 12px;
  height: 12px;
  display: block;
  background: url(../images/con1.png) no-repeat;
  cursor: pointer;
  text-indent: -9999px;
}

.contentMainRightPic .flex-control-paging li a:hover {
  background: url(../images/con1.png) no-repeat;
}

.contentMainRightPic .flex-control-paging li a.flex-active {
  background: url(../images/con2.png) no-repeat;
}

.contentMainRightPic .slides h4 a {
  color: #fff;
  opacity: 1.0;
  font-size: 14px;
  text-decoration: none;
}

.contentMainRightPic .slides h4 a:hover {
  color: #fff;
  font-size: 14px;
}

.Banner .flexslider ul li > div {
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 100%;
  height: 35px;
  color: #fff;
  line-height: 35px;
  overflow: hidden;
  text-indent: 20px;
  z-index: 9999;
}

.Banner .flexslider ul li > div a {
  font-size: 14px;
  color: #fff;
}

.contentMainLeftTitle {
  width: 100%;
  background: linear-gradient(270deg, rgba(0, 201, 232, 0) 0%, #0099CC 100%);
  padding: 6px 0 6px 20px;
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
}

.contentMainRightTitle {
  width: 100%;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #0099CC;
}

.contentMainRightTitleLine {
  float: left;
  display: block;
  width: 3px;
  height: 16px;
  background: #0099CC;
  margin-top: 6px;
  margin-right: 10px;
}

.contentMainRightTitle {
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
}

.contentMainRightTitleText {
  color: #0099CC;
  float: left;
}

.contentMainRightTitleBtn {
  color: #0099CC;
  float: right;
}

.contentMainLeftItem {
  width: 100%;
  padding: 20px 0 0 20px;
}

.contentMainLeftItemContainer {
  padding-bottom: 20px;
  border-bottom: 1px dashed #D0D0D0
}

.noline {
  border: none;
}

.contentMainLeftTitleText {
  color: #FFFFFF;
}

.contentMainLeftTitleBtn {
  color: #0099CC;
  float: right;
}

.contentMainLeftItemText {
  float: left;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #3E3E3E;
  line-height: 20px;
}

.contentMainLeftItemTime {
  float: right;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #888888;
  line-height: 20px;
}

.contentMainRightText {
  position: relative;
}

.contentMainRightTextLineTop {
  width: 60px;
  height: 3px;
  background: #0099CC;
  position: absolute;
  top: -10px;
  left: 0;
}

.contentMainRightTextLineBottom {
  width: 60px;
  height: 3px;
  background: #0099CC;
  position: absolute;
  bottom: -10px;
  right: 0;
}

.contentMainRightTextP {
  font-size: 14px;
  text-indent: 2em;
  font-weight: 400;
  color: #4D4D4D;
  line-height: 24px;
}

.contentMainBar {
  width: 100%;
  /* background-color: #E2F3FF; */
  background: url(../images/contentMainBar.png) no-repeat;
  background-size: cover;
  box-sizing: border-box;
}

.contentMainBar .Bar-item {
  position: relative;
  max-width: 1500px;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
  /*top: calc(50% - 50px);*/
}

.contentMainBar .Bar-item::before {
  content: '';
  position: absolute;
  top: calc(50% - 40px);
  height: 80px;
  width: calc(100% - 20px);
  border-left: 10px solid rgba(38, 101, 182, 0.8);
  border-right: 10px solid rgba(38, 101, 182, 0.8);
}

#BarItem {
  width: calc(100% - 20px);
  height: 90px;
  position: relative;
  margin: 0 auto;
}

.contentMainBarCode {
  float: left;
  text-align: center;
  /*margin-bottom: 10px;*/
  transform: scale(0.7);
  opacity: 0.9;
  cursor: pointer;
}

.contentMainBarCode:hover {
  transform: scale(0.8);
  opacity: 1;
  transition: 200ms;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.contentMainBarCode:hover span {
  font-weight: bold;
  color: #2c8fe6;
}

.contentMainBarCode:last-child {
  margin-right: 0;
}

.contentMainBarCodeImg, .contentMainBarListImg {
  display: block;
  width: 82px;
  margin: 0 auto 15px;
}

.contentMainBarText {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #2F2F2F;
  line-height: 20px;
}

.contentMainBarLine {
  width: 10px;
  height: 75px;
  position: relative;
  background: #2665B6;
  top: 20px;
  float: left;
}

/*新闻中心*/
.NewsCenter {
  width: 90%;
  margin: 0 auto;
}

.NewsCenterTitleGroup {
  display: flex;
  flex-direction: column;
  margin: 40px auto;
  align-items: center;
  text-align: center;
}

.NewsCenterTitle {
  width: 101px;
  height: 33px;
  font-size: 24px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #303030;
  line-height: 33px;
}

.NewsCenterTitleBorderLine {
  width: 80px;
  height: 4px;
  background: #7F189A;
  margin-top: 5px;
}

.MoreNews {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #8E8E8E;
  line-height: 33px;
  position: absolute;
  margin-top: -75px;
  right: 5%;
}

.NewsContent {
  display: flex;
  justify-content: space-between;
}

.NewsContentImage {
  width: 100%;
}

.NewsContentTitle1 {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #303030;
  line-height: 27px;
  margin: 20px 0;
}

.NewsContentTitle1 a:hover {
  color: #7F189A;
}

.NewsContentTitle2 {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #8C8C8C;
  line-height: 27px;
  margin-bottom: 20px;
}

.NewsContent1, .NewsContent2, .NewsContent3 {
  width: 30%;
}


/*新的Tab*/
/*tab头区域*/
.ui-tab input {
  display: none
}

.ui-tab2 input {
  display: none
}

/*内容区域*/
.ui-tab .ui-content ul {
  display: none;
  /*min-height: 200px;*/
}

.ui-tab2 .ui-content ul {
  display: none;
  /*min-height: 200px;*/
}

#allNotice ~ .ui-nav .allNotice,
#recruitStudents ~ .ui-nav .recruitStudents,
#allNotice2 ~ .ui-nav .allNotice2,
#recruitStudents2 ~ .ui-nav .recruitStudents2 {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #979797;
  line-height: 33px;
  height: 33px;
  width: 128px;
  text-align: center;
  padding-bottom: 5px;
}

/*头部区域选中*/
#allNotice:checked ~ .ui-nav .allNotice,
#recruitStudents:checked ~ .ui-nav .recruitStudents,
#allNotice2:checked ~ .ui-nav .allNotice2,
#recruitStudents2:checked ~ .ui-nav .recruitStudents2 {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #7F189A;
  line-height: 33px;
  height: 33px;
  width: 128px;
  text-align: center;
  padding-bottom: 5px;
  border-bottom: 3px solid #7F189A;;
}

/*内容区域选中*/
#allNotice:checked ~ .ui-content .allNotice-list,
#recruitStudents:checked ~ .ui-content .recruitStudents-list,
#allNotice2:checked ~ .ui-content .allNotice-list2,
#recruitStudents2:checked ~ .ui-content .recruitStudents-list2 {
  display: block;
}

/*tab头部布局*/
.ui-nav ul {
  display: -webkit-box;
  /*display: box;*/
  height: 45px;
  line-height: 45px;
  width: 250px;
}

.ui-nav ul > li {
  -webkit-box-flex: 1;
  box-flex: 1;
  text-align: center;
}

.ui-nav ul > li label {
  width: 100%;
  display: block;
  cursor: pointer;
}

.teacherLine {
  width: 100%;
  position: absolute;
  height: 1px;
  background-color: #888888;
  margin-top: 40px;
}

.moreNotice {
  text-align: center;
  width: 70px;
  height: 35px;
  background: #FFFFFF;
  border: 1px solid #878787;
  font-size: 17px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #878787;
  padding-top: 5px;
  /*margin: 0 auto;*/
  box-sizing: border-box;
  cursor: pointer;
  /*position: absolute;*/
  bottom: 10px;
}

.more a {
  color: #858585;
}

.moreNotice a:hover {
  color: #7F189A;
}

/*学术成果*/
.academic {
  padding-top: 20px;
  padding-bottom: 30px;
  width: 90%;
  margin: 0 auto;
}

.academicTitleGroup {
  display: flex;
}

.academicLine {
  width: 4px;
  height: 21px;
  background: #7F189A;
  margin-top: 6px;
}

.academicTitle {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #7F189A;
  line-height: 33px;
  margin-left: 10px;
}

.academicBorderLine {
  height: 2px;
  background-color: #7F189A;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
}

.MoreAcademic {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #8E8E8E;
  line-height: 33px;
  position: absolute;
  right: 5%;
}

.academicContent {
  display: flex;
  justify-content: space-between;
}

.academicContentPic {
  width: 30%;
}

.academicContentText {
  width: 65%;
}

.academicContentTextEach {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
}

.academicDot {
  /*min-width可以保证不变形*/
  min-width: 9px;
  width: 9px;
  height: 9px;
  background: #7E21AD;
  border-radius: 50%;
  margin-top: 10px;
  margin-right: 20px;
}

.academicTextCSS {
  overflow: hidden;
  line-height: 27px;
  height: 27px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #303030;
}

.academicTextCSS a:hover {
  color: #7E21AD;
}

.academicContentCSS {
  display: flex;
  width: calc(100% - 120px);
}

.academicTime {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #979797;
  line-height: 27px;
  height: 27px;
  width: 100px;
  margin-left: 10px;
}

/*链接*/
.Links {
  width: 100%;
  background: #F5F5F5;
  padding: 20px 0;
  /*height: 250px;*/
}

.LinksArea {
  width: 70%;
  margin: 0 auto;
}

.LinksAreaTitle {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #656565;
  line-height: 27px;
  margin-bottom: 5px;
}

.LinksContent {
  display: flex;
  justify-content: space-between;
}

.LinksContentLeft {
  width: calc(100% - 90px);
}

.LinksContentRight {
  /*margin-bottom: 20px;*/
}

.LinksContentCSS {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  margin-bottom: 3px;
}

.LinksHrefCSS {
  width: 200px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #656565;
  line-height: 35px;
  height: 35px;
  overflow: hidden;
}

.LinksHrefCSS a:hover {
  color: #7F189A;
}

/*footer*/
.footer {
  width: 100%;
  height: 550px;
  background-image: url(../images/footerBg.png);
  background-size: 100% 100%;
  position: relative;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 0 50px;
}

.footerContainer {
  height: 350px;
  padding-top: 30px;
  box-sizing: border-box;
}

.footerList {
  float: left;
  width: 33.33%;
  box-sizing: border-box;
}

.footerListTitle {
  font-size: 21px;
  font-weight: 500;
  color: #2F2F2F;
  line-height: 29px;
}

.footerListLine {
  width: 45px;
  height: 3px;
  background: #005BAC;
  margin-top: 6px;
  margin-bottom: 30px;
}

.footerListItemContainer {
  padding-right: 50px;
}

.footerListItemContainerBorder {
  border-right: 1px solid #005BAC;
}

.paddingLeft {
  padding-left: 50px;
}

.footerListItem {
  border-bottom: 1px dashed #C2C2C2;
  padding-bottom: 10px;
  padding-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 20px;
}
.footerListItem:last-child {
  border: none;
}
.noBorder {
  border: none !important;
}

.footerListBtn {
  width: 120px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 6px;
  border: 1px solid #C2C2C2;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #4A4A4A;
  line-height: 40px;
  margin: 30px auto 0;
  position: relative;
  left: -25px;
  cursor: pointer;
}

.footerListBtn:hover {
  transform: translate(2px, 2px);
  box-shadow: 1px 1px 1px #888888;
}

.footerListItemText {
  font-size: 15px;
  font-weight: 400;
  color: #2F2F2F;
  line-height: 20px;
}

.footerListItemDate {
  font-size: 15px;
  font-weight: 400;
  color: #A5A5A5;
  float: right;
}

.copyRight {
  width: 100%;
  margin: 0 auto;
  background-image: url(../images/footerBottom.png);
  background-size: 100% 100%;
  height: 200px;
  padding: 45px 12px;
  box-sizing: border-box;
}

.copyRightTitle {
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 29px;
}

.copyRightText {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 29px;
}

.copyItem {
  font-size: 16px;
  color: #FFFFFF;
  text-align: left;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
}

.copyRightItem {
  float: left;
  width: 33.33%;
  /*position: relative;*/
  /*display: inline-block;*/
}

.copyRightContainer .left {
  float: left;
}

.copyRightContainer .center {
  float: left;
  left: 24%;
}

.copyRightContainer .right {
  float: right;
}

.copyRightItemImg {
  width: 95px;
}

.copyRightBottomTip {
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
  margin-top: 20px;
}

.goTop {
  position: absolute;
  bottom: 0;
  right: 30px;
  z-index: 99;
  color: #8f000b;
  text-align: center;
  font-size: 16px;
  transition: none;
}

.goTop i {
  color: #8f000b;
  display: block;
  margin-bottom: 8px;
  transition: all 0.3s ease;
}

.goTop:hover {
  color: #8f000b;
}

.goTop:hover i {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
}

@keyframes rotate {
  from {
    transform: rotateX(90deg) translateY(0%);
    top: 43px;
  }
  to {
    transform: rotateX(0deg) translateY(0%);
    top: 43px;
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotateX(90deg) translateY(0%);
    top: 43px;
  }
  to {
    -moz-transform: rotateX(0deg) translateY(0%);
    top: 43px;
  }
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotateX(90deg) translateY(0%);
    top: 43px;
  }
  to {
    -webkit-transform: rotateX(0deg) translateY(0%);
    top: 43px;
  }
}

/*手机端导航*/
.snav {
  display: none;
  height: 60px;
  right: 0;
  top: 83px;
  z-index: 1002;
  width: 100%;
  background: #004691;
}

.mbtn {
  display: block;
  width: 30px;
  height: 30px;
  left: 20px;
  top: 20px;
  z-index: 1002;
  cursor: pointer;
}

.snavLogo {
  /*height: 40px;*/
  /*padding-top: 10px;*/
  /*width: 200px;*/
  margin-left: 70px;
  /*position: relative;*/
  /*left: 60px;*/
}

.snavLogo-img {
  width: 200px;
  margin-top: 12px;
  /*height: 100%;*/
}

.snavLogo-text {
  position: absolute;
  left: 170px;
  top: 10px;
}

.snavLogo-chinese {
  display: block;
  color: white;
  font-size: 20px;
  text-align: left;
  letter-spacing: 9px;
}

.snavLogo-en {
  text-align: left;
  display: block;
  color: white;
  font-size: 12px;
  font-family: 'Lucida Grande', 'Helvetica', 'Arial', 'Tahoma', 'Verdana';
}

#Index_mbtn {
  width: 18px;
  height: 18px;
  display: block;
  color: #fff;
}

.mbtn .m {
  font-size: 12px;
  font-weight: 400;
  font-family: Arial;
  color: #fff;
  text-align: center;
  width: 100%;
  display: block;
  height: 20px;
}

.navm {
  width: 100%;
  z-index: 9999;
  line-height: 30px;
  background-color: #004ea2;
  overflow: hidden;
  text-align: left;
  display: none;
  top: 58px;
  left: 0;
}

.navm li {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #054386;
}

.navm li a {
  font-size: 14px;
  width: 120px;
  float: left;
  line-height: 18px;
  padding: 10px 0;
  color: #fff;
  padding-left: 13px;
  display: block;
}

.navm li a:hover {
  color: #fff;
}

.navm li span {
  padding: 10px 10px 0 0;
  float: right;
  margin-right: 7px;
  color: #fff;
  cursor: pointer;
}

.navm dl {
  background-color: #fff;
  color: #004489;
  padding-left: 20px;
}

.navm dl dd {
  width: 100%;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #ddd;
}

.navm li.on dl dd a {
  display: block;
  font-size: 14px;
  color: #282828;
  line-height: 30px;
  height: 30px;
}

.navm li dl dd a {
  font-size: 14px;
  color: #282828;
  font-weight: normal;
  display: inline;
  display: block;
  border: none;
  padding: 0;
}

.navm li dl dd a:hover {
  color: #7F189A;
}

.subNavs {
  width: 100%;
  overflow: hidden;
  display: none;
}

.nlinks {
  width: 100%;
  overflow: hidden;
}

.nlinks span {
  float: left;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}

.nlinks span a {
  color: #fff;
  font-size: 14px;
}

@media screen  and (max-width: 1514px) {
  .webTitleTop {
    font-size: 22px;
    text-align: center;
    letter-spacing: 7px;
  }
}
@media screen  and (max-width: 1200px) {
  .nav, .header_wrap {
    display: none;
  }

  .snav {
    display: block;
  }
}

@media screen  and (max-width: 1100px) {
  /*.nav, .header_wrap {*/
  /*  display: none;*/
  /*}*/

  /*.snav {*/
  /*  display: block;*/
  /*}*/

  .paddingLeft {
    padding-left: 10px;
  }

  .footerListItemContainer {
    padding-right: 10px;
  }
}

@media screen  and (max-width: 1200px) {
  .noticeLeft, .noticeRight {
    width: 100%;
  }

  .noticeRight {
    padding-left: 0;
  }

  .noticeTab {
    display: block;
  }

  .academicContentPic {
    display: none;
  }

  .academicContentText {
    width: 100%;
  }

  .goTop {
    right: 10px;
  }

  /* .top, .header_logo {
    width: 98%;
    margin: 0 auto;
  } */
}

@media screen  and (max-width: 1100px) {
  .contentMainTitleContent {
    width: 100%;
    border-right: none;
  }

  .contentMainTitleList {
    width: 100%;
    padding: 0;
  }

  /*.contentMain {*/
  /*  padding: 30px 0;*/
  /*}*/
}

@media screen  and (max-width: 880px) {
  #ser2 {
    display: block;
    position: static;
    width: 100%;
  }

  .footerListItemContainerBorder {
    border-right: none;
  }

  .search {
    width: 100%;
  }

  .search input.notxt {
    width: 100%;
  }

  .ser, .home, .topnav {
    display: none;
  }

  .mbtn {
    display: block;
  }

  .logo {
    width: 100%;
    /*padding: 4% 0;*/
    margin: 0 auto;
    /*float: none;*/
    float: left;
  }

  .logo a {
    display: inline-block;
    text-align: center;
  }

  .wraq_nav {
    display: none;
  }

  .footer .logo02 {
    float: none;
    text-align: center;
  }

  .footer p {
    text-align: center;
  }

  .webTitleInput {
    width: 240px;
  }

  .contentMainBarLine {
    display: none;
  }

  .noticeTextContainer {
    width: 100%;
    margin-left: auto;
    float: none;
    margin-top: 10px;
  }

  .footer {
    height: auto;
  }

  .footerContainer {
    height: auto;
  }

  .footerList {
    width: 100%;
    margin-bottom: 10px;
  }

  .paddingLeft {
    padding-left: 0;
  }

  .copyRight {
    height: auto;
  }

  .copyRightContainer {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  .copyRightItem {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    text-align: left !important;
  }

  .contentMainBar {
    display: none;
  }

  /*.contentMainTitleContent {*/
  /*  display: none;*/
  /*}*/
  .contentMainTitleContentImg {
    width: 100%;
  }

  .contentMainTitleContentContainer {
    width: 100%;
    padding: 5px 0 0 0 ;
  }
  .contentMainTitleContentLine, .contentMainTitleContentText {
    display: none;
  }
  .contentMainTitleContent {
    margin-bottom: 0;
  }
  .contentMainTitle {
    margin-bottom: 10px;
  }

  .flex-direction-nav {
    display: none;
  }
  .contentMainTitleP {
    font-size: 18px;
  }
  .contentMainTitleMore {
    font-size: 18px;
  }
  .noticeTitleP, .noticeTitleMore, .footerListTitle {
    font-size: 18px;
  }
}