@charset "utf-8";
/*css comment*/
*,*:before,*:after{
	margin:0;
	padding:0;
	outline:none;
	list-style:none;
	text-decoration:none;
	blr:expression(this.onFocus=this.blur());
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@font-face{
	font-family:'DIMMed';
	src:url('/css/../fonts/DIMMed.eot');
	src:url('/css//css/../fonts/DIMMed.eot?#iefix') format('embedded-opentype'),
		url('/css/../fonts/DIMMed.woff') format('woff'),
		url('/css/../fonts/DIMMed.ttf') format('truetype'),
		url('/css/../fonts/DIMMed.svg#DIMMed') format('svg');
	font-weight:normal;
	font-style:normal;
}   
body,html{
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	background:#ffffff;
	font-family:"sans-serif", Arial;
	color:#333;
	font-size:16px;
	line-height:1.50;
	word-wrap: break-word;
}
img{
	border:none;
	display:inline-block;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
	_width:auto;
}
button,input,textarea,select{
	border:none;
	background:none;
	font-size:16px;
	vertical-align:middle;
	color:#333;
	font-family:Arial;
}
select{ border:inherit; background:inherit;}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
em,i{font-style:normal;}
a:focus,input,select{outline:none;}
.clearfix{*zoom:1;}
.clearfix:after{content:"\200B";display:block;clear:both;height:0;}
input[type="submit"],input[type="reset"],input[type="button"],button,select{ 
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance:none;
}
select::-ms-expand { display: none; }
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover{opacity:0.90;}
h1,h2,h3,h4,h5,h6{font-weight:normal; padding:0; margin:0; font-size:16px; line-height:1.25; }
p,ul,ol{margin:0;}
header,main,footer,section{display:block;}

/*browserupgrade*/
.browserupgrade{display:block;position:fixed;top:-60px;opacity:0;left:0;margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#ffffff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee}
.browserupgrade a.upgrade_close{display:block;position:absolute;top:0;right:0;z-index:10;width:60px;line-height:60px;text-align:center;color:#ffffff;font-size:40px;text-decoration:none;cursor:pointer;}
/*owl-carousel*/
.owl-carousel .owl-dots{width:100%; text-align:center; margin-top: 40px;}
.owl-carousel .owl-dots .owl-dot{display:inline-block;vertical-align:middle; margin:0 5px; width:10px;height:10px; border-radius:50%; background: #476db2; opacity: .20;}
.owl-carousel .owl-dots .owl-dot.active{background:#476db2; opacity: 1;}

/*===================common========================*/
/*bgImg*/
.bgImg{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover; transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease;}
.bgImg img{display:none;}
/*table*/
.table{display:table;width:100%;height:100%;}
.cell{display:table-cell;vertical-align:middle;}
/*img_box*/
.img_box{display:block; position:relative; height:0; overflow:hidden; padding-top:100%;}
.img_box img{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
/*ico_box*/
.ico_box{position:relative;display:block;overflow:hidden;height:0;padding-top:100%;}
.ico_box img{display:block;margin:auto;position:absolute;top:-9999px;right:-9999px;bottom:-9999px;left:-9999px;width:auto;height:auto;max-width:100%;max-height:100%;}
/*single*/
.single{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:22px; max-height:22px;}
/*des*/
.des{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-line-break:auto;-webkit-box-orient:vertical;line-height:22px;max-height:44px;}
/*flex*/
.flex{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;}
/*typo*/
.typo .blink {
  display: inline-block;
}  
.typo:hover .blink{
  -webkit-animation-name: textLink;
  animation-name: textLink;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.typo:hover .blink:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.typo:hover .blink:nth-of-type(2) {
  -webkit-animation-delay: 30ms;
  animation-delay: 30ms;
}
.typo:hover .blink:nth-of-type(3) {
  -webkit-animation-delay: 60ms;
  animation-delay: 60ms;
}
.typo:hover .blink:nth-of-type(4) {
  -webkit-animation-delay: 90ms;
  animation-delay: 90ms;
}
.typo:hover .blink:nth-of-type(5) {
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}
.typo:hover .blink:nth-of-type(6) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.typo:hover .blink:nth-of-type(7) {
  -webkit-animation-delay: .18s;
  animation-delay: .18s;
}
.typo:hover .blink:nth-of-type(8) {
  -webkit-animation-delay: .21s;
  animation-delay: .21s;
}
.typo:hover .blink:nth-of-type(9) {
  -webkit-animation-delay: .24s;
  animation-delay: .24s;
}
.typo:hover .blink:nth-of-type(10) {
  -webkit-animation-delay: .27s;
  animation-delay: .27s;
}
.typo:hover .blink:nth-of-type(11) {
  -webkit-animation-delay: .30s;
  animation-delay: .30s;
}
.typo:hover .blink:nth-of-type(12) {
  -webkit-animation-delay: .33s;
  animation-delay: .33s;
}
.typo:hover .blink:nth-of-type(13) {
  -webkit-animation-delay: .36s;
  animation-delay: .36s;
}
.typo:hover .blink:nth-of-type(14) {
  -webkit-animation-delay: .39s;
  animation-delay: .39s;
}
.typo:hover .blink:nth-of-type(15) {
  -webkit-animation-delay: .42s;
  animation-delay: .42s;
}
.typo:hover .blink:nth-of-type(16) {
  -webkit-animation-delay: .45s;
  animation-delay: .45s;
}
.typo:hover .blink:nth-of-type(17) {
  -webkit-animation-delay: .48s;
  animation-delay: .48s;
}
.typo:hover .blink:nth-of-type(18) {
  -webkit-animation-delay: .51s;
  animation-delay: .51s;
}
.typo:hover .blink:nth-of-type(19) {
  -webkit-animation-delay: .54s;
  animation-delay: .54s;
}
.typo:hover .blink:nth-of-type(20) {
  -webkit-animation-delay: .57s;
  animation-delay: .57s;
}
@-webkit-keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
@keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}

/*title_effect*/ 
.title_effect .letter {
	display: inline-block;
	-webkit-transform: rotateX(-60deg) skewX(6deg);
	transform: rotateX(-60deg) skewX(6deg);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	opacity: 0
} 
.my_textLink2{
	-webkit-animation-name: textLink2;
	  animation-name: textLink2;
	  -webkit-animation-duration: .3s;
	  animation-duration: .3s;
	  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
} 
@-webkit-keyframes textLink2 {
  to{
	 -webkit-transform: none;
	transform: none;
	transition: opacity .4s linear, -webkit-transform .3s linear;
	transition: opacity .4s linear, transform .3s linear;
	transition: opacity .4s linear, transform .3s linear, -webkit-transform .3s linear;
	opacity: 1
  }
}
@keyframes textLink2 {
  to{
	 -webkit-transform: none;
	transform: none;
	transition: opacity .4s linear, -webkit-transform .3s linear;
	transition: opacity .4s linear, transform .3s linear;
	transition: opacity .4s linear, transform .3s linear, -webkit-transform .3s linear;
	opacity: 1
  }
}


/*===================header========================*/
.inner{padding:0 15px; width:100%; max-width:1230px; margin:0 auto;}
header{ position:fixed; left:0;top:0;z-index:1003; width:100%; background: #ffffff; } 
/*=====header_top=====*/
.header_top{ height: 45px; line-height: 45px; background: #273d67; color: rgba(255,255,255, .50); text-align: right;}  
.top_links{ display:inline-block; vertical-align: top; }
.top_links li{ float:left; position: relative;}
.top_links li a.t_a0{ display:block; color: rgba(255,255,255, .50); padding: 0 15px;
	transition: all 0ms ease;
    -webkit-transition: all 0ms ease;
    -moz-transition: all 0ms ease;
}
.top_links li a.t_a0 img{ display:inline-block; vertical-align: middle; margin-right: 8px;}
.top_links li a.link_log{ padding-right:30px;}
.log_subclass{ position:absolute; top:100%; left:0; z-index: 2; background: rgba(30,50,89, .80); text-align: left; min-width: 150px; padding: 0 15px; display:none;}
.log_subclass a{ display:block; border-bottom: 1px solid rgba(255,255,255, .30); color: #ffffff;}
.log_subclass a:hover{ text-decoration:underline;}
.top_links li:hover a.t_a0{ background:rgba(30,50,89, 1); color: rgba(255,255,255, 1);}
.top_links li:hover .log_subclass{ display:block;}
.top_search{ display:inline-block; vertical-align: top; position: relative; width:200px; height: 45px; background: #354b74;}
/*input.top_search_txt, input.top_search_btn{ transition:all 0s 0s linear!important;}*/
input.top_search_txt{ display: block; width:100%; padding:0 50px 0 20px; font-size: 12px; height: 100%; color: #ffffff;}
input.top_search_txt::-moz-placeholder { color: rgba(255,255,255, .50);}
input.top_search_txt:-ms-input-placeholder { color:rgba(255,255,255, .50);}
input.top_search_txt::-webkit-input-placeholder { color:rgba(255,255,255, .50);} 
input.top_search_btn{ display:block; position: absolute; top:0; right:0; z-index:1; text-indent:-9999px; cursor:pointer; width:50px; height: 100%; background: url(/css/../images/header_ico04.png) center center no-repeat; background-size: 16px;
	transition: all 0ms ease;
    -webkit-transition: all 0ms ease;
    -moz-transition: all 0ms ease;
}
input.top_search_btn:hover{ background-color:rgba(255,255,255, .10);}
/*=====header_bot=====*/
.header_bot{ height:90px; line-height: 90px;}
.logo{ float:left;}
.logo img{ display:block; height: 50px; width:auto; margin-top: 20px;}
/*nav*/
.nav{ float:right; position: relative;}
.nav_list{ margin:0 -22px;}
.nav_list li{ float:left; position: relative; transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease;}
.nav_list li a.n_a0{ display:block; position: relative; padding: 0 18px; font-weight:bold; }
.nav_list li a.n_a0:before{ content:""; position: absolute; bottom:0; left:50%; width:0; height: 2px; background:#476db2; }
.nav_list li:hover a.n_a0, 
.nav_list li.current a.n_a0{ color: #476db2;}
.nav_list li:hover a.n_a0:before, 
.nav_list li.current a.n_a0:before{ left:0; width:100%;}
/*subclass*/
.subclass{ position: absolute; top:100%; left:50%; transform: translateX(-50%); width:100%; min-width: 200px; font-size: 14px; background: #ffffff; text-align: center; line-height: normal; display:none; } 
.subclass a{ display:block; border-bottom: 1px solid rgba(0,0,0, .05); line-height: 18px;  padding:10px 0; } 
.subclass a:hover{ color: #476db2;}
.nav_list li:hover .subclass{ display:block; }
@media(min-width: 992px){ 
	.subclass,
	.log_subclass{ -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
}
/*menu_phone*/
.menu_phone{cursor:pointer;position:absolute; top:0; right:-10px; width:50px;height:50px; display:none;}
.menu_phone span{display:block;width:30px;height:24px;position:absolute;top:50%;left:50%;margin:-12px 0 0 -15px;}
.menu_phone i{display:block;width:100%;height:2px;background-color:#273d67;position:absolute;top:0;}
.menu_phone i:nth-of-type(2){top:10px;}
.menu_phone i:nth-of-type(3){top:20px;}
/*.menu_active span{transform:rotate(90deg);}*/
.menu_phone.active i:nth-of-type(2){width:0;opacity:0;filter:alpha(opacity=0);}
.menu_phone.active i:nth-of-type(1),.menu_phone.active i:nth-of-type(3){top:10px;}
.menu_phone.active i:nth-of-type(1){transform:rotate(45deg);}
.menu_phone.active i:nth-of-type(3){transform:rotate(-45deg);} 
/*=====search_wrap=====*/
.search_wrap{ position: fixed; top:135px; left:0; z-index: 1003; background: rgba(0,0,0, .90); width:100%; height: 100%; max-height: 590px; color: rgba(255,255,255, .50); padding-top: 7.5%;}
.search_form{ max-width:1000px; margin: 0 auto;}
.search_tit{ margin-bottom: 25px;}
.search_box{ position: relative; border-bottom: 1px solid #ffffff;}
.search_txt{ height: 74px; color: #ffffff;}
.search_txt::-moz-placeholder {color: #ffffff;}
.search_txt:-ms-input-placeholder {color: #ffffff;}
.search_txt::-webkit-input-placeholder {color: #ffffff;} 
.search_btn{ display:block; position: absolute; top:0; right:0; z-index:1; text-indent:-9999px; cursor:pointer; border-radius:50%; width:74px; height: 74px; background: url(/css/../images/ico_search.png) center center no-repeat; background-size: 30px;}
.search_btn:hover{ background-color:rgba(255,255,255, 1); background-image: url(/css/../images/ico_search02.png);} 
/*tan_wrap*/
.tan_wrap{ position:fixed; top:0; left:0; z-index: 2000; width:100%; height: 100%; padding: 0 10px; }
.tan_box{ width:100%; height: 100%; display:flex; align-items:center;}
.tan_bg{ position:fixed; top:0; left:0; z-index: 1; width:100%; height: 100%; background: rgba(0,0,0, .50);}
.tan_con{ position: relative; z-index: 1; width:100%; margin: 0 auto; background: rgba(255,255,255, .90); max-width: 500px;}
.tan_closed{ display:block; text-indent:-9999px; position: absolute; top:0; right:0; width:55px; height: 55px; background: url(/css/../images/ico_closed.png) center center no-repeat; background-size: 15px;}
.tan_tit{ background: #466db1; color: #ffffff; padding:0 20px; line-height:55px;}
/*=====wrap_log=====*/
.log_box{ width:90%; margin: 0 auto; padding: 40px 0 60px; max-width:333px;}
.log_line{ position:relative; margin-bottom: 20px;}
.log_txt{ width:100%; height: 50px; background: #ffffff; border:1px solid #dcdcdc; padding:0 60px 0 20px;}
.log_txt::-moz-placeholder { color: rgba(51,51,51, 1); }
.log_txt:-ms-input-placeholder { color: rgba(51,51,51, 1);}
.log_txt::-webkit-input-placeholder { color: rgba(51,51,51, 1); }
.log_ico{ display:block; position:absolute; top:0; right:0; width:60px; height: 100%; background: center center no-repeat; background-size: 22px;}
.ico_user{ background-image: url(/css/../images/log_ico01.png);}
.ico_psw{ background-image: url(/css/../images/log_ico02.png);}
.log_btn{ cursor: pointer; background: #d5d5d5; text-transform:uppercase; width: 100%; height: 45px;}
.log_btn:hover{ background: #466db1; color: #ffffff;}
.verification_txt{ display:block; float:left; width:57.6%; padding-right: 0!important; }
.verification_txt::-moz-placeholder { color: rgba(51,51,51, .40); }
.verification_txt:-ms-input-placeholder { color: rgba(51,51,51, .40);}
.verification_txt::-webkit-input-placeholder { color: rgba(51,51,51, .40); }
.verification_pic{ cursor: pointer; overflow: hidden; background: #d0d6e2; width:42.4%; height: 50px;}
.verification_pic img{ max-height: 100%; width:auto; display:block; margin: 0 auto;}

/*===================footer========================*/
footer{background:#273d67; color:rgba(255,255,255, .20); padding-top: 55px;}
footer a{ color:rgba(255,255,255, .20);}
footer a:hover{ color:rgba(255,255,255, .70);}
.footer_nav{ float:left; width: 88%;}
.footer_nav li{ float:left; width:20%;}
.footer_nav li a.f_a0{ display:block; color:rgba(255,255,255, 1); margin-bottom: 16px;}
.f_subclass{ }
.f_subclass a{ display:block; line-height: 16px; padding: 5px 0; max-width: 160px;}
.footer_erweima{ float:right; max-width: 110px;}
.footer_bot{ clear:both; text-align: center; line-height: 1.72; padding: 55px 0;}
.contact_link{ display:block; color:rgba(255,255,255, 1); position: relative; font-family: "Adobe 黑体 Std"; margin-bottom: 30px;}
.contact_link:before{ content:""; position: absolute; top:50%; left:0; width:100%; height: 1px; background: rgba(255,255,255, .20);}
.contact_link span{ position: relative; z-index: 1; background:#273d67; padding: 0 18px;}
.contact_link span em{ display:inline-block; width:160px; line-height: 44px; border-radius: 25px; border:1px solid rgba(255,255,255, .20);}

/*================================================01 index=================================================*/
main{ padding-top: 135px; min-height: 600px; } 
/*focus_wrap*/
.focus_wrap{ height: 590px; }

.focus_wrapfortop {
	height: 150px;
	background-color: #566683;
} 

#focus_scr{ overflow:hidden; display:block; animation:1s .2s fadeIn both; opacity: 1;}
#focus_scr, #focus_scr .owl-stage-outer,#focus_scr .owl-stage,#focus_scr .owl-item,#focus_scr .item{height:100%;}
#focus_scr .item{ display:block;}
#focus_scr .bgImg{ /*height: 0; padding-top: 31%; min-height: 300px;*/}

#focus_top {
	overflow: hidden;
	display: block;
	animation: 1s .2s fadeIn both;
	opacity: 1;
}

	#focus_top, #focus_top .owl-stage-outer, #focus_top .owl-stage, #focus_top .owl-item, #focus_top .item {
		height: 100%;
	}

		#focus_top .item {
			display: block;
		}

		#focus_top .bgImg { /*height: 0; padding-top: 31%; min-height: 300px;*/
		}  
/*****************************************/
/* Push reveal */
/*****************************************/
.fxPushReveal .owl-item.animated {
  opacity: 1;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.fxPushRevealOutNext {
  -webkit-animation-name: slideOutBottom;
          animation-name: slideOutBottom;
}

.fxPushRevealInNext {
  -webkit-animation-name: slideInHalfFromTop;
          animation-name: slideInHalfFromTop;
}
.fxPushReveal .fxPushRevealInNext.owl-item {
  z-index: 5;
}

.fxPushRevealOutPrev {
  -webkit-animation-name: slideOutHalfTop;
          animation-name: slideOutHalfTop;
}

.fxPushRevealInPrev {
  -webkit-animation-name: slideInFromBottom;
          animation-name: slideInFromBottom;
}

@-webkit-keyframes slideOutBottom {
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideOutBottom {
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@-webkit-keyframes slideInHalfFromTop {
  from {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideInHalfFromTop {
  from {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slideOutHalfTop {
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes slideOutHalfTop {
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@-webkit-keyframes slideInFromBottom {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideInFromBottom {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
} 
.fxPushReveal .owl-stage {
  -webkit-transform: none !important; transform: none !important;
  width: 100% !important;
  position: relative;
  height: 0;
  border: none;
  overflow: hidden;
  display: block;
  padding-top: 31%;
  min-height: 300px;
}
.fxPushReveal .owl-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  opacity: 0;
  z-index: 10;
}
.fxPushReveal .owl-item.active {
  z-index: 20;
  opacity: 1;
}
.fxPushReveal .owl-item.owl-animated-out {
  opacity: 1;
}
.fxPushReveal .owl-item.owl-animated-in {
  opacity: 0;
}
/*****************************************/
/* Soft Scale */
/*****************************************/
.fxSoftScale .owl-item.animated{
        animation-duration: 1s;
        animation-fill-mode: forwards;
        animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); 
} 
.fxSoftScaleOutNext {
    animation-name: scaleUp;
}

.fxSoftScaleInNext {
    animation-name: scaleDownUp;
}

.fxSoftScaleOutPrev {
    animation-name: scaleDown;
}

.fxSoftScaleInPrev {
    animation-name: scaleUpDown;
}

@keyframes scaleUp {
    from {
        opacity: 1;
    }
    to {
        transform: scale(1.2);
        opacity: 0;
    }
}

@keyframes scaleDownUp {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes scaleDown {
    from {}
    to {
        opacity: 0;
        transform: scale(0.9);
    }
}

@keyframes scaleUpDown {
    from {
        transform: scale(1.2);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}


#focus_scr .owl-dots{ width:100%; position: absolute; bottom: 6.78%; left:0; z-index:10;}
#focus_scr .owl-dots .owl-dot{ width: 14px; height: 14px; background: none; border:1px solid #ffffff; opacity: 1;}
#focus_scr .owl-dots .owl-dot span{ display:none;}   
#focus_scr .owl-dots .owl-dot.active{ background: #ffffff;}
.focus_info{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%; display:flex; flex-wrap:wrap; align-items:center;color: #ffffff;}  
.focus_des{ font-weight: bold; line-height: 1.02; text-transform:uppercase; text-shadow: 4px 2px 0 rgba(0,0,0, .50), 4px 2px 0 rgba(0,0,0, .50); } 
.focus_link{ display: inline-block; background: #466db1; color: #ffffff; text-align:center; min-width: 128px; line-height: 44px; margin-top: 2.80%; transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease;}
.focus_link:hover{ background: #273d67;}
#focus_scr .owl-item.active .focus_des{animation:1s .1s fadeInUp both;}
#focus_scr .owl-item.active .focus_link{animation:1s .2s fadeInUp both;}  


/*--focus_top--*/

#focus_top .owl-dots {
	width: 100%;
	position: absolute;
	bottom: 6.78%;
	left: 0;
	z-index: 10;
}

	#focus_top .owl-dots .owl-dot {
		width: 14px;
		height: 14px;
		background: none;
		border: 1px solid #ffffff;
		opacity: 1;
	}

		#focus_top .owl-dots .owl-dot span {
			display: none;
		}

		#focus_top .owl-dots .owl-dot.active {
			background: #ffffff;
		}


#focus_top .owl-item .focus_des {
	animation: 1s .1s fadeInUp both;
	text-align:center;
	width:100%;
}


#focus_top .owl-item.active .focus_link {
	animation: 1s .2s fadeInUp both;
}  


/*=====index_sec=========*/
.index_sec{ padding: 80px 0; background: #ffffff center 0 no-repeat; background-size: cover; overflow: hidden;}
/*title01*/
.title01{ overflow:hidden; margin-bottom: 30px;}
.title01_name{ display:block; overflow: hidden; font-weight: bold; line-height: 26px;}
/*more01*/
.more01{ display:block; position: relative; float:right; text-transform:uppercase; font-size: 12px; line-height: 26px;}
.more01:before{ content:""; position: absolute; bottom: 5px; left:50%; width:0; height: 1px; background: #476db2;} 
.more01:hover{ color: #476db2;}
.more01:hover:before{ left:0; width:100%;}
/*=====index_sec01=========*/
.index_sec01{ padding-top:60px;}
.news_rec{ float:left; width:60%; margin-right: 4.17%;}
.news_rec .more01{ margin-top:-50px;}
.news_rec_tab{ border-bottom: 1px solid #eeeeee;}
.news_rec_tab li{ float:left; margin-right: 4.50%;}
.news_rec_tab li a{ display:block; position: relative; font-weight: bold; color: #cecece; line-height:20px; height: 49px;}
.news_rec_tab li a:before{ content:""; position: absolute; bottom: 0; left:50%; width:0; height: 2px; background: #133763;} 
.news_rec_tab li:hover a,
.news_rec_tab li.current a{ color: #333;}
.news_rec_tab li:hover a:before,
.news_rec_tab li.current a:before{ left:0; width:100%;}
.news_rec_block{ display:none;}
.news_rec_list{}
.news_rec_list li a{ display:block; overflow: hidden; border-bottom: 1px solid #eeeeee; padding: 26px 0;}
.news_rec_time{ display:block; float:left; font-size:14px; color: #999999; line-height: 1; transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; width: 115px;}
.news_rec_time b{ display:block; color: #476db2; text-transform:capitalize; margin-bottom: 5px;}
.news_rec_des{ height: 44px;}
.news_rec_list li a:hover{ background: rgba(218,226,240, .20); color:#476db2; }
.news_rec_list li a:hover .news_rec_time{ padding-left: 10px;}
 /*events_rec*/
.events_rec{ overflow: hidden;}
.events_rec .title01_name{ line-height: 20px;}
.events_rec_list{ position: relative;}
.events_rec_list:before{ content:""; position: absolute; top:0; left:5px; width:1px; height: 100%; border-left:1px dashed #d2d2d2;}
.events_rec_list li{ margin-bottom: 14px;}
.events_rec_list li:last-child{ margin-bottom:0!important;}
.events_rec_list li a{ display:block; overflow: hidden; position: relative; padding-left: 40px;}
.events_rec_list li a:before{ content:""; position: absolute; top:0; left:0; width:10px; height: 10px; border-radius: 5px; background: #133763;}
.events_rec_list li a:after{ content:""; position: absolute; top: 4px; left:0; width:0; height: 1px; background: #133763;} 
.events_rec_list li a:hover:after{ width:35px;}
.events_rec_list li a:hover{ color:#476db2;}
.events_rec_time{ display:block; color: #999; text-transform:capitalize; line-height: 12px; margin-bottom: 6px;}
.events_rec_origin{ color:#466db1;}
/*=====index_sec02=========*/
.index_sec02{ padding-top: 60px; padding-bottom: 40px!important; background-color: #e5eaf3; background-image: url(/css/../images/index_sec02.jpg);}
.index_sec02 .title01{ text-align:center; margin-bottom: 45px;}
#scholars_scr{ padding-bottom: 55px;}  
#scholars_scr .owl-stage{ display:flex; flex-wrap: wrap;}
#scholars_scr .item{ display:block; border-radius: 5px; border:1px solid #476db2; background: #e5eaf3; text-align: center; height: 100%; padding: 40px 10px;}  
#scholars_scr .item:before{ content:""; position: absolute; top:1px; left:0; background: #476db2; border-radius:5px 5px 0 0; width:100%; height: 40px;}
.scholars_img{ position: relative; z-index: 1; margin:0 -10px; padding: 0 10px; }
.scholars_img:before{ content:""; position: absolute; top:0; left:0; background: #476db2; width:100%; height: 50%;}
.scholars_img_box{ width: 83%; max-width: 150px; margin: 0 auto; overflow:hidden; border-radius:50%; position: relative; z-index: 1;}
.scholars_img_box .bgImg{ height:0; overflow: hidden; padding-top: 100%; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); } 
#scholars_scr .item:hover .bgImg{ transform: scale(1.10); }
.scholars_name{ display:inline-block; font-weight: bold; position: relative; margin: 20px 0;}
.scholars_name:before{ content:""; position: absolute; bottom:0; left:50%; width:0; height: 1px; background: #466db1;}
.scholars_des{ color: #656661; line-height: 18px; max-height: 110px; overflow:hidden; }
.scholars_des li{ margin-bottom: 5px;}
.scholars_des li:last-child{ margin-bottom:0!important;}
#scholars_scr .item:hover{ background:#ffffff; color:#466db1;}
#scholars_scr .item:hover .scholars_name:before{ left:0; width:100%;}
#scholars_scr .owl-nav a{ display:block; position:absolute; top:50%; transform: translateY(-50%); width:58px; height: 58px; background: center center no-repeat; background-size:18px; text-indent: -9999px;}
#scholars_scr .owl-nav a.disabled{ opacity: .50;}
#scholars_scr .owl-nav a.owl-prev{ left:-58px; background-image: url(/css/../images/arrow01_left.png);}
#scholars_scr .owl-nav a.owl-next{ right:-58px; background-image: url(/css/../images/arrow01_right.png);}
#scholars_scr .owl-dots { 
  counter-reset: slides-num; 
  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); margin: 0; width:80px; text-align: left; line-height: 22px;
}
#scholars_scr .owl-dots:before{
	content: ""; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:24px; height: 2px; background: #c9c9c9;
}
#scholars_scr .owl-dots:after {
  content: "0" counter(slides-num); 
  display: inline-block; vertical-align: middle; font-size: 18px; font-family: DIMMed; color: #b2b2b2; position: absolute; right:0;
}
#scholars_scr .owl-dot { 
  counter-increment: slides-num; 
  background: none; width:auto; height: auto; margin: 0 ;
}
#scholars_scr .owl-dot span {
  display: none;
}
#scholars_scr .owl-dot.active:before {
  content: "0" counter(slides-num) /*"of"*/; 
  display: inline-block; vertical-align: middle; font-size: 18px; font-family: DIMMed; color: #133763; position: absolute; left: 0; top: 0;
}
/*=====index_sec03=========*/
.index_sec03{}
/*index_join*/
.index_join{ float:left; width:60%; margin-right: 4.17%;}
.index_join_block{ height:285px; overflow: hidden; position: relative; background: #000;}
.index_join_block .bgImg{ opacity: .60; }
.index_join_cover{ display:block; text-align: center; width:100%; height: 100%; position: absolute; top:0; left:0; z-index: 1; color: #ffffff; text-transform:uppercase;}
.index_join_cover span{ display:inline-block; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border:1px solid rgba(255,255,255, .70); padding: 4.7% 4%; min-width: 60.84%; transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease;}
.index_join_cover span:before{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%; opacity: 0; transform: scale(0.50); background: rgba(255,255,255, .20);}
.index_join_cover span em{ display: block; position: relative; z-index: 1;} 
.index_join_block:hover .index_join_cover span:before{ opacity: 1; transform: scale(1.2);}
.index_join_block:hover .index_join_cover span em{ -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
/*index_important*/
.index_important{ overflow:hidden;}
.index_important_list{}
.index_important_list li{ float:left; width:50%;}
.index_important_list li a{ color: #ffffff; background: #617db1; height: 143px; width:100%; display:flex; align-items: center; text-align: center; text-transform: capitalize; position: relative;}
.index_important_list li a:before{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%; border:0px solid rgba(255,255,255, 0);}
.index_important_list li a span{ display:block; width:100%;}
.index_important_list li a span img{ display:block; height: 40px; width:auto; margin: 0 auto 10px;}
.index_important_list li:nth-child(2) a{ background: #2a347b;}
.index_important_list li:nth-child(3) a{ background: #466db1;}
.index_important_list li:nth-child(4) a{ background: #2c5e7c;}
.index_important_list li:hover a:before{ top:4px; left: 4px; width: -webkit-calc(100% - 8px); width: calc(100% - 8px);  height: -webkit-calc(100% - 8px); height: calc(100% - 8px); border: 1px solid rgba(255,255,255, 0.70);}

/*================================================02 About=================================================*/
/*banner_wrap*/
.banner_wrap{ background: #000; position: relative; height:380px;}
.banner_wrap .bgImg{ opacity:.56;}
.banner_cover{ position:absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; text-align: center; color: #ffffff; display:flex; align-items: center;}
.banner_tit{ margin-top: -2.50%;}
/*guide_wrap*/
.guide_wrap{ position:relative; z-index: 2; background: rgba(255,255,255, .70); margin-top: -50px; text-transform:capitalize;}
.guide_nav{}
.guide_nav li{ float:left; position: relative; }
.guide_nav li a{ display:block; padding-left: 30px; padding-right: 30px;}
.guide_nav li a.g_a0{ line-height: 50px; border-right: 1px solid #bfbfbf;}
.guide_nav li:first-child a.g_a0{ border-left: 1px solid #bfbfbf;}
.guide_nav li:hover a.g_a0, 
.guide_nav li.current a.g_a0{ background: #7a8eb2; color: #ffffff;}
.g_subclass{ position:absolute; top:100%; left:0; z-index: 1; min-width: 390px; background: rgba(240,240,240, .80); border:1px solid #e4e5e6; display:none;}
.g_subclass a{ border-bottom: 1px solid #e4e5e6; padding-top: 13px; padding-bottom: 13px;}
.g_subclass a:last-child{ border:none;}
.g_subclass a:hover{ color: #7a8eb2; }
.guide_nav li:hover .g_subclass{ display:block;}
@media(min-width: 992px){ 
	.g_subclass{ -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both;}
}
/*local_wrap*/
.local_wrap{ overflow: hidden; line-height: 22px; padding:34px 0;}
.local{ float:right; color: #ababab; margin: 0 -7px;}
.local a{ display:inline-block; padding: 0 7px; color: #ababab;}
.local a:hover,
.local a.current{ color:#333;}
/*con_wrap*/
.con_wrap{ padding-bottom: 80px;}
/*=====president=========*/
.president{}
.president_left{  /*float:left;width:64.17%; margin-right: 20px;  width: -webkit-calc(100% - 430px); width: calc(100% - 430px);*/ overflow: hidden; background: #f4f5f7; line-height: 1.875; padding: 50px 30px;}
.president_tit{ margin-bottom:25px;}
.president_right, .president_survey{ width:410px;}
.president_right{ float:right; min-height: 100px; margin-left: 20px; position: relative;}
/*.fixed_box{ position:absolute; top:0;}*/
.president_survey{ background: #f4f5f7; line-height: 1.875; padding: 20px 20px 40px;}
/*=====organization=========*/
.organization{ border-top:1px solid #e5e5e5; padding-top: 50px;}
.organization_tit{ text-align:center; font-weight: bold; margin-bottom: 30px;}
.organization_map{ display:block; margin: 0 auto;}
/*=====academic=========*/
.academic_list{ margin: -15px -20px; }
.academic_list li{ float:left; width:50%; padding: 15px 20px;}
.academic_list li a{ display:block; background: #f3f3f3; color: #666; height: 190px; padding: 30px;}
.academic_tit{ font-weight: bold; color: #476db2; display:inline-block; position: relative; transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; margin-bottom: 12px;}
.academic_tit:before{ content:""; position: absolute; bottom: 0; left:0; width:0; height: 1px; background: #ffffff;}
.academic_des{ -webkit-line-clamp:4; line-height:24px; max-height: 96px;}
.academic_list li a:hover{ background: #476db2; color: rgba(255,255,255, .70);}
.academic_list li a:hover .academic_tit{ color:#ffffff;}
.academic_list li a:hover .academic_tit:before{ width:100%;}
/*=====contact=========*/
.contact{}
.contact_block{ margin-bottom: 60px;}
.contact_block:last-child{ margin-bottom: 0!important;}
.contact_map{ border:1px solid #e5e5e5;}
.contact_map img{ display:block;}
.contact_info{ overflow: hidden; border:1px solid #d2d2d2; background: #e6eaf3; padding: 50px 50px 60px 0;}
.info_tit{ float:left; position: relative; font-weight: bold; color: #273d67; width:25.42%; min-width: 150px; padding:2.10% 0 2.10% 3.50%; margin-right: 6%;}
.info_tit em{ display:block; position: relative; z-index: 1;}
.info_tit i{ display:block; position: absolute; top:0; left:0; width:0; height: 100%; background: #d3dbe6; /*#e8c419*/}
.info_show{ overflow: hidden; line-height: 2; max-width: 710px; padding-top: 2%;}
.info_item{ font-weight: bold;}
.my_move01 {
	-webkit-animation: 1s .2s move01 both;
	animation: 1s .2s move01 both;
}
@-webkit-keyframes move01 {
	0% { width:0;}
	100% { width:100%; }
}
@keyframes move01 {
	0% { width:0;}
	100% { width:100%; }
}
.contact_leave{}
.leave_tit{ text-align:center; text-transform:uppercase; margin-bottom: 30px;}
.leave_form{ margin: -10px -15px;}
.leave_line{ float:left; width:50%; padding: 10px 15px;}
.leave_line.w100{ clear: both; width:100%!important;}
.leave_txt{ display:block; width:100%; border:1px solid #d2d2d2; height: 60px; padding: 15px 15px 15px 30px;}
.leave_txt:focus{ box-shadow: 0 0 10px 2px rgba(0,0,0, .06);}
.leave_yu{ resize: none; height:306px; padding-top: 30px; line-height: 1.70;}
.leave_txt::-moz-placeholder { color: #333; }
.leave_txt:-ms-input-placeholder { color: #333;}
.leave_txt::-webkit-input-placeholder { color: #333; }
.leave_handle{ text-align:center;}
.leave_btn{ display: inline-block; vertical-align: middle; margin:10px 10px 0; cursor: pointer; text-transform:uppercase; background: #7a8eb2; color: #ffffff; width:180px; height: 60px;}
.leave_btn:hover{ background: #273d67;}
/*=====join=========*/
.join_category{}
.category_tit{ float:left; margin-right: 18px; line-height: 30px;}
.category_r{ overflow:hidden;}
.category_sel{ min-width: 60px; padding: 0 10px; height: 30px; border:1px solid #dcdcdc; text-align: center; text-align-last: center; color:#999;}
/*join_post*/
.join_post{ margin-top: 40px;}
.post_list{ margin: -15px; overflow: hidden;}
.post_list li{ float: left; width:33.33%; padding: 15px;}
.post_list li a{ display:block; position: relative; background: #f4f4f4; height: 190px; padding: 35px 80px 40px 40px;}
.post_tit{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-break:auto; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 30px; height: 60px;}
.post_time{ margin-top: 45px;}
.post_more{ display:block; text-indent: -9999px; overflow: hidden; position: absolute; bottom: 0; right:0; width:50px; height: 50px; background: #d3dbe6 /*#e7c333*/;}
.post_more:before, 
.post_more:after{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%; background: url(/css/../images/ico_apply01b.png) center center no-repeat; background-size: 27px;}
.post_more:after{ left:-100%;}
.post_list li a:hover{  background: #273d67; color:#ffffff; box-shadow: 0 0 68px 14px rgba(5,0,0, .04);}
.post_list li a:hover .post_more:before{ left:100%;}
.post_list li a:hover .post_more:after{ left:0;}
/*page*/
.page{ text-align:center; margin-top: 50px;}
.page a{ display:inline-block; vertical-align: middle; line-height: 33px; min-width: 35px; background: #ffffff center center no-repeat; background-size: 12px; border:1px solid #e5e5e5; margin: 0 -3px; color: #273d67; }
.page a:hover, .page a.current{ color: #e5e5e5;}
.page a.page_prev{ text-indent:-9999px; background-image: url(/css/../images/arrow02_left.png);}
.page a.page_next{ text-indent:-9999px; background-image: url(/css/../images/arrow02_right.png);}
/*join_video*/
.join_video{ max-width: 1040px; margin: 50px auto; background: #000; }
/*join_life*/
.join_life{ background: #e5eaf3; padding: 60px 0;}
.lift_tit{ font-weight: bold; text-align: center; margin-bottom: 40px;}
#life_scr{}
#life_scr .owl-stage{ display:flex; flex-wrap: wrap;} 
#life_scr .item{ display:block; height: 100%; background: #ffffff;}
.life_img{ overflow:hidden;}
.life_img .bgImg{ height:0; overflow: hidden; padding-top: 75%; transition: transform 5s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.life_info{ padding:30px 30px 60px;}
.life_item{ text-align:center; line-height: 1.33; margin-bottom: 25px;}
.life_item b{ display:block;}
.life_des{ color: #666; line-height: 1.50;}
#life_scr .item:hover{ box-shadow: 0 0 68px 14px rgba(5,0,0, .04); color: #476db2;}
#life_scr .item:hover .life_img .bgImg{ transform: scale(1.10);}
/*main_post*/
.main_post{ background: #f7f7f7;}
.post_detail{ min-height: 500px; padding:50px; background: #ffffff; line-height: 1.90;}
.post_detail_top{ border-bottom: 1px solid #e5e5e5; padding-bottom: 35px; margin-bottom: 35px;}
.post_detail_tit{ font-weight:bold; color: #333; margin-bottom: 10px;}
.post_detail_time{ float:left; color: #666; line-height: 40px;}
.apply_btn{ display: inline-block; float:right; background: #d3dbe6 /*#e7c333*/; color: #273d67; border-radius: 4px; line-height: 40px; padding: 0 22px;}
.apply_btn em{ display:inline-block; padding-left: 34px; background: url(/css/../images/ico_apply02b.png) left center no-repeat; background-size: 24px;}
.apply_btn:hover{ background: #476db2; color: #fff; } 
.apply_btn:hover em{ background-image: url(/css/../images/ico_apply02.png);}
/*wrap_upload*/
#wrap_upload .tan_con{ background: #ffffff; border-radius:5px; max-width: 700px;}
#wrap_upload .tan_closed{ top:-10px; left:100%;}
.upload_box{ padding:30px;}
.upload_handle{ background: #f3f3f3; border:1px dashed #bfbfbf; padding: 20px; height: 230px; margin-bottom: 30px;}
.upload_tip{ line-height: 1.875; color: rgba(51,51,51, .30);}
.upload_file{ position:relative; width:62.5%; max-width: 215px; margin: 40px auto 0;}
.file_cover{ display:block; background: #e5e5e5; border:1px solid #d2d2d2; text-align:center; border-radius: 5px; line-height: 38px;}
.file_initial{ position:absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; opacity: 0;  cursor: pointer; }
.upload_file:hover .file_cover{ background: #7a8eb2; color: #ffffff;}
.verification_code{ float:left; max-width: 330px; margin-bottom: 0!important;} 
.upload_submit{ cursor: pointer; display:block; background: #7a8eb2; color: #ffffff; float:right; width:130px; height: 50px;}

/*================================================03 Research=================================================*/
/*=====Research divisions=========*/
.research_guide{ display:flex; flex-wrap: wrap; border:1px solid #d2d2d2; margin-bottom: 60px; }
.research_guide li{ float:left; width:25%;}
.research_guide li a{ display:flex; align-items: center; text-align: center; position: relative; height: 100%; color: #999; border-left:1px solid #d2d2d2; padding: 20px 0;}
.research_guide li:first-child a{ border:none;}
.research_guide li a:before{ content:""; position: absolute; bottom: 0; left:50%; width:0; height: 1px; background: #476db2;}
.research_guide li a em{ display:block; width:100%;}
.research_guide li:hover a{ color: #476db2; }
.research_guide li.current a{ box-shadow:0 8px 16px 0 rgba(0,0,0, .10); color: #476db2; font-weight: bold;}
.research_guide li:hover a:before,
.research_guide li.current a:before{ left:0; width: 100%;}
#system_guide li{ width: 50%;}
#divisions_guide_pc{ }
#divisions_guide_phone{ display:none;}
/*divisions*/
.divisions{ padding-bottom: 60px;} 
.divisions_tit{ margin-bottom: 20px;}
.divisions_left{ float:left; border-top:1px solid #d2d2d2; width: 71.67%; margin-right: 3.33%;}
.divisions_block{ margin-top:50px; line-height:2;}
.divisions_item{ margin-bottom: 15px;}
.divisions_des{ padding-left: 20px;} 
.divisions_des a{ display: inline-block; position: relative;}
.divisions_des a:before{ content:""; position: absolute; top:50%; left:0; width: 4px; height: 4px; background: transparent;}
.divisions_des a:hover{ color: #476db2; padding-left: 14px;}
.divisions_des a:hover:before{ background: #476db2;}
.divisions_right{ overflow:hidden;}
.divisions_team{ background: #e6eaf3; padding: 30px; line-height: 1.875;}
.team_item{ font-weight:bold; margin-bottom: 10px;}
.divisions_team a{ position: relative; display:inline-block;}
.divisions_team a:before{ content:""; position: absolute; top:80%; left:50%; width:0; height: 1px; background: #476db2;}
.divisions_team a:hover{ color:#476db2;} 
.divisions_team a:hover:before{ left:0; width: 100%;}

/*=====Support System=========*/
.equipments{ padding: 60px 0; background: #f5f5f5;}
.equipments_tit{ margin-bottom: 20px;}
.equipments_list{ display:flex; flex-wrap: wrap; margin: -18px -24px;}
.equipments_list li{ float:left; width:25%; padding:18px 24px; text-align: center;}
.equipments_list li a{ display:block; height: 100%;}
.equipments_img{ overflow: hidden; margin-bottom: 15px; background-color: #ffffff; border:1px solid #dcdcdc;}
.equipments_img .bgImg{height:0; padding-top: 75%; background-position: center bottom;   
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
.equipments_list li a:hover .equipments_img .bgImg{ 
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.equipments_list li a:hover{ color: #476db2;} 
/*=====Technology Transfer=========*/
.spectroscopy{ padding-bottom: 60px; line-height: 1.875;}
.technology_tit{ border-bottom: 1px solid rgba(0,0,0, .10); padding-bottom: 20px; margin-bottom: 25px;}
.spectroscopy_item{ }
.spectroscopy_subtitle{ color:#476db2; margin-top: 10px;}
.spectroscopy_about{ display:flex; flex-wrap: wrap; position: relative; background: #f1f1f1; margin-top: 40px; margin-bottom: 60px;}
.spectroscopy_about dt{ float:left; width:50%;}
.spectroscopy_about dt .img_box{ padding-top:66.67%;}
.spectroscopy_about dd{ position: absolute; top:0; right:0; width:50%; height: 100%; display:flex; align-items: center; padding: 3.5% 2.5% 3.5% 6.5%; }
.spectroscopy_about_overview{ width:100%; max-height: 100%; overflow: hidden;}
.spectroscopy_about_tit{ margin-bottom: 15px;}
/*research_team*/
.research_team{ overflow: hidden; padding: 60px 0; background: url(/css/../images/research_team01.jpg) center top repeat; color: #ffffff;}
.research_team a{ color: #ffffff;}
.research_team .technology_tit{ border-color: rgba(255,255,255, .20);}
.team_show{ display:flex; flex-wrap: wrap; margin: 22px -6px -18px;}
.team_show li{ float:left; width:14.285%;}
.team_show li a{ display:block; padding:18px 6px;}
.team_show li a em{ display:inline-block; position: relative;}
.team_show li a em:before{ content:""; position: absolute; bottom: 0; left:0; width:0; height: 1px; background: #ffffff;}
.team_show li a:hover em:before{ width:100%;}
/*representative_publications*/
.representative{ background: #efefef; padding: 60px 0; }
.representative .technology_tit{ padding-bottom: 0; border:none; }
.representative_list{ line-height: 1.5; }
.representative_list li{ margin-top: 25px;}
.load_more{ text-align:center; margin-top: 50px;}
.load_more a{ cursor: pointer; display: inline-block; line-height: 26px; padding-left: 34px; background: url(/css/../images/ico_load.png) left center no-repeat; background-size: 24px;}
/*=====publications Transfer=========*/
.publications_year{ width:110px; height: 40px; border:1px solid #d2d2d2; box-shadow:inset 1px 1px 1px 0 rgba(0,0,0, .15); position: relative;}
.publications_year:before{ content:""; position: absolute; top:0; right:0; width:30px; height: 100%; background: url(/css/../images/ico_sel.png) center center no-repeat; background-size: 10px;}
.year_sel{ cursor: pointer; width:100%; height: 100%; border:none; position: relative; z-index: 1; padding-left: 20px; color: #999; }
.publications_list{ margin-top: 40px; font-family: Microsoft YaHei, "微软雅黑"; }
.publications_list li{}
.publications_list li a{ display:block; line-height: 1.875; padding: 2.71% 3.50%;}
.publications_list li:nth-child(odd) a{ background: #e6eaf3;}
.publications_list li:hover a{ background: #476db2; color: #ffffff;}
/*=====Virtual Library=========*/ 
.journals{}
.journals_tit{ color:#999;}
.journals_tab{ margin-top: 40px; }
.journals_tab li{ position: relative; padding-left: 14px; line-height: 24px; margin-bottom: 25px;}
.journals_tab li:last-child{ margin-bottom:0!important;}
.journals_tab li:before{ content:""; position: absolute; top:8px; left:0; width:4px; height: 4px; background: #333;}
.journals_tab li a{ display:inline-block; position: relative; padding-bottom: 10px;}
.journals_tab li a:before{ content:""; position: absolute; bottom:0; left:0; width:0; height: 4px; background: #e6c143;}
.journals_tab li:hover a:before,
.journals_tab li.current a:before{ width:100%;}
.journals_block{ margin-top: 40px; display:none;
	-webkit-animation: 1s .2s fadeIn both;
	animation: 1s .2s fadeIn both;
}
.journals_list{ margin: 0 -21px;}
.journals_list li{ float:left; width:50%; padding:0 35px;}
.journals_list li a{ display:block; position: relative; line-height: 3; border-bottom: 1px dashed #bfbfbf; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.journals_list li a:before{ content:""; position: absolute; top:50%; margin-top: -2px; left:-10px; width:4px; height: 4px; background: #476db2;}
.journals_list li a:hover{ color: #476db2; padding-left: 14px;}
.journals_list li a:hover:before{ left:0;}

/*================================================05 People=================================================*/
.people_list{ overflow: hidden; margin: -15px -20px;}
.people_list li{ float:left; width:50%; padding: 15px 20px;}
.people_list li a{ display:block; overflow: hidden; background: #f5f5f5; padding: 20px;}
.people_img{ float:left; width:180px; overflow: hidden; background: #ffffff; margin-right: 20px;}
.people_img .bgImg{ height:0; padding-top: 118.34%;}
.people_info{ overflow:hidden;}
.people_name{ font-weight: bold; color: #476db2; display:inline-block; position: relative; margin: 10px 0;}
.people_name:before{ content:""; position: absolute; bottom:0; left:0; width:0; height: 1px; background: #476db2;}
.people_info .des{ color:#666; line-height: 24px; max-height: 120px; -webkit-line-clamp: 5;}
.people_list li a:hover{ box-shadow:0 0 15px 5px rgba(0,0,0, .08);}
.people_list li a:hover .people_name:before{ width:100%;}
/*people_photo*/
.people_photo, .photo_box{ width:250px;}
.people_photo{ float:left; min-height: 100px; margin-right: 5%; position: relative;}
.photo_box{ padding-right: 20px; position: relative; top:0; }
.photo_box.fixed {position:fixed; top: 0; }
.photo_dec{ content:""; position: absolute; bottom: -20px; right:0; width: 39%; height: 43%; background: #273d67;}
.people_photo .bgImg{ height: 0; padding-top: 133.04%; position: relative; z-index: 1;}
.people_detail{ overflow:hidden; line-height: 1.875; color: #666; }

.people_tit{ font-weight: bold; color: #476db2; margin-bottom: 25px;}
.people_base{ color: #333;}
.people_base_text{ float:left; width:60%;}
.people_positions{ display:block; float:right; background: #d3dbe6 /*#e7c333*/; color: #273d67; text-align: center; padding:1.69% 4.25%; max-width: 212px; }
.people_positions:hover{ background: #476db2; color: #fff; }
.people_item{color: #333; margin-bottom: 6px;}
.people_relevant{ margin-top: 40px; line-height: 1.5;}
.people_relevant a{ display:block; overflow:hidden; position: relative; color: #2a5dbd; text-decoration:underline;}
.people_relevant a:before{ content:""; position: absolute; top:50%; margin-top: -2px; left:-10px; width:4px; height: 4px; background: #476db2;}
.people_relevant a:hover{ padding-left: 14px;}
.people_relevant a:hover:before{ left:0;}

/*================================================06 News=================================================*/
.news_list{ border-top:1px solid #e5e5e5;}
.news_list li a{ display:block; overflow: hidden; color: #666; padding: /*60px 0 40px*/ 5% 0 3.34%; border-bottom:1px solid #e5e5e5;}
.news_img{ float:left; overflow: hidden; background: #e5e5e5; width:300px; margin-right: 3.33%;}
.news_img .bgImg{ height: 0; padding-top: 66.67%; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.news_list li a:hover .news_img .bgImg{ transform: scale(1.1); } 
.news_info{ overflow: hidden;}
.news_tit{ line-height:30px; max-height:60px; color: #333; transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease;}
.news_des{ line-height: 24px; max-height: 72px; -webkit-line-clamp: 3; margin-top: 16px;}
.news_time{ margin-top: 4%;}
.news_more{ margin-top: 4%; display:block; overflow: hidden; float:right; position: relative; line-height: 24px; padding-left:26px; transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease;}
.news_more:before, .news_more:after{ content:""; position: absolute; top:50%; left:0; transform: translateY(-50%); width:18px; height: 18px; background: url(/css/../images/ico_more.png) left center no-repeat; background-size: 18px;}
.news_more:after{ left:-100%; opacity:0;}
.news_list li a:hover .news_tit{ color: #476db2;}
.news_list li a:hover .news_more{ color: #476db2 /*#e7c333*/;}
.news_list li a:hover .news_more:before{ background-position: 18px center;}
.news_list li a:hover .news_more:after{ left: 0; opacity:1;}
/*article*/
.article{ background: #ffffff; padding: 4%; min-height: 600px;}
.article_top{ border-bottom:1px solid #e5e5e5; padding-bottom: 25px; margin-bottom: 25px; }
.article_tit{ font-weight:bold; line-height: 1.50;}
.article_time{ color: #666; margin-top: 20px;}
.article_con{ line-height: 1.875;}
.article_bot{ border-top:1px solid #e5e5e5; padding-top: 35px; margin-top: 40px; }
.article_guide{ }
.article_guide li{ float:left; width:47%;}
.article_guide li a{ display:block; position: relative; color: #666666; max-width: 380px;}
.article_guide li a:before{ content:""; position: absolute; top:50%; transform:translateY(-50%); border-radius:50%; width:24px; height: 24px; background: #e6e6e6 center center no-repeat; background-size: 10px;}
.article_guide li.a_prev a{ padding-left:44px;}
.article_guide li.a_prev a:before{ left:0; background-image: url(/css/../images/arrow03_left01.png); }
.article_guide li.a_next{ float:right;}
.article_guide li.a_next a{ float:right; text-align: right; padding-right:44px;}
.article_guide li.a_next a:before{ right:0; background-image: url(/css/../images/arrow03_right01.png); }
.article_guide li:hover a{ color: #476db2;}
.article_guide li:hover a:before{ background-color: #476db2;}
.article_guide li.a_prev:hover a:before{ background-image: url(/css/../images/arrow03_left02.png);}
.article_guide li.a_next:hover a:before{ background-image: url(/css/../images/arrow03_right02.png);}
.back_top{ display:block; margin: 30px auto 0; text-transform:uppercase; background: #eee; text-align: center; width:150px; line-height: 50px;}
.back_top:hover{ background: #476db2; color: #ffffff;}

/*================================================07 Events=================================================*/
.events_list{}
.events_list li{ margin-bottom: 30px;}
.events_list li:last-child{ margin-bottom:0!important;}
.events_list li a{ display:block; overflow:hidden; background: #e6eaf3; height: 120px;}
.events_time{ display:flex; flex-wrap: wrap; align-items: center; height: 100%; text-align: center; background: #d3dbe6 /*#e7c333*/; color: #273d67; float:left; width:110px; transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease;}
.events_time span{ display:block; width:100%;}
.events_time span b{ display:block; margin-bottom: 8px; text-transform: capitalize; }
.events_info{ overflow:hidden; display:flex; flex-wrap: wrap; align-items: center; height: 100%; padding: 0 3.50%;}
.events_info .des{ line-height:30px; max-height: 30px; -webkit-line-clamp: 1;}
.events_list li a:hover{ box-shadow: 2px 2px 10px 2px rgba(0,0,0, .10); color: #273d67;}
.events_list li a:hover .events_time{ background: #476db2; color: #fff; }
/*calendars_left*/
.calendars_left{ /*float:left; width: -webkit-calc(100% - 332px); width: calc(100% - 332px);*/ overflow: hidden;}
.calendars_events .events_info .des{ max-height: 60px; -webkit-line-clamp: 2;}
/*calendars_right*/
.calendars_right, .calendars_box{ width:302px;}
.calendars_right{ float:right; min-height: 100px; margin-left: 30px;}
.calendars_box{ }
.calendars_box.fixed {position:fixed; top: 135px; }
/*events_detail*/
.events_detail{ }
.book_link{ display:block; margin-top: 5%; text-align: center; }
.book_link a{ display:inline-block; background: #25b195; color: #ffffff; text-transform:uppercase; padding: 1.32% 5.94%;}
.book_link a:hover{ background: #06a384;}
/*book_detail*/
.book_detail{}
.book_top{ margin-bottom: 40px;}
.book_tit{ font-weight:bold;}
.book_location{ margin-top:20px;}
.book_list{ margin: -15px;}
.book_list li{ float:left; width:25%; padding: 15px;}
.book_block{ border:1px solid #d2d2d2; text-align: center; height: 180px; padding: 25px; transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease;}
.book_des{ line-height:30px; height: 60px; margin-bottom: 25px;}
.book_available, .not_available{ display:block; margin: 0 auto; text-align: center; text-transform:uppercase; max-width:150px; line-height: 2.90;}
.book_available{ background: #25b195; color: #ffffff;}
.book_available:hover{ background: #06a384;}
.book_block:hover{ box-shadow: 0 0 10px 2px rgba(0,0,0, .10);}
.book_list li.book_not .book_block{ background: #e6eaf3; border-color:#e6eaf3; color:rgba(51,51,51, .30);}
.not_available{ color:rgba(51,51,51, .30); font-weight: bold;}

/*================================================08 Information=================================================*/
/*information_left*/
.information_left{ float:left; width: -webkit-calc(100% - 316px); width: calc(100% - 316px); }
.information_list{}
.information_list li{ margin-bottom:18px;}
.information_list li:last-child{ margin-bottom:0!important;}
.information_list li a{ display:block; position: relative; background: #e6eaf3; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; /*line-height: 80px; height: 80px;*/ padding:3.17% 40px;}
.information_list li a:before,
.information_list li a:after{ content:""; position: absolute; top:0; left:0; width:10px; height:100%; background: #d3dbe6;}
.information_list li a:after{ top:50%; height: 0; background: #e6eaf3;}
.information_list li a:hover{ background: #476db2; color: #ffffff; }
.information_list li a:hover:before{ top:50%; height: 0;}
.information_list li a:hover:after{ top:0; height: 100%;}
/*information_right*/
.information_right, .information_right_con{ width:266px;}
.information_right{ float:right;}
.information_guide{ margin: -10px;}
.information_guide li{ float:left; width:50%; padding:10px;}
.information_guide li a{ display:block; background: #e1e4e8; text-align: center; border-radius: 10px; /*height: 110px;*/}
.information_ico{ position: relative; /*height:82px;*/ padding-top: 66.67%;}
.information_ico img{ display:block; margin:0 auto; height: 50%; max-height: 40px; width:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease;}
.information_ico img:nth-child(2){ z-index: 1; opacity:0; transform: translate(-50%,-50%) scale(1.3);}
.information_caption{ background: #7a8eb2; color: #ffffff; border-radius:0 0 10px 10px; line-height: 1.80; text-transform:capitalize; transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease;}
.information_guide li a:hover{ background: #476db2; box-shadow: 0 0 20px 2px rgba(0,0,0, .08);}
.information_guide li a:hover img:nth-child(1){ opacity:0; transform: translate(-50%,-50%) scale(1.3);}
.information_guide li a:hover img:nth-child(2){ opacity:1; transform: translate(-50%,-50%) scale(1);}
.information_guide li a:hover .information_caption{ background: #e1e4e8; color: #476db2; }
/*admin_contact*/
.admin_contact{}
.admin_contact li.admin_contact_li0{ background: #f5f5f5; border:1px solid #dcdcdc; margin-bottom:30px; /*min-height: 306px;*/ padding: 4.40% 4% 4.40% 0; transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; }
.admin_contact li.admin_contact_li0:last-child{ margin-bottom:0;}
.admin_contact_tit{ float:left; background: #d3dbe6 /*#e8c419*/; color: #273d67; font-weight: bold; text-transform:capitalize; padding:1.15% 2% 1.15% 4%; width:26.45%; min-width: 232px; max-width: 306px; margin-right: 5.80%;}
.admin_contact_tit span{ display:flex; align-items:center; line-height: 24px; min-height: 48px;}
.admin_contact_info{ overflow: hidden; line-height: 1.50;}
.admin_contact_des li{ position:relative; padding-left: 15px;}
.admin_contact_des li:before{ content: ""; position: absolute; top:10px; left:0; width:5px; height: 5px; border-radius: 50%; background: rgba(39,61,103, .50);}
.admin_contact_way{ margin-top:30px; padding-left: 15px;}
.way_email, .way_email a{ color: #3e73bc;}
.admin_contact li.admin_contact_li0:hover{ box-shadow: 0 0 10px 2px rgba(0,0,0, .10);}

/*================================================09 Account=================================================*/
.main_account{ background: #f7f7f7;}
.main_account .con_wrap{ padding-top:60px;}
.account_left, .account_box{ width:280px;}
.account_left{ float:left; min-height: 100px; }
.account_top{ background: #d3dbe6 /*#e7c333*/; color: #273d67; padding: 22px 22px 22px 30px;}
.account_tit{ font-weight: bold; line-height: 24px; background: url(/css/../images/account_ico01.png) left center no-repeat; background-size: 20px; padding-left: 40px;}
.account_name{ margin-top:20px;}
.account_nav{ background: #dddddd;}
.account_nav li a{ display:block; position: relative; border-top:1px solid #f2f2f2; line-height: 50px; padding: 0 50px 0 30px;}
.account_nav li a:before{ content:""; position: absolute; top:0; right:0; width:30px; height: 100%; background: url(/css/../images/account_ico02a.png) left center no-repeat; background-size: 7px;}
.account_nav li:hover a,
.account_nav li.current a{ background: #476db2; color: #ffffff;}
.account_nav li:hover a:before,
.account_nav li.current a:before{ background-image: url(/css/../images/account_ico02b.png);}
.account_right{ float:right; width: -webkit-calc(100% - 320px); width: calc(100% - 320px); min-height: 500px; background: #ffffff; padding: 4%;}
/*change_password*/
.change_password{}
.change_line{ margin-bottom: 20px;}
.change_line label{ float:left; line-height: 50px; width:23%; min-width: 150px; margin-right: 5%; }
.line_r{ overflow: hidden; max-width: 313px;}
.change_txt{ width: 100%; height: 50px; padding:10px 16px; background: #ffffff; border:1px solid #d2d2d2;}
.change_txt:focus{ box-shadow: 0 0 10px 0px rgba(0,0,0, .10);}
.change_handle{ }
.btn_save, .btn_reset{ cursor: pointer; text-transform: uppercase; background: #7b8fb0; color: #ffffff; width:48%; height: 45px;}
.btn_reset{ background: #eeeeee; color: #333; margin-left: 4%;}
/*change_result*/
.change_result{ text-align:center; padding: 12% 0;}
.result_ico{ display:block; margin: 0 auto 20px; max-width: 60px;}

/*=====2021.07.06 research_wrap=========*/
.research_wrap{ margin-bottom: 60px;}
.research_wrap:last-child{ margin-bottom: 0;}
.research_tit{ font-weight: bold; margin-bottom: 30px;}
.research_list{ margin: -15px -12px;}
.research_block{ float:left; width: 50%; padding: 15px 12px;}
.research_dl{ background: #ecf0f6; position: relative; height: 320px; padding: 45px;
	-webkit-transition:box-shadow 500ms ease; -moz-transition:box-shadow 500ms ease; transition:box-shadow 500ms ease; 
}
.research_dl dt{ float:left; width:90px; margin-right: 35px;}
.research_dl dd{ overflow:hidden;}
.research_item{ }
.research_item a{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-line-break:auto;-webkit-box-orient:vertical;line-height:30px;max-height:60px; font-weight: bold; letter-spacing: -0.015em;}
.research_des{ color: #666; font-size: 14px; -webkit-line-clamp:7; line-height: 20px; max-height: 140px; margin-top: 10px;}
.research_more{ display:block; position: absolute; bottom:0; right:0; z-index: 1; background: #466db1;  text-align: center; color: #fff; font-size: 30px; width: 50px; height: 50px; line-height: 50px;}
.research_more:before{ content:"+"; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.research_dl:hover{ box-shadow: 0 0 10px 2px rgba(0,0,0, .10);}
.research_dl:hover dt img{
	-webkit-animation: 1s .2s bounceIn both;
	animation: 1s .2s bounceIn both;
}
.research_dl:hover .research_item a{ color: #466db1;}
.research_dl:hover .research_more:before{ transform: translate(-50%,-50%) rotate(180deg);}


/*transition*/
a,*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],sup,.owl-carousel .owl-nav a span,.owl-carousel .owl-dots .owl-dot span, .browserupgrade,
.menu_phone i, .subclass{ 
	-webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; 
} 
/*font*/
.f60{ font-size:60px;}
.f36{ font-size:36px;}
.f30{ font-size:30px;}
.f24{ font-size:24px;}
.f22{ font-size:22px;}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f14{ font-size:14px;}
 
@media(max-width: 1366px){
	.inner{ max-width:1054px;}
	/*font*/
	.f60{ font-size:50px;}
	.f36{ font-size:30px;}
	.f30{ font-size:24px;}
	.f24{ font-size:20px;}
	.f22{ font-size:18px;}
	.f20{ font-size:16px;}
	.f18{ font-size:16px;}
	body,html,button,input,textarea,select,h1,h2,h3,h4,h5,h6{ font-size:14px;}
	.f14{ font-size:12px;}
	
	/*header*/
	.header_top{ height:35px; line-height: 35px;}
	.top_links li a.t_a0{ padding:0 10px;}
	.top_links li a.link_log{ padding-right:20px;}
	.top_search{ height:35px;}
	.header_bot{ height:70px; line-height: 70px;}
	.logo img{ height:40px; margin-top: 15px;}
	.nav_list{ margin:0 -16px;}
	.nav_list li a.n_a0{ padding:0 16px;}
	.subclass{ min-width:166px; font-size:12px;}
	main{ padding-top:105px;}
	/*footer*/
	footer{ padding-top:45px;}
	.footer_bot{ padding:45px 0;}
	.contact_link{ margin-bottom:20px;}
	.contact_link span em{ width:145px; line-height: 40px;}
	/*01*/
	.focus_wrap{ height: 460px; }
	.focus_wrapfortop {
		height: 115px;
	} 
	.index_sec{ padding:60px 0;}
	.index_join_block{ height:245px;}
	.index_important_list li a{ height:123px;}
	/*02*/
	.con_wrap{ padding-bottom:60px;}
	.banner_wrap{ height: 300px;}
	.guide_nav li a{ padding-left: 20px; padding-right: 20px;}
	.president_right, .president_survey{ width:340px;}
	.post_list li a{ padding:25px 60px 25px 25px;}
	.post_more{ width:40px; height: 40px;}
	.post_more:before, .post_more:after{ background-size: 20px;}
	.spectroscopy_about dd{ padding-left: 3.5%;}
	/*03*/
	.equipments_list{ margin:-15px -10px;}
	.equipments_list li{ padding:15px 10px;}
	/*05*/
	.people_img{ width:150px;}
	.people_photo, .photo_box{ width:210px;}
	/*06*/
	.news_img{ width:250px;}
	.news_tit{ line-height:24px; max-height: 48px;}
	.news_des{ line-height:20px; max-height: 60px;} 
	/*07*/
	.events_list li{ margin-bottom:20px;}
	.events_list li a{ height: 100px;} 
	/*08*/
	.information_left { width: -webkit-calc(100% - 266px); width: calc(100% - 266px); }
	.information_right, .information_right_con{ width:226px;}
	/*09*/ 
	.account_left, .account_box{ width:240px;}
	.account_right{ width: -webkit-calc(100% - 280px); width: calc(100% - 280px);}
	
	
	/*=====2021.07.06 research_wrap=========*/	
	.research_dl{ padding: 35px; height: 300px;}
	.research_dl dt{ width:80px; margin-right: 25px;}
	.research_item a{ line-height: 26px; max-height: 52px;}
}

@media(max-width: 991px){ 
	/*font*/
	.f60{ font-size:40px;}
	.f36{ font-size:24px;}
	.f30{ font-size:20px;}
	.f24{ font-size:16px;}
	.f22{ font-size:16px;}
	.f20{ font-size:16px;}
	.f18{ font-size:14px;}
	body,html,button,input,textarea,select,h1,h2,h3,h4,h5,h6{ font-size:14px;}
	.f14{ font-size:12px;}
	
	/*header*/
	.header_top{ height:25px; line-height: 25px;} 
	.top_links li a.t_a0{ padding:0 5px;}
	.top_links li a.link_log{ padding-right: 10px;} 
	.top_links li a.t_a0 img{ transform: scale(0.70); margin-right: 4px; }
	.top_search{ height:25px; width:120px;}
	.top_search_txt{ padding:0 30px 0 10px;}
	.top_search_btn{ width:30px; background-size: 11px;} 
	.header_bot{ height:50px; line-height: 50px;}
	.logo img{ height:30px; margin-top: 10px;}
	.menu_phone{ display:block;}
	.nav_list{ display:none; position: fixed; top:75px; left:0; margin: 0; width:100%; height: -webkit-calc(100% - 75px); height: calc(100% - 75px); overflow-y: auto; background: rgba(255,255,255, .90); }
	.nav_list:before{ content:""; position: fixed; top:75px; right:15px; width:1px; height: 100%; background: rgba(0,0,0, .10);}
	.nav_list li{ float:none; border-bottom: 1px solid rgba(0,0,0, .10);}
	.nav_list li a.n_a0{ text-align: right; padding-right: 30px;}
	.nav_list li a.n_a0:before{ display:none;}
	.nav_list li a.n_a0:after{ content:""; position: absolute; top:50%; right:12px; transform: translateY(-50%); border-radius: 50%; width:7px; height: 7px; background:rgba(0,0,0, .50); } 
	.subclass{ position: inherit; position:initial; transform:none; background: none; text-align: right; padding-bottom: 10px;}
	.subclass a{ border:none; padding: 5px 30px;} 
	.nav_list li:hover a.n_a0:after,
	.nav_list li.current a.n_a0:after{ background: #476db2;}
	.nav_list li.current .subclass{ display:block;}
	main{ padding-top:75px;}
	/*footer*/
	footer{ padding-top: 30px;}
	.footer_bot{ padding:30px 0;}
	.footer_nav{ display:none;}
	.footer_erweima{ float:none; margin: 0 auto; max-width:90px; }
	
	/*01*/ 
	#scholars_scr .owl-nav a{ width:48px; height: 48px; background-size: 16px;}
	#scholars_scr .owl-nav a.owl-prev{ left:0;}
	#scholars_scr .owl-nav a.owl-next{ right:0;}
	.index_join_block { height: 205px; }
	.index_important_list li a{ height:103px;}
	.index_important_list li a span img{ height:34px; margin-bottom: 5px;}
	
	/*02*/
	.guide_wrap{ margin-top:-40px; display:none;}
	.guide_nav li a.g_a0{ line-height:40px;}
	.guide_nav li a{ padding-left: 10px; padding-right: 10px;}
	.local_wrap{ padding:20px 0;}
	.president_right, .president_survey{ width:270px;} 
	.academic_list{ margin:-10px;}
	.academic_list li{ padding:10px;}
	.academic_list li a{ padding:20px; height: 160px;}
	.academic_des{ line-height:22px; max-height: 88px;} 
	.post_list{ margin:-10px;}
	.post_list li{ width:50%; padding: 10px;}
	.life_info{ padding:15px 15px 30px;}
	.post_detail{ padding:40px;}
	.divisions_team{ padding:20px;}
	
	/*03*/ 
	.equipments_list{ margin:-10px -5px;}
	.equipments_list li{ width:33.33%; padding: 10px 5px;}
	.team_show{ margin-bottom: -10px;}
	.team_show li{ width:20%;}
	.team_show li a{ padding-top:10px; padding-bottom: 10px;}
	.journals_list{ margin:0 -1px;}
	.journals_list li{ padding:0 15px;}
	/*05*/
	.people_list{ margin:-10px;}
	.people_list li{ padding:10px;}
	.people_img{ width:120px;}
	.people_info .des{ line-height:20px; max-height: 100px;}
	.people_photo, .photo_box{ width: 170px;}
	/*06*/ 
	.news_img{ width:200px;} 
	.news_tit{ line-height:22px; max-height: 44px;}
	.news_des{ line-height:18px; max-height: 54px;}
	/*07*/
	.calendars_right, .calendars_box{ width:252px;}
	.flatpickr-day{ width:33px!important; height: 33px!important; line-height: 33px!important;}
	.events_list li{ margin-bottom:10px;}
	.events_list li a{ height:80px;}
	.events_time{ width: 90px;}
	.events_info .des{ line-height:24px; max-height: 24px;}
	.calendars_events .events_info .des{ max-height: 48px;}
	.events_time span b{ margin-bottom: 4px;}
	.book_list{ margin:-10px;}
	.book_list li{ padding:10px;}
	.book_block{ height: 150px; padding: 20px;}
	.book_des{ line-height: 24px; height: 48px; margin-bottom: 20px;}
	.not_available{ font-size:12px;}
	/*08*/
	.information_left { width: -webkit-calc(100% - 226px); width: calc(100% - 226px); }
	.information_right, .information_right_con{ width: 186px;}
	/*09*/ 
	.account_left, .account_box{ width:200px;}
	.account_right{ width: -webkit-calc(100% - 240px); width: calc(100% - 240px); }
	
	/*=====2021.07.06 research_wrap=========*/	
	.research_dl{ padding: 25px; height: 280px;}
	.research_dl dt{ width: 70px; margin-right: 15px;}
	.research_item a{ line-height: 24px; max-height: 48px;}
}


@media(max-width: 767px){ 
	/*font*/ 
	.f60{ font-size:30px;}
	.f36{ font-size:20px;}
	.f30{ font-size:16px;}
	.f24{ font-size:14px;}
	.f22{ font-size:14px;}
	.f20{ font-size:14px;}
	.f18{ font-size:14px;}
	body,html,button,input,textarea,select,h1,h2,h3,h4,h5,h6{ font-size:12px;}
	.f14{ font-size:12px;}
	
	/*header*/
	.log_box{ padding: 30px 0;}
	.log_line{ margin-bottom:15px;}
	.log_txt, .verification_pic, .log_btn{ height:40px;}
	.log_txt{ padding:0 40px 0 12px;}
	.log_ico{ width:40px; background-size:16px;}
	
	
	/*01*/ 
	.focus_wrap{ height: 320px; }
	.focus_wrapfortop {
		height: 80px;
	} 

	.focus_link{ min-width:94px; line-height: 32px;}
	.index_sec{ padding:40px 0;}
	.title01{ margin-bottom:20px!important;}
	.news_rec_tab li a{ height:39px;}
	.news_rec{ width:100%; float:none; margin-right: 0; margin-bottom: 30px;}
	.news_rec_list li a{ padding:10px 0;}
	.news_rec_time{ width:75px;} 
	#scholars_scr .owl-nav a{ width:38px; height: 38px; background-size: 14px;}
	.scholars_des{ max-height:90px;}
	.scholars_des li{ margin-bottom:0;}
	.index_join{ width:100%; float:none; margin-right: 0; margin-bottom: 30px;}
	
	/*02*/
	.banner_wrap{ height:220px;} 
	.president_right, .president_survey{ width:100%; float:none; }
	.president_right{ margin:0 0 20px;}
	.president_left{ padding:30px 20px;} 
	.contact_block{ margin-bottom:40px;}
	.contact_info{ padding:20px;}
	.info_tit{ float:none; margin:0 0 20px -20px;}
	.leave_tit{ margin-bottom: 20px;}
	.leave_form{ margin:-5px;}
	.leave_line{ width:100%; float:none; padding: 5px;}
	.leave_txt{ height:40px; padding:10px;} 
	.leave_yu{ height: 206px;}
	.leave_btn{ width:120px; height:40px;}
	.post_list li{ width:100%;}
	.post_list li a{ height: 130px; padding:15px 45px 15px 15px;}
	.post_more{ width:30px; height: 30px;}
	.post_more:before, .post_more:after{ background-size: 15px;}
	.post_tit{ line-height:24px; height: 48px;}
	.post_time{ margin-top:25px;}
	.page{ margin-top:30px;}
	.lift_tit{ margin-bottom: 20px;}
	.post_detail_top{ text-align:center;}
	.post_detail{ padding: 30px 15px;} 
	/*wrap_upload*/
	.upload_box{ padding:15px;}
	.verification_code{ width:100%;} 
	.upload_submit{ width:100px; height: 40px; }
	#wrap_upload .tan_closed{ top:-55px; left:auto; right:-15px;}
	
	/*03*/
	.research_guide{ margin-bottom:40px;}
	.research_guide li{ width:50%;}
	.research_guide li:nth-child(n) a{ padding:6px;}
	.research_guide li:nth-child(2) a{ border-bottom: 1px solid #d2d2d2;}
	.research_guide li:nth-child(3) a{ border-left:none;}
	.divisions{ padding-bottom: 40px;}
	.divisions_left{ width:100%; float:none; margin: 0 0 30px;}
	.divisions_block{ margin-top:30px;} 
	.equipments_list li{ width: 50%;}
	.spectroscopy_about{ margin-bottom:40px;}
	.spectroscopy_about dt{ width:100%; float:none;}
	.spectroscopy_about dd{ position: inherit; position:initial; width:100%; padding:20px;} 
	.spectroscopy{ padding-bottom: 40px;}
	.research_team, .representative{ padding:40px 0;}
	.load_more{ margin-top:30px;}
	#divisions_guide_pc{ display:none;}
	#divisions_guide_phone{ display:block; position: relative; margin-bottom: 40px;}
	#divisions_guide_phone:before{ content:""; position: absolute; top:1px; right:1px; width:34px; height: 38px; background: #fff url(../images/ico_sel02.png) center center no-repeat; background-size: 10px;}
	#divisions_guide_phone a{ display:block; line-height: 38px; text-align: center;}
	#divisions_guide_phone a.current{ border:1px solid #d2d2d2; color: #476db2; font-weight: bold;}
	.divisions_guide_other{ position: absolute; top:100%; left:0; width:100%; background: #fff; border:1px solid #d2d2d2; border-top:none; padding: 10px 0; display:none;} 
	#divisions_guide_phone:hover .divisions_guide_other{ display:block;}
	
	/*05*/
	.people_list li a{ padding:10px;}
	.people_img{ width: 90px; margin-right: 10px;}
	.people_name{ margin-top:0;}
	.people_info .des{ line-height: 16px; max-height: 80px;}
	.people_photo, .photo_box{ width:140px;}
	.people_photo{ float:none; margin:0 auto 30px;}
	.photo_box{ padding-right: 10px;}
	.photo_dec{ bottom:-10px;}
	.back_top{ width:120px; line-height: 40px;}
	/*07*/
	.book_list li{ width:50%;}
	.book_block{ height: 120px; padding: 15px;}
	.book_des{ line-height: 20px; height: 40px; margin-bottom: 15px;} 
	/*08*/
	.admin_contact li.admin_contact_li0{ padding:15px 15px 15px 0;}
	.admin_contact_tit{ float:none; width:100%; min-width: auto; padding: 10px 15px; margin-bottom: 15px;}
	.admin_contact_tit span{ line-height:20px; min-height:auto;}
	.admin_contact_info{ padding:0 15px;}
	/*09*/
	.account_left, .account_box{ width: 160px;}
	.account_right{ width: -webkit-calc(100% - 180px); width: calc(100% - 180px); min-height: auto;}
	.account_top{ padding:15px;}
	.account_tit{ background-size: 15px; padding-left: 25px;}
	.account_name{ margin-top:10px;}
	.account_nav li a{ line-height:40px; padding:0 15px;}
	.account_nav li a:before{ width:15px;} 
	.change_line label{ display:block; width:100%; float:none; line-height: normal; margin: 0 0 10px;}
	.change_txt, .btn_save, .btn_reset{ height:40px;}
	.change_handle label{ display:none;}
	
	/*=====2021.07.06 research_wrap=========*/	
	.research_wrap{ margin-bottom:40px;}
	.research_tit{ margin-bottom: 20px;}
	.research_list{ margin:-10px;}
	.research_block{ width:100%; padding: 10px;}
	.research_dl{ padding: 15px; height: 220px;}
	.research_dl dt{ width: 60px; margin-right: 5px;}
	.research_item a{ line-height: 20px; max-height: 40px;}
	.research_des{ font-size: 12px; line-height: 18px; max-height: 126px;}
	.research_more{ width:40px; height: 40px; line-height: 40px; font-size: 24px;}
	
}

@media(max-width: 567px){ 
	/*font*/
	.f60{ font-size:24px;}
	/*01*/ 
	.focus_wrap{ height: 260px; }
	.focus_wrapfortop {
		height: 66px;
	}
	/*02*/
	.banner_wrap{ height: 140px;}
	.academic_list li{ width:100%; float:none;}
	.post_detail_time, .apply_btn{ float:none;}
	.apply_btn{ display:block; margin: 0 auto; max-width:210px;} 
	.verification_code{ float:none;} 
	.upload_submit{ float:none; margin:20px auto 0;}
	/*03*/
	.team_show li{ width:33.33%;}
	.journals_list li{ width:100%; float:none;}
	.journals_tab li{ margin-bottom:15px;}
	.journals_block{ margin-top: 20px;}
	/*05*/
	.people_list li{ width:100%;}
	.people_base_text{ float:none; width:100%;}
	.people_positions{ float:none; max-width: none; margin-top: 20px;}
	/*06*/
	.news_img{ width: 100px;}
	.news_tit{ line-height:20px; max-height: 40px;}
	.news_des{ line-height:16px; max-height: 48px;}
	.article_guide li{ width:100%; float:none;}
	.article_guide li.a_next{ margin-top:10px;}
	/*07*/
	.calendars_right{ float:none; min-height:0; margin: 0 auto 30px;}
	.events_list li a{ height: 60px;} 
	.events_info .des{ line-height:20px; max-height: 20px;}
	.calendars_events .events_info .des{ max-height: 40px;}
	.events_time{ width:70px;}
	.events_time span b{ margin-bottom:0;}
	/*08*/
	.information_left{ width:100%; float:none; margin-bottom: 30px;}
	.information_list li{ margin-bottom:10px;}
	.information_list li a{ padding-left:20px; padding-right: 20px;}
	.information_list li a:before, .information_list li a:after{ width:5px;}
	.information_right, .information_right_con{ width:100%; float:none;}
	.information_guide li{ width:33.33%;}
	/*09*/
	.account_left, .account_box{ width: 100%; float:none;}
	.account_right{ width:100%; margin-top: 20px;} 
}
.people_detail ul li, .people_detail ol li, .president_left ul li, .president_left ol li, .president_right ul li, .president_right ol li, .organization ul li, .organization ol li, .article ul li, .article ol li, .post_detail ul li, .post_detail ol li .divisions_des ul li, .divisions_des ol li, .representative ul li, .representative ol li, .article_con ul li, .article_con  ol li{
	list-style: unset;
}
.people_detail em, .president_left em, .president_right em, .organization em, .article em, .post_detail em, .divisions_des em, .representative em, .article_con em {
	font-style:italic;
}


/* 新增 */
.collaboration li a{
	display: block;
	background-color: #fff;
	margin-top: 40px;
	padding: 4% 5% 5%;
}
.collaboration li a .top{
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 40px;
	padding-bottom: 45px;
}
.collaboration li a .bom p{
	text-align: justify;
	color: #333333;
	line-height: 1.8;
	margin-bottom: 20px;
}
.collaboration li a .bom p:last-child{
	margin-bottom: 0;
}
.collaboration li a .top .lt{
	width: calc(100% - 380px);
	width: -webkit-calc(100% - 380px);
	float: left;
}
.collaboration li a .top .lt b{
	height: 72px;
}
.collaboration li a .top .rt{
	width: 330px;
	float: right;
	text-align: right;
}
.BoxTable{ display:table; height:100%;width: 100%}
.BoxCell{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
.font18{
	line-height: 1.9;
}
.cont{
	padding: 5% 5% 0;
	color: #333333;
}
.cont .f18{
	margin-bottom: 30px;
}
.executiveTeam .f30{
	color: #333333;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 25px;
	margin-bottom: 50px;
}
.executiveTeam ul{
	overflow: hidden;
}
.executiveTeam ul li{
	width: 50%;
	float: left;
	padding: 0 9%;
	margin-bottom: 40px;
}
.executiveTeam ul li a{
	display: block;
}
.executiveTeam ul li .f22{
	color: #476db2;
	margin-bottom: 10px;
	margin-top: 10px;
	display: inline-block;
	position: relative;
}
.executiveTeam ul li .f22::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: #476db2;
}
.executiveTeam ul li a:hover .f22::after{
	width: 100%;
} 
.executiveTeam ul li p{
	color: #666666;
}
.teamImg{
	overflow: hidden;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
}
.executiveTeam ul li .bgImg{
	height: 286px;
	transition: transform 1s cubic-bezier(.23, 1, .32, 1);
	transform: scale(1);
}
.executiveTeam ul li a:hover .bgImg{
	transform: scale(1.1);
}
@media(max-width: 1366px){
	.executiveTeam ul li .bgImg{height: 250px;}
}
@media(max-width: 1200px){
	/* .executiveTeam ul li .bgImg{height: 230px;} */
}
@media(max-width: 991px){
	.collaboration li a .top{
		margin-bottom: 30px;
		padding-bottom: 25px;
	}
	.collaboration li a{margin-top: 30px;}
	.executiveTeam ul li .bgImg{height: 230px;}
}
@media(max-width: 767px){
	.collaboration li a .top .rt{width: 180px;}
	.collaboration li a .top .lt{width: calc(100% - 220px);
    width: -webkit-calc(100% - 220px);}
	.collaboration li a .top .rt img{max-height: 40px;}
	.collaboration li a .top .lt b{height: 44px;max-height: 40px;}
	.executiveTeam ul li .bgImg{height: 220px;}
	.executiveTeam ul li{padding: 0 5%;}
	.executiveTeam .f30{padding-bottom: 20px;margin-bottom: 35px;}
}
@media(max-width: 567px){
	.collaboration li a .top .rt{width: 100px;}
	.collaboration li a .top .lt {
	    width: calc(100% - 130px);
	    width: -webkit-calc(100% - 130px);
	}
	.collaboration li a .top .lt b{height: auto;max-height: inherit;max-height: initial;}
	.collaboration li a .bom p{margin-bottom: 15px;}
	.collaboration li a{margin-top: 20px;}
	.collaboration li a .top{    margin-bottom: 20px;
    padding-bottom: 15px;}
	.cont .f18{margin-bottom: 20px;}
	.executiveTeam ul li{width: 100%;margin-bottom: 25px;padding: 0 4%;}
	.executiveTeam ul li .bgImg{height: auto;background: none !important;}
	.executiveTeam ul li .bgImg img{display: block;}
	.teamImg{border-top-left-radius: 7px;
    border-top-right-radius: 7px;}
	.executiveTeam .f30{padding-bottom: 13px;margin-bottom: 24px;}
	.executiveTeam:last-child ul li:last-child{margin-bottom: 0;}
}

/* 中文首页  */
.indexOne .title{
	overflow: hidden;
	margin: 10px 0 35px;
}
.indexOne .title .f36{
	font-weight: bold;
	color: #273d67;
	float: left;
}
.indexOne .title ul{
	float: right;
	margin-top: 10px;
}
.indexOne .title ul li{
	color: #999999;
	border-right: 1px solid #dcdcdc;
	line-height: 1;
	padding: 0 20px;
	display: inline-block;
	cursor: pointer;
}
.indexOne .title ul li:last-child{
	padding-right: 0;
	border: none;
}
.indexOne .title ul li.active,.indexOne .title ul li:hover{
	color: #273d67;
	font-weight: bold;
}
.indexOne .news_all .news_all_list .nio a{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}
.indexOne .news_all .news_all_list .nio a .lt{
	width: 50%;
	overflow: hidden;
}
.indexOne .news_all .news_all_list .nio a .lt .imgss{
	display: block;
	width: 100%;
	height: 100%;
	transition: all 1000ms ease;
	-webkit-transition: all 1000ms ease;
}
.indexOne .news_all .news_all_list .nio a .lt img{
	display: none;
}
.indexOne .news_all .news_all_list .nio a .rt{
	width: 50%;
	padding: 5%;
	color: #ffffff;
}
.indexOne .news_all .news_all_list .nio a .rt .f48{
	font-weight: bold;
	font-size: 48px;
	line-height: 1.1;
}
.indexOne .news_all .news_all_list .nio a .rt .f20{
	margin: 17px 0 20px;
}
.indexOne .news_all .news_all_list .nio a .rt p.f14{
	margin-bottom: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-line-break: auto;
	-webkit-box-orient: vertical;
	line-height: 24px;
	max-height: 48px;
}
.indexOne .news_all .news_all_list .nio a:hover .lt .imgss{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.indexOne .news_all .news_all_list .nio a:hover .rt .f48{
	color: #273d67;
}
.indexOne .news_all .news_all_list .con span:last-child,
.indexOne .news_all .news_all_list ul li a .con span:last-child{
	float: right;
	transition: all 1000ms ease;
	-webkit-transition: all 1000ms ease;
}
.indexOne .news_all .news_all_list a:hover .con span:last-child, 
.indexOne .news_all .news_all_list ul li a:hover .con span:last-child{
	transform: translateX(-20px);
	-webkit-transform: translateX(-20px);
}
.indexOne .news_all .news_all_list ul li a:hover .con span:first-child{
	color: #273d67;
}
.indexOne{
	background: url(/css/../images/bg_02.png) no-repeat center left;
	background-size: cover;
}
.indexOne .news_all .news_all_list .nio{
	margin-bottom: 33px;
}
.indexOne .news_all .news_all_list ul{
	display: inline-block;
	width: 100%;
	overflow: hidden;
}
.indexOne .news_all .news_all_list ul li{
	width: 30.3333%;
	float: left;
	margin-left: 4.5%;
}
.indexOne .news_all .news_all_list ul li:first-child{
	margin-left: 0;
}
.indexOne .news_all .news_all_list ul li a{
	display: block;
}
.indexOne .news_all .news_all_list ul li a .f48{
	font-weight: bold;
	font-size: 48px;
	line-height: 1.1;
	color: #273d67;
	transition: all 1000ms ease;
	-webkit-transition: all 1000ms ease;
	
}
.indexOne .news_all .news_all_list ul li a:hover .f48{
	padding-left: 5px;
}
.indexOne .news_all .news_all_list ul li a:hover .f16{
	color: #273d67;
}
.indexOne .news_all .news_all_list ul li a .f14{
	color: #999999;
}
.indexOne .news_all .news_all_list ul li a .f16{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-line-break: auto;
	-webkit-box-orient: vertical;
	color: #000000;
	margin: 16px 0 20px;
	line-height: 24px;
	height: 48px;
}
.indexOne .news_all .news_all_list ul li a .con{
	border-top: 1px solid #dcdcdc;
	padding-top: 20px;
	color: #999999;
}
.indexOne .news_all .news_all_list{
	display: none;
}
.indexOne .news_all .news_all_list.active{
	display: block;
}
.news_all_list .text-center {
	text-align: center;
	margin-top: 33px;
}
.news_all_list .text-center a{
	display: inline-block;
	    background: #466db1;
	    color: #ffffff;
	    text-align: center;
	    min-width: 128px;
	    line-height: 44px;
		border: 1px solid #466db1;
}
.news_all_list .text-center a:hover{
	background: none;
	color: #466db1;
}
.indexTwo .top ul li:hover .imgs img{
	-webkit-animation: 1s .2s bounceIn both;
	    animation: 1s .2s bounceIn both;
}
.indexTwo .top{
	padding: 5% 0 10%;
}
.indexTwo .top .title{
	text-align: center;
	margin-bottom: 70px;
}
.indexTwo .top .title .f36{
	color: #fff;
}
.indexTwo .top .title span{
	display: inline-block;
	width: 50px;
		height: 1px;
		background-color: #ffffff
}
.indexTwo .top ul{
	overflow: hidden;
}
.indexTwo .top ul li{
	width: 20%;
	text-align: center;
	float: left;
}
.indexTwo .top ul li .imgs{
	width: 139px;
	height: 139px;
	background-color:rgba(255,255,255,0.1);
	border-radius: 50%;
	display: table;
	margin: 0 auto;
}
.indexTwo .top ul li .imgs .ceter{
	display: table-cell;
	vertical-align: middle;
}
.indexTwo .top ul li .f16{
	color: #ffffff;
	margin-top: 20px;
	margin-bottom: 0px;
}
.indexTwo .top ul li .conts span{
	display: inline-block;
	width: 28px;
		height: 1px;
		background-color: #ffffff
}
.indexTwo .top ul li .conts p{
	color: #ffffff;
	line-height: 1.8;
	margin-top: 10px;
}
.indexTwo .top ul li .conts{
	opacity: 0;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.indexTwo .bom .rt:hover img,
.indexTwo .bom .lt:hover img{
	-webkit-animation: 1s .2s bounceIn both;
	    animation: 1s .2s bounceIn both;
}
.indexTwo .top ul li.active .conts{
	display: block;
	opacity: 1;
}
.indexTwo .ceef{
	overflow: hidden;
	height: 210px;
}
.indexTwo .bom .lt{
	text-align: right;
	width: 50%;
	float: left;
	height: 100%;
	padding-right: 180px;
}
.indexTwo .bom .rt{
	width: 50%;
	float: left;
	height: 100%;
}
.indexTwo .bom .cost .lt{
	padding-right: 180px;
}
.cei{
	overflow: hidden;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.indexTwo .bom  .lt .cei{
	float: right;
}
.indexTwo .bom .cost .lt_l{
	width: 80px;
	float: left;
	margin-right: 60px;
}
.indexTwo .bom .cost .lt_r{
	float: left;
	text-align: left;
}
.lt_r_c.active{
	opacity: 1;
	height: auto;
}
.lt_r_c{
	opacity: 0;
	height: 0;
	transition: all 0.7s;
}
.indexTwo .bom .rt{
	padding-left: 180px;
}
.indexTwo .bom .cost .lt_r .f20{
	color: #fff;
	margin-bottom: 10px;
}
.indexTwo .bom .cost .lt_r p{
	color: #fff;
	line-height: 2;
}
.indexThree .lt{
	width: 66.667%;
	float: left;
	overflow: hidden
}
.indexThree .rt{
	width: 31.667%;
	float: right;
}
.indexThree .lt .tab{
	margin-bottom: 20px;
}
.indexThree .lt .tab li{
	display: inline-block;
	padding: 0 20px;
	border-left: 1px solid #dcdcdc;
}
.indexThree .lt .tab li:first-child{
	padding-left: 0;
	border: none;
}
.indexThree .lt .tab li a{
	color: #999999;
}
.indexThree .lt .tab li.active a,
.indexThree .lt .tab li a:hover{
	color: #273d67;
	font-weight: bold;
}
.indexThree .lt .tabCont li a{
	display: block;
	border: solid 1px #e5e5e5;
	padding: 25px;
}
.indexThree .lt .tabCont li{
	width: calc(33.333% - 13.33333px);
	width: -webkit-calc(33.333% - 13.33333px);
	margin-right: 20px;
	float: left;
	margin-top: 20px;
}
.indexThree .lt .tabCont li:first-child{
	width: 100%;
	margin-right: 0;
	margin-top: 0;
}
.indexThree .lt .tabCont li:first-child a{
	padding: 32px;
}
.indexThree .lt .tabCont li:last-child{
	margin-right: 0;
}
.indexThree .lt .tabCont li div.f14{
	color: #999999;
}
.indexThree .lt .tabCont li div.f16,
.indexThree .lt .tabCont li div.f20{
	color: #333333;
	font-weight: bold;
}
.indexThree .lt .tabCont li div.f20{
	margin: 13px 0 10px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-line-break: auto;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.indexThree .lt .tabCont li p{
	color: #666666;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-line-break: auto;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 20px;
	line-height: 22px;
	height: 65px;
}
.indexThree .lt .tabCont li span{
	color: #999999;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	display: inline-block;
}
.indexThree .lt .tabCont li div.f16{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-line-break: auto;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #333333;
	font-weight: 300;
	margin: 10px 0 20px;
	line-height: 24px;
	height: 72px;
}
.indexThree .lt .tabCont ul{
	overflow: hidden;
	border-top: 3px solid #273d67;
	display: none;
}
.indexThree .lt .tabCont ul.active{
	display: block;
}
.indexThree .title01{
	margin-bottom: 20px;
	padding-bottom: 24px;
	border-bottom: 3px solid #273d67;
}
.indexThree .events_rec .title01_name{
	line-height: 24px;
}
.indexThree .events_rec_list li a .cont{
	background-color: #f5f5f5;
	padding: 20px;
}
.indexThree .events_rec_list:before{
	left: 12px;
}
.indexThree .events_rec_list li a:before,
.indexThree .events_rec_list li a:after{
	left: 7px;
}
.indexThree .events_rec_list li a .cont .des{
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-line-break: auto;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #333333;
}
.indexThree .events_rec_list li a .cont .events_rec_origin{
	color: #999999;
}
.indexThree .lt .tabCont li:first-child a:hover div.f20,
.indexThree .lt .tabCont a:hover li span,
.indexThree .lt .tabCont li a:hover div.f16{
	color: #273d67;
	font-weight: bold;
}
.indexThree .lt .tabCont li a:hover span{
	transform: translateY(5px);
	color: #273d67;
}
.four {
	text-align: center;
	padding: 80px 0;
}
.four .f30{
	color: #fff;
	text-align: center;
	margin-bottom: 40px;
}
.four a{
	width: 150px;
	height: 50px;
	line-height: 50px;
	background-color: #0083ff;
	border: 1px solid #0083ff;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.four a:hover{
	background: none;
	color: #0083ff
}
.indexThree .events_rec_list li a:hover .cont .des{
	color: #273d67;
	font-weight: bold;
}
.foot_set{
	clear: both;
	padding-top: 65px;
}
.foot_set ul li{
	width: 31.333%;
	margin-left: 3%;
	position: relative;
	float: left;
	
}
.foot_set ul li .fa{
	height: 45px;
	line-height: 45px;
	background-color: #3a517b;
	border-radius: 4px;
	color:rgba(255,255,255,0.5);
	padding: 0 60px 0 18px;
	position: relative;
	cursor: pointer;
}
.foot_set ul li .fa span{
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-line-break: auto;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.foot_set ul li .fa img{
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate3d(0,-50%,0);
	-webkit-transform: translate3d(0,-50%,0);
	z-index: 9;
}
.foot_set ul li .down{
	background-color: #435b87;
	border-radius: 4px;
	padding: 13px 16px;
	position: absolute;
	left: 0;
	bottom: 80px;
	width: 100%;
	z-index: 9;
}
.foot_set ul li .down{
	display: none;
}
.foot_set ul li .down.active{
	display: block;
}
.foot_set ul li .down p{
	
	padding: 4px 0;
	cursor: pointer;
}
.foot_set ul li .down p a{
	color: #ffffff;
}
.foot_set ul li .down p a:hover{
	font-weight: bold;
}
.foot_set ul li:first-child{
	margin-left: 0;
}
@media (max-width: 1366px){
	.indexOne .title ul{margin-top: 5px;}
	.indexOne .news_all .news_all_list .nio a .rt{padding: 4%;}
	.f48{font-size: 38px !important;}
	.indexOne .news_all .news_all_list .nio a .rt p.f14{line-height: 22px;
    max-height: 44px;margin-bottom: 37px;}
	.indexOne .news_all .news_all_list .nio a .rt .f20{margin: 13px 0 16px;}
	.indexTwo .top ul li .imgs{width: 110px;height: 110px;}
	.indexTwo .top ul li .imgs img{height: 60px;}
	.indexTwo .top ul li .conts p{margin-top: 0;}
	.indexTwo .top ul li .f16{margin-top: 14px;}
	.indexTwo .top{padding: 4% 0 8%;}
	.indexTwo .top .title{margin-bottom: 50px;}
	.indexTwo .bom .rt{padding-left: 140px;}
	.indexTwo .bom .lt{padding-right: 140px;}
	.indexTwo .bom .cost .lt_l{margin-right: 40px;}
	.indexThree .title01{padding-bottom: 19px;}
	.indexThree .events_rec_list li a .cont{padding: 18px;}
}
@media (max-width: 1200px){
	.indexTwo .bom .rt{padding-left: 110px;}
	.indexTwo .bom .lt{padding-right: 110px;}
}
@media (max-width: 991px){
	.indexOne .title ul{margin-top: 0px;}
	.f48{font-size: 28px !important;}
	.indexOne .news_all .news_all_list ul li a .f16{margin: 12px 0 15px;}
	.indexTwo .top ul li .imgs{width: 90px;height: 90px;}
	.indexTwo .top ul li .imgs img{height: 40px;}
	.indexTwo .bom .cost .lt_l{width: 60px;}
	.indexTwo .bom .cost .lt_r .f20{margin-bottom: 5px;}
	.indexTwo .bom .cost .lt_r p{line-height: 1.7;}
	.indexTwo .ceef{height: 180px;}
	.indexTwo .bom .rt{padding-left: 70px;}
	.indexTwo .bom .lt{padding-right: 70px;}
}
@media (max-width: 767px){
	.news_all_list .text-center a{min-width: 94px;
    line-height: 32px}
	.four a{width: 100px;height: 32px;line-height: 32px;}
	.indexTwo .top{padding: 40px 0 50px;}
	.indexTwo .top .title{margin-bottom: 36px;}
	.indexTwo .top ul li{width: 33.333%;margin-bottom: 18px;}
	.indexTwo .top ul li:nth-child(4){margin-left: 12.5%;}
	.indexTwo .bom .rt{padding-left: 40px;}
	.indexTwo .bom .lt{padding-right: 40px;}
	.indexTwo .bom .cost .lt_l{width: 47px;margin-right: 30px;}
	.indexThree .lt{width: 100%;margin-bottom: 25px;}
	.indexThree .rt{width: 100%;}
	.indexThree .lt .tab{margin-bottom: 14px;}
	.indexThree .lt .tabCont li a{padding: 15px;}
	.indexThree .lt .tabCont li:first-child a{padding: 20px;}
	.indexThree .lt .tabCont li div.f20{margin: 8px 0 5px;}
	.indexThree .lt .tabCont li p{margin-bottom: 14px;}
	.indexThree .lt .tabCont li div.f16{line-height: 20px;height: 60px;margin: 4px 0 10px;}
	.indexThree .title01{padding-bottom: 10px;}
	.indexThree .lt .tabCont li{    width: calc(33.333% - 6px);
    width: -webkit-calc(33.333% - 6px);margin-right: 9px;}
	.four .f30{margin-bottom: 20px;}
	.four{padding: 40px 0;}
	.foot_set{padding-top: 14px;}
	.foot_set ul li{margin-top: 20px;}
	.foot_set ul li .fa{height: 36px;line-height: 36px;}
	.foot_set ul li .down{bottom: 50px;}
	
}
@media (max-width: 550px){
	.indexOne .news_all .news_all_list .nio a{flex-wrap: wrap;}
	.indexOne .news_all .news_all_list .nio a .lt{width: 100%;}
	.indexOne .news_all .news_all_list .nio a .lt img{display: block;}
	.indexOne .news_all .news_all_list .nio a .rt{width: 100%;}
	.indexOne .news_all .news_all_list .nio a .rt p.f14{margin-bottom: 20px;}
	.indexOne .news_all .news_all_list .nio a .rt .f20{margin: 10px 0 13px;}
	.indexOne .news_all .news_all_list ul li{width: 100%;margin-left: 0;margin-top: 20px;}
	.indexOne .news_all .news_all_list ul li a .f16{height: auto;margin: 8px 0 10px;}
	.indexOne .news_all .news_all_list .nio{margin-bottom: 8px;}
	.indexOne .news_all .news_all_list ul li a .con{padding-top: 12px;}
	.indexTwo .top ul li .conts,.indexTwo .top ul li.active .conts{display: none;}
	.indexTwo .top ul li .f16{margin-top: 10px;}
	.indexTwo .top .title span{width: 35px;}
	.indexTwo .ceef{height: auto;}
	.indexTwo .bom .lt{width: 100%;padding: 30px;}
	.indexTwo .bom .rt{width: 100%;padding: 30px;}
	.indexTwo .bom .lt .cei{float: none;}
	.indexTwo .top{padding: 40px 0 30px;}
	.indexOne .title{margin: 0px 0 15px;}
	.indexOne .title ul {margin-top: 3px;}
	.foot_set ul li{width: 100%;margin-left: 0;}
	
}






/* People 26个英文 刷选 */
.en26 {
	margin-bottom: 30px;
}

	.en26 ul {
		overflow: hidden;
	}

	.en26 li {
		display: inline-block;
		float: left;
	}

		.en26 li a {
			width: 40px;
			height: 45px;
			text-align: center;
			line-height: 45px;
			color: #999999;
			display: block;
		}

			.en26 li.active a, .en26 li a:hover {
				background-color: #476db2;
				color: #fff;
			}

		.en26 li:first-child {
			margin-right: 14px;
		}

			.en26 li:first-child a {
				color: #476db2;
				font-weight: bold;
			}

		.en26 li.active a {
			color: #fff;
		}

		.en26 li:first-child a:hover {
			color: #fff;
		}

@media(max-width: 1366px) {
	.en26 li a {
		width: 35px;
		height: 40px;
		line-height: 40px;
	}
}

@media(max-width: 767px) {
	.en26 li a {
		width: 30px;
		height: 35px;
		line-height: 35px;
	}

	.en26 {
		margin-bottom: 10px;
	}
}

.people_detail p a, .article_con a, .post_detail a, .president_left a, .organization a, .info_show a, .spectroscopy a, .collaboration .bom a {
	color: blue;
	text-decoration: underline;
}