/* CSS Document */

@font-face {
  font-family: 'gillsansbold';
  src: url('GillSansBold.eot');
  src: url('GillSansBold.eot') format('embedded-opentype'),
       url('GillSansBold.woff2') format('woff2'),
       url('GillSansBold.woff') format('woff'),
       url('GillSansBold.ttf') format('truetype'),
       url('GillSansBold.svg#GillSansBold') format('svg');
}


@font-face {
  font-family: 'GillSansSemiBold';
  src: url('GillSansSemiBold.eot');
  src: url('GillSansSemiBold.eot') format('embedded-opentype'),
       url('GillSansSemiBold.woff2') format('woff2'),
       url('GillSansSemiBold.woff') format('woff'),
       url('GillSansSemiBold.ttf') format('truetype'),
       url('GillSansSemiBold.svg#GillSansSemiBold') format('svg');
}

@font-face {
  font-family: 'gillsans';
  src: url('GillSans.eot');
  src: url('GillSans.eot') format('embedded-opentype'),
       url('GillSans.woff2') format('woff2'),
       url('GillSans.woff') format('woff'),
       url('GillSans.ttf') format('truetype'),
       url('GillSans.svg#GillSans') format('svg');
}

 
* {
  font-family: 'gillsansbold', 'gillsans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.font {
  font-family: 'gillsans', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

body {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #444;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
img,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
font {
  border: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

h2 {
  font-size: 14px;
}

h3 {
  font-size: 14px;
  font-weight: normal;
}

h4 {
  font-size: 12px;
}

h5 {
  font-size: 12px;
  font-weight: normal;
}

font {
  font-size: 12px;
}

a {
  color: #444;
  text-decoration: none;
}

a:hover {
  color: #C4820E;
  text-decoration: none;
}

dfn,
i {
  font-style: normal;
}

.clearfloat {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.f_right {
  float: right;
}

.logo {
  width: 36.3%;  	
  float: left;
}

.logo img {
 width: 100%;
}

.top_link {
  float: right;
}

.top {
  overflow: hidden;
}

.headtips ul li a {
  color: #fff;

}

.basediv {
  width: 1340px;
  margin: 0 auto;
}

.head {
  position: relative;
}

.headbg {
  width: 100%;
  height: 250px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1001;

  background: url(202204headbg.png) top center repeat-x;
  background-size: contain;
}

.headmain {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10000;
}

.headtips ul {
  text-align: right;
  padding: 5px 0;
}

.headtips ul li {
  padding: 0 10px;
  display: inline-block;
  vertical-align: middle;
}

.headtips ul li:last-child {
  padding-left: 30px;
}

.headtips ul li img {
  cursor: pointer;
}

.searchbox {
  display: none;
  height: 50px;
  line-height: 50px;
  background: #C4820E;
  position: absolute;
  top: 0;
  width: 1340px;
}

.searchput {
  background: none;
  height: 50px;
  line-height: 50px;
  width: 80%;
  outline: none;
  font-size: 18px;
  color: #fff;
  text-indent: 40px;
}

.searchbtn {
  width: 50px;
  height: 50px;
  background: url(202105search.png) center center no-repeat;
  float: right;
}

.searchclose {
  float: right;
  position: relative;
  padding: 0 20px 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
}

.searchclose img {
  width: 18px;
  cursor: pointer;
}

.searchclose::before {
  content: '';
  display: block;
  height: 22px;
  width: 1px;
  background-color: #fff;
  position: absolute;
  left: 15px;
  top: 14px;

}

.videobox img {
  width: 100%;
}

.logobox {
  margin-top: -25px;
}

/*

*导航

*/
.aui-header {
  padding-top: 15px;
  background: #fff;
  width: 100%;
}



.aui-nav-nav dl dd {
  position: relative;
  float: left;
}

.aui-nav-nav dl dd h3 {
  height: 48px;
  line-height: 48px;
  float: left;
  text-align: center;


  border-radius: 3px;
  display: block;
  font-weight: normal;

  font-size: 18px;
}

.aui-nav-nav dl dd h3 a {
  color: #fff;
  display: block;
  /*padding-left: 30px;*/
  padding: 0 16px;
  text-transform: uppercase;
  font-family: 'GillSansSemiBold';
}

.aui-nav-nav dl dd h3 a::after {
  content: url(202105navdown.png);
  margin-left: 5px;
  position: relative;
  top: -2px;
}

.aui-nav-nav dl .on h3 a {
  color: #fff;

  background: #C4820E;
}

.aui-nav-nav dl dd h3:hover {

  background: #C4820E;
}

.aui-nav-nav dl .on h3 {}

.aui-nav-nav dl dd ul {
  position: absolute;
  background-color: #092D41;
  width: 100%;
  top: 46px;
  padding: 0;
  font-size: 14px;


  display: none;
  z-index: 100;
  left: 0;
  text-align: left;
  border-top: none;
  float: left;
}

.aui-nav-nav {
  margin: 43px 0 0 30px;
  font-size: 16px;
  width: 800px;
  float: left;
}

.aui-nav-nav dl dd .aui-nav-list li {
  text-indent: 8px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
}

.aui-nav-nav dl dd .aui-nav-list li a {
  color: #fff;
  display: inline-block;
  width: 100px;
  font-family: 'GillSansSemiBold';
}

.aui-nav-nav dl dd .aui-nav-list li:hover {
  background: #C4820E;
  color: #fff;
}

.aui-nav-nav dl dd .aui-nav-list li a:hover {
  color: #fff;
}





/*
*
*/
.videotips {
  position: absolute;
  left: 50%;
  margin-left: -670px;
  color: #fff;
  bottom: 100px;
}

.videotips h3 {
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 15px;
}

.videotips h3::after {
  width: 260px;
  height: 20px;
  display: block;
  content: '';
  background: #C4820E;
  margin-top: -15px;
}

.videotips p a{
  font-size: 42px;
  color: #fff;
  line-height: 110%;
}

.otherhead .headmain {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
}

.otherhead .aui-nav-nav dl dd h3 a,
.otherhead .aui-nav-nav dl dd h3 a.hover {
  color: #385F9E;
}

.otherhead .aui-nav-nav dl dd.on h3 a {
  color: #fff;
}

.otherhead .headtips ul li a {
  font-family: 'GillSansSemiBold';
  color: #666666
}

.otherhead .aui-nav-nav dl dd h3.cur a::before {

  width: 70px;
  height: 4px;
  background: #C4820E;
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -40px;
  top: 45px;
}

.otherhead .aui-nav-nav {
  margin: 50px 0 0 30px;
}


.otherhead .aui-nav-nav dl dd h3:hover a {
  color: #fff;
}

.videobox {
  font-size: 0;
}

.aboutnav {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -670px;
}

.aboutnav h3 {
  color: #FFFFFF;
  line-height: 34px;
  font-size: 20px;
  padding: 10px 0;
}

.aboutnav h3 a {
  color: #ffffff;
  font-family: 'GillSansSemiBold';
}

.aboutnav h3::before {
  content: '';
  display: block;
  color: #FFFFFF;
  height: 34px;
  background-color: #C4820E;
  float: left;
  width: 1px;
  margin-right: 15px;
}

.menutips {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.tipstext a{
  font-weight: bold;
  font-size: 76px;
  line-height: 60px;
  color: #fff;
}


.tipstext::after {
  width: 300px;
  height: 20px;
  display: block;
  content: '';
  background: #C4820E;
  margin-top: -10px;

}

.newroomtips::after {
  width: 520px;
}

.sonmenu ul {
  padding-left: 40px;
  display: flex;
  justify-content: center;
}

.sonmenu ul li {
  padding: 0 30px;
}

.sonmenu ul li a {
  color: #FFFFFF;
  font-size: 18px;
  text-transform: uppercase;
  font-family: gillsans,'gillsans';
 
}

.place ul li a{ 
  background: url("202105placearrow.png" )0 5px no-repeat;
  background-size: 7px 13px;
  padding-left: 20px;
}

.sonmenuroom ul,.sonmenuship ul {
  padding-left: 10px;
}

.sonmenuroom ul li,.sonmenuship ul li {
  padding: 0 10px;
}

.abouttext {
  font-size: 44px;
  
  font-family: 'GillSansSemiBold';
  color: #092D41;
  line-height: 80px;
  text-transform: uppercase;
}

.portraitbox {
  padding: 35px 0;
  display: flex;
  justify-content: flex-start;
}

.portbox {
  padding-right: 20px;
}

.portleft {
  padding-right: 60px;
  font-family: 'GillSansSemiBold';
}

.portright h3 {
  font-size: 20px;
  font-family: gillsans;
  color: #092D41;
  line-height: 40px;
  padding: 20px 0 5px;
}

.portright h3::before {
  width: 1px;
  height: 34px;
  display: block;
  margin-top: 3px;
  margin-right: 20px;
  content: '';
  float: left;
  background-color: #C4820E;
}


/*
*滚动
*/



.scroll_main {

  display: block;
  margin: 10px auto;
  background-color: #fff;

}

.scroll_wrap {
  width: 100%;
  height: 440px;
  position: relative;
}

.scroll_wrap .scroll_cont {
  height: 100%;
  overflow: hidden;
}

.scroll_wrap .scroll_cont p {}

.scroll_wrap .scroll_bar {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background-color: #e4e4e4;
}

.scroll_wrap .scroll_slider {
  position: absolute;
  top: 0;
  left: 0px;
  width: 5px;
  height: 48px;
  background-color: #525252;
  border-radius: 5px;
  opacity: .5
}

.scroll_wrap .scroll_slider:hover {
  opacity: 1
}

/*
*结束
*/



/*
*leader start
*/
.leadbox {
  background: #F3F6FC;
  padding: 50px 0 95px;
}

.leadtext {
  margin-bottom: 50px;
}

.leadlist ul {
  display: flex;
  justify-content: space-between;

  margin-bottom: 30px;
}

.leadlist ul li {
  width: 170px;
}

.leadlist ul li h3 {
  font-family: 'GillSansSemiBold';
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 5px;
  color: #092D41;
}

.leadlist ul li p {
  font-size: 16px;
  color: #092D41;
  line-height: 22px;
  font-family: gillsans,'gillsans';
}

.leadlist ul li img {
  width: 100%;
}

.leadtips {
  border: 1px solid #CD993D;
}

.leadtips dl {
  padding: 20px 40px;
  display: none;
  position: relative;
}

.leadtips dl.leadicon1 span {
  left: 70px;
}

.leadtips dl.leadicon2 span {
  left: 260px;
}

.leadtips dl.leadicon3 span {
  left: 455px;
}

.leadtips dl.leadicon4 span {
  left: 650px;
}

.leadtips dl.leadicon5 span {
  left: 845px;
}

.leadtips dl.leadicon6 span {
  left: 1040px;
}

.leadtips dl.leadicon7 span {
  left: 1240px;
}

.leadtips dl span {
  background: url(20210521upico.png) center center no-repeat;
  width: 22px;
  height: 11px;
  display: block;
  position: absolute;
  top: -11px;
}

.leadtips dl.cur {
  display: block;
}

.leadtips dl dt {
  font-weight: bold;
  font-size: 24px;
  color: #CD993D;
  width: 210px;
  float: left;
  height: 50px;
}

.leadtips dl dd {
  padding: 10px 0;
  margin-left: 210px;
  font-size: 18px;
  line-height: 28px;
  font-family: gillsans,'gillsans';
}

/*
*leader end
*/






.portright p {
  font-size: 20px;
  font-family: gillsans;
  color: #092D41;
  line-height: 34px;
  margin-bottom: 20px;

}

.organbox {
  padding: 60px 0;
}

.organunits {
  overflow: hidden;
  margin-bottom: 50px;
}

.organleft {
  width: 360px;
  display: block;
  float: left;
  background: url(202105units.png) right center no-repeat;
  height: 380px;
  line-height: 350px;
  text-align: right;
  color: #CD993D;
  font-size: 30px;
  padding-right: 80px;
  box-sizing: border-box;
  font-family: 'GillSansSemiBold';
}

.organright {
  margin-left: 400px;
}

.organright ul li {
  height: 50px;
  width: 807px;
  box-sizing: border-box;
  background: #9D8F76;
  border-radius: 25px;
  color: #FFFFFF;
  padding-left: 100px;
  font-size: 20px;
  margin-bottom: 4px;
  line-height: 50px;
}

.organright ul li a {
  color: #fff;
  font-family: 'GillSansSemiBold';
}

.organright ul li:nth-child(odd) {

  background: #CD993D;
}

.newslayout {
  background: #F3F6FC;
  width: 100%;
  padding: 65px 0;
  overflow: hidden;
}

.whatnews dl {
  overflow: hidden;
  margin-bottom: 45px;
}

.whatnews dl dt {
  width: 650px;
  height: 385px;
  overflow: hidden;
  float: left;
}

.whatnews dl dt img {
  width: 100%;
  transition: all 0.4s;

}

.whatnews dl dt img:hover {
  transform: scale(1.1);
}

.whatnews dl dd {
  margin-left: 685px;
  height: 385px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

.whatnews dl dd h3 {
  font-size: 44px;
  font-weight: bold;
  line-height: 80px;
  font-family: Gill-Sansheavy;

}

.whatnews dl dd h3 span {
  border-bottom: 1px solid #C4820E;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  color: #092D41;
 
}

.whatnews dl dd h3 span a {
  color: #092D41;
}

.whatnews dl dd h4 {
  font-size: 24px;
  padding: 40px 0 20px;
  line-height: 34px;
}

.whatnews dl dd h4 a {
  font-family: 'GillSansSemiBold';
}

.whatnews dl dd p {
  font-size: 18px;


  line-height: 28px;
}

.whatlist ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.whatlist ul li {
  width: 310px;

}

.whatlist ul li p {
  padding: 23px 0;
}

.whatlist ul li a {
  font-size: 18px;
  line-height: 24px;
  font-family: 'GillSansSemiBold';
}

.whatimg {
  width: 308px;
  height: 207px;
  border-bottom: 4px solid #F8713F;
  color:#092D41;
  font-size: 0;
  position: relative;
}

.whatimg img {
  width: 100%;
  height: 100%;
  transition: all 0.4s;
}

.whatmore {
  padding-top: 50px;
}


.whatnews dl dt img {
  width: 100%;


}

.whatimg img:hover {
  transform: scale(1.1);
}

.whatmore a {
  width: 228px;
  height: 54px;
  background: #C4820E;
  border-radius: 3px;
  display: block;
  text-align: center;
  line-height: 54px;
  color: #fff;
  margin: auto;
  font-size: 22px;
  font-family: gillsans,'gillsans';
}

.whatmore a:hover {
  background-color: #D58A04;

}
.whatlist ul li span.from {
    position: absolute;
    width: 160px;
    height: 40px;
    background: #F8703E;
    text-align: center;
    z-index: 1000;
    top: 187px;
    left: 58%;
    margin-left: -100px;
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    font-family: 'GillSansSemiBold';
}
/*
*0909增加的新部分开始
*/
.whatlist ul li .indexevents{margin-top: -10px;}
.whatlist ul li .indexevents h3 a{
  display: block;
  height: 40px;
  font-size: 22px;
  font-family: 'GillSansSemiBold';
  color: #092D41;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  }
  .indexevent-list dl{ display: flex;
    overflow: hidden;
    margin-bottom: 5px;
    height: 56px;
    padding: 8px 0;
    background: url(20210902bg.png) repeat;
  }
  .indexevent-list dt {
    width: 66px;
    height: 56px;
     border-right: 2px solid #F8713F;
    text-align: center;
    font-size: 18px;
    font-family: 'GillSansSemiBold';
  font-weight: 600;
  color: #092D41;
  line-height: 24px;
    }
  .indexevent-list dt strong{
    display: block;
    font-size: 30px;
    font-family: 'GillSansSemiBold';
  font-weight: 600;
  color: #092D41;
  line-height:28px;
  }
  .indexevent-list dd{
    overflow: hidden;
    padding-left: 12px;
    box-sizing: border-box;
    flex: 1;
    height: 56px;
    font-size: 18px;
    font-family: GillSans-SemiBold, GillSans;
    font-weight: 600;
    color: #444444;
    line-height: 20px
  }
.indexevent-list dl dd a{ font-size: 16px; line-height: 20px;}
  /*
  *0909增加的新部分结束
  */


/*
*20220405must watch start
*/
.mustwatch{ padding-top: 50px;padding-bottom: 50px; background: #092D41;}
.mustwatch .indextitle span a{ color: #fff;}
.mustwatch .basediv dl.videobox{margin-top: 50px; display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;}
.mustwatch .basediv dt.left_main_video{ width:860px; margin-right: 30px;}
.mustwatch .basediv dt.left_main_video dl dt{ margin-bottom: 10px; position: relative;}
.mustwatch .basediv dt.left_main_video dd .line span,.mustwatch .basediv dd.right_vedeo_list ul li .tit .line span{ font-size: 17px; color: #fff; border-bottom: 1px solid #C4820E;  font-family:'GillSans'; }
.mustwatch .basediv dt.left_main_video dd .line,.mustwatch .basediv dd.right_vedeo_list ul li .tit .line{margin-bottom: 6px; }
.mustwatch .basediv dt.left_main_video dd h4 a{font-size: 28px; color: #fff;  line-height: 36px; font-family:'GillSansSemiBold'; margin: 10px 0;}

.mustwatch .basediv dd.right_vedeo_list ul{ display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start; }
.mustwatch .basediv dd.right_vedeo_list ul li{margin-bottom: 30px;}
.mustwatch .basediv dd.right_vedeo_list ul li .videoimg{ width: 251px; float: left; position: relative;}
.mustwatch .basediv dd.right_vedeo_list ul li .videoimg a img{ width: 100%;}
.mustwatch .basediv dd.right_vedeo_list ul li .tit{float: left;  margin-left: 10px; width: 188px; }

.mustwatch .basediv dd.right_vedeo_list ul li h4 a{color: #fff;  display: block; font-size: 18px; font-family:'GillSansSemiBold';}

.mustwatch .basediv dt.left_main_video dl dt .videoboxplay {
  position: absolute;
  right: 30px;
  bottom: 30px;
  height: 44px;
  width: 44px;
  display: block;
 /* background:url("2021play.png") no-repeat;*/
}
.mustwatch .basediv dd.right_vedeo_list ul li .videoimg .videoboxplay {
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 30px;
  width: 30px;
  display: block;
 /* background:url("2021play.png") no-repeat;
  background-size: 85%;*/
}

/*
*must watch end
*/




/*
*Our facilities start
*/
.facilities {
  width: 100%;
  padding: 90px 0 60px;
}

.indextitle {
  font-size: 44px;
  font-weight: bold;
  line-height: 80px;
  font-family: 'GillSansSemiBold';
  overflow: hidden;
}

.indextitle span {
  border-bottom: 1px solid #C4820E;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 80px;
  float: left;
  color: #092D41;

}

.indextitle span a{color: #092D41;}

.indextitle p {
  font-size: 26px;
  font-family: 'GillSansSemiBold';
	line-height: 36px;
    margin-top: 20px;
}

.facilitieslsit ul {
  padding-top: 70px;
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
}

.facilitieslsit ul li {
  width: 420px;
  position: relative;
}

.facilitieslsit ul li p {
  font-size: 20px;
  padding: 30px 0 0;
  font-family: 'GillSansSemiBold';
}
.facilitieslsit ul li p a{
  font-family: 'GillSansSemiBold';
}
.facimg {
 
  border-bottom: 4px solid #F8713F;
  width: 420px;
  height: 290px;
  display: inline-block;
  font-size: 0;
  position: relative;
}
.facimg  a{ display: block;   width: 420px;
  height: 290px; overflow: hidden; }
.facimg img {
  width: 100%;
  height: 100%;
  transition: all 0.4s;
}

.facimg img:hover {
  transform: scale(1.1);
}

.facilitieslsit ul li span {
  position: absolute;
  width: 200px;
  height: 40px;
  background: #F8703E;
  text-align: center;
  z-index: 1000;
  top: 270px;
  left: 50%;
  margin-left: -100px;
  font-size: 24px;
  color: #fff;
  line-height: 40px;
  font-family: 'GillSansSemiBold';
}

.facilitieslsit ul li span.othertips {
  width: 190px;
  margin-left: -95px;
}

.themes {
  background: url(202105thems.png) center center no-repeat;
  padding: 20px 0 0 0;
}

.thembox ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 50px 0 60px;

}

.thembox ul li {
  border-right: 1px solid #F8B62E;
  text-align: center;
  /*width: 192px;*/
  width: 20%;

}

.resethemes ul {
  padding-top: 0;
}

.resethemes ul li {
  width: 230px;
}

.resethemes ul li {
  padding-right: 20px;
}

.thembox ul li a {
  /*padding: 40px 12px 25px;*/
  padding: 10px 12px 0px;
  box-sizing: border-box;
  display: block;
  min-height: 232px;
}

.resethemes ul li a:hover {
  background: none !important;
}

.resethemes ul li a:hover h3 {
  color: #F8833F !important;
}

.resethemes ul li a:hover p {
  color: #444444 !important;
}

.thembox ul li a:hover {
  background: #58BA48;
}

.thembox ul li:nth-child(1) a:hover {
  background: rgb(21 162 236 / 80%);
}

.thembox ul li:nth-child(2) a:hover {
  background: rgb(88 186 72 / 80%);
}

.thembox ul li:nth-child(3) a:hover {
  background: rgb(14 182 177 / 80%);
}

.thembox ul li:nth-child(4) a:hover {
  background: rgb(250 196 18 / 80%);
}

.thembox ul li:nth-child(5) a:hover {
  background: rgb(93 51 221 / 80%);
}

.thembox ul li:nth-child(6) a:hover {
  background: rgb(241 106 45 / 80%);
}

.thembox ul li:nth-child(7) a:hover {
  background: rgb(238 64 45 / 80%);
}

.thembox ul li a:hover h3,
.thembox ul li a:hover p {
  color: #fff;
}

.thembox ul li:last-child {
  border: none;
}

.thembox ul li a img {
  width: 100%;
  height: 82px;
}

.thembox ul li a .them1 {
  background: url(202105timg1.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a .them2 {
  background: url(202105timg2.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a .them3 {
  background: url(202105timg3.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a .them4 {
  background: url(202105timg4.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a .them5 {
  background: url(202105timg5.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a .them6 {
  background: url(202105timg6.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a .them7 {
  background: url(202105timg7.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a .them8 {
  background: url(202105timg8.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a .them9 {
  background: url(202105timg9.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a:hover .them1 {
  background: url(202105timg1cur.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a:hover .them2 {
  background: url(202105timg2cur.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a:hover .them3 {
  background: url(202105timg3cur.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a:hover .them4 {
  background: url(202105timg4cur.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a:hover .them5 {
  background: url(202105timg5cur.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a:hover .them6 {
  background: url(202105timg6cur.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a:hover .them7 {
  background: url(202105timg7cur.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a:hover .them8 {
  background: url(202105timg8cur.png) center center no-repeat;
  background-size: contain;
}

.thembox ul li a:hover .them9 {
  background: url(202105timg9cur.png) center center no-repeat;
  background-size: contain;
}

.themimg {
  margin-bottom: 20px;
  height: 82px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

}

.thembox ul li h3 {
  /*text-align: left;*/
  font-size: 20px;
  line-height: 24px;
  color: #F8833F;
  margin-bottom: 10px;
  font-family: 'GillSansSemiBold';
}

.resethemes ul li h3 {
  font-family: gillsans;
  text-align: center;
}

.thembox ul li p {
  line-height: 28px;
  font-size: 18px;
  color: #444444;
  /*text-align: left;*/
  height: 86px;
  overflow: hidden;
  font-family: gillsans;
}

.thembox ul li a p.nohover {
  display: block;
}

.thembox ul li a p.hover {
  display: none;
}

.thembox ul li a:hover p.nohover {
  display: none;
}

.thembox ul li a:hover p.hover {
  display: block;
}


.resethemes ul li a:hover .them1 {
  background: url(202105timg1.png) center center no-repeat;
  background-size: contain;
}

.resethemes ul li a:hover .them2 {
  background: url(202105timg2.png) center center no-repeat;
  background-size: contain;
}

.resethemes ul li a:hover .them4 {
  background: url(202105timg4.png) center center no-repeat;
  background-size: contain;
}

.resethemes ul li a:hover .them5 {
  background: url(202105timg5.png) center center no-repeat;
  background-size: contain;
}

.resethemes ul li a:hover .them8 {
  background: url(202105timg8.png) center center no-repeat;
  background-size: contain;
}

.resethemes ul li p {
  text-align: center;
}

.themes .whatmore {
  padding-top: 10px;
}

.themes .whatmore a {
  float: right;
}

.studybox {
  padding: 70px 0;
}

.studybox ul {
  display: flex;
  justify-content: space-between;
  /*align-items: center;*/
  text-align: left;
}

/*.studybox ul li {
  width: 650px;
}*/

.studybox ul li p {
  font-size: 20px;
  line-height: 32px;
  text-align: left;
  padding: 20px 0;
  font-family: 'GillSansSemiBold';
}

.studyimg {
  width: 650px;
  height: 432px;
  overflow: hidden;
}

.studyimg img {
  transition: all 0.4s;
  width: 100%;
}

.studyimg img:hover {
  transform: scale(1.1);
}


.footer {
  background: #092D41;
  width: 100%;
  border-top: 5px solid #C4820E;
}

.footerbox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
  padding: 40px 0;
}

.footerbox ul {
  width: 295px;
}

.footerbox ul h3 {
  height: 34px;
  color: #C4820E;
  line-height: 32px;
  font-size: 26px;
  margin-bottom: 15px;
  font-family: 'GillSansSemiBold';
}

 

.footerbox ul li p {
  font-size: 15px;
  color: #fff;
  padding-left: 35px;
  line-height: 22px;
  padding: 8px 0 8px 35px;
  font-family: 'GillSansSemiBold';
}

.footerbox ul li p.footiphone {
  background: url(202105iphone.png) 0 7px no-repeat;
}

.footerbox ul li p.footfax {
  background: url(202105chuanzhen.png) 0 7px no-repeat;
}

.footerbox ul li p.footemail {
  background: url(202105email.png) 0 10px no-repeat;
}

.footerbox ul li p.footaddress {
  background: url(202105address.png) 0 7px no-repeat;
  word-wrap: break-word;
}

.footerbox ol h3 {
  height: 34px;
  line-height: 34px;
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
  background: url(202105footico.png) 0 center no-repeat;
  padding-left: 20px;

}

.footerbox ol h3 a {
  color: #fff;
  font-family: gillsans,'gillsans';
  text-transform:uppercase;
}

.footerbox ol h3 a:hover {
  color: #C4820E;
}

.footerbox ol {
  width: 195px;
}

.footerbox ol li {

  color: #9AB0C2;
  line-height: 20px;
  padding: 7px 0;
  font-size: 18px;
  padding-left: 20px;
}

.footerbox ol li a {
  font-family: gillsans,'gillsans';
    
  color: #9AB0C2;
}

.footerbox ol li a:hover {
  color: #C4820E;
}

.footcopy {
  font-family: 'GillSansSemiBold';
  font-size: 17px;
  background: #022233;
  line-height: 96px;
  text-align: center;
  color: #C4820E;
}

.chartbox {
  width: 997px;
  height: 110px;
  border: 1px solid #CD993D;
  text-align: center;
  font-size: 20px;
  margin: 0 auto;
  line-height: 110px;
  padding: 0 30px;
  box-sizing: border-box;
}

.chartbox span{ font-family: 'GillSansSemiBold';}
.chartbox strong {
  color: #CD993D;
  font-size: 30px;
}

.chartbox a {
  color: #CD993D;
  float: right;
  font-family: 'GillSansSemiBold';
}

.historybox {
  background: url(2021history.png) center center no-repeat;
  padding: 50px 0;
  

}

.historybox .leadtext {
  font-family: 'GillSansSemiBold';
  color: #fff;
}

.timebox {
  padding: 80px 0 160px;
}

.timebox ul {
  display: flex;
}

.timebox ul li {
  height: 1px;
  border-bottom: 1px solid #FFF100;
  position: relative;
  flex: 1;

  width: 16.6666%;
  box-sizing: border-box;
}

.timebox ul li span {
  width: 110px;
  height: 40px;
  background: #C4820E;
  border-radius: 20px;
  display: block;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  position: absolute;
  left: 50%;
  margin-left: -55px;
  font-family: Roboto-Bold, Roboto;
}

.timebox ul li i {
  width: 12px;
  height: 12px;
  background: #FFFFFF;
  display: block;
  border-radius: 50%;
  border: 6px solid #C4820E;
  position: absolute;

}

.timebox ul li div {
  font-size: 20px;
  font-family: gillsans;
  color: #F3F6FC;
  line-height: 30px;
  width: 300px;
  position: absolute;
  left: 50%;
  margin-left: -150px;
  top: 30px;
}

.timebox ul li.time1 span {

  top: -76px
}

.timebox ul li span::after {
  width: 12px;
  height: 12px;
  background: #FFFFFF;
  display: block;
  border-radius: 50%;
  border: 6px solid #C4820E;
  position: absolute;
  content: '';
  left: 50%;
  margin-left: -12px;
  bottom: -47px;

}

.timebox ul li span::before {
  width: 1px;
  height: 47px;
  background: #C4820E;
  display: block;

  position: absolute;
  content: '';
  left: 50%;

  bottom: -47px;

}




.timebox ul li.time1 span::after {
  bottom: -47px;
}

.timebox ul li.time1 span::before {
  bottom: -47px;
}

.timebox ul li.time2 span {

  top: 36px;
}

.timebox ul li.time2 span::after {
  bottom: 65px;
}

.timebox ul li.time2 span::before {
  bottom: 40px;
}

.timebox ul li.time2 div {
  text-align: center;
  top: -66px;
}

.timebox ul li.time3 span {
  top: -74px;
}

.timebox ul li.time3 span::after {
  bottom: -47px;
}

.timebox ul li.time3 span::before {
  bottom: -47px;
}


.timebox ul li.time4 span {
  top: 36px;
}

.timebox ul li.time4 span::after {
  bottom: 65px;
}

.timebox ul li.time4 span::before {
  bottom: 40px;
}

.timebox ul li.time4 div {
  text-align: center;
  top: -94px;
}



.timebox ul li.time5 span {
  top: -74px;
}

.timebox ul li.time5 span::after {
  bottom: -47px;
}

.timebox ul li.time5 span::before {
  bottom: -47px;
}

.timebox ul li.time6 span {
  top: 36px;
}

.timebox ul li.time6 span::after {
  bottom: 65px;
}

.timebox ul li.time6 span::before {
  bottom: 40px;
}

.timebox ul li.time6 div {
  text-align: center;
  top: -94px;
}

.factbox {
  width: 100%;
  background: #F3F6FC;
  padding: 38px 0 108px;
}

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

.factlist ul li {

  background-image: url(202105factbg1.png);
  background-size: cover;
  width: 304px;
  height: 304px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.facttext {
  margin-bottom: 15px;
  font-family: 'GillSansSemiBold';
}

.factlist ul li.fact1 {
  background-image: url(202105factbg1.png);

}

.factlist ul li.fact2 {
  background-image: url(202105factbg2.png);

}

.factlist ul li.fact3 {
  background-image: url(202105factbg3.png);

}

.factlist ul li.fact4 {
  background-image: url(202105factbg4.png);

}

.factlist ul li div {
  margin-bottom: 30px;
}

.factlist ul li h3 {
  font-size: 52px;
  font-family:DIN Alternate,Roboto;
}

.factlist ul li p {
  font-size: 24px;
  text-transform: uppercase;
  font-family: gillsans,'gillsans';
}

.resethems {
  padding: 20px 0;
}

.research::after {
  width: 420px;
}

.resetitle {
  font-size: 44px;
  color: #092D41;
  line-height: 40px;
  font-family: 'GillSansSemiBold';
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  border-left: 10px solid #C4820E;
  padding-left: 20px;
}


.resetitle a {
  font-size: 44px;
  color: #092D41;
  float: right;
display: block;
  font-family: 'GillSansSemiBold';
}
.basediv .resetitle a:hover{
  color: #C4820E;
}
.resetitle_white, .resetitle_white a{ color: #fff;  }
.mustwatch .basediv .resetitle_white a:hover{ color: #C4820E;}
.instbox {
  background: #F3F6FC;
  width: 100%;
  padding: 40px 0 60px;
}

.instit ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
}

.instit ul li {
  width: 25%;
  text-align: center;
  color: #092D41;
  line-height: 34px;
  height: 250px;
  font-size: 20px;
  margin-bottom: 20px;
}

.instit ul li div {
  height: 172px;
}

.instit ul li p {
  color: #092D41;
  line-height: 30px;
  margin: 0 20px;
  font-size: 20px;
  font-family: 'GillSansSemiBold';
  text-transform:uppercase;
}

.instit ul li p a{ 
  font-family: 'GillSansSemiBold';
 }

.instit ul li img {
  width: 305px;
}

.facililbox .facilitieslsit ul {
  padding-top: 30px;
}

.facililbox {
  padding: 40px 0 60px;
}





/*
*newsroom
*/
.bighfips {
  padding: 20px 0 60px;
  background-color: #FFF;
}

.fipsbox dl dt {
  width: 653px;
  height: 385px;
  border-bottom: 4px solid #F8713F;
  float: left;
  position: relative;
  overflow: hidden;
}

.fipsbox dl dt img {
  width: 100%;
  transition: all 0.4s;
}

.fipsbox dl dt img:hover {
  transform: scale(1.1);
}

.fipsbox dl dt p {
  line-height: 34px;
  font-size: 24px;
  color: #fff;
  position: absolute;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 25px 25px 15px;
  bottom: 0;
  font-weight: 500;

  background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, #000 100%);
}

.fipsbox dl dd {
  margin-left: 688px;

}

.fipsbox dl dd ul {
  height: 385px;
  display: flex;
  justify-content: space-between;
  align-items: center;

}

.fipsbox dl dd ul li {
  width: 308px;
  height: 270px;
}

.fipsbox dl dd ul li .fipsimgs {
  width: 308px;
  border-bottom: 4px solid #F8713F;
  height: 207px;
  overflow: hidden;
}

.fipsbox dl dd ul li .fipsimgs img {
  width: 100%;
  transition: all 0.4s;
  height: 100%;
}

.fipsbox dl dd ul li .fipsimgs img:hover {
  transform: scale(1.1);
}

.fipsbox dl dd ul li p {

  font-size: 18px;
  padding-top: 20px;
  line-height: 24px;
  font-family: 'GillSansSemiBold';
}

.fipsbox dl dd ul li p a {
  font-family: 'GillSansSemiBold';
  }
.researchnews {
  background: #F3F6FC;
  padding: 35px 0 60px;
}

.resenews ul {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  padding: 15px 0;


}

.resenews ul li {
  width: 308px;
}

.resenews ul li p {
  color: #444;
  font-size: 18px;
}

.resenews ul li p a{ 
  font-family: 'GillSansSemiBold';
 
}

.resetips {
 display: none;
  font-size: 20px;
  position: relative;
  height: 40px;
  line-height: 40px;
}

.resetips span {
  background-color: #F3F6FC;
  font-family: 'GillSansSemiBold';
  display: block;
  position: relative;
  z-index: 100;
  float: left;
  padding-right: 20px;
  color: #F8713F;
  font-weight: bold;
}

.resetips::after {
  height: 4px;
  background: #F8713F;
  content: '';
  display: block;
  width: 100%;
  top: 50%;
  margin-top: -2px;
  position: absolute;
  z-index: 10;
}

.reseimg {
  width: 308px;
  overflow: hidden;
  height: 209px;
  margin-bottom: 10px;
  border-bottom: 4px solid #F8713F;
  display: grid;
}


.reseimg img {
  width: 100%;
height: 100%;
  transition: all 0.4s;
}

.reseimg img:hover {
  transform: scale(1.1);
}

.picturestory {
  background: #F3F6FC;
}

.eventbox dl dd ol li {
  display: flex;
  margin-bottom: 50px;
}

.eventstime {
  /*width: 94px;*/
  height: 94px;
  border-right: 2px solid #C4820E;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 8PX;
  background: #F3F6FC;

}

.eventstime h3 {
  font-size: 30px;
  font-family: Roboto;
  font-weight: bold;
  color: #C4820E;
  line-height: 40px;

}

.eventstime h4 {
  font-size: 22px;
  font-family: Roboto;
  font-weight: bold;
  color: #092D41;
  line-height: 30px;
}

.eventimgtips p {
  /*flex: 1;*/
  font-size: 20px;
  padding: 0 20px;
  color: #FFFFFF;
  width: 520px;
  line-height: 32px;
  display: flex;
  align-items: center;
  background: url(202106evenbg.png) 0 0 repeat-x;
}

.eventimgtips p a,
.fipsbox dl dt p a {
  color: #FFFFFF;
  font-family: 'GillSansSemiBold';
}

.eventimgtips p a:hover,
.fipsbox dl dt p a:hover {
  color: #C4820E;
}

.eventimgtips .eventstime {


}

.eventbox dl dd {
  margin-left: 688px;
}

.eventbox dl dt {
  width: 653px;
  height: 385px;
  float: left;
  position: relative;
  overflow: hidden;
}

.eventbox dl dt img {
  width: 100%;
  transition: all 0.4s;
}

.eventbox dl dt img:hover {
  transform: scale(1.1);
}

.Upcomingevent {
  padding: 60px 0 80px;

  width: 100%;
}

.eventimgtips {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  height: 94px;
}

.eventstext {
  padding: 0 0 0 20px;
  font-size: 20px;
  display: flex;
  align-items: center;
  color: #444444;
  line-height: 32px;

} 
.eventstext a{
  font-family: 'GillSansSemiBold';
}

.worktips::after {
  width: 230px;
}

.sonmenuwork ul li {
  padding: 0 20px;
}

.sonmenuwork ul {
  padding-left: 30px;
}

.Islandbox {
  padding: 30px 0 60px;
  background-color: #fff;
}

.islandtitle {
  font-size: 20px;
  color: #092D41;
  line-height: 34px;
  font-weight: bold;
  margin-bottom: 15px;
  font-family: 'GillSansSemiBold';
  text-transform:uppercase;
}

.islandtitle::before {

  content: '';
  display: block;
  width: 1px;
  height: 34px;
  background-color: #C4820E;
  float: left;
  margin-right: 20px;

}

.islandtext {
  font-size: 20px;

  color: #092D41;
  margin-bottom: 30px;
  line-height: 34px;
}

.islandtext p {
  margin-bottom: 20px;
  font-family: gillsans;
}

.Islandbox .basediv {
  clear: both;
  margin-bottom: 45px;
}

.islandtable ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.islandtable ul li {
  width: 25%;
  box-sizing: border-box;
  border-right: 1px dashed #156AEC;
  border-bottom: 1px dashed #156AEC;
  text-align: center;
  font-size: 20px;
  font-family: gillsans;
  color: #092D41;
  line-height: 25px;
  padding: 0 55px;
  height: 154px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.islandtable ul li p {
  height: 50px;
  line-height: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: gillsans,'gillsans';
  color: #092D41;
}

.islandtable ul li:nth-child(4n) {
  border-right: none;
}

.islandtable ul li:nth-child(5),
.islandtable ul li:nth-child(6),
.islandtable ul li:nth-child(7),
.islandtable ul li:nth-child(8) {
  border-bottom: none;
}

.islandtable ul li h3 {
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-family: Roboto-Bold, Roboto;
  font-weight: bold;
  color: #156AEC;
  line-height: 35px;
}

.islandtable ul li h3 img {
  margin-right: 15px;
}

.wantedbox {
  height: 505px;
  background: #F3F6FC;
  width: 100%;
  position: relative;
}

.wantedmain {}

.wantright {
  position: absolute;
  right: 0;
  top: 0;
}

.wanteleft {
  height: 505px;
  width: 780px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.wanteleft .resetitle {
  width: 100%;
}

.wantlist {
  width: 100%;
}

.wantlist ul li {
  height: 65px;
  line-height: 65px;
  border-bottom: 1px dashed #CFD6ED;
  background: url(202105wanticon.png) 97% center no-repeat;
}

.wantlist ul li a {
  font-size: 18px;
  font-family: GillSans-SemiBold, GillSans;
  color: #092D41;
  line-height: 66px;
  display: block;
}

.wantlist ul li a:hover {
  color: #C4820E;

}

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

.guidelinelist ul li {
  width: 305px;
  border-bottom: 1px solid #CD993D;
  padding: 30px 0 15px;
  font-size: 22px;

  color: #092D41;
  line-height: 40px;
}

.guidelinelist ul li h3 {
  text-align: center;
}

.guidelinelist ul li:nth-child(1) {
  background: url(202105one.png) 0 0 no-repeat;
}

.guidelinelist ul li:nth-child(2) {
  background: url(202105two.png) 0 0 no-repeat;
}

.guidelinelist ul li:nth-child(3) {
  background: url(202105three.png) 0 0 no-repeat;
}

.guidelinelist ul li:nth-child(4) {
  background: url(202105four.png) 0 0 no-repeat;
}

.guidetext {
  height: 130px;
  font-family: 'GillSansSemiBold';
}

.guidelinebox {
  padding: 60px 0;
}

.inchina {
  background: url(202105workbanner.png) center center no-repeat;
  line-height: 200px;
  padding-left: 86px;
  box-sizing: border-box;
  font-size: 44px;

  color: #FFFFFF;
  margin-bottom: 85px;
}

.inchina a {
  color: #ffffff;
  display: block;
  font-family: 'GillSansSemiBold';
  text-transform:uppercase;
}

.studytips::after {
  width: 270px;
}

.studybox dl dd {
  height: 385px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;

}

.studybox dl dd h3 {
  width: 100%;
  font-size: 24px;

  color: #444444;
  line-height: 34px;
  margin-bottom: 20px;
  font-family: 'GillSansSemiBold';
}

.studybox dl dd p {
  width: 100%;
  font-family: gillsans,'gillsans';
  color: #444444;
  line-height: 28px;

  font-size: 18px;
}

.studytext {
  padding: 60px 0 0;
  font-size: 20px;
  font-family: gillsans,'gillsans' !important;
  color: #092D41 !important;
  line-height: 34px

}

.studytext p {
	font-family: gillsans,'gillsans' !important;
}

.studymain {
  margin-bottom: 90px;
}

.studymain ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;

}

.studymain ul li {
  background: rgb(196 130 14 / 10%);
  width: 304px;
  height: 304px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

.studymain ul li h3 {
  width: 100%;
  text-align: center;
}

.studymain ul li p {
  width: 100%;
  text-align: center;
  color: #C4820E;
  line-height: 30px;
  box-sizing: border-box;
  font-size: 24px;
  height: 48px;
  font-family: 'GillSansSemiBold';
  text-transform:uppercase;
  margin-top:12px;
}

.studymain ul li p strong {
  line-height: 50px;
  font-size: 52px;
  font-family:DIN Alternate,Roboto;
}

.shiptips::after {
  width: 580px;
}


.shipstext {
  font-size: 20px;
  color: #092D41;
  line-height: 34px;
  padding: 50px 0 0;
}

.shipstext p {
  margin-bottom: 15px;
  font-family:'GillSans';
}

.jointbox {
  width: 872px;
  height: 310px;
  box-sizing: border-box;
  background: #F7F9FF;
  position: absolute;
  top: 50%;
  margin-top: -155px;
  left: 470px;
}

.jointbox {
  padding: 15px 25px;
}

.jointbox ul li {
  height: 65px;
  line-height: 65px;
  border-bottom: 1px dashed #CFD6ED;
  background: url(202105wanticon.png) 97% center no-repeat;
}

.jointbox ul li a {
  font-size: 18px;
  font-family: 'GillSansSemiBold', GillSans-SemiBold, GillSans;
  color: #092D41;
  line-height: 66px;
  display: block;
  text-transform:uppercase;
}
.jointbox ul li a:hover{color: #C4820E;}

.jiontleft {
  width: 576px;
  height: 370px;
  overflow: hidden;
}

.jiontleft img {

  width: 100%;
  transition: all 0.4s;
}

.jiontleft img:hover {
  transform: scale(1.1);
}

.jiontmain {
  position: relative;
  height: 370px;
}

.jiontleft img {
  width: 100%;
}

.Sciencemain .jointbox {
  height: 340px;
  overflow: hidden;
}

.Overseas {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
  z-index: 10;
}

.Overseas span {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.overseatips {
  position: absolute;
  width: 1340px;
  display: none;
  background: #092D41;
  border-radius: 5px;
  left: 0;
  top: 100px;
  z-index: 1000;
  padding: 25px 30px;
  box-sizing: border-box;
  font-size: 20px;
  font-family: GillSans;
  color: #FFFFFF;
  line-height: 34px;
}

.overseatips ul li {
  position: relative;
}

.overseatips ul li {
  display: none;
  font-family: gillsans,'gillsans';
}

.overseatips ul li::before {
  content: url(202105overseatipsicon.png);
  display: block;
  position: absolute;
  top: -48px;
  left: 88px;

}

.overseatips ul li.cur {
  display: block;
  font-family: gillsans,'gillsans';
}

#oversea1 {
  z-index: 1000;
}

#oversea2 {
  z-index: 100;
}

#oversea3 {
  z-index: 10;
}

#oversea4 {
  z-index: 1;
}

#oversea1 .overseatips ul li::before {
  left: 88px;
}

#oversea1 .overseatips ul li:nth-child(2):before {
  left: 396px;
}

#oversea1 .overseatips ul li:nth-child(3)::before {
  left: 720px;
}

#oversea1 .overseatips ul li:nth-child(4)::before {
  left: 1020px;
}

#oversea1 .overseatips ul li:nth-child(5)::before {
  left: 1240px;
}

#oversea2 .overseatips {
  top: 118px;
}

#oversea2 .overseatips ul li::before {
  left: 178px;
}

#oversea2 .overseatips ul li:nth-child(2):before {
  left: 482px;
}

#oversea2 .overseatips ul li:nth-child(3)::before {
  left: 737px;
}

#oversea2 .overseatips ul li:nth-child(4)::before {
  left: 992px;
}

#oversea2 .overseatips ul li:nth-child(5)::before {
  left: 1205px;
}

#oversea3 .overseatips {
  top: 100px;
}

#oversea3 .overseatips ul li::before {
  left: 35px;
}

#oversea3 .overseatips ul li:nth-child(2):before {
  left: 268px;
}

#oversea3 .overseatips ul li:nth-child(3)::before {
  left: 580px;
}

#oversea3 .overseatips ul li:nth-child(4)::before {
  left: 899px;
}

#oversea3 .overseatips ul li:nth-child(5)::before {
  left: 1183px;
}

#oversea4 .overseatips {
  top: 138px;
}

#oversea4 .overseatips ul li::before {
  left: 100px;
}

#oversea4 .overseatips ul li:nth-child(2):before {
  left: 361px;
}

#oversea4 .overseatips ul li:nth-child(3)::before {
  left: 522px;
}

#oversea4 .overseatips ul li:nth-child(4)::before {
  left: 746px;
}

#oversea4 .overseatips ul li:nth-child(5)::before {
  left: 1116px;
}

.shipdetail dl {
  display: flex;
  padding: 60px 0 40px;

}

.shipdetail dl dt,
.shipdetail dl dd {
  width: 50%;
}

.shipdetail dl dd {
  width: 50%;
  height: 385px;
  overflow: hidden;
}

.shipdetail dl dd img {
  width: 100%;
  transition: all 0.4s;
}

.shipdetail dl dd img:hover {
  transform: scale(1.1);
}

.shipdetail dl dt {
  display: flex;
  padding: 0 100px;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size: 28px;
  text-align: center;
  color: #092D41;
  line-height: 44px;
  box-sizing: border-box;
  flex-direction: column;
  font-family: 'GillSansSemiBold';
}

.deatilbox {
  font-size: 20px !important;
  font-family: 'GillSans' !important;
  color: #092D41 !important;
  line-height: 34px;
  margin-bottom: 50px;
}

.deatilbox p {
font-size: 20px !important;
  margin-bottom: 20px !important;
  font-family: 'gillsans' !important;
}

.deatilbox p a {
  font-size: 20px !important;
  color: #C4820E;
  font-family: gillsans,'gillsans' !important;
}
.deatilbox p a font {
  font-size: 20px !important;
  font-family: gillsans,'gillsans' !important;
}
.deatilbox p font {
  font-size: 20px !important;
  font-family: gillsans,'gillsans' !important;
}
.deatilbox p font sub {
  font-size: 20px !important;
  font-family: gillsans,'gillsans' !important;
}
.deatilbox p font sup {
  font-size: 20px !important;
  font-family: gillsans,'gillsans' !important;
}

.newsimg {
  text-align: center;
}

.newsleft h1 {
  font-size: 28px;
  font-family: 'GillSansSemiBold';
  color: #092D41;
  line-height: 44px;
  margin-bottom: 20px;
}

.downfile {
  background: url(202106file.png) 0 5px no-repeat;
  padding-left: 40px;
}

.downfile a{  
	font-family: gillsans,'gillsans';
}

.newsdetail {
  padding: 70px 0;
  display: flex;
  justify-content: space-between;
}

.newsleft {
  width: 993px;
}

.newsright {
  width: 305px;

  background: #F9FBFF;
}

.newsnote {
  padding-bottom: 50px;
  border-bottom: 1px solid #c5c5c5;
  margin-bottom: 30px;
}

.newsnote span {
  font-size: 14px;
  font-family: gillsans,'gillsans';
  color: #444444;
  line-height: 24px;
}

.newsnote i {
  margin: 0 10px;
}

.righttitle {
  font-size: 22px;
  padding: 15px 0;
  color: #C4820E;
  line-height: 22px;
  height: 22px;
  text-transform: uppercase;
  font-family: 'GillSansSemiBold';
}

.righttitle::before {
  width: 5px;
  height: 22px;
  background: #C4820E;
  content: '';
  display: block;
  margin-right: 15px;
  float: left;
}

.newsrightlist{ 
	margin-bottom: 20px;
}

.newsrightlist p {
  font-size: 17px;
  font-family: gillsans,'gillsans';
  color: #092D41;
  line-height: 26px;
  margin-bottom: 10px;
  padding: 0 20px;
}

.newsrightlist a{
  font-size: 17px;
  font-family: gillsans,'gillsans';
  color: #092D41;
  line-height: 26px;
}


.newsimgbox {
  width: 205px;
  height: 100%;
  overflow: hidden;
}



.newsimgbox img {
  width: 100%;
  transition: all 0.4s;

}

.newsimgbox img:hover {
  transform: scale(1.1);
}

.newsrightimg ul li p {
  padding: 12px;
  font-size: 17px;
  font-family: gillsans,'gillsans';
  color: #092D41;
  line-height: 26px;
}

.newsrightimg ul li {
	margin-bottom: 20px;
}

.newsrightimg ul li p a{
  font-size: 17px;
  font-family: gillsans,'gillsans';
  color: #092D41;
  line-height: 26px;
}

/*.themstable {
  border-top: 1px solid #C5C5C5;
}*/

.newstable {
  margin-bottom: 50px;
}

.newstable ul li {
  padding: 47px 0;
  overflow: hidden;
  border-bottom: 1px solid #C5C5C5;
  /* display: flex; */
  justify-content: space-between;
}

.newstable ul li .newsimgbox {
  float: right;
}

.newstext {
  flex: 1;
}

.newstext h3 {
  font-size: 24px;
  color: #444444;
  line-height: 32px;
  margin-bottom: 13px;
}
.newstext h3 a{
  font-family: 'GillSansSemiBold';
}
.newstext p {
  font-size: 20px;
  font-family: gillsans,'gillsans';
  color: #092D41;
  line-height: 30px;
}

.newstext .newsnote {
  font-size: 15px;
  font-weight: normal;
  padding-bottom: 0px;
  border-bottom: none;
  margin-bottom: 10px;
}

.newstext .newsnote span {
  font-size: 15px;
  font-weight: normal;
}

.health dl dt {
  width: 170px;
  padding-right: 50px;
  text-align: center;
}

.health dl,
.teambox {
  display: flex;
  padding: 40px 0;
  /*border-bottom: 1px solid #C5C5C5;*/
}

.teambox {
  border: none;
}

.health dl dt h3 {
  font-size: 28px;
  font-family: 'GillSansSemiBold';
  color: #092D41;
  line-height: 44px;
}

.health dl dd {
  flex: 1;
  font-size: 20px;
  color: #092D41;
  line-height: 34px;
}

.health dl dd p {
  margin-bottom: 20px;
  font-size:20px;
  font-family: gillsans,'gillsans';
}

.timeleft {
  width: 170px;
  padding-right: 50px;
  text-align: center;
}

.timeleft img {
  width: 100%;
}

.flexslider .slides .timeleft img {
  height: auto;
}

.timeright {
  flex: 1;
}

.timeright h3 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #444444;
  line-height: 32px;
  font-family: 'GillSansSemiBold';
}

.timeright h3 i {
  padding: 0 10px;
  color: #C4820E;
}

.timeright h4 {
  font-size: 20px;
  font-weight: 500;
  color: #092D41;
  line-height: 30px;
  margin-bottom: 15px;
  font-family: gillsans,'gillsans';
}

.timeright p {
  height: 34px;
  line-height: 34px;
  padding-left: 40px;
  font-size: 20px;
  margin-bottom: 10px;
  font-family: gillsans,'gillsans';
  color: #092D41;
}

.timeright p.teamaddress {

  background: url(202105teamaddress.png) 0 center no-repeat;
}

.timeright p.teamemail {

  background: url(202105teamemal.png) 0 center no-repeat;
}



.h5logo {
  display: none;
}

.portboxdetail {
  display: none;
}

@media screen and (max-width: 1340px) and (min-width: 998px) {

  .none_1340{display: none;}

  .basediv,
  .searchbox {
    width: 998px;
  }

  .eventstext {
    height: 98px;
    overflow: hidden;
    align-items: flex-start;
  }

  .logobox {
    margin: 0;
  }

  .videotips,
  .aboutnav {
    margin-left: -499px;
    bottom: 0px;
  }

  .videoindex {
    bottom: 20px;
  }
	.mustwatch .basediv dt.left_main_video dl{
    width:718px;
   
}
.mustwatch .basediv dd.right_vedeo_list ul li .tit {
	margin-left: 0;}
  .tipstext {
    font-size: 40px;
  }

  .logo {
    width: 300px;
    float: left;
  }

  .logo img {
    width: 100%;
  }

  .videotips p {
    font-size: 30px;
    line-height: 36px;
  }

  .videotips h3 {
    font-size: 60px;
  }

  .videotips h3::after {
    width: 170px;
  }

  .tipstext::after {
    width: 160px;
    height: 12px;
  }

  .newroomtips::after {
    width: 260px;
    height: 12px;
  }

  .sonmenu ul {
    padding: 0;
  }

  .sonmenu ul li {
    padding: 0 19px;
  }

  .sonmenu ul li a {
    font-size: 16px;
  }

  .leadbox {
    padding: 20px 0 30px;
  }

  .leadlist ul {
    justify-content: flex-start;
    align-items: flex-start
  }

  .leadlist ul li {
    display: flex;
    flex-direction: column;
    width: 125px;
    padding: 0 10px;
  }

  .leadtips {
    display: none;
  }

  .aui-nav-nav {
    width: 680px;
    margin: 13px 0 0 18px;
  }

  .aui-nav-nav dl dd h3 {
    font-size: 16px;
  }

  .aui-nav-nav dl dd h3 a {
    padding: 0 9px;
  }

  .aui-nav-nav dl dd .aui-nav-list li {
    text-indent: 5px;
  }

  .whatnews dl dt {
    width: 500px;
    height: 294px;
  }

  .whatnews dl dd {
    margin-left: 520px;
    height: 294px;
  }

  .whatnews dl dd h4 {
    padding: 20px 0 10px;
    font-size: 20px;
    line-height: 26px;
  }


  .whatnews dl dd p {
    font-size: 14px;
    line-height: 22px;
  }

  .whatlist ul li {
    width: 318px;
  }

  .whatimg {
    width: 318px;
    height: 214px;

  }
.newslayout .basediv .whatlist ul li span.from {
    top: 195px;
    left: 56%;
}
  .indextitle {
    font-size: 32px;
    line-height: 68px;
  }

  .indextitle span {
    margin-right: 50px;
  }

  .indextitle span a {
    font-family: 'Gill-Sansheavy';
  }

  .indextitle p {
    font-size: 22px;
  }

  .facilitieslsit ul {
    padding-top: 40px;
  }

  .facilitieslsit ul li {
    width: 318px;
    position: relative;
  }

  .facimg {
    width: 318px;
    height: 220px;
  }
  .facimg a{    width: 318px;
  height: 220px;}
  .facilitieslsit ul li span {
    font-size: 20px;
    top: 200px;
  }

  .facilitieslsit ul li p {
    font-size: 16px;
    ;
  }

  .whatmore a {
    width: 185px;
    line-height: 44px;
    font-size: 18px;
    height: 44px;
  }

  .whatmore a:hover {
    background-color: #D58A04;

  }

  .thembox ul li {
    border-right: 1px solid #F8B62E;
    text-align: center;
    /*width: 141px;*/
  }

  .thembox ul li h3 {
    /*text-align: left;*/
    font-size: 16px;
    line-height: 24px;
  }

  .thembox ul li p {
    font-size: 14px;
    line-height: 20px;
  }

  .thembox ul li a img {

    height: 58px;
  }

  .studyimg {
    width: 485px;
    height: 322px;
    overflow: hidden;
  }

  .indextitle span {}

  .studybox ul li p {
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    padding: 20px 0;
  }

  .footerbox ol h3 {
    font-size: 18px;
  }

  .footerbox ol li a {
    font-size: 16px;
  }

  .otherhead .aui-nav-nav {
    margin: 13px 0 0 18px;
  }

  .organleft {
    width: 245px;
  }

  .organright {
    margin-left: 260px;
  }

  .timebox ul li div {
    font-size: 14px;
    font-family: gillsans;
    color: #F3F6FC;
    line-height: 21px;
    width: 174px;
    position: absolute;
    left: 50%;
    margin-left: -88px;
    top: 30px;
  }

  .timebox ul li.time6 div,
  .timebox ul li.time4 div {
    top: -76px;
  }

  .timebox ul li span {
    font-size: 16px;
  }

  .organright ul li {

    width: 690px;
  }

  .factlist ul li {
    width: 240px;
    height: 240px;
  }

  .factlist ul li h3 {
    font-size: 38px;
  }

  .factlist ul li p {
    font-size: 16px;
  }

  .studymain ul li {
    width: 224px;
    height: 224px;
  }

  .studymain ul li p {
    padding: 0 10px;
    font-size: 20px;
  }

  .fipsbox dl dt {
    width: 498px;
    height: 292px;
  }

  .fipsbox dl dd {
    margin-left: 515px;
  }

  .fipsbox dl dd ul {
    height: 298px;
  }

  .fipsbox dl dd ul li {
    width: 235px;
  }

  .fipsbox dl dd ul li .fipsimgs {
    width: 235px;
    height: 156px;
  }

  .fipsbox dl dd ul li .fipsimgs img {
    width: 235px;
  }

  .resenews ul {
    align-items: flex-start;
  }

  .resenews ul li {
    width: 235px;
  }

  .reseimg {
    width: 235px;
    height: 158px;
  }

  .wanteleft {
    width: 50%;
    height: 368px;
  }

  .wantright {
    width: 50%;
  }

  .wantright img {
    width: 100%;
  }

  .wantedbox {
    height: auto;
  }


  /*******/
  .jiontmain {
    height: 345px;
  }

  .jiontleft {
    width: 535px;
    height: 345px;
  }

  .jointbox {
    width: 525px;
    height: 260px;
    margin-top: -130px;
  }

  .jointbox ul li {
    height: 55px;
    line-height: 55px;
    padding-right: 40px;
    overflow: hidden;
  }

  .Sciencemain .jointbox {
    height: 294px;
    margin-top: -147px;
  }

  .instit ul li {
    height: 300px;
  }



  /****/
  .guidelinelist ul li {
    padding: 0 30px;
    box-sizing: border-box;
  }

  .guidetext {
    height: 180px;
  }


}

@media screen and (max-width: 997px) and (min-width: 768px) {
.none_997{display: none;}
  .headbg {
    display: none;
  }
.videotips p a {
	font-size: 36px;}
  .basediv {
    width: 100%;
  }

  .pclogo {
    display: none;
  }

  .h5logo {
    display: block;
  }

  .headmain {
    position: relative;
  }

  .aui-comm-box {
    display: none;
    position: absolute;
    left: 0;
    top: 105px;
    width: 100%;
    z-index: 1000000;
  }

  .logo {
    float: none;
  }

  .videotips {
    margin: 0;
    left: 0;
    padding-left: 20px;
    box-sizing: border-box;
    bottom: 30px;
  }

  .videotips h3 {

    font-size: 60px;

  }

  .videotips p {
    font-size: 28px;
  }

  .videotips h3::after {
    width: 160px;
  }

  .videoboxplay {
    right: 20px;
  }

  .menuico {
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -20px;
    right: 10px;
    background: url(20210401menu.png) 100% 100% no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    content: '';
  }

  .logobox {
    margin: 0;
    position: relative;
  }

  .headtips ul li a {
    color: #333;
  }

  .headtips ul li:last-child {
    padding-left: 10px;
  }

  .indexsearch {
    background-color: #2057D8;
    padding: 8px;
    border-radius: 50%;
  }

  .aui-nav-nav {
    margin: 0;
    width: 100%;
    float: none;
    background-color: #1943A3;
  }

  .otherhead .aui-nav-nav {
    margin: 0;
  }

  .otherhead .aui-nav-nav dl dd h3 a,
  .otherhead .aui-nav-nav dl dd h3 a.hover {
    color: #fff;
  }

  .otherhead .aui-nav-nav dl dd h3.cur a::before {
    display: none;
  }

  .aui-nav-nav dl dd {
    float: none;
  }

  .aui-nav-nav dl dd h3 {
    float: none;
  }

  .searchbox {
    width: 100%;
  }

  .logo {
    padding: 0 0 20px 20px;
  }

  .aui-nav-nav dl dd ul {
    position: relative;
    float: none;
    top: 0;
  }

  .aui-nav-nav dl dd h3 a::after {
    display: none;
  }

  .aui-nav-nav dl dd .aui-nav-list li {
    text-indent: 0;
    text-align: center;
    height: 42px;
    line-height: 42px;
  }

  .newslayout {
    padding: 30px 20px;
    box-sizing: border-box;
  }
	.mustwatch {padding: 30px 20px;}
  .whatnews dl dt {
    width: 100%;
    float: none;
  }

  .whatnews dl dd {
    margin: 0;
  }

  .whatlist ul {
    flex-wrap: wrap;
  }

  .whatlist ul li {
    width: 48%;
    margin-bottom: 30px;
  }

  .whatimg {
    width: 100%;
    height: auto;
    display: inline;
  }
  .whatlist ul li span.from {
    top: -19px;
    left: 55%;
}
.mustwatch .basediv dd.right_vedeo_list ul li .tit {
	margin-left: 0;}
	
 .mustwatch .basediv dt.left_main_video {
	 width: auto;}
	.mustwatch .basediv dd.right_vedeo_list{ width: 30%;}
	.mustwatch .basediv dd.right_vedeo_list ul li .videoimg {
		width: 100%;}
  .indextitle p {
    display: none;
  }

  .facilities {
    padding: 40px 20px;
    box-sizing: border-box;
  }

  .facilitieslsit ul {

    flex-wrap: wrap;
  }

  .facililbox .facilitieslsit ul {
    padding-top: 0px;
  }

  .facilitieslsit ul li {
    width: 100%;
    margin-bottom: 40px;
  }

  .facimg {
    width: 100%;
    height: auto;
    overflow: visible;
  }
  .facimg a{ display: inline;}

  .facilitieslsit ul li span {
    top: auto;
    bottom: -18px;
  }

  .themes {
    background-size: cover
  }

  .studybox {
    padding: 30px 20px;
  }

  .thembox ul {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .thembox ul li {
    /*width: 190px;*/
    width: 33%;
    margin-bottom: 20px;
  }

  .indextitle {
    font-size: 30px;
    line-height: 66px;
  }

  .studybox ul {
    display: block;
  }

  .studyimg {
    width: 100%;
    height: auto;
  }

  .footer,
  .sonmenu {
    display: none;
  }

  .aboutnav {
    margin: 0;
    left: 0;
    padding: 0 10px;
    box-sizing: border-box;
  }

  .tipstext {
    font-size: 40px;

  }

  .tipstext::after {
    height: 15px;
  }

  .newroomtips::after {
    height: 15px;
  }

  .tipstext::after {
    width: 155px;
  }

  .newroomtips::after {
    width: 270px;

  }

  .portraitbox {
    display: block;
    padding: 20px;
    box-sizing: border-box;
  }

  .leadbox {
    padding: 20px;
  }

  .leadlist ul {
    flex-wrap: wrap;
  }

  .leadlist ul li {
    width: 32%;

    box-sizing: border-box;
    margin-bottom: 40px;
  }

  .leadtips,
  .organleft {
    display: none;
  }

  .organbox {
    padding: 20px;
  }

  .organright {
    margin: 0;
  }

  .organright ul li {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 30px;
    line-height: 24px;
    border-radius: 50px;
    height: auto;
  }

  .chartbox {
    width: 100%;
    box-sizing: border-box;
  }

  .chartbox a {
    display: none;
  }

  .fipsbox dl dt {
    width: 100%;
    float: none;
    font-size: 0;
    height: auto;
  }

  .fipsbox dl dd {
    display: block;
    height: auto;
    margin-left: 0;
    padding: 30px 20px 0;
  }

  .studytext {
    padding-top: 60px;
  }

  .fipsbox dl dd ul li {
    width: 48.5%;
    height: auto;
  }

  .fipsbox dl dd ul li .fipsimgs {
    font-size: 0;
    width: 100%;
    height: auto;
  }

  .researchnews {
    padding: 0 20px;
    padding-top: 15px;
  }

  .resenews ul {
    padding-top: 0;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .resenews ul li {
    width: 48.5%;
    margin-bottom: 40px;
  }

  .reseimg {
    width: 100%;
    height: auto;
  }

  .eventbox dl dt {
    width: 100%;
    height: auto;
    float: none;
    font-size: 0;
  }

  .Upcomingevent {
    padding-top: 15px;
  }

  .eventbox dl dd {
    margin: 0;
    padding-top: 50px;
  }

  .eventbox dl dd ol li {
    box-sizing: border-box;
    padding: 0 15px;
  }

  .newsright {
    display: none;
  }

  .newsleft {
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
  }

  .newstable {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .bighfips {
    padding-top: 15px;
  }

  .facililbox {
    padding-top: 15px;
    padding-bottom: 0px;
  }

  .newstext p {
    height: 92px;
    overflow: hidden;
  }

  .jiontleft {
    width: 100%;
    height: auto;
    font-size: 0;
  }

  .jointbox {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    top: 0;
    margin: 0;
    left: 0;
  }

  .jiontmain {
    height: auto;
  }

  .Overseas {
    padding: 0 20px;
  }

  .shipdetail dl dt {
    padding: 0;
    font-size: 24px;
  }

  .shipdetail dl dt img {
    width: 220px;
  }

  .shipdetail dl dd {
    font-size: 0;
    height: auto;
  }

  .shipdetail {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .shiptips::after {
    width: 320px;
  }

  .instit ul li img {
    width: 100%;
  }

  .instit ul li p {
    margin: 0 10px;
  }

  .instit ul li div {
    height: auto;
  }

  .resethemes ul li {
    width: 20%;
    padding: 0 10px;
    box-sizing: border-box;
  }

  .resethemes ul li h3 {
    font-size: 16px;
  }

  .studybox {
    box-sizing: border-box;
  }

  .bannerMain .slides img {
    height: auto !important;
  }

  .studymain ul {
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0 20px;
  }

  .studymain ul li {
    width: 320px;
    height: 320px;
    margin-bottom: 20px;
  }

  .historybox {
    background-size: cover;
    padding: 20px 15px;
  }

  .leadtext {
    margin: 0;
  }

  .timebox {
    padding: 30px 0 50px;
  }

  .timebox ul {
    flex-wrap: wrap;
  }

  .timebox ul li {
    width: 100%;
    height: auto;
    border: none;
    flex: auto;
    margin-bottom: 30px;
  }

  .timebox ul li span {
    position: relative;
    left: 0;
    width: 76px;
    text-align: center;
    margin-left: 0;
    float: left;
    top: 0;
  }

  .timebox ul li div {
    position: relative;
    left: 0;
    margin-left: 0;
    top: 0;
    float: left;
  }

  .timebox ul li span::before {
    display: none;
  }

  .timebox ul li span::after {
    display: none;
  }

  .timebox ul li div {
    width: 60%;
    text-align: left;
  }

  .timebox ul li span {
    top: 0 !important;
    float: left;
    padding: 0 15px;
    text-align: center !important;
  }

  .timebox ul li div {
    top: 0 !important;
    float: left;
    padding: 0 15px;
    text-align: left !important;
  }

  .chartbox {
    line-height: 30px;
    height: auto;
    text-align: left;
    padding: 10px 50px;
    box-sizing: border-box;
  }

  .chartbox span {
    display: block;
  }

  .factbox {
    box-sizing: border-box;
  }

  .factlist ul {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }

  .factlist ul li {
    width: 304px;
    box-sizing: border-box;
    margin: 0 20px;
    margin-bottom: 30px;

  }

  .portboxdetail {
    display: block;
  }

  .scroll_main {
    display: none;
  }

  .resetitle {
    font-size: 36px;
    padding: 0 20px;
    margin-bottom: 0;
  }

  .islandtext {
    padding: 0 15px;
  }

  .guidelinelist ul {
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
  }

  .guidelinelist ul li {
    box-sizing: border-box;
  }

  .guidelinelist ul li {
    width: 48%;
    margin-bottom: 20px;
  }

  .guidetext {
    font-size: 20px;
    line-height: 30px;
  }

  .wantright {
    position: relative;
  }

  .wantedbox {
    height: auto;
  }

  .wanteleft {
    width: 100%;
    box-sizing: border-box;
    height: auto;
  }

  .wantright img {
    width: 100%;
  }

  .wantlist ul li {
    padding: 0 10px;
  }

  .overseatips {
    display: none !important;
  }

  .Overseas span {
    padding: 0 5px;
  }

  .Overseas span img {
    width: 100%;
  }

  .Overseas {
    flex-wrap: nowrap;
  }

  .leadlist ul li h3 {
    margin-bottom: 5px;
  }

  .instit ul li {
    margin-bottom: 50px;
  }

  /******/
}

@media screen and (max-width: 767px) and (min-width: 320px) {
	.videotips p a {
		font-size: 18px;}
  .basediv {
    width: 100%;
  }

  .pclogo {
    display: none;
  }

  .h5logo {
    display: block;
  }

  .headmain {
    position: relative;
  }

  .aui-comm-box {
    display: none;
    position: absolute;
    left: 0;
    top: 66px;
    width: 100%;
    z-index: 1000000;
  }

  .logo {
    float: none;
    width: 70%;
  }

  .logo img {
    width: 100%;
  }

  .videotips {
    margin: 0;
    left: 0;
    padding-left: 10px;
    bottom: 10px;
    box-sizing: border-box;
  }

  .indextitle {
    line-height: 58px;
  }

  .indextitle span {
    font-size: 24px;
  }

  .facilitieslsit ul li p {
    height: 55px;
    overflow: hidden;
  }

  .videotips h3 {

    font-size: 30px;

  }

  .portraitbox {
    box-sizing: border-box;
  }

  .videotips p {
    font-size: 14px;
    line-height: 24px;
  }

  .videotips h3::after {
    width: 100px;
    height: 8px;
  }

  .videoboxplay {
    bottom: 0px;
    width: 30px;
    height: 30px;
    right: 10px;
    background-size: cover;
  }

  .menuico {
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -20px;
    right: 10px;
    background: url(20210401menu.png) 100% 100% no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    content: '';
  }

  .logobox {
    margin: 0;
    position: relative;
  }

  .headtips ul li a {
    color: #333;
  }

  .headtips ul li:last-child {
    padding-left: 10px;
  }

  .indexsearch {
    background-color: #2057D8;
    padding: 8px;
    border-radius: 50%;
  }

  .aui-nav-nav {
    margin: 0;
    width: 100%;
    float: none;
    background-color: #1943A3;
  }

  .otherhead .aui-nav-nav {
    margin: 0;
    width: 100%;
    float: none;
    background-color: #1943A3;
  }

  .otherhead .aui-nav-nav dl dd h3.cur a::before {
    display: none;
  }

  .otherhead .aui-nav-nav dl dd h3 a,
  .otherhead .aui-nav-nav dl dd h3 a.hover {

    color: #fff;
    display: block;
    padding: 0 14px;
    text-transform: uppercase;
  }


  .searchput {
    width: 65%;
  }

  .aui-nav-nav dl dd {
    float: none;
    font-size: 16px;
  }

  .aui-nav-nav dl dd h3 {
    float: none;
  }

  .searchbox {
    width: 100%;
  }

  .logo {
    padding: 0 0 20px 20px;
  }

  .aui-nav-nav dl dd ul {
    position: relative;
    float: none;
    top: 0;
  }

  .aui-nav-nav dl dd h3 a::after {
    display: none;
  }

  .aui-nav-nav dl dd .aui-nav-list li {
    text-indent: 0;
    text-align: center;
    height: 42px;
    line-height: 42px;

  }

  .newslayout {
    padding: 30px 10px;
    box-sizing: border-box;
  }

  .whatnews dl dt {
    width: 100%;
    float: none;
    height: auto;
  }

  .whatnews dl dd {
    height: auto;
    margin: 0;
  }

  .whatlist ul {
    flex-wrap: wrap;
  }

  .whatlist ul li {
   width: 48%;
   margin-bottom: 20px;
  }

  .whatimg {
    width: 100%;
    height: auto;
  }
.whatlist ul li span.from {
    top: -19px;
    left: 55%;
}
  .indextitle p {
    display: none;
  }
.mustwatch {
	padding: 30px 10px;}
	.mustwatch .basediv dl.videobox {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
	.mustwatch .basediv dt.left_main_video{ width: 100%; margin-bottom: 40px;}
	.mustwatch .basediv dd.right_vedeo_list ul li .videoimg {
    width: 40%;
   
}
	.mustwatch .basediv dd.right_vedeo_list ul li .tit {
   
    width: 55%;
}
  .facilities {
    padding: 40px 20px;
    box-sizing: border-box;
  }

  .facilitieslsit ul {
    padding-top: 30px;
    flex-wrap: wrap;
  }

  .facilitieslsit ul li {
    width: 100%;
    margin-bottom: 40px;
  }

  .facimg {
    width: 100%;
    height: auto;
  }
  .facimg a{ display: inline;}
  .facilitieslsit ul li span {
    bottom: -18px;
    top: auto;
  }

  .themes .whatmore {
    display: none;
  }

  .themes {
    background-size: cover
  }

  .studybox {
    padding: 30px 20px;
  }

  .thembox ul {
    flex-wrap: wrap;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 10px 0;
  }

  .thembox ul li {
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 30px;
  }

  .thembox ul li:nth-child(even) {
    border-right: 0;
  }

  .studybox ul {
    display: block;
  }

  .footcopy {
    line-height: 24px;
    font-size: 14px;
    padding: 10px 0;
  }

  .studyimg {
    width: 100%;
    height: auto;
  }

  .footer,
  .sonmenu {
    display: none;
  }

  .aboutnav {
    margin: 0;
    left: 0;
    padding: 0 10px;
    box-sizing: border-box;

  }

  .tipstext {
    font-size: 24px;
    line-height: 56px;
  }

  .tipstext::after {
    height: 15px;
  }

  .newroomtips::after {
    height: 15px;
  }

  .tipstext::after {
    width: 115px;
    height: 8px;
  }

  .newroomtips::after {
    width: 155px;

  }

  .research::after {
    width: 140px;
    height: 8px;
  }

  .deatilbox {
    font-size: 16px;
  }

  .newsleft h1 {
    font-size: 18px;

    line-height: 28px;

  }

  .newsnote {
    padding-bottom: 20px;
  }

  .newsdetail {
    padding: 35px 0;
  }

  .aboutnav h3 {
    font-size: 16px;
    padding: 0;
  }

  .portraitbox {
    display: block;
    padding: 20px;

  }

  .leadbox {
    padding: 20px;
  }

  .leadlist ul {
    flex-wrap: wrap;
  }

  .leadlist ul li {
    width: 48%;
    margin-bottom: 40px;
    box-sizing: border-box;
  }

  .leadlist ul li h3 {
    margin-bottom: 5px;
    font-size: 16px;
  }

  .leadtips,
  .organleft {
    display: none;
  }

  .organbox {
    padding: 20px;
  }

  .organright {
    margin: 0;
  }

  .organright ul li {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 30px;
    line-height: 24px;
    border-radius: 50px;
    height: auto;
  }

  .chartbox {
    width: 100%;
    box-sizing: border-box;
  }

  .chartbox a {
    display: none;
  }

  .fipsbox dl dt {
    width: 100%;
    float: none;
    font-size: 0;
    height: auto;

    margin-bottom: 30px;
  }

  .fipsbox dl dd {
    margin-left: 0;
    /* padding: 0 20px; */
    display: block;
    height: auto;
  }
  .fipsbox dl dd ul {
    display: block;
  }
  .fipsbox dl dd ul li {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
   
  }
  .tipstext a{ font-size: 24px;}
  .fipsbox dl dd ul li .fipsimgs {
    font-size: 0;
    width: 100%;
    height: auto;
  }

  .studytext {
    padding: 30px 0 0 0;
    font-size: 18px;
    font-weight: normal;

  }

  .researchnews {
    padding: 20px 20px 0;
  }

  .resenews ul {
    flex-wrap: wrap;
    display: flex;
  }

  .resenews ul li {
    width: 100%;
    margin-bottom: 40px;
  }

  .reseimg {
    width: 100%;
    height: auto;
  }

  .eventbox dl dt {
    width: 100%;
    height: auto;
    float: none;
    font-size: 0;
  }

  .eventbox dl dd {
    margin: 0;
    padding-top: 50px;
  }

  .newsright {
    display: none;
  }

  .newsleft {
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
  }

  .newstable {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .facililbox {
    padding-bottom: 20px;
  }

  .jiontleft {
    width: 100%;
    height: auto;
    font-size: 0;
  }

  .jointbox {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    top: 0;
    margin: 0;
    left: 0;
    height: auto;
  }

  .jiontmain {
    height: auto;
  }

  .Overseas {
    padding: 0 20px;
  }

  .shipdetail dl {
    display: block;
    padding: 25px 0;
  }

  .shipdetail dl dt {
    padding: 0;
    width: 100%;
    font-size: 20px;
    margin-bottom: 30px;

    line-height: 24px;
  }

  .shipdetail dl dd {
    width: 100%;
    font-size: 0;
    height: auto;
  }

  .shipdetail {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .shiptips::after {
    width: 320px;
  }

  .instit ul li img {
    width: 100%;
  }

  .instit ul li p {
    margin: 0 10px;
    font-size: 18px;
  }

  .instit ul li div {
    height: auto;

  }

  .instit ul li div a {
    padding: 0 20px;
    display: block;
    box-sizing: border-box;
  }

  .resethemes ul li {
    width: 100%;
    box-sizing: border-box;
    border: none;
  }

  .resethemes ul li h3 {
    font-size: 16px;
  }



  .resethemes .themimg {
    width: 35%;
    float: left;

  }

  .instit ul {
    align-items: flex-start;
  }

  .instit ul li {
    width: 50%;
    height: auto;
    margin-bottom: 40px;
  }

  .studybox {
    box-sizing: border-box;
  }

  .bannerMain .slides img {
    height: auto !important;
  }

  .studymain ul {
    flex-wrap: wrap;
    padding: 0 20px;
    justify-content: center;
  }

  .studymain ul li {
    width: 280px;
    height: 280px;
  }

  .historybox {
    background-size: cover;
    padding: 20px 15px;
  }

  .leadtext {
    margin: 0;
  }

  .timebox {
    padding: 30px 0 50px;
  }

  .timebox ul {
    flex-wrap: wrap;
  }

  .timebox ul li {
    width: 100%;
    height: auto;
    border: none;
    flex: auto;
    margin-bottom: 30px;
  }

  .timebox ul li span {
    position: relative;
    left: 0;
    width: 76px;
    text-align: center;
    margin-left: 0;
    float: left;
    top: 0;
  }

  .timebox ul li div {
    position: relative;
    left: 0;
    margin-left: 0;
    top: 0;
    float: left;
  }

  .timebox ul li span::before {
    display: none;
  }

  .timebox ul li span::after {
    display: none;
  }

  .timebox ul li div {
    width: 100%;
    text-align: left;
  }

  .timebox ul li span {
    top: 0 !important;
    padding: 0 15px;
    text-align: center !important;
    clear: both;
  }

  .timebox ul li div {
    top: 0 !important;
    padding: 0 15px;
    text-align: left !important;
    box-sizing: border-box;
  }

  .factbox {
    box-sizing: border-box;
  }

  .factlist ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  .factlist ul li {
    width: 304px;
    box-sizing: border-box;
    margin-bottom: 30px;
    background-size: cover !important;
  }

  .portboxdetail {
    display: block;
  }

  .scroll_main {
    display: none;
  }

  .chartbox {
    line-height: 30px;
    height: auto;
    text-align: left;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 18px;
  }

  .chartbox span {
    display: block;
  }

  .abouttext {
    font-size: 30px;
  }

  .portright p {
    font-size: 16px;
  }

  .newstable ul li .newsimgbox {
    width: 100%;
    height: auto;
  }

  .newstext h3 {
    font-size: 20px;
  }

  .wantedbox {
    height: auto;
  }

  .resetitle {
    font-size: 24px;
    padding: 0 20px;
    line-height: 40px;
  }

  .researchnews .resetitle {
    padding: 9px 0 0 0;
    margin-bottom: 0px;
  }

  .fipsbox dl dt p {
    font-size: 18px;
    line-height: 24px;
  }

  .fipsbox dl dd ul {
    height: auto;
    padding: 0 10px;
    align-items: flex-start;
  }

  .bighfips {
    padding: 20px 0 35px;
  }

  .resenews ul {
    align-items: flex-start;
  }

  .resetips span {
    font-size: 18px;
  }

  .facililbox .facilitieslsit ul {
    padding: 0 10px;
  }

  .studybox dl dd h3 {
    font-size: 20px;
  }

  .islandtable ul li {
    width: 50%;
    box-sizing: border-box;
  }

  .islandtable ul li:nth-child(5n) {
    border-right: none;
    border-right: 1px dashed #156AEC;
  }

  .islandtable ul li:nth-child(6),
  .islandtable ul li:nth-child(7),
  .islandtable ul li:nth-child(8),
  .islandtable ul li:nth-child(9),
  .islandtable ul li:nth-child(10) {

    border-bottom: 1px dashed #156AEC;

  }

  .wanteleft {
    width: 100%;
    height: auto;
  }

  .wantright {
    position: relative;
    width: 100%;
  }

  .wantright img {
    width: 100%;
  }

  .wantlist ul li {
    overflow: hidden;
    padding: 20px;
    height: auto;
    line-height: 30px;
  }

  .wantlist ul li a {
    line-height: 32px;
  }

  .inchina {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    line-height: 120px;
    font-size: 21px;
    height: 120px;
    background-size: cover;
  }

  .islandtitle {
    font-size: 16px;
  }

  .islandtext {
    padding: 0 20px;
  }

  .guidelinelist ul {
    flex-wrap: wrap;
    padding: 0 10px;
  }

  .guidetext {
    height: auto;
  }

  .guidelinelist ul li {
    width: 100%;
    padding: 20px 40px;
    box-sizing: border-box;
    margin-bottom: 20px;
  }

  .guidelinelist ul li h3 {
    text-align: right;
  }

  .guidetext {
    font-size: 18px;
    line-height: 28px;
  }

  .headbg {
    display: none;
  }

  .whatmore {
    padding-top: 30px;
  }

  .whatmore a {
    width: 200px;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
  }

  .themes .indextitle {
    margin: 0 20px;
  }

  .whatimg {
    display: inline;
  }

  .newsimg {
    padding: 0 20px;
  }

  .newsimg img {
    width: 100%;
  }

  .deatilbox .newsimg p {
    line-height: 20px;
  }

  .eventimgtips p {
    height: 94px;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
  }

  .jointbox ul li {
    line-height: 28px;
    overflow: hidden;
    height: auto;
    padding: 10px 0;
    padding-right: 40px;
  }

  .jointbox ul li a {
    line-height: 28px;
  }

  .jointbox ul li a:hover {
    line-height: 50px;
    color: #C4820E;
  }

  .overseatips {
    display: none !important;
  }

  .Overseas span {
    padding: 0 5px;
  }

  .Overseas span img {
    width: 100%;
  }

  .Overseas {
    flex-wrap: nowrap;
  }

  .facililbox .resetitle {
    line-height: 30px;
  }

  .health dl,
  .teambox {
    display: block;
  }

  .teambox {
    padding: 0 15px;
  }

  .health dl dt {
    width: 100%;
    padding: 0 0;
    box-sizing: border-box;
  }

  .health dl dd {
    padding: 0 15px;
    font-size: 16px;
  }

  .timeleft {
    float: none;
    margin: 0 auto;
    padding: 0;
  }

  .timeright h3 {
    font-size: 16px;
    text-align: center;
    padding: 15px 0;
  }

  .timeright h4 {
    line-height: 28px;
    font-size: 16px;
  }

  .eventbox dl dd ol li {
    padding: 0 15px;
    box-sizing: border-box;
  }

  .eventstext {
    font-size: 14px;
    line-height: 24px
  }

  .Upcomingevent {
    padding-top: 20px;
  }

  /******/
}

@media screen and (max-width: 560px) and (min-width: 320px) {
  .whatlist ul li {
   width: 100%;
   margin-bottom: 20px;
  }
}