/* -------------------------------- 

Primary style

-------------------------------- */
body{display:none;}
html {
  font-size: 62.5%;}

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}



body {
  font-size: 1.6rem;
  font-family: 微软雅黑,verdana,sans-serif;
  color: #2e3233;
  background-color: #ffffff;}
@media only screen and (max-width: 1169px) {
  body.nav-on-left.overflow-hidden {
    overflow: hidden;}
}

a {
  /*color: #FFF;*/
  text-decoration: none;}
.cd-logo,.cd-login a ,.cd-main-bottom a{color:#fff;}

img {
  /* make images responsive */
  max-width: 100%;}

input {}

input[type="search"]::-ms-clear {
  /* removes close icon - ie */
  display: none;}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content, .cd-main-header, .cd-main-footer {
  /* force hardware acceleration in webkit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;}

.cd-main-content, .cd-main-header , .cd-main-footer{
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;}
@media only screen and (max-width: 1169px) {
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);}
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);}
}

.cd-main-content {
	width:100%;
	height:auto;
 	background: #1D90E3;
  	z-index: 2;
  	position:relative;}

.cd-main-header {
  	height: 5em;
    background: rgb(1, 104, 183);
    color: rgba(255,255,255,1.0);
    box-shadow: 0px -10px 10px #004986, 0px 3px 20px #004986;
    z-index: 666;
    position: fixed;
    width: 100%;
    top: 3em;}
.nav-is-fixed .cd-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;}
@media only screen and (min-width: 1170px) {

	

  .cd-main-header:after {
    content: "";
    display: table;
    clear: both;}
}

.cd-logo {
  position: absolute;
  top: 5%;
  left: 5%;
  height:90%;}
.cd-logo img {
  display: block;
  border:none;}
@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-logo {
    left: auto;
    right: 5%;}
}
@media only screen and (min-width: 1170px) {
  .cd-logo {}
}

.cd-header-buttons {
  position: absolute;
  display: inline-block;
  top: 3px;
  right: 5%;}
.cd-header-buttons li {
  display: inline-block;}
.nav-pic
{
	display:none;}
@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-header-buttons {
    right: auto;
    left: 5%;}
  ul#cd-primary-nav li:hover
  {
	  background-color:#FFF;
	  color: rgb(1, 104, 183);
	  border: 1px solid rgb(1, 104, 183);}
   ul#cd-primary-nav a:hover
   {
	   background-color:#FFF;
	  color: rgb(1, 104, 183);}
  .nav-on-left .cd-header-buttons li {
    float: right;}
}
@media only screen and (min-width: 1170px) {
  .cd-header-buttons {
    top: 18px;
    right: 4em;}
}
.cd-nav-trigger {
  position: relative;
  display: block;
  width: 4.4em;
  height: 4.4em;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3;}


.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* hamburger icon in css */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #FFF;}
.cd-nav-trigger span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* other 2 lines */
  content: '';
  right: 0;
  /* force hardware acceleration in webkit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;}
.cd-nav-trigger span::before {
  /* menu icon top line */
  top: -6px;}
.cd-nav-trigger span::after {
  /* menu icon bottom line */
  top: 6px;}
.cd-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(46, 50, 51, 0);}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #FFF;}
.cd-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);}
.cd-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);}
@media only screen and (min-width: 1170px) {
  .cd-nav-trigger {
    display: none;}
}

.cd-primary-nav, .cd-primary-nav ul {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 260px;
  background: rgb(1, 104, 183);
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  /* force hardware acceleration in webkit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;}
.cd-primary-nav a, .cd-primary-nav ul a {
  display: block;
  height: 52px;
  line-height: 50px;
  padding: 0 20px;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #3a3f40;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;}

@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
    right: auto;
    left: 0;}
}
.cd-primary-nav .see-all a {
  /* different style for the see all button on mobile and tablet */
  color: #69aa6f;}
.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
  overflow: hidden;
  text-overflow: ellipsis;}
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
  padding-left: 90px;}

.cd-primary-nav .cd-nav-icons .cd-nav-item {
  padding-left: 75px;}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {
  color: #2e3233;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
  /* item icon */
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;}

@media only screen and (max-width: 1169px) {
  .cd-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for ios devices where you can see the navigation if you pull down */
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s;}
  .cd-primary-nav.nav-is-visible {
    visibility: visible;
	overflow:hidden;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
	z-index: 111;
	margin-top:3em;
	
	box-shadow: 0px 5px 5px #004986;}
  span.english-name{
	  display:none;}
  .cd-primary-nav, .cd-primary-nav ul
  {
	  background-color: rgb(0,73,134);}
}

