html, body, div, span, applet, object, iframe,  pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0; 
}
html, body {
	font-size: 15px;
	font-family: 'effraregular';
     color: #333

}
button, input, select, textarea {
	font-size: 15px;
	font-family: 'effraregular' 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
ol, ul, li {
	list-style: none;
	padding: 0;
	margin: 0
}
p{margin: 0 0 20px;}

img{max-width: 100%}

a, a:hover {
	color: #103d9b;
	text-decoration: none;
}
a:active{text-decoration: none;}
.sub-main a:hover {text-decoration:underline;}
a {
	transition:all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out; 
}
::-webkit-input-placeholder {
color:#aaa;
}
:-moz-placeholder {
color:#aaa;
}
::-moz-placeholder {
color:#aaa;
}
:-ms-input-placeholder {
color:#aaa;
}
.red{ color:#f0205b}
.orange{ color:#ff8a00}
.green{ color:#3cac4a}
.gray{ color:#dedede}

input, textarea, select {
	border: 1px solid #cecece;
}
input[type="text"], input[type="password"], textarea {
	margin: 0 0 8px 0;
 	min-height:20px;
	line-height: 20px;
	padding: 6px 10px; 
	COLOR: #3f3f3f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:  3px;
}
select {
    -webkit-appearance: none;
    border-radius:  3px;
		 background-color:#fff;
		 height:34px; 
	    padding: 4px 30px 4px 8px;
		background-image: url(../images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
 	margin: 0 0 8px 0;
} 

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus{
	outline:0; 
	border: 1px solid #52a8ec; 
}
input[type="submit"]:focus, button:focus{
	outline:0;
	}
input[type="checkbox"] {
	margin: 0 3px 2px 4px;
	vertical-align:middle;
}
img{vertical-align:bottom}

h1, h2, h3, h4, h5{ font-weight:500;}

body {
	color: #333; 
	background: #fff; 
	position: relative
 } 
.blank10{ display:block; height:10px}
.blank20{ display:block; height:20px}
.blank30{ display:block; height:30px}
.blank40{ display:block; height:40px}
.blank80{ display:block; height:80px}
.align-right{ text-align:right}
.top-line{ border-top: 1px solid #eaeaea; padding-top: 20px;}

.submit {
	color: #fff;
	font-size: 16px;
	min-width: 180px;
 	padding: 0;
	min-height: 40px;
	line-height: 40px;
	background: #e54242;
	border: none;
	outline: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	cursor: pointer;
}
.submit:hover {
	background: #fa4e4e;
}
.submit:active {
   color:rgba(255, 255, 255, .5);
   background-color: #e54242;
}

input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}   

.container {
	position:relative;
	width: 100%;
 	max-width:1600px;
	margin: 0 auto
}
.sidebar {
	width: 310px;
} 
.block-list {
	margin: 0 0 20px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clearfix {
	height: 1%;
}

.header, .header .nav ul, .header .logo, .header .member, .header img, .top-search, .page{
 	transition:all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;  }
.header {
	position: fixed;
 	top:0;
	height: 90px;
	z-index: 10;
	width: 100%; 
    padding: 5px 35px;
    background: #fff;
     box-shadow: 0 0 60px 0 rgba(0, 0, 0, .08); 
 	
}
.header-hide{margin-top:-86px}
.header-show{margin-top:0}
.header .logo {
	position: absolute;
 	margin: 0 0 0 0;  
	height:85px; 
    
}   
.header .logo img{height: 80px; margin: 0 20px 0 0}
.nav { 
	display: block;
	float: right;
    margin: 2px 45px 0 0; 
 	transition:all 0.2s ease-out; -moz-transition: all 0.2s ease-out;
        }
.nav-hide{opacity: 0.0; filter: alpha(opacity=0); }
.nav>ul{margin: 20px 0 0 0; }
.nav li {
	float: left;
	position:relative;
    
    
}
.nav>ul>li>a{
	font-size: 18px;
    font-weight: 500;
	color: #333;
 	line-height: 34px;
 	margin:0 18px; 
    padding: 6px 0;
    display: block; 
    border-bottom: 3px solid rgba(129,30,141,0)
    
 }
.nav li a:hover { 
     color: #103d9b;
 }
.nav .current>a {  
     color: #103d9b;
	 border-bottom: 2px solid #103d9b;
    font-weight: 500
 }
.page{margin-top: 90px}
.header .nav>ul{margin: 10px 0 0 0px;}
.header .container{ padding-right: 0px; padding-left: 0px;  max-width: inherit; position: static}
.rd-mobilepanel_toggle {
    display: none;
}	

.header .top-item {
	float: right;
	margin: 23px 0px 0 20px;
	width: 23px;
	height: 23px;
	position: relative;
}
.header .top-item img {
	width: 100%
}

.dropdown-box {
	display: none;
	position: absolute;
	top: 40px;
	right: -13px;
	min-width: 180px;
	font-size: 14px;
	background-color: #fff;
	margin: 0 0 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0 0 10px 0;
	z-index: 40;
	box-shadow: 5px 5px 30px rgba(0,0,0,0.12);
}
.dropdown-box:after {
	content: "";
	position: absolute;
	right: 17px;
	top: -7px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
}
.dropdown-box li {
	float: none;
	line-height: 36px;
	padding: 0;
	margin: 0
}
.dropdown-box .fliter-label li{line-height: inherit; margin: 0 0 3px 0}
.dropdown-box .fliter-label label{ width:calc(100% - 12px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
input[type="checkbox"]{margin: 3px 5px 2px 0px;}
.dropdown-box input[type='checkbox'] + label:before, .dropdown-box input[type='checkbox'] + label:after{ top:3px}

.dropdown-box li a {
	display: block;
	padding: 0 0 0 22px;
	font-size: 15px;
}
.dropdown-box li a {
	display: block;
	color: #333;
}
.dropdown-box li a:hover {
 	background: #f2f5f7;
 }
.dropdown-box li.current a{
	color: #103d9b; 
	background-image: url("../images/icon-tick-2.svg");
	background-repeat: no-repeat;
	background-position: 130px center ;
	background-size: 15px;}
.dropdown-box li:first-child{padding: 10px 0 0 0;}
.dropdown-box li.title {
	width: 230px;
	font-size: 17px; 
    font-weight: 500;
  	margin: 0 0 8px 0;
	padding: 6px 8px 6px 20px;
	border-bottom: 1px solid #eee;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
    color: #2644ba;
}
.dropdown-box li img{display: inline-block; width: 25px; margin: 6px 6px 0 -8px; vertical-align: top; }

.breadcrumbs{font-size: 12px; color: #999; font-family:'ubuntulight'; padding: 22px 0 0 5px; margin: 0 0 0 0 }
.breadcrumbs .item{ position:relative; margin: 0 20px 0 0 }
.breadcrumbs .item:after{content: ''; position: absolute; right: -10px; top: 2px; height: 10px; width: 1px; border-right:1px solid #c5c5c5}
.breadcrumbs span{ display:inline-block; vertical-align: top; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;	}
.breadcrumbs .container{max-width: 1300px}


.top-search{ position: absolute ; right: 42px;  margin: 14px 42px 0 0; z-index: 10 }
.top-search .search-ico{ float:left; width:22px; height:22px; background:url(../images/search.png); background-size: 22px; margin:9px 0 20px 18px; cursor:pointer;}
.top-search .search-ico img{ width:18px; height: 18px;}
.top-search .search-close{ position: absolute; right: 6px; top:10px; width:20px; height:20px; background:url(../images/icon-close.png); background-size: 20px;  cursor:pointer; display: none; cursor:pointer;}
.top-search .search-02{  margin-top: 4px; width:5px; height:40px; line-height:40px;  padding: 0 10px;  background:#fff; border-radius: 5px; border-bottom:1px solid #fff; display:none} 
.top-search .search-02.search-show{
	margin: 0 0 0 0;
	display:block;
   width:902px;
   overflow:hidden;
   transition: all .1s ease-out}
.top-search .search-02 input{ background:none; border:none; outline:none; width:0; font-size: 18px;  }
.top-search .search-02.search-show input{ width: 90%;  margin: 0 0 0 24px; }
.top-search .search-02 img{ position:absolute; margin: 10px 0 0 3px; width:18px; height: 18px;}

.nav .nav-drop-down {
	width: 80px;
	background: rgba(255,255,255,1);
	padding: 12px 20px;
	border-radius: 4px;
	position: absolute;
    top: 45px;
    left: 0px;
	box-shadow: 0px 5px 30px rgba(0,0,0,0.1);
	z-index: 5;
}
.rd-navbar-dropdown {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: transform 0.25s, opacity 0.25s;
	transition: transform 0.25s, opacity 0.25s;
}
.rd-navbar-submenu:hover .rd-navbar-dropdown {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: transform 0.25s, opacity 0.25s;
	transition: transform 0.25s, opacity 0.25s;
}
.nav-drop-down li {
	float: none;
	-webkit-transition: margin 0.25s;
	transition: margin 0.25s;
	width: 88px;
	padding: 0;
	line-height: 30px;
	font-size: 12px;
}
.nav-drop-down.d1 {
	width: 240px;
	margin: 0 0 0 0px;
} 
.nav .nav-drop-down li {
	width: 100%;
}
.nav-drop-down.d1 li {
	margin: 6px 0 6px 5px;
 	font-size: 16px;
	line-height: 20px;
	height: auto
}
.nav-drop-down li a, .nav li.current .nav-drop-down li a {
	font-weight: normal;
	color: #333;
	display: block;
	 padding: 4px 0;
	border-bottom: none;
}
.nav-drop-down li:hover {
	margin: 6px 0 6px 20px;
 
    list-style: disc;
}
.nav-drop-down li:hover a {
	font-weight: normal;
	border-bottom: 0px solid #d81b3b;
}
 

.company-intro{ font-size: 18px; line-height: 32px; font-weight: 400; margin: 0 0 0 0 }  
.company-intro ul{margin: 30px 0 30px }
.company-intro ul li{ display: inline-block; width: 24%; padding: 0 2%; text-align: center; vertical-align: top;}
.company-intro ul .d1{ font-size: 60px; font-family: "effrabold"; margin: 0 0 20px; color: #103d9b}
.company-intro ul .d1 span{font-size: 40px}
.company-intro h3{font-size: 44px; text-align: left; color: #103d9b; margin: 0 0 50px}




.sub-banner{ position:relative; margin: 90px 0 0 0; overflow: hidden }
.sub-banner .text{ position:absolute; top:50%; width:100%;  margin: -65px 0 0 0; z-index:1}
.sub-banner .title{ position:absolute; top:50%; width:100%;  margin: -65px 0 0 0; z-index:1}
.sub-banner h2{ color:#fff; font-size:65px; text-align:center; margin: 0 0 5px; text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);}
.sub-banner h1{ color:#fff; font-size:54px; text-align:center; margin: 10px 0 5px }
.sub-banner p{ display: none; color:#fff; text-align: center; font-size: 28px;  font-family: "effra_lightregular"; line-height: 30px; font-weight: 400; margin: 0 auto}
.sub-banner img{ width:100%; margin: 0 0 0 0}

.detail-banner{ position:relative; overflow:hidden; max-height: 38vw; background-color: #003089;  }
.detail-banner img{ opacity: 0.9; width: 100%;  margin: -15% 0 0 0;} 
.detail-banner.banner-default{ background-image:url(../images/detail-banner-news-default.jpg); background-position: center center; background-size: cover;  }
.detail-banner.banner-conferences{ background-image:url(../images/detail-banner-conferences-default.jpg); background-position: center center; background-size: cover;  }
.detail-banner.banner-default img{ opacity: 1}  
.sub-page{padding: 80px 0 0 0; }
.sub-content{float:left; width: 90%; padding: 0 20px;}
.sub-main{ padding:70px 0 90px;  min-height: 580px; font-size:17px; line-height: 26px}
.sub-main:after {clear: both; display: block; content:""}
.sub-main p a{ color:#811e8d; }
.sub-main p a:hover{ text-decoration:underline}
.intro-page{background: #fff;}


.detail-main{margin: 90px 0 60px 0}
 
.sub-title{ margin: 50px 0 30px 0; font-size:22px;     padding: 30px 0 0; border-top: 1px solid #eee; position:relative; color:#333}
.page-title{margin: 60px 0 0}
.page-title .h2{display: inline-block; vertical-align: top; width: 60%; margin: 0 0 0 0; font-size: 70px; color: #811e8d;  }
.page-title .intro{display: inline-block; vertical-align: top; width: 39%; font-size: 20px; line-height: 30px}
 
.sub-main p{margin-bottom:30px;}  
.sub-main img{ max-width: 100% !important; height: auto}
.sub-main .cover-ct{
	display: block;
    position: relative;
    background: #FFF;
	text-align:left;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.03);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 0 40px 0;
	padding: 40px;
    -webkit-transition: all 0.15s linear;
	-webkit-transform:rotate(0deg);
	}
.sub-main .h3{ text-align:center; padding:0 0 35px 0; color: #103d9b; line-height:50px!important; font-size:38px; margin: 0 0 30px 0; text-transform:uppercase; font-weight: 500}
.sub-main .h4{ text-align:center; line-height:30px!important; font-size:26px; margin: 0 0 50px 0; text-transform:uppercase; font-weight: 500}

.education{margin: -20px 0 0 0}

.whole-content{ width:100%; margin: 0 auto; }
.whole-content p{font-size:17px; line-height:28px; font-weight: 200}
.whole-content .section{ margin: 0 0 60px 0;}
.whole-content .section:last-child{ margin: 0} 
.news-banner{height: 40vw; background-size: cover; background-position: center;}

.contact-wrap{padding: 80px 0 80px 0; background: #fff}
.contact-title {
	text-align: center; 
	font-size: 25px;
    color: #103d9b;
	margin: 0 0 80px 0;
    font-family: 'nexa_boldregular';
}
.contact-name {
	text-align: center;
	font-size: 22px;
	color: #2573de;  
	margin: 0 0 30px 0;
    
}
.contact-intro {
	text-align: center;
	font-size: 16px;
	max-width: 540px;
	margin: 0 auto 40px auto;
	color: #666
}
.contact-icon {
	text-align: center;
}
.contact-icon img {
	width: 80px
}
.contact-type {
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	margin: 20px 0 30px 0;
	color: #333;
    font-family: 'nexa_boldregular';
}
.contact-detail {
	text-align: center;
	color: #666;
    padding: 0 40px;
    font-size: 18px
}
.contact-map{ margin: 40px 0 0; width: 100%;  overflow:hidden}
.contact-form{ margin-top: 0; padding: 80px 0 100px; background: #f2f6fa  }
.contact-form .container{max-width: 1200px}
.contact-form h3{ text-align: center; margin: 10px 0 20px; font-size: 34px; font-weight: 500 }
.contact-form h5{ text-align: center; margin: 0 0 60px; font-size: 18px; color: #778296; font-weight: 400}
.contact-form .row{margin-right: -10px; margin-left: -10px;}
.contact-form .col-md-4{padding-right: 10px; padding-left: 10px;}
.contact-form .col-md-12{padding-right: 10px; padding-left: 10px;}
.load-more-btn{ text-align:center; margin: 25px 0 40px 0;}
.load-more-btn a{
	display:inline-block;
      color: #fff;
    font-size: 18px;
    padding: 14px 50px; 
    background: #103d9b;
    border: none;
    outline: none;
    border-radius: 10px; 
	font-weight:400;
	 box-shadow: 5px 5px 20px rgba(59,95,168,0.10);
  }


.load-more-btn a:hover {
	background: #486ebc;
	box-shadow: 5px 5px 30px rgba(59,95,168,0.20);
}
.load-more-btn a:active {
	color:rgba(255, 255, 255, .5);
 }
 
.contact-form input[type="text"], .contact-form input[type="password"], .contact-form textarea, .contact-form select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font: 18px sans-serif;
  line-height: 24px;
  padding: 14px 18px ;
  color: #798a95;
  background-color: #fff;
  border: 2px solid #fff;
  width: 100%;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
   margin: 0 0 20px 0; 
  border-radius: 10px;  
  box-shadow: 3px 3px 20px 0 rgb(0 0 0 / 2.5%);
} 
.contact-form textarea{ height: 400px;}
.contact-form input[type="text"]:focus, .contact-form textarea:focus{  border: 2px solid #337de3;}
.btn-submit{
 display:block;
  margin: 10px auto ;
  padding: 15px 35px;
  font-size: 18px;
  border-radius: 8px; 
  border: 0;
  cursor:pointer;
  color: #fff;
  background: #103d9b
}
.btn-submit:hover{background: #2250b2}

label {
  line-height: 12px;
  padding-left: 5px;
}

.sign-link {
  text-align: center;
  float: left;
  margin: 40px 0 0 120px;
}

/*ERROR STATES*/
.error-box {
  display: none;
  height: 70px;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.error-message {
  float: left;
  margin: 24px 0 0 30px;
}

.red {
  background-color: #d03e3e;
}

.green {
  background-color: #72d03e;
}

.success-message {
  line-height: 60px;
  margin: 30px 0 0 30px;
}

.ipt-error {
  background-color: #f4b4b4 !important;
  border: 1px solid #d03e3e !important;
  color: #333 !important;
}

.ipt-error::-webkit-input-placeholder {
    color:    #d03e3e;
}
.ipt-error:-moz-placeholder {
    color:    #d03e3e;
}
.ipt-error::-moz-placeholder {
    color:    #d03e3e;
}
.ipt-error:-ms-input-placeholder {
    color:    #d03e3e;
}

/*PLACEHOLDERS FOR IE BROWSER*/
.ie-placeholders {
  display: none;
}

/*COLOR SCHEMES*/
 
/*Red*/
.btn-red {
  background-color: #e42a2a; 
  border: 0px ;
  color:#FFF;
}

.btn-red:hover {
  background-color: #ca0000; 
}
 
.btn-blue {
  background-color: #337de3; 
  border: 0px ;
  color:#FFF;
}

.btn-blue:hover {
  background-color: #378bfe; 
}
.content-wrap{
	background: #FFF;
	text-align:left;
    font-size: 18px;
    line-height: 34px;
     margin: 40px auto 30px ;
	max-width: 1200px;  	
}  
.aboutus-wrap{margin-top: 10px; font-size: 17px}
.aboutus-item{ background: #FFF; border-radius: 10px; padding: 40px 50px 20px; margin:  0 0 40px}
.aboutus-item .num{font-size: 60px; color: #811e8d; text-align: center; width: 120px; height: 120px; line-height: 110px; margin: 5px auto 30px; border: 5px dashed #eee; border-radius: 50%}
.aboutus-item h4{ font-size: 30px; text-align: center;  padding: 0 0 30px 0;}
.aboutus-item h5{ font-size: 24px; padding: 0 0 30px 0;}
.aboutus-item .content{min-height: 90px}
.aboutus-item-2{padding: 30px 0 0}
.aboutus-item-2 h5{ font-size: 24px; padding: 0 0 30px 0;}

.about-team{padding: 80px 0 80px; background: #fff}
.about-team .container{max-width: 1460px}
.about-team h3{ font-size: 45px; text-align: center; color: #103d9b; margin: 0 0 60px}
.about-team li{width: 13.2%}
  .team-wrap{ margin: 0 0 0 0; padding: 10px 20px 40px}
.team-wrap:after{content: ".";  display: block; clear: both;  visibility: hidden; line-height: 0;  height: 0;}
.team-wrap .photo{float: right;  margin: 70px 0 0 40px}
.team-wrap .photo img{width: 260px;  overflow: hidden; border-radius: 50%; border:5px solid #103d9b;}
.team-wrap .name{ font-size: 30px; color: #103d9b; margin: 0 0 20px}
.team-wrap .post{font-size: 18px; line-height: 30px; margin: 0 0 20px; font-weight: 500; color: #333}
.team-wrap .intro{font-size: 17px; line-height: 30px; color: #666}
.team-wrap .text{float: left; width: calc(100% - 320px);}
 

.team-item{ background: #FFF; border-radius: 10px; padding: 40px 50px 20px; margin:  0 0 40px}
.team-item .photo{width: 260px; height: 260px; overflow: hidden; border-radius: 50%; margin: 20px auto}
.team-item .name{text-align: center; font-size: 22px; margin: 0 0 5px}
.team-item .post{text-align: center; font-size: 18px; margin: 0 0 20px; color: #666	}
.content-wrap .title { margin: 0 0 5px 0; font-size: 38px; line-height: 50px; }
.content-wrap .date {display: inline-block; font-size: 16px; color: #838d94; }
.content-wrap p{margin: 0 0 25px}
.content-wrap h3{margin: 0 0 25px; color: #103d9b}

.content-wrap .content-txt{padding: 30px 0 0;  margin: 30px 0 0;  border-top: 1px solid #eee;}
.content-txt ul{padding: 0 0 0 20px}
.content-txt li{ list-style:disc;}

.page-about img{ margin: 60px 0 0 0;}
 
.about-process{ padding: 80px 0 90px; background-image: url("../images/aboutus-process-bg.jpg");  background-size: cover; background-position: top center;  background-repeat: no-repeat;}
.about-process h3{ font-size: 45px; text-align: center; color: #103d9b; margin: 0 0 60px}

.about-structure{ padding: 80px 0 90px; text-align: center; background: #eff2fa}
.about-structure h3{ font-size: 45px; text-align: center; color: #103d9b; margin: 0 0 40px}
.about-structure img{width: 1380px; margin: 0 auto}

.about-unit{ padding: 80px 0 90px; text-align: center;}
.about-unit h3{ font-size: 45px; text-align: center; color: #103d9b; margin: 0 0 50px}
.about-unit h4{ font-size: 30px; text-align: center; margin: 0 0 30px}
.about-unit ul{margin: 0 0 30px 0}
.about-unit li{display: inline-block; margin: 0 10px 20px}
.about-unit li a{display: table-cell; font-size: 15px;  line-height: 20px; padding: 0 15px; width: 300px; height: 80px; vertical-align:middle; overflow:hidden; border: 1px solid #e7ebee; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.03);  border-radius: 8px; background-color: #f4f6f8; color: #103d9b}
.about-unit li a:hover{ color: #fff; background-color: #103d9b; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.08); }
.content-img{text-align: center; font-size: 16px; margin: 0 0 20px} 
.content-img .name{margin: 10px 0 0 0}


.services-slogan{padding: 90px 0 0; margin: 0 0 -30px 0}
.services-slogan .container{ max-width: 1400px}

.services-wrap{padding: 120px 0 60px}
.services-wrap .container{max-width: 1560px}
.services-type{position: relative; background: #fff;  border-radius: 10px; margin: 0 0 80px}
.services-type:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.services-type .left{float: left; position:relative; width: 25%; } 
.services-type .left .img{ min-height: 400px; width: 100%; border-radius: 10px 0 0 10px; background-size: cover} 
.services-type .left .name{position: absolute; left: 50px; top: 40px; font-size: 40px; line-height: 42px; font-weight: 500; color: #fff}
.services-type .left span{display: block; font-size: 24px;  font-weight: 300; font-family: "effra_lightregular"; }
.services-type:nth-of-type(1) .left span{ color: #9d7ed1}
.services-type:nth-of-type(2) .left span{ color: #7882dd}
.services-type:nth-of-type(3) .left span{ color: #92cb96}
.services-type .left .en{position: absolute; left: 45px; bottom: 0px; font-size: 120px; font-family: "effra_lightregular"; color: #fff}
.services-type .left .en b{font-weight: 900; font-family: "effrabold";}
.services-type .content{float: left; width: 75%; padding: 50px 5% 10px}
.services-type .item{float: left; width: 33%; margin: 0 0 50px}
.services-type  .title{ font-size: 18px; font-weight: 600;  margin: 0 0 10px}
.services-type .item ul{font-size: 14px; line-height: 26px; padding: 0 0 0 16px; color: #666}
.services-type .item li{list-style: disc;}
.services-type .row{ margin: 0} 
.services-type .item .text{font-size: 14px; line-height: 26px; padding: 0 80px 0 0; color: #666}
.services-type h3{ color: #103d9b; font-size: 30px; margin: 0 0 35px}
.services-type h3 span{display: block; font-size: 16px; margin: 5px 0 40px 0 ; color: #666; font-weight: 400;  }
 
.footer {
 	width: 100%; 
	background: linear-gradient(to bottom, #2b3f6a, #2b3f6a);
	padding: 60px 0 0 0; 
    color:#fff
} 
.footer .container{padding: 0 70px 25px}
.footer-nav a{ color:#fff; opacity: 0.7; }
.footer-nav a:hover{ opacity: 1; text-decoration:none}
.footer-address a{ color:#fff; opacity: 0.7; }
.footer-address a:hover{ opacity: 1; text-decoration:none}
.footer .title{ font-size: 20px;  margin: 0 0 25px 0}
.footer-nav li{display: inline-block; width: 32%; margin: 0 0px 12px 0; font-size:16px;   }
.footer-address li{ margin: 0 0 0 0; font-size:15px; color: #fff; line-height: 26px; opacity: 0.7;  }
.footer-address  a{opacity: 1;}
.footer .qr{ display:inline-table;   margin: 3px 20px 15px 0}
.footer .qr img{ width:100px; border-radius: 3px}
.footer .qr-text{ margin: 10px 0 0 0; text-align: center; font-size:14px}
.footer .copyright{ color: #fff; opacity: 0.6; text-align: center; padding:24px 15px 26px; margin: 50px 0 0 0; background: #21335a; font-size: 15px}  
.footer .logo{ margin: -15px 10px 0 0}
.footer .logo img{ width: 85px; margin: 0 18px 0 0}
.footer-left{ float:left}
.footer-right{ float:right}
.footer-center{ text-align: center}
.social-link li{ display:inline-block; margin: 0 20px 5px 0;}
.social-link li img{ height:30px;}
.social-link li {transition:all 0.25s ease-out;-moz-transition: all 0.25s ease-out;}
.social-link li:hover{ opacity:1;} 

.user-input input[type="text"]{ width:100%; }
.user-input input[type="password"]{ width:100%; }
.text-muted{ font-size:13px; color:#999; line-height:20px; margin: 0 0 20px 0}
.select {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid;
    text-align: center;
    vertical-align: middle; 
    line-height: 1.43;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    cursor: pointer;
	border-color: #cecece;
    background-color: #fff; 
}
.btn:hover{ background-color: #f7f8fa;} 
.btn:active{background-color: #f2f2f2;  color: #999}
.btn-primary {
    border-color: #811e8d; 
    background-color: #811e8d;
    color: #fff;
}
.btn-primary:hover{
	border-color: #1765d1; 
    background-color: #1765d1;
	}
.btn-primary:active{ 
   color:rgba(255, 255, 255, .5);
   background-color: #1765d1;
   }	
.btn-large {
    padding: 10px 40px;
    font-size: 16px;
}
.btn-middle{
    padding: 6px 20px;
    font-size: 15px;
	font-weight:normal
}

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

table > tbody > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	padding: 18px 12px 16px 12px;
	vertical-align: middle;
 }
table > tbody > tr  {
	border-bottom: 1px solid #d7dfe4;  
}

table th { 
    font-weight: 600;
    background: #103d9b;
    color: #fff; 
 }
table td{background: #fafcfd;} 

.container-table{font-size: 18px; line-height: 28px; max-width: 1350px; margin: 0 auto}
.container-table h3{text-align: center; margin: -5px 0 35px 0; font-size: 36px; color: #103d9b}


.fl{ float:left}
.fr{ float:right;}

.tip-text {
  text-align: center;
  padding: 10px 0 10px 0;
}
.s05x {
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	visibility: hidden;
	opacity: 0;
	
}
.scroll-top-link { 
	width: 40px;
	position:fixed;
	right: 30px;
	bottom: 25px;
	z-index: 20;
}
.scroll-top-link .gotop {
    text-align: center;
	display: none;
	width: 56px;
	height: 56px;
 	background: url(../images/arrow-up.svg) no-repeat 50% 20%;
    background-color: #fff; 
	background-size: 30px;
	cursor: pointer;
	border-radius:6px; 
    border: 1px solid #e8e6ed;
 	margin: 0 0 0 0;
 	box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, .06);
} 
.scroll-top-link .gotop span{display: block; font-size: 12px; margin: 35px 0 0 0; color: #7b7b7b}
.scroll-top-link .gotop:hover span{color: #103d9b}

.scroll-top-link .gotop:hover{ background: url(../images/arrow-up-1.svg) no-repeat 50% 20%; background-color: #fff; background-size: 30px;}
.tags{ display: none; margin: 40px 0 0 0}
.tags li{display: inline-block; padding-right: 8px; padding-bottom: 10px; height: 32px;}
.tags li a{
	display: block;
    padding: 0px 15px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    color: #103d9b;
	background: #eff3fa; 
     border-radius: 6px;
}
.tags li a:hover{ text-decoration: none; background: #103d9b;  color: #fff }
.related-items{ max-width: 1200px; margin: 70px auto 0}
.related-items h4{ margin: 0 0 10px 0}
.related-items .cover-item .img span{height: 220px}
.related-items .cover-item .content{padding: 0 28px;}
.banner-default{ display:block}
.share-toolbox{ text-align:center; margin: 100px 0 10px 0}
.share-toolbox .at-resp-share-element .at-share-btn{ margin: 0 5px 5px 5px;}
.detail-banner .text{ 
     color: #fff; 
    width: 100%;
    height: fit-content;
	text-align:center; 
	padding: 70px 60px 120px 60px;
    z-index: 1;	
}
.detail-banner .text .title{ 
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 10px 0;  
    font-weight: 200;
}
.detail-banner .text .title sup{ font-size: 20px;}
.detail-banner .text .theme{ margin: 0px 0 10px 0; font-size:22px; font-style:italic}
.detail-banner .text .date{ font-size: 18px;}
.detail-banner .text a{ color:#fff; text-decoration:underline}
.detail-banner .text a:hover{ text-decoration:none}
.sub-nav{ text-align: center; overflow-x: auto; overflow-y: hidden; position:relative;   background:#fff;box-shadow: 5px 5px 30px rgba(0,0,0,0.03); -webkit-overflow-scrolling : touch; }
.sub-nav a{ display: inline-block; text-decoration: none; color: #666; font-size:18px; padding:20px 10px; margin:0 10px;  }
.sub-nav a:hover{ color: #103d9b;}
.sub-nav a.current{ content:""; color:#103d9b; font-weight: 500}
.side-wrap{float:right; width:290px; }
.side-nav{ margin:5px 20px 0 0; 
background: #FFF;
    text-align: left;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.03);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; 
    padding: 10px 30px 25px;
} 
.side-nav li a{ display:block; color:#333;  font-size:17px;   line-height:16px; padding: 15px 0; border-bottom:1px solid #f1f1f1;}
.side-nav li a:hover{color:#1f97ec; text-decoration: none}
.side-nav li.current a{  color:#1f97ec;  font-size:19px;}

.section-content{ float:left; width: calc(100% - 320px); padding: 0 20px; margin: -5px 0 0 0}
.section-content ul{ margin: 0 0 0 20px}
.section-content li{ list-style:outside}
.section-content img{ max-width: 100% !important; height: auto;}
.content-wrap img{ max-width: 100% !important; height: auto; padding: 20px 0 0 0}
.sub-main strong{ }
 
.sub-projects .cover-item .content{position: absolute; width: 100%; bottom: -100px; padding: 15px 25px 0; background:#811e8de2; transition:all 0.25s ease-out; -moz-transition: all 0.25s ease-out; }
.sub-projects .cover-item a:hover .content{bottom: 0px;}
.sub-projects .cover-item a{padding: 0}
.sub-projects .cover-item a:hover .title{color: #fff}
.sub-projects .cover-item .img{margin: 0}
.sub-projects .cover-item .title{ height:80px; color: #fff; margin: 0}
.sub-projects .cover-item .img span{height: 350px}
.related-items .sub-projects .cover-item .img span{height: 280px}

.sub-banner .seach-wrap{position:absolute;   vertical-align: middle; color:#fff; text-align:center; width:100%; height:fit-content;  top: 40px; bottom: 0; left: 0; right: 0; margin: auto; z-index:1;}
.sub-banner .seach-wrap h4{ font-size: 28px; margin: 0 0 20px 0;  }
.sub-banner .search-input { position: relative;}
.sub-banner .search-input { width: calc(100% - 40px); max-width: 860px; margin:  0 auto 20px}
.sub-banner .search-input input{ width: 100%; height: 45px; line-height: 45px; padding: 0 15px; font-size: 18px; border: 0px}
.sub-banner .search-input .search-btn{ position: absolute; right:15px; top: 11px; width: 21px; height: 21px;}
.sub-banner .search-input .search-btn img{ width: 100%}

.page-search{ background: #f3f3f7;}
.page-search .container{ max-width: 1100px}
.search-item{ margin: 0 0 50px 0}
.search-item li{
	background: #FFF;
	text-align:left;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.03);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 25px 0; 
}
.search-item .img{ display: inline-block; float: left; width: 200px; height: 160px; margin: 0 30px 0 0; overflow: hidden} 
.search-item .img img{ width: 130%; max-width: inherit !important; margin: 0 0 0 -15%}
.search-item .text{ display: inline-block; width: calc(100% - 250px);  vertical-align: top; margin: 25px 0 0 0} 
.search-item .text .title{ font-size:20px; line-height: 25px; margin: 0 0 10px 0}
.search-item .text .summary{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 16px; line-height: 22px; }
.search-item .text .keywords{ font-weight: 600 } 

.search-type{ overflow-x: auto; overflow-y: hidden; position:relative;  height:55px;  border-bottom:1px solid #eaebee;   -webkit-overflow-scrolling : touch; }
.search-type ul{ width: calc(100% - 40px); max-width: 1000px; margin: 0 auto}
.search-type li{ display: inline-block; font-size: 16px;  } 
.search-type li a{ display: block; line-height: 50px; padding: 2px 5px 0; margin: 0 30px 0 0; color: #333}
.search-type li a:hover{color: #811e8d}
.search-type li.current a{ border-bottom: 2px solid #811e8d; color: #811e8d}
.results-note{ text-align: center; margin: -40px 0 35px 0; color: #888}

.panel {
	position: fixed;
	width: 90%;
    max-width: 750px;
    padding: 0;
    box-shadow: 10px 10px 60px rgba(0, 0, 0, 0.10);
    border-radius: 10px;
	padding: 35px 40px; 
 	background-color: #FFF;
	z-index: 10002;
	transition: 0.2s;
	height: fit-content;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.panel .iconfont-x {
	background: url(../images/btn-close-3.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: auto;
	right: 25px;
	top: 25px;
	bottom: auto;
	width: 22px;
	height: 22px;
	cursor: pointer
}
.panel .iconfont-x:hover {
	background: url(../images/btn-close-2.png) no-repeat center;
	background-size: cover;
}
.panel .right {
	float: right;
	margin: 0 0 10px 0
}
.panel a:hover {
	text-decoration: underline
}
.s05x {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	visibility: hidden;
	opacity: 0;
}
 
.cf:after {
	content: "";
	display: table;
	clear: both;
}
.panel hr {
	margin: 15px 0 15px 0;
	height: 1px;
	border: 0;
	width: 100%;
	background: #e6eaed;
}
.panel h3 {
 	font-size: 20px;
	color: #103d9b; 
	font-weight: 500;
	margin: 0 0 20px 0;
}
.panel input[type="text"], .panel input[type="password"] {
	color: #333;
	min-height: 45px;
	width: 100%;
	padding: 6px 10px 6px 38px;
	margin-bottom: 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
	outline: none;
	font-size: 15px;
	border: 1px solid #d1d1d1;
}
.panel li {
	position: relative
}
.panel li:after {
	content: " ";
	position: absolute;
	top: 12px;
	left: 10px;
	width: 30px;
	height: 30px;
}
.panel .title{font-size: 24px; font-weight: 500; margin: 0 0 30px 0; color: #103d9b}
.panel .overview{font-size: 16px;  max-height: 80vh; width: 105%; padding: 0 5% 0 0;  overflow: auto; line-height: 30px}
.panel h3{font-size: 20px; text-align: left}

.anchor{display: block; position: relative; margin: -60px 0 60px; height: 1px}


.rd-mobilepanel_toggle {
  background: none;
  border: none;
  padding: 0;
  outline: none;
  outline-offset: 0;
  cursor: pointer;
  -webkit-appearance: none;
  position:absolute;
  top: 15px;
  right: 8px;
  width: 48px;
  height: 48px; 
  z-index: 20;
}
  .rd-mobilepanel_toggle::-moz-focus-inner {
    border: none;
    padding: 0; }
  .rd-mobilepanel_toggle span {
    position: relative;
    display: block;
    margin: auto;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
    .rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
      content: "";
      position: absolute;
      left: 0;
      top: -8px;
      -moz-transition: all 0.15s ease;
      -o-transition: all 0.15s ease;
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .rd-mobilepanel_toggle span:after {
      top: 8px; }
    .rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
      width: 24px;
      height: 4px;
      background-color: #333;
      backface-visibility: hidden;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; 
      transition-delay: 0s, 0.15s;
}
  .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
    -webkit-transition-duration: 0.15s, 0.15s;
    transition-duration: 0.15s, 0.15s;
    -webkit-transition-delay: 0.15s, 0s;
    transition-delay: 0.15s, 0s;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform; }
  .rd-mobilepanel_toggle.active span {
    transition: background .3s 0s ease;
    background: transparent; }
    .rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
      top: 0;
      -webkit-transition-delay: 0s, 0.15s;
        background: #333;
      transition-delay: 0s, 0.15s; }
    .rd-mobilepanel_toggle.active span:before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .rd-mobilepanel_toggle.active span:after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.menu-bg{
	display:none;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    top: 0;
    z-index: 9;
	}
 
.s05x {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	visibility: hidden;
	opacity: 0;
}

.pop-mask {
	display:none;
	z-index:1000;
	background:rgba(0, 0, 0, 0.5);
	position: fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	height:100%;
}
.alert {
    position: relative;
    line-height: 25px;
    border-width: 0;
	padding: 16px;
    margin-bottom: 18px;
    border: 1px solid transparent; 
}
.alert-fixed {
    position: fixed;
    width: 100%;
    z-index: 110;
	top: 0
}
.alert-success {
    background-color: #34a853;
    border-color: #34a853;
    color: #ffffff;
} 
.alert-dismissable, .alert-dismissible {
    padding-right: 38px;
}
.alert .close {
    position: absolute;
    font-size: 20px;
    top: 18px;
    right: 18px;
    text-shadow: none;
}
.alert-dismissible.alert-success .close {
    color: #103319;
}
.close {
    float: right;
    font-size: 19.5px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.close:hover{
	opacity: 0.8;
    filter: alpha(opacity=80);
	
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.alert .icon {
    font-size: 24px;
    color: #ffffff;
    vertical-align: middle;
    margin-right: 20px;
    line-height: 22px;
}
.mdi-check {
    display: inline-block;
    width: 20px;
	height: 20px;
	background: url(../images/check.svg) no-repeat center; 
	background-size: cover;
}
.mdi-close{
	display: inline-block;
    width: 20px;
	height: 20px;
	background: url(../images/icon-close.png) no-repeat center; 
	background-size: cover;
}
.image-meta{ text-align: center; font-size:15px!important; font-weight: 500; margin-top: -20px!important;}
.popup-title{ font-weight: bold; font-size: 17px;}
.popup-content{ margin: 10px 0; padding:10px 0; border-top: 1px solid #dedede;}
.alert {
    position: relative;
    line-height: 25px;
    border-width: 0;
	padding: 16px;
    margin-bottom: 18px;
    border: 1px solid transparent; 
}
.alert-fixed {
    position: fixed;
    width: 100%;
    z-index: 110;
	top: 0
}
.alert-success {
    background-color: #34a853;
    border-color: #34a853;
    color: #ffffff;
} 
.alert-dismissable, .alert-dismissible {
    padding-right: 38px;
}
.alert .close {
    position: absolute;
    font-size: 20px;
    top: 18px;
    right: 18px;
    text-shadow: none;
}
.alert-dismissible.alert-success .close {
    color: #103319;
}
.close {
    float: right;
    font-size: 19.5px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.close:hover{
	opacity: 0.8;
    filter: alpha(opacity=80);
	
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.alert .icon {
    font-size: 24px;
    color: #ffffff;
    vertical-align: middle;
    margin-right: 20px;
    line-height: 22px;
}
.mdi-check {
    display: inline-block;
    width: 20px;
	height: 20px;
	background: url(../images/check.svg) no-repeat center; 
	background-size: cover;
}
.mdi-close{
	display: inline-block;
    width: 20px;
	height: 20px;
	background: url(../images/icon-close.png) no-repeat center; 
	background-size: cover;
	
}

 

svg:not(:root) {
    overflow: hidden;
}
svg {
    fill: currentColor;
    vertical-align: bottom;
}
.cover-item a{
	display: block;
    position: relative;
    background: #FFF;
	text-align:left;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.04); 
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 40px 0;
	padding: 0 0 20px 0;
    -webkit-transition: all 0.15s linear;
	-webkit-transform:rotate(0deg);
	}
.cover-item a:hover{box-shadow: 5px 5px 25px rgba(0,0,0,0.08); text-decoration: none }	
.cover-item .img{ margin: 0 0 22px 0; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025);}
.cover-item .img span{ display: block; height:280px;  width: 100%; transition:all 0.25s ease-out;-moz-transition: all 0.25s ease-out; background-size: cover; background-position: center}
.cover-item:hover .img span{-webkit-transform: scale(1.04); transform: scale(1.04); opacity:0.9; }
.cover-item .content{padding: 0 35px}
.cover-item .date{font-size:15px; margin: 0 0 8px; color: #8d8d8d;   }
.cover-item .type{position: absolute; display: none; right: 20px; bottom: 15px; font-size:14px; margin: 0 0 12px; padding: 3px 10px; border-radius: 4px; border:1px solid #2c406b; color: #2c406b;  }
.cover-item .title{font-size:18px; line-height:26px; height:56px; margin: 0 0 5px;  text-align: left;  color:#000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.cover-item a:hover .title{color: #103d9b}
.cover-item .location{ margin: 0 20px 3px 24px; font-size:15px; color: #333333;  float:right;} 

.type-list .cover-item .img{display: none}
.type-list .cover-item .title{margin: 25px 0 5px 0 }
.type-list .cover-item a{border:solid 2px #eee; }
.type-list .cover-item .date{display: inline-block; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top:solid 1px #999; }

.cover-flexslider{ }
.cover-flexslider .flex-viewport{padding: 20px 0.5% 0 0; width: 100.5% }
.cover-flexslider .flex-direction-nav a{opacity: 100}
.cover-flexslider .flex-control-nav{ margin: 5px 0 0 0;}
 
.cover-flexslider .flex-direction-nav .flex-next {background: url(../images/icon-next-2-1.png) no-repeat center center;  width: 60px; height: 60px; background-size: 60px;  right: -70px; top: 38%; border-radius: 4px 0 0 4px; position: absolute}
.cover-flexslider .flex-direction-nav .flex-next:hover{background: url(../images/icon-next-2-2.png) no-repeat center center; width: 60px; height: 60px; background-size: 60px; }
.cover-flexslider .flex-direction-nav .flex-prev {background: url(../images/icon-previous-2-1.png) no-repeat center center; width: 60px; height: 60px; background-size: 60px;  left: -70px; top: 38%; border-radius: 4px 0 0 4px; position: absolute }
.cover-flexslider .flex-direction-nav .flex-prev:hover{background: url(../images/icon-previous-2-2.png) no-repeat center center; width: 60px; height: 60px; background-size: 60px; }

.nav-tabs > li > a{ display: block; color: #666; text-decoration: none; padding: 10px 15px;}
.nav-tabs > li{padding: 0 0 12px 0; margin: 0 0 1px; vertical-align: top}
.nav-tabs{ text-align: center; position:relative; width: 108%; margin: 0 30px 30px -4%!important; border-bottom: 0; background: url(../images/team-line.png) no-repeat center bottom; background-size:contain;}
.nav-tabs .photo img{width: 120px;  overflow: hidden; margin: 0 0 12px 0;  border-radius: 50%; border: 3px solid #fff;}
.nav-tabs .name{font-weight: 500; font-size: 17px; margin:  0 0 2px 0}
.nav-tabs .post{font-size: 14px;}
.nav-tabs > li.active .photo img{border: 3px solid #103d9b;}
.nav-tabs > li.active > a .name{ color: #103d9b!important}
.nav-tabs > li.active > a .post{ color: #103d9b!important}
.nav-tabs > li.active { background: url(../images/team-triangle.png) no-repeat center bottom; background-size: 18px; }
.nav-tabs > li:hover .photo img{border: 3px solid #a0afce;}
.nav-tabs > li.active:hover .photo img{border: 3px solid #103d9b;}

.talents-main h3{color: #103d9b}
.talents-main{padding: 80px 0 80px 0; text-align: center}
.talents-main .col-md-2{width: 19.5%; float: none; display: inline-block; vertical-align: top; margin: 0 0 50px}
.talents-main .col-md-2 .img{margin: 0 30px 30px}
.talents-main .row{margin-bottom: 60px}
.talents-item img{border-radius: 50%; overflow: hidden; border: 4px solid #fff;}
.talents-item .img:hover img{border: 4px solid #b7cbe7; }
.talents-photo{text-align: center; padding: 20px 0 0 0}
.talents-photo img{border-radius: 50%; overflow: hidden;  border: 5px solid #3e65b7; width: 250px; margin: 0 auto 20px; padding: 0}
.talents-name{text-align: center; font-size: 38px; line-height: 50px; padding: 0 0 10px;  }

.video{width: 100%; height: 51.65vw; max-height: 675px; margin: -30px 0 30px}

 
.ButtonBox {
	display: inline-block;
	vertical-align:top;
	position: relative; 
	color: #811e8d;
	border-radius: 9px;
	padding: 9px 58px 9px 26px;
	margin: 20px 0 0 5px;
	overflow: hidden;
	border: 2px solid #103d9b;
	transition: background-color 0s cubic-bezier(.52,.08,.18,1) 0s
} 

.ButtonBox:after {
	height: 100%;
    content: "";
 	background-color: #103d9b;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 112%;
	transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);
	transition: transform .55s cubic-bezier(.52,.08,.18,1);
	transition: transform .55s cubic-bezier(.52,.08,.18,1),-webkit-transform .55s cubic-bezier(.52,.08,.18,1);
	-webkit-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: translateX(-101%) skewX(-17.62deg);
	transform: translateX(-101%) skewX(-17.62deg); 
}

.ButtonBox:hover {
	background-color: #103d9b;
 	border: 2px solid #103d9b;
	transition: background-color .1s linear .35s
}

.ButtonBox:hover:after {
	-webkit-transform: translateX(0) skewX(-17.62deg);
	transform: translateX(0) skewX(-17.62deg);
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.ButtonBox:hover .ButtonBox-text {
	color: #fff
}

.ButtonBox:hover .ButtonBox-icon {
	color: #fff;
	-webkit-transform: translateX(5px);
	transform: translateX(5px)
}
 
.ButtonBox-text {
	display: block;  
	font-size:17px; 
 	color: #103d9b;
	position: relative;
	z-index: 1;
	transition: color .55s cubic-bezier(.52,.08,.18,1),-webkit-transform .55s cubic-bezier(.52,.08,.18,1);
	transition: color .55s cubic-bezier(.52,.08,.18,1),transform .55s cubic-bezier(.52,.08,.18,1);
	transition: color .55s cubic-bezier(.52,.08,.18,1),transform .55s cubic-bezier(.52,.08,.18,1),-webkit-transform .55s cubic-bezier(.52,.08,.18,1)
}
 .ButtonBox-icon {
	display: block;
	position: absolute;
	width: 19px;
	height: 17px;
	right: 18px;
	top: 50%;
	margin-top: -9px;
	line-height: 0;
	color: #103d9b;
	z-index: 1;
	transition: color .55s cubic-bezier(.52,.08,.18,1),-webkit-transform .55s cubic-bezier(.52,.08,.18,1);
	transition: color .55s cubic-bezier(.52,.08,.18,1),transform .55s cubic-bezier(.52,.08,.18,1);
	transition: color .55s cubic-bezier(.52,.08,.18,1),transform .55s cubic-bezier(.52,.08,.18,1),-webkit-transform .55s cubic-bezier(.52,.08,.18,1)
}
.ButtonBox-icon svg {
	width: 100%;
	height: 100%;
	vertical-align: bottom
}

.ButtonWhite{ background-color:transparent; border: 1px solid #fff }
.container{padding: 0 50px}


.platform{margin: 0 0 40px}
.platform .grid {
    display: grid;
    grid-template-columns: 6fr 6fr;
    grid-template-rows: repeat(3, 300px);
    gap: 25px;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

}

.platform .card {
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    overflow: hidden;
}

/* 高性能并行计算集群 - 左侧大卡片 */
.grid .card:nth-child(1) {
    grid-row: 1 / 3;
    grid-column: 1;
}
.grid .card:nth-child(1) .card-content{ text-align: center}
.grid .card:nth-child(1) p{ margin: 0 auto 25px}

/* 防洪减灾试验厅 - 右上小卡片 */
.grid .card:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
}

/* 野外试验基地 - 右中小卡片 */
.grid .card:nth-child(3) {
    grid-row: 2;
    grid-column: 2; 
}

/* 洪水风险与保险实验室 - 左下大卡片 */
.grid .card:nth-child(4) {
    grid-row: 3;
    grid-column: 1;
}

/* 水利遗产保护与研究实验室 - 右下大卡片 */
.grid .card:nth-child(5) {
    grid-row: 3;
    grid-column: 2;
}
 

.card-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 35px;
    color: #333;
}

.platform h2 {
    font-size: 32px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
    color: #222;
    line-height: 1.3;
}

.platform p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 25px;
    color: #666;
    max-width: 70%;
}

.platform .btn-ep {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px 10px 24px;
    background-color: transparent;
    border: 1.5px solid #103d9b;
    color: #103d9b;
    text-decoration: none;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    transition: all 0.3s ease;
}

.platform .btn-ep::after {
    content: "→";
    margin-left: 18px;
    font-size: 20px;
    line-height: 1;
    color: #103d9b;
    transition: all 0.3s ease;
}

.platform .btn-ep:hover {
    background-color: #103d9b;
    color: white;
    text-decoration: none
}

.platform .btn-ep:hover::after {
    color: white;
    transform: translateX(3px);
}

@media (max-width: 1024px) {
   .platform  .container {
        padding: 20px;
    }
    .grid .card:nth-child(1) .card-content{ text-align: left;}
    .grid .card:nth-child(1) p{ margin: 0 0 25px;}

   .platform .grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 200px);
        gap: 20px;
    }
    
   .platform .grid .card:nth-child(n) {
        grid-column: 1;
        grid-row: auto;
        width: 100%;
       background-position: 80%  30%;
    }

   .platform .card-content {
        padding: 25px;
    }

   .platform .platform  h2 {
        font-size: 22px;
        margin-bottom: 12px;
    }

   .platform  p {
        font-size: 14px;
        margin-bottom: 20px;
    }

} 

.pagination {
	width:100%; 
    padding: 15px 0 15px 0;
 	TEXT-ALIGN: center;
	font-size:20px;
  }
.pagination a, .pagination span {
    display: inline-block;
	border-radius: 7px;
	width:46px;
	height:46px;
	line-height:44px;
	text-align:center; 
  	margin: 0 4px 8px;
 	TEXT-DECORATION: none;
 	color: #666;
}
.pagination a:hover { 
 	text-decoration:none; 
    color: #103d9b;
 
}
.pagination a:active { 
}
.pagination .current {
  	font-weight:bold;
	COLOR: #103d9b;
	TEXT-DECORATION: none; 
    font-size:22px;
}
.pagination .current.prev, .pagination .current.next {
	background-color: #fff;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f7f7));
	background: -webkit-linear-gradient(top, #fff, #f7f7f7);
	background: -moz-linear-gradient(top, #fff, #f7f7f7);
	background: -ms-linear-gradient(top, #fff, #f7f7f7);
	padding: 4px 9px 4px 9px;
	MARGIN-RIGHT: 5px;
	COLOR: #767676;
	TEXT-DECORATION: none;
	border: 1px solid #c4c4c4;
}
.pagination img{ width: 17px; height: 17px; margin: 0 0 3px 0}
.pagination .prev {
    color: #ffffff;
    text-align: left;
    background-image: url(../images/arrow-left.svg);
    background-size: 17px 17px;
    background-position: center;
    background-repeat: no-repeat;
}
.pagination .next {
    color: #ffffff;
    text-align: left;
    background-image: url(../images/arrow-right.svg);
    background-size: 17px 17px;
    background-position: center;
    background-repeat: no-repeat;
}

.pagination .active span {
  	font-weight:bold;
	COLOR: #fff;
	background-color:#103d9b;
    
   
}
.pagination > li > a, .pagination > li > span{border:0; color: #999; font-size: 20px; padding: 8px 12px 6px;}
.pagination .active:hover span{background-color:#103d9b}
.pagination > li:last-child > a, .pagination > li:last-child > span{font-size: 0; background-image: url(../images/arrow-right.svg);
    background-size: 17px 17px;
    background-position: center;
    background-repeat: no-repeat;}
.pagination > li:first-child > a, .pagination > li:first-child > span{font-size: 0; background-image: url(../images/arrow-left.svg);
    background-size: 17px 17px;
    background-position: center;
    background-repeat: no-repeat;}
.pagination a, .pagination span{ border-radius: 5px;}
.pagination > li:last-child > a, .pagination > li:last-child > span{border-radius: 5px }


.small{ display:none}
@media (max-width: 520px){ 
.large{ display:none}
.small{ display:block}
}
.pagination>.pagination{padding: 0; margin: 0} 
.sub-banner .seach-wrap h4{display: none}

@media (max-width: 1600px){
    .cover-item .img span{ height:16vw; }
     .nav>ul>li>a{margin: 0 12px;}
    .header{padding: 5px 35px 5px 25px;}
    .sub-main { padding: 60px 0 50px;}
    .platform .grid{grid-template-rows: repeat(3, 18vw);}
 }   
 
	
@media (max-width: 1400px){ 
.header .logo img{height: 70px}  
.header{ height: 80px; }
.home-page{margin: 80px 0 0 0;}
 .sub-banner{ margin: 80px 0 0 0;}
.cover-item .img span{height: 200px;}
  
.top-search{ margin: 14px 65px 0 0;} 
.header .top-item{ margin: 23px 30px 0 20px;}
  .rd-mobilepanel_toggle { display:block} 
.nav{ position: absolute; width:80%; height: 100vh; right: -100%; margin:0; top:0; padding:50px 0 30px 0; background-color:#FFF; text-align:center; z-index:10; transition:all 0.3s ease-out; -moz-transition: all 0.3s ease-out;  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1) }
.open{right: 0; z-index: 12}
.nav li { float:none; }
.nav>ul>li>a { display: inline-block; height:60px; line-height: 60px; margin:0 auto; color: #333; font-size:20px; border-bottom: solid 0px #efefef;}
.header-fixed .nav ul{margin: 0;}
.nav ul{margin: 0;}
.social-link li{margin: 0 15px 5px 0;}
.scroll-top-link{ display:none} 
.sub-banner h2 { font-size:46px; }   
.sub-main h3{ width: 100%; font-size: 30px; line-height: 34px !important; margin: 0 0 10px 0;  }
.sub-main { padding: 50px 0;}
.load-more-btn {margin: 20px 0 20px 0;}
 .footer .container{padding: 0 30px 25px}
    .home-about ul .circle{width: 180px;   height: 180px;}
    .home-about ul .d1{font-size: 56px; padding: 32px 0 0 0;}
     .contact-map img{width: 120%; max-width: inherit; margin:  0 0 0 -10%}
        .talents-main .col-md-2 .img {margin: 0 0 20px}
    .sub-main .h3{padding: 0 0 10px 0;}
   
 }

@media (max-width: 1280px){ 
  .platform .grid{grid-template-rows: repeat(3, 250px);  }
  .platform p{ max-width: 90%}
    .platform h2{font-size: 28px}
    .about-team li{width: 20%}
        }

@media (max-width: 1024px){ 
    .platform .grid{grid-template-rows: repeat(5, 200px);  }
    .contact-detail{margin: 0 0 40px}
    .sub-main { padding: 30px 0;}
 
      }

@media (max-width: 768px){ 
     .about-team li{width: 25%}
     .contact-title{font-size: 22px; margin: 20px 0 40px 0;}
    .contact-type{ margin: 20px 0 10px 0;}
    .nav{width: 100%}
    .footer-logo{display: none}
    .footer{padding: 40px 0 0 0;}
    .footer-nav{margin: 0 0 30px 0}
    .footer .container{padding: 0 20px 30px;}
    .footer-address{margin: 30px 0 0 0}
    .contact-form{ padding: 40px 0 80px;}
     .contact-wrap{  padding: 30px 0 0 0;}
     .results-note{  margin: 0px 0 35px 0;}
    .home-about ul .circle{width: 150px;   height: 150px;}
    .home-about ul .d1{font-size: 48px; padding: 32px 0 0 0; line-height: 50px}
    .home-about ul .d1 span {font-size: 32px;}
    .cover-item .content{ padding: 0 25px;}
    .content-wrap .title{font-size: 30px; line-height: 40px}
   	.content-wrap{ padding: 40px 20px; box-shadow: 2px 2px 10px rgba(0,0,0,0.00); margin: -50px -25px -20px; border-radius: 0px;}	
    .contact-map img{ width: 300%;  margin: 0 0 0 -100%;}
    .contact-icon img{width: 70px}
    .contact-type{font-size: 28px;}
    .team-wrap .text{width: 100%; margin: 50px 0 0 0}
    .team-wrap .photo{margin: 20px 0 0 0}
 

 }

@media (max-width: 520px){ 
    .about-team li{width: 23%}
     .header .logo img{height: 50px}  
     .header{ height: 60px; padding: 5px 35px 5px 15px;}
     .home-page{margin: 60px 0 0 0;}
    .header .logo img{ margin: 0 10px 0 0;}
     .sub-banner{ margin: 60px 0 0 0;} 
 	.sub-banner img{height: 300px; width: auto; max-width: inherit; margin: 0 0 0 -40%}
    .top-search{margin: 6px 65px 0 0;}
    .top-search .search-02.search-show{ width: 80vw; margin: -10px 0 0; padding: 10px 0 0 12px; height: 58px; background: #fff }	
     .header .top-item{margin: 15px 30px 0 20px;}
    .rd-mobilepanel_toggle{ top: 7px;}
     .company-intro h3{font-size: 36px; margin: 0 0 30px; text-align: center} 
     .about-team{ padding: 50px 0 60px;}
    .about-team h3{margin: 0 0 50px;}
    .about-team .photo{ padding: 0px 2px 5px;}
    .nav-tabs .photo img{width: 60px; height: 60px; margin: 0 0 6px 0;}
    .nav-tabs .post{display: none}
    .nav-tabs > li > a{padding: 0}
    .about-team .col-md-3{margin-bottom: 70px;}
 	.team-wrap{margin: 0; padding: 20px 0;}
	.team-wrap .photo{width:200px; height: 200px; margin: 0 auto; float:none}
	.team-wrap .h2{font-size: 40px; margin: 0 0 50px 0;}
    .nav-tabs .name{font-size: 15px}
    .nav-tabs > li{margin: 0 0 0px;}
    .team-wrap .text{margin: 20px 0 0 0}
    .team-wrap .name{text-align: center}
	.header .container, .header-fixed .container{padding-right: 0; padding-left: 0;}	
    .container{padding: 0 25px}	
	.animation_mask{-webkit-transform: scale(0.65); transform: scale(0.65); transform-origin:100% 0% }
	.ad-popup{ right:0; top:56px; z-index:10}
	.ad-popup img{ width:120px}
 	.user-nav{ float: none; width: 100%}
	.user-main{ float: none; width: 100%}
	.section-content{ float:none;  margin: 10px 0 0 0; width: calc(100% - 0px);}
	.side-wrap { float:none; width:auto; padding: 0 0 0 20px}
	.detail-banner .text{ padding: 25px 10px 35px 10px; text-align:left}	
	.detail-banner .text .title{ font-size:25px; line-height: 32px;  padding: 0 0;}	
	.detail-banner {max-height:none;}	 
   	.sub-banner .text{margin: -30px 0 0 0;}
	.sub-banner h2 { font-size:34px; line-height: 40px; margin: 0 0 0; }
	.sub-banner p{ font-size: 16px;  line-height: 20px; padding: 0 20px; }
 
	.share-toolbox {  text-align: left;  margin: 40px 0 10px 0;} 
 	.page-title{margin: 0}
	.page-title .h2{width: 100%; margin: 0 0 10px 0; font-size: 60px }
	.page-title .intro{width: 100%; margin: 0 0 20px; font-size: 18px; line-height: 26px;}
	.cover-item a{margin: 0 0 30px 0;padding: 0 0 20px 0;}
	.sub-page{padding: 75px 0 20px 0 }
	.sub-projects .cover-item .img span{ height: 300px}
    .company-intro ul li{width: 48%; margin: 0 0 40px}
    .company-intro ul{margin: 60px 0 0px;} 
    .company-intro .ButtonBox{margin: 0 auto; display: table;}
    .footer .footer-logo{display: none}  
     .services-slogan{ padding: 40px 0 0; margin: 0 0 00px 0;}
    .services-slogan img{width: 110%; max-width: inherit;  margin: 0 0 0 -5%}
    .services-type .left{left: inherit;  width: 100%;}
    .services-type .left .img{height: inherit!important;  min-height: 120px; background-position: center; border-radius: 10px}
    .services-type .left .name{font-size: 36px;}
    .services-type .left .en{display: none}
    .services-type{background: inherit}
    .services-type .content{width: 100%; padding: 30px 5% 10px 8%; border-radius: 10px; background: #fff; margin: 20px 0 0 0}
    .services-type .item{width: 100%; margin: 0 0 30px;}
    .services-type{ margin: 0 0 50px;}
    .services-wrap{ padding: 60px 0 30px;}
    .services-type .left span{display: none}
    .cover-item .title{  height:inherit; margin: 0 0 10px;}
    .cover-item .type{ margin: 0 0 5px;}
    .sub-nav a{  padding: 10px 10px; font-size: 17px;}
    .sub-nav-inner{padding: 10px 0}
    .contact-form h3{font-size: 28px;}
    .contact-form h5{font-size: 16px;}
    .sub-banner h1{font-size: 28px; padding: 0 20px}
    .sub-banner .text{ top: 50%;}
    .content-wrap img{width: 100%!important;}
    .footer .copyright{margin: 20px 0 0 0; font-size: 14px}
    .sub-banner .search-input .search-btn img{height:inherit;}
    .search-item .img {width: 120px;  margin: 0 10px 0 0; height: inherit}
    .search-item .text .title{ font-size: 18px; margin: 0 0 5px 0;}
    .search-item .text{width: calc(100% - 140px);  margin: 15px 0 0 0;}
    .search-item .text .summary{font-size: 14px;  -webkit-line-clamp: 2;}
    .seach-banner img{  height: 200px;}
    .about-process{ padding: 50px 0 60px;}
    .about-process h3{ font-size: 36px;}
    .about-team h3{ font-size: 36px;}
    .about-unit h3{ font-size: 36px;}
    .about-unit{ padding: 50px 0 60px;}
    .about-structure{ padding: 50px 0 60px;}
    .about-structure h3{ font-size: 36px;}
    .talents-main .col-md-2{width: 48%}
    .talents-main .col-md-2 .img{margin: 0 0 20px 0}
    .talents-main .row{margin-bottom: 40px;}
     
}