@media only screen and (min-width: 1170px) {
  .cd-primary-nav {
    position: static;
    padding: 0 50px 0 0;
    height: auto;
    width: auto;
    float: right;
    overflow: visible;}
  .cd-primary-nav:after {
    content: "";
    display: table;
    clear: both;}
  .cd-primary-nav.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;}
  .cd-primary-nav ul {
    position: static;
    height: auto;
    width: auto;
    background: transparent;
    overflow: visible;
    z-index: 3;}
  .cd-primary-nav ul.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);}
  .cd-primary-nav ul.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;}
  .cd-primary-nav > li {
    float: left;}
  .cd-primary-nav > li > a {
    /* main navigation buttons style */
    position: relative;
    display: inline-block;
    height: 5em;
    line-height: 110px;
    padding: 0 10px;
	margin:0 10px;
    color: #FFF;
	background-color:rgb(1,104,183);
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;}
  span#abroad {
    left: 50px;}
  ul.cd-primary-nav > li > a > span{
		position:absolute;
		top:-0.2em;
		left:25px;
		line-height:2em;
		font-size:2em;}


  .cd-primary-nav > li>a:hover {
    background-color: #FFF;
	color: rgb(1, 104, 183);}
  .cd-primary-nav > li > a.selected {
    background-color:white;
    color: rgb(1, 104, 183);
    box-shadow: inset 0 -2px 0 rgb(1, 104, 183);}
  .cd-primary-nav .go-back, .cd-primary-nav .see-all {
    display: none;}
  .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
    /* dropdown menu style */
   position: absolute;
    top: 5.9em;
    width: 100vw;
    background: rgba(0,37,67,0.85);
    border-bottom: 3px solid rgba(7, 68, 130,1);
    padding: 1em 1em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;}
  .cd-primary-nav .cd-secondary-nav:after, .cd-primary-nav .cd-nav-gallery:after, .cd-primary-nav .cd-nav-icons:after {
    content: "";
    display: table;
    clear: both;}
  .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;}
  .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
    /* this is the big see all button at the bottom of the dropdown menu */
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    overflow: hidden;
    /* reset some inherited style */
    margin: 0;
    padding: 0;}
  .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    border-top: 1px solid #e2e3df;
    /* reset some inherited style */
    border-bottom: none;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s;}
  .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
    background: #2e3233;
    border-color: #2e3233;
    color: #ffffff;}
  
  .cd-secondary-nav ul > li
  {
	  padding-left: 20px;}
  .cd-primary-nav .cd-secondary-nav > li {
    /* change the height according to your needs - you can even set height: auto */
    height: auto;
    /* here you set the number of columns - use width percentage */
    width: 33%;
    float: left;
    padding-left: 1em;
    border-right: 1px solid #b2b3af;
    overflow: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;}
  #news-item > li
  {
	  width:24%
  ;}
  
  .cd-primary-nav .cd-secondary-nav > li > a {
    /* secondary nav title */
    color: #FFF;
    font-size: 1.4em;
	height: 2.5em;
	line-height:2.5em;}
  .cd-primary-nav .cd-secondary-nav a {
    height: 30px;
    line-height: 30px;
	width: 95%;
    padding: 0 5% 0 10%;
    color: #FFF;
    border-bottom: none;
    font-size: 1.6rem;}
  .cd-primary-nav .cd-secondary-nav a:hover{
	 border: 1px solid rgb(255,255,255);
   	 border-radius: 3%;}
  .cd-primary-nav .cd-secondary-nav ul {
    /* force hardware acceleration in webkit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);}
  .cd-primary-nav .cd-secondary-nav ul ul {
    /* tertiary navigation */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;}
  .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);}
  .cd-primary-nav .cd-secondary-nav ul ul .go-back {
    display: block;}
  .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
    color: transparent;}
  .cd-primary-nav .cd-secondary-nav ul ul .see-all {
    display: block;}
  .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);}
  .cd-primary-nav .cd-nav-gallery li {
    /* set here number of columns - use width percentage */
    width: 22%;
    float: left;
    margin: 0 4% 40px 0;}
  .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;}
  .cd-primary-nav .cd-nav-gallery .cd-nav-item {
    border-bottom: none;
    padding: 0;
    height: auto;
    line-height: 1.2;}
  .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
    position: static;
    margin-top: 0;
    height: auto;
    width: 100%;
    margin-bottom: .6em;}
  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
    color: #69aa6f;
    font-weight: bold;
    padding: 0 .4em;}
  .cd-primary-nav .cd-nav-icons li {
    /* set here number of columns - use width percentage */
    width: 32%;
    float: left;
    margin: 0 2% 20px 0;}
  .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;}
  .cd-primary-nav .cd-nav-icons {
    border-bottom: none;
    height: 80px;
    line-height: 1.2;
    padding: 24px 0 0 85px;}
  .cd-nav-icons{
	  padding: 24px 10px ;}
  .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
    background: #f6f6f5;}
  .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    color: rgb(1, 104, 183);
    font-weight: bold;}
  .cd-primary-nav .cd-nav-icons .cd-nav-item p {
    display: block;}
  .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
    left: 25px;}
}
.has-children > a, .go-back a {
  position: relative;}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in css - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #FFF;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;}
.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);}
.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);}
@media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #FFF;}
  .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
    background: rgb(1, 104, 183);}
}

.has-children > a {
  padding-right: 40px;}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;}

.cd-primary-nav .go-back a {
  padding-left: 40px;}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;}

@media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after {
    right: 15%;}

  .cd-primary-nav > .has-children > a {
    /* main navigation arrows on larger devices */
    padding-right: 30px !important;}
  .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
    width: 9px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: #c9cbc4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;}
  .cd-primary-nav > .has-children > a::before {
    right: 12px;}
  .cd-primary-nav > .has-children > a::after {
    right: 7px;}
  .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
    width: 14px;}
  .cd-primary-nav > .has-children > a.selected::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);}
  .cd-primary-nav > .has-children > a.selected::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);}

  .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
    /* remove arrows on secondary nav titles */
    display: none;}

  .cd-primary-nav .go-back a {
    padding-left: 20px;}
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    left: 1px;}
}

.nav-is-fixed {
  position: fixed;}
@media only screen and (min-width: 1170px) {
  
}

.cd-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(105, 170, 111, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;}
.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;}

/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2;}

.no-js{
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible;}

@media only screen and (min-width: 1170px) {
  .no-js .cd-primary-nav {
    position: absolute;
    z-index: 3;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0;}

  .no-js .nav-is-fixed .cd-primary-nav {
    position: fixed;}
}

/* created by hechuan*/
span.icon2
{
	font-size:1.5em;}


*, *::after, *::before,*:after,*:before {
	margin: 0;
	padding: 0;
	vertical-align:middle;
	list-style:none;
	text-overflow: ellipsis;}
/* HTML5 display-role reset for older browsers */

/* created by hechuan*/
.cd-login {
	height: 11.1em;
    background-color: rgba(7, 68, 130,1);
    color: #FFF;
    font-size: 0.75em;
    line-height: 4em;
    padding: 0 5%;
    overflow: hidden;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 55;}
.cd-login > span {
	float: right;
	padding: 0 1%;}
#search {}

.search-text {
	background: none;
	border: 1px solid #CCC;
	width: 16em;
	height:2em;}
.search-submit {
	color: #ccc;
	background: none;
	border: none;
	cursor: pointer;}
.content-swufe {
	width: 100%;
	margin: 0.5em auto;
	padding: 0.5em 0;
	background-color: #FFF;
	box-shadow: 0 -5px 5px #999;
	position: relative;
	height: auto;}
.content-news {
	width: 100%;
	padding: 0.5em 0;
	margin: 0.5em auto;
	box-shadow: 0.5em 0 0.5em 0 #999;
	background-color: #FFF;
	position: relative;
	display: block;
	overflow:hidden;}
.cd-main-footer {
	height: auto;
	background: rgb(1, 104, 183);
	color: rgba(255,255,255,1.0);
	width:100%;
	overflow:hidden;
}

.footer-div hr { margin: 10px 0; }
.footer-div a
{
	color: #eee;}

.cd-main-bottom {
	height: 30px;
	line-height: 30px;
	color: #FFF;
	background-color: #131623;}
.swufe-box {
	color: #FFF;
	background-color: rgb(1, 104, 183);}
.news-box {
	color: rgb(1, 104, 183);
	background-color: #FFF;
	border: 1px solid rgb(1, 104, 183);
	overflow:hidden;}

.swufe-box > span.icon {
	position: absolute;
	top: 0;
	left: 0.5em;
	font-size: 2.8em;}
.swufe-box > span.title {
	position: absolute;
	top: 0.4em;
	left: 5.3em;}
.swufe-box > ul.list {
	margin: 55px 0 10px 0;}
.news-box > span.more {
	position: absolute;
	right:1em;
	bottom: 1em;
	z-index:999;
	width:5em;
	text-decoration:underline;}
.box1 {
	width: 99%;
	margin: 1em 0.5%;
    padding: 1.5em 0.2em;
	_height: 200px;
	min-height: 200px;
	border-radius: 1%;
	position: relative;
	box-shadow: 0px 5px 5px #004986;
	overflow:hidden;}

.box1:after {
	clear: both;}
.box2 {
	float: left;
	width: 48%;
	margin: 1% 0.9%;
	padding: 10px 0;
	min-height: 340px;
	_height: 340px;
	position: relative;
	border-radius: 1%;
	display: table-cell;
	border: 1px solid rgb(1, 104, 183);
	box-shadow: 5px 5px 5px #004986;}
.box3 {
	width: 31%;
	margin: 1% 1.1%;
	padding: 1% 0.5%;
	float: left;
	min-height: 355px;
	_height: 355px;
	position: relative;
}

.content-swufe .box3 { width: 23%; margin: 1% 1%; }
.content-news .box3 { min-height: 295px; }

.box4 {
	width: 23%;
	margin: 0.5% 1% 1% 1%;
	padding: 0.5% 0;
	float: left;
	min-height: 300px;
	_height: 300px;
	overflow: hidden;
	position: relative;
	border: 1px solid rgb(1, 104, 183);
	box-shadow: 5px 5px 5px #004986;}
.swufe-box h3{
	font-size: 1.2em;
	overflow: hidden;
	white-space: nowrap;}

.swufe-box li  {
	width: 100%;
	height: 50px;
	padding: 0.5em 0.5em;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
	text-overflow: ellipsis;}
.news-box h3 {
	font-size: 1.2em;
	overflow: hidden;
	white-space: nowrap;
	padding: 0.5em 1.5em;}
.news-box ul{
	margin: 2% 2% 3% 0%;
	padding: 0 1em;
	text-overflow: ellipsis;}
.news-box li
{
	width: 100%;
	height: 30px;
	padding: 0.3em 0.2em;
	overflow: hidden;
	text-overflow: ellipsis;}

.news-box a
{
	display: block;
	padding: 0 0;
	text-decoration:none;
	color: rgb(1, 104, 183);
	overflow:hidden;
	white-space: nowrap;}

.swufe-box a {
	display: block;
	padding: 0 5%;
	height: 39px;
	line-height: 39px;
	text-decoration: none;
	color: inherit;
	overflow:hidden;
	white-space: nowrap;
        font-size:16px;
}
.swufe-box li:hover, .news-box li:hover {
	background-color: #FFF;
	color: rgb(1, 104, 183);}
.swufe-box a:hover, .news-box a:hover {
	color: rgb(1, 104, 183);}
.picBox {
	width: 100%;
	height: 100%;}
.pic_container {
	width: 100%;
	height:400px;
	margin-top: 8em;
	box-shadow: -10px 0px 10px #004986;
	overflow:hidden;}

.camera_thumbs_cont {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;}

.english-name{}
@media only screen and (min-width: 769px) {
	.cd-main-footer
	{
		padding: 1em 3em;}
	.footer-div {
		float: left;
		height: auto;
		width: 31.33%;
		padding: 0.5em 1%;
		color: #cccccc;}
	.footer-div ul {
		width:420px;}
	.footer-div1 ul{
		width:420px;}
	.footer-div ul li {
		margin-left: 20px;
		width:auto;
		min-width:200px;
		_width: 200px;
		float:left;}
	.camera_thumbs {
		margin-top: -4.4em;
		position: relative;
		z-index: 1;}
	.camera_thumbs img{
	width:8em;
	height:4em;}
}
@media only screen and (max-width: 768px) {
	.cd-main-footer
	{
		padding: 0.5em 0.7em;}
	.footer-div
	{
		width: 100%;
		margin: 0 auto;
		height:auto;
		display:block;}
	.footer-div ul 
	{
		width:100%;
		margin: 1em auto;}
	.footer-div ul li {
		margin: 0.1em 0 0.1em 1em;
		width:100%;
		float:left;}
	.footer-div
	{
		clear:both;}
	.camera_thumbs {
		margin-top: -2.5em;
		position: relative;
		z-index: 1;}
	.camera_thumbs img{
		width:5em;
		height:2.5em;}
	.cd-login
	{
	
		box-shadow:none;}

}





/* public style */
/* .clearfix:after{content:"";height:0;display:block;visibility:hidden;clear:both} */
/* 其他属性 */
.left{float:left;}
.right{float:right;}
.noMarT{margin:4px 5px 0 0;}



/*常用链接*/
.links{width:502px; height:219px; border:solid #041b51; border-width:1px 1px 0; position:absolute; background:#fff; right:-1px;top:-220px; display:none; z-index:999;}
.links h3{background:#eee; border:solid #ccc; border-width:0 1px 1px 0;  height:40px; line-height:40px; text-align:center; float:left; cursor:pointer; font-size:14px; display:inline;}
.links h3.now{background:#fff; border-bottom:1px solid #fff; color:#ac1d0d; font-weight:bold;}
.linksH{}
.linksH li{background:#eee; border:solid #ccc; border-width:0 1px 1px 0;  height:40px; line-height:40px; text-align:center; float:left; cursor:pointer; font-size:14px; display:inline;}
.linksH li.on{background:#fff; border-bottom:1px solid #fff; color:#ac1d0d; font-weight:bold;}
.linksCon{position:absolute; left:0; top:40px; overflow-y:auto; overflow-x:hidden;height:178px;width:502px;}
.linksCon ul{width:492px; margin:5px;}
.linksCon li{height:33px; line-height:33px; float:left; border-bottom:1px solid #ccc; width:30.2%; overflow:hidden; padding-left:15px; vertical-align:bottom;}
.linksCon li a{color:#051b54;}
.linksCon li a:hover{color:#ae1f0e; text-decoration:underline;}


/*关于我们*/
.aboutBg{width:100%; overflow:hidden;}
.content{width:100%; margin:130px auto 0; overflow:hidden; padding: 5px 0;}
.cbanner{width:96%;}
.conMain{width:100%; overflow:hidden; background:#fff; position:relative; margin:0 auto;}
.conMainL{width:20%; overflow:hidden; background:#eee; position:absolute; left:0; top:0; height:100% !important;}
.conMainL .subNav{width:100%; margin:20px auto 0; overflow:hidden;}
.conMainL .subNav li{font-size:18px;}
.conMainL .subNav li a{color:#333; display:block; height:auto; line-height:auto; padding-left:5%;border-bottom:2px solid #ccc;padding-top: 0.5em;padding-bottom: 0.5em;}
.conMainL .subNav li a:hover{color:rgb(1, 104, 183); font-weight:bold;border-bottom:2px solid rgb(1, 104, 183); text-decoration:none;}
.conMainL .subNav li.on a{color:#fff;background:rgb(1, 104, 183); border-bottom:none;font-weight:bold;}
.conMainL .subNav li.on a:hover{color:#fff;}
.conMainR{min-height:300px;margin:0 0 0 20%;}
.conMainR a{color:rgb(1, 104, 183);}
.conMainH{margin:18px 0 15px;width:98%;}
.conMainH h1{font-size:16px; font-weight:bold; float:left;}
.conMainH h3{float:right; margin-top:3px;}
.conMainH h3 a{color:rgb(1, 104, 183);}
.conMainH .xylj{float:right; position:relative; z-index:999;}
.conMainH .xylj h2{ width:119px; height:28px; line-height:28px; padding-left:11px; color:#666;}
.conMainH .xylj h2.on{background:url(../../images/caida/xylj2.png) no-repeat; font-weight:bold; color:#fff; cursor:pointer;}
.conMainH .xylj ul{position:absolute; right:0; top:28px; line-height:28px; border:2px solid rgb(1, 104, 183); width:711px; background:#fff; padding:0 13px; display:none;}
.conMainH .xylj li{float:left; border-bottom:1px solid #ddd; height:29px; line-height:29px; width:213px; padding-left:24px;}
.conMainH .xylj li a{color:#333;}
.conMainH .xylj li a:hover{color:#95011b;}
.conMainC{margin:10px 0 30px;border:1px solid #ddd; width:739px;}
.conMainCc{border:1px solid #ddd; width:733px;margin:2px;position:relative;z-index:99;}
.aboutCon{font-size:14px;line-height:24px;color:#666;padding:0 10px;}
.aboutCon p{margin:12px 0;}
/*教师交流*/
.jsBg{background:url(../../images/caida/bg2.jpg) center top no-repeat;background-size:100%; width:100%; overflow:hidden;}
.jsbanner{width:1080px; background:url(../../images/caida/jiaoshi.jpg) no-repeat;height:250px;}
.jsSea{width:160px; margin:20px auto; overflow:hidden; background:#fff; border:solid #95011b;border-width:3px 0;}
.jsSeaF{border-bottom:1px dotted #ddd; padding:10px 0;}
.jsSeaF h2{font-size:14px;font-weight:bold; margin-left:10px;color:#666;}
.jsSeaF form{position:relative;width:140px; height:28px; margin:8px 0 2px 9px;}
.jsSeaF .txt{width:133px; height:28px; border:1px solid #aaa; color:#999; line-height:28px; padding-left:7px; color:#999; background:#fff; _margin-left:-8px;}
.jsSeaF .jsbnt{background:url(../../images/caida/sbnt2.png) no-repeat; width:23px; height:26px; overflow:hidden;cursor:pointer;border:none;text-indent:-9999px; position:absolute; right:0;top:2px; display:none;}
.jsSeaOn h2{color:#95011b;}
.jsSeaOn .txt{border:1px solid #95011b;color:#333;}
.jsList{width:702px; margin:10px auto; overflow:hidden;}
.jsList li{height:29px; line-height:29px; padding:0 3px 0 13px; background:url(../../images/caida/yd.png) left center no-repeat; overflow:hidden; vertical-align:middle; border-bottom:1px solid #ddd;}
.jsList li a{float:left;color:#031b51;}
.jsList li span{float:right; color:#999;}
.jsList li a:hover{color:#95011b;}
.jsPop{width:810px; height:710px; overflow:hidden; background:#f0f0f0; border-bottom:5px solid #55010f;}
.jsPopT{height:30px; line-height:30px; background:#95011b; padding-left:13px; overflow:hidden; color:#fff;} 
.jsPopT a{color:#fff;}
.jsPopPic{padding:0 0 10px; overflow:hidden; position:relative;border-bottom:1px solid #ddd;width:785px; margin:15px auto 0; height:420px;}
.jsPopPic li{position:absolute; top:0; left:0;}
.jsPicChange{width:84px; height:24px; line-height:24px; position:absolute; right:10px; bottom:20px; overflow:hidden;}
.jsPicChange a{float:left; margin-right:2px; width:40px; height:24px; text-align:center; color:#7b0014; background:#fff;}
.jsPicChange a:hover{background:#95011b; text-decoration:none; color:#fff;}
.jsPopCon{width:785px; margin:2px auto 15px; overflow:hidden;border-top:1px solid #ddd;}
.jsPopConC{height:200px; overflow-y:auto; font-size:14px; line-height:24px; margin:15px auto;}
.jsPopConC p{margin:0 0 12px;}
.jsPopConC::-webkit-scrollbar-thumb{background-color:#95011b;height:40px;}  /*---滚动条默认显示样式--*/   
.jsPopConC::-webkit-scrollbar{width:9px;height:9px;}  /*---滚动条大小--*/
.jsPopConC::-webkit-scrollbar-track-piece{background:url(../../images/caida/gdtbg.png) repeat-y;} /*---滚动框背景样式--*/  
.js3T,#jisoshi3 h2{border:1px solid #c7c7c7;background:#fff url(../../images/caida/ftabbg.png) repeat-x; width:353px; height:43px; line-height:43px; text-align:center; font-size:16px; font-weight:bold; position:absolute; top:20px; cursor:pointer; border-top:none;}
.js3Ton,#jisoshi3 h2.now{background:url(../../images/caida/thbg.png) repeat-x; height:50px; line-height:50px;border:solid #c7c7c7; border-width:0 1px; color:#95011b;}
.js3C{border-top:1px solid #ccc; padding:20px 30px; font-size:14px; line-height:24px; margin:69px 0 0;}
.js3C p{margin:12px 0;}
/*项目查询*/
.xmcx{width:741px; border:solid #ddd; border-width:1px 0; margin:25px auto; position:relative;}
.xmcxCon{border:solid #ddd; border-width:1px 0; margin:2px 0;position:relative; background:url(../../images/caida/xmcxbg.jpg) left 35px no-repeat; height:376px; padding:35px 0;}

.xmcxCon table{width:360px; margin:120px auto 0;}
.xmcxCon table th{width:75px; color:#fff; font-size:14px; font-weight:bold; padding:8px 0;}
.xmcxCon table td .xmcxTxt{width:261px; height:36px; line-height:36px; color:#999; padding-left:3px;border:2px solid #1a3154;}
.xmcxCon table td{padding:8px 0;}
.xmcxSea{background:url(../../images/caida/ybnt.png) repeat-x; height:36px; line-height:36px; color:#95011b; font-size:14px; font-weight:bold;width:268px;border:2px solid #1a3154; cursor:pointer;}
/*教师交流5*/
.jsjlxm{width:929px; border:1px solid #ddd; margin:25px auto; position:relative;}
.jsjlxmC{width:923px; border:1px solid #ddd; margin:2px auto; position:relative;}
.jsjlxmC h1{position:absolute; background:#fff; font-size:14px; font-weight:bold; height:30px; line-height:30px; padding:0 15px; top:-16px; left:410px;}
.jsjlxmTab{width:872px; margin:25px auto 10px; overflow:hidden;}
.jsjlxmBnt{height:30px; line-height:30px; overflow:hidden; margin:15px auto;width:872px;}
.jsjlxmBnt .qx{background:url(../../images/caida/bbnt.png) no-repeat; width:100px; height:30px; line-height:30px; text-align:center; float:right; color:#333;}
.jsjlxmBnt .qx:hover{text-decoration:none; color:#fe5500;}
.jsjlxmList{width:872px; margin:20px auto 10px;}
.jsjlxmList h2{font-size:16px; font-weight:bold; color:#95011b; height:30px; line-height:30px; border-bottom:1px solid #ddd;}
.jsjlxmList ul{border-top:1px solid #ddd; margin:2px auto 20px;}
.jsjlxmList li,.xsconC2 li{height:29px; line-height:29px; padding:0 3px 0 13px; background:url(../../images/caida/yd.png) left center no-repeat; overflow:hidden; vertical-align:middle; border-bottom:1px solid #ddd;}
.jsjlxmList li a,.xsconC2 li a{float:left;color:#031b51; font-family:"微软雅黑";}
.jsjlxmList li span,.xsconC2 li span{float:right; color:#999;}
.jsjlxmList li a:hover,.xsconC2 li a:hover{color:#95011b;}
/*学生交流*/
.xsbg{background:url(../../images/caida/xsjlbg.jpg) center top no-repeat;background-size:100%; width:100%;}
.xsbanner{width:1080px; background:url(../../images/caida/xsjl.jpg) no-repeat;height:250px;}
.xscon,.xscon2{width:930px; margin:15px auto; overflow:hidden; position:relative;}
.xscon h2,.xscon2 h2{border:1px solid #c7c7c7;background:#fff url(../../images/caida/ftabbg.png) repeat-x; width:227px; height:42px; line-height:42px; text-align:center; font-size:16px; font-weight:bold; position:absolute; top:5px; cursor:pointer; border-top:none;}
.xscon h2 a{color:#333;}
.xscon h2.now,.xscon2 h2.now{background:url(../../images/caida/thbg.png) repeat-x; height:50px; line-height:50px;border:solid #c7c7c7; border-width:0 1px; color:#95011b;}
.xsconC,.xsconC2{width:928px; border:1px solid #ddd; margin:54px auto 0;}
.xsconC{height:386px;background:url(../../images/caida/ditu.png) no-repeat center;position:relative;}
.xsconC li{position:absolute;z-index:0;}
.xsconC .area-01{left:195px;top:140px;}
.xsconC .area-02{left:290px;top:280px;}
.xsconC .area-03{left:485px;top:225px;}
.xsconC .area-04{left:510px;top:115px;}
.xsconC .area-05{left:680px;top:195px;}
.xsconC .area-06{left:793px;top:160px;}
.xsconC .area-07{left:800px;top:290px;}
.xsconC b{width:15px;height:15px;background:url(../../images/caida/pointer.gif) no-repeat;display:block;}
.xsconC div{position:absolute;left:8px;top:-65px;visibility:hidden;}
.xsconC  p{padding:5px 10px;border:1px solid #2253BF;color:#2253BF; position:absolute;left:0;top:0;background:#fff;}
.xsconC  span{width:1px;height:36px;position:absolute;left:0;top:30px;background-color:#2253BF;}
/*
.xsconC i{position:absolute;left:0;top:0;filter:alpha(opacity:80);opacity:0.8;background-color:#fff;width:100%;height:100%}
*/
/*学生交流5*/
.xs5Mbx{height:40px; line-height:40px; color:#666; width:570px; border-bottom:1px solid #ddd; margin:0 10px 0 0;}
.xs5Mbx a{color:#666;}
.xsshow{border:solid #ddd; border-width:1px 0; margin:2px 10px 0 0;width:570px;}
.xsshowC{width:570px; height:490px; overflow-y:auto; line-height:24px;font-size:14px; margin:20px 0;}
.xsshowC::-webkit-scrollbar-thumb{background-color:#aaa;height:40px;}  /*---滚动条默认显示样式--*/   
.xsshowC::-webkit-scrollbar{width:9px;height:9px;}  /*---滚动条大小--*/
.xsshowC::-webkit-scrollbar-track-piece{background:url(../../images/caida/gdt2.png) repeat-y;} /*---滚动框背景样式--*/  
.xsshowC p{margin:12px 0;}
#xspic li{position:absolute; top:0; left:0;}
/*课程及资源*/
.kcBg{background:url(../../images/caida/kcbg.jpg) center top no-repeat; background-size:100%; width:100%; overflow:hidden;}
.kcbanner{width:1080px; background:url(../../images/caida/kcbanner.jpg) no-repeat;height:250px;}
#kcCon{background:none;height:auto;padding:15px 0 25px;}
#kcCon h2,.kcC h2{font-size:16px; font-weight:bold; height:30px; line-height:30px;}
#kcCon table{width:736px; border:1px solid #ccc; color:#333; margin-top:10px;}
#kcCon table th{height:30px; line-height:30px; text-align:center; background:#eee; font-size:12px; font-weight:normal;color:#333; padding:0;border:1px solid #ccc;}
#kcCon table td{line-height:18px;border:1px solid #ccc; padding-left:10px;}
#kcCon table td.bg{background:#eee;}
.kcC{font-size:14px; color:#666; line-height:24px; width:741px; margin:10px auto 40px;}
.kcC p{margin:12px 0;}
.kcC h2{color:#333;}
/*外专外教*/
.wzBg{background:url(../../images/caida/wzbg.jpg) center top no-repeat; background-size:100%; width:100%; overflow:hidden;}
.wzbanner{width:1080px; background:url(../../images/caida/wzbanner.jpg) no-repeat;height:250px; position:relative;}
.wzwj{width:100%; border:solid #ddd; border-width:1px 0 0; margin:0 auto; position:relative;}
.wzwjCon{border:solid #ddd; border-width:1px 0 0; margin:2px 0;position:relative; padding:15px 10px;}
.wzwjList{width:100%;margin:100px 0 10px 0;overflow:hidden; padding: 1% 5%;}
.wzwjList li{overflow:hidden;}
.wzwjH{height:37px; line-height:37px;overflow:hidden; border-bottom:1px solid #ddd;}
.wzwjH h4{ padding-left:5%; font-size:16px; width:80%; float:left; overflow:hidden;color:rgb(1, 104, 183); cursor:pointer;}
.wzwjH h4 a{color:#031b51;}
.wzwjH h4 a:hover{color:#95011b;}
.wzwjH span{color:#666; float:left;}
.wzwjH .wzshow{width:34px; height:36px; display:block; float:right; text-indent:-9999px; background:url(../../images/caida/wzshow.png) no-repeat;}
.wzwjtimes{height:37px; line-height:37px;overflow:hidden; border-bottom:1px solid #ddd; text-align:center; margin-bottom:20px;}
.wzwjmore{font-size:16px; line-height:1.5em; border-bottom:1px solid #ddd; margin: 2% 5%;}
.wzwjmore p{font-size:16px; line-height:1.5em;text-incent:2em;}
.wzwjmore img{margin-bottom:1em; text-align:center;}
.wzwjList li.on .wzwjH{background:#fff; border-top:3px solid rgb(1, 104, 183);border-bottom:none;}
.wzwjList li.on h4{background:none;}
.wzwjList li.on .wzwjH .wzshow{background:url(../../images/caida/wzhidden.png) no-repeat;} 
.wzwjC{background:#fff; padding:5px 1%; overflow:hidden; font-size:14px; line-height:24px;border-bottom:3px solid rgb(1, 104, 183); display:none;}
.wzwjList li.hover{background:#fffbee;}
.wzwjList li.hover h4{color:#95011b;text-decoration:underline;}
.wzCon{border:solid #95011b; border-width:3px 0; background:url(../../images/caida/wzconbg.png) repeat; overflow:hidden; font-size:14px; line-height:30px; padding:0 10px 30px; margin:10px 0;}
.wzwjC p{margin:0 0 12px;}
.wzwjC p a{ color:rgb(1, 104, 183);}
.wzCon p{margin-top:30px; text-indent:2em;}
.wzwjList li.on .wzwjC{display:block;}
/*招聘*/
.zhaopin{border-top:1px dotted #ddd; margin:20px auto 0; overflow:hidden; height:40px; line-height:40px; overflow:hidden; padding-top:5px;}
.zhaopin img{margin:6px 10px 0;}
/*banner 标题*/
.banner{width:100%; height:auto; overflow:hidden; position:relative;}
.bannerT{position:absolute;width:auto !important; min-width:120px !important; overflow:hidden; background:rgb(1, 104, 183); left:10px; bottom:20%; padding:3px 10px;float:left; display:table; text-align:center;}
.bannerT h2{color:#fff; font-size:25px; height:35px; line-height:35px; font-family:"黑体";}
.bannerT h3{color:#fff; font-size:20px; height:25px; line-height:25px; font-family:"Tahoma";}
.bannerPic{position:relative; width:100%; height:250px; overflow:hidden;}
.bannerPic li{position:absolute; left:0; top:0; width:100%; height:auto;}
.bannerPic li img{width:100% !important; height:250px !important;}
.bannerM{position:absolute; right:10px; bottom:10px;}
.bannerM li{float:left; background:url(../../images/caida/dian2.png) no-repeat; width:21px; height:21px; cursor:pointer;}
.bannerM li.on{background:url(../../images/caida/dian1.png) no-repeat;width:21px; height:21px;}
.breadCrumb{height:35px;line-height:35px; padding:0 15px 0 10px; background:#333; color:#fff; position:absolute; left:10px; bottom:0;float:left;}
.breadCrumb span{color:#666; margin:0 3px;}
.breadCrumb a{color:#FFF;}
/*外国老师*/
.wgls{width:158px; float:left; margin:10px 9px; overflow:hidden;margin-bottom:20px; display:inline;}
.wgls dt{width:150px; height:200px; border:1px solid #ddd; padding:3px; margin-bottom:5px;}
.wgls dd{margin-top:2px; color:#666; line-height:20px;}
.wgls dd a{color:#666; font-weight:bold;}
.wgls dd a:hover{color:#95011b;}
/* 特别活动 */
.special_events{position:absolute;right:-200px;bottom:0;}

.leftSearch{margin:20px 0 0 10px;}
.leftSearch input{vertical-align:middle;}
.leftSearch .txt{width:130px;height:22px;font:12px SimSun;line-height:22px;padding:0 3px;color:#aaa;}
.leftSearch .btn{width:25px;height:24px;background:url(../../images/caida/search_btn.png) no-repeat center;border:none;}

/* =============== 项目检索 =============== */
.project-retrieve{margin:0 20px 20px 20px;}
.project-retrieve ul{margin-bottom:15px;}
.project-retrieve li{padding:2px 0;width:100%;float:left;}
.project-retrieve ul:after,.project-retrieve li:after,.condition:after{content:"";height:0;display:block;visibility:hidden;clear:both;}
.project-retrieve ul,.project-retrieve li,.condition{min-height:1px;_height:1px;}
.project-retrieve li *,.condition strong,.condition span{float:left;display:inline;height:20px;line-height:20px;}
.project-retrieve strong{width:100px;}
.project-retrieve li a,.project-retrieve .condition span{margin-right:15px;color:#000;padding:0 3px;}
.project-retrieve li a:hover,.project-retrieve li .current{background-color:#62a5e7;color:#fff;}

.project-retrieve .condition{padding:0 0 10px 0 ;border-bottom:1px dashed #ccc;margin-bottom:2px;}
/*.project-retrieve .condition span{display:none} */
.project-retrieve .condition span *{vertical-align:middle;}
.project-retrieve .condition a{width:13px;height:12px;overflow:hidden;background:url(../../images/caida/close_btn.png) no-repeat;display:inline-block;margin-left:5px;}
.project-retrieve .condition div{height:20px;line-height:20px;float:right;display:inline;}

.project-retrieve th,.project-retrieve td{height:24px;border:1px solid #62A5E7;padding:2px 5px;}
.project-retrieve th{background-color:#F7FAFF;text-align:center;color:#000;}
.project-retrieve td{line-height:20px;}
.tc{text-align:Center;}

.bg00{background-color:#fff;}
.bg01{background-color:#f5f5f5;}
.bg02{background-color:#fcf6b9;}

/* ==== 留言板 ====*/
#opacitybox,.popuplayer{position:fixed;_position:absolute;left:0;top:0;}
#opacitybox{width:100%;height:100%;background-color:#000;z-index:2000;left:0;top:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
#opacitybox,.popuplayer-ie6{_top:expression(documentElement.scrollTop);}
.popuplayer{z-index:2001;display:none;background-color#fff:;}
.popuplayer-ie6{position:absolute;left:0;z-index:2002;}

.closebtnsty{cursor:pointer;position:absolute;top:5px;right:5px;color:#fff;background-color:#95011B;padding:0 5px;font:bold 12px/18px Arial;}

#popuplayer{width:800px;background-color:#FFFBEE;border:8px solid #f5f5f5;padding:10px 10px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;}

.writeform .textbox{width:180px;height:22px; line-height:22px ;border:1px solid #f0f0f0;padding:0 3px;}
.writeform .textbox01{width:80px;}
.writeform .textbox02{width:300px;}
.writeform td{padding:4px 5px;line-height:18px;}
.writeform td *{vertical-align:middle;}
.writeform em{color:red;margin-left:5px;}
.writeform select{margin-bottom:5px;}
.writeform textarea{width:550px;height:80px;}
.writeform .btn{width:80px;}
.tr{text-align:right;}

.popuplayer01{}
.popuplayer01 img{max-height:600px;_height:600px;}



.pager a{padding:2px 8px;border:1px solid #acacac;}
.pager span{background-color:#112E6F;color:#fff;text-decoration:none;border-color:blue;padding:2px 8px;border:1px solid #acacac;}
.pager a:hover,.pager .current{background-color:#112E6F;color:#fff;text-decoration:none;border-color:blue;}


@media only screen and (min-width: 1170px){
	.xmcxConH{height:100px; line-height:100px; font-size:28px; font-weight:bold; background:#fff; position:absolute; top:0px;  }
	.xmcxContitle{ line-height:40px; padding: 30px 0; font-size:28px; font-weight:bold; background: #F8F2DE; text-align:center;}
}
@media only screen and (max-width: 1169px){
	.conMainL{display:none;}
	.conMainR {margin: 0 0 0 0;width:100%;overflow:hidden;}
	.wzwjH h4{ padding-left:1%; width:100%; float:left; overflow:hidden;}
	.xmcxConH {font-size: 28px;font-weight: bold;background: #fff;position: absolute;top: 0px; }
	h1{ font-size:1.7em;}
	.wzwjList {margin: 35px 0 10px 0;}
}
@media only screen and (max-width: 768px){
	.xmcxConH { top: 1.5em;}
}