.sharehtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, 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: 'maven_promedium', '微软雅黑';
 	
}
button, input, select, textarea {
	font-size: 15px;
	font-family: 'maven_promedium', '微软雅黑';
}
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 15px;}
a, a:hover {
	color: #01b057;
	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}

 

body {
	color: #333;
	line-height: 22px;
	background: #f8f8f8;
  }
.content-wrap a {
	color: #01b057;
}
.content-wrap a:hover {
	color: #01b057;
	text-decoration:underline
}
.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:1360px;
	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: 110px;
	z-index: 10;
	width: 100%; 
	background-color: #FFF; 
	border-bottom: 1px solid #efefef;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
	
}
.header-hide{margin-top:-110px}
.header-show{margin-top:0}
.header .logo {
	position: absolute;  
}
.header .logo img{ height:60px; margin: 20px 0 0 0px}

.header .logo-sub {
	position:absolute;
	left: 58px;
	top: 46px;
	font-size:12px;
}
.header .logo-sub a, .header .logo-sub a:visited {
	color:#018fd9
}
.header .wrap {
	position:relative
}
.header .nav { 
	display: block;
	float: right; 
	text-transform: uppercase;
	transition:all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
}
.header .nav-hide{opacity: 0.0; filter: alpha(opacity=0); }
.header .nav>ul{margin: 35px 40px 0 0px; }
.header .nav li {
	float: left;
	position:relative;
	margin:0 18px;
	padding: 0 0px;
}
.header .nav>ul>li>a{
	font-size: 18px;
	color: #333;
	display: inline-block;
	line-height: 34px;
	height: 50px;
	font-family: 600;
	
}
.header .nav li a:hover {
	color: #01b057;
}
.header .nav .current>a { 
	color: #01b057; 
}
.header .nav .current:after{
	content:" ";
	position:absolute;
	width:100%;
	height:3px;
	background: #01b057;
	bottom:8px;
	left:0
	}
 
.header .member .icon {
    float: left;
    width: 100%;
    height: 100%;
    background: url(../images/member.svg);
    background-size: 23px; 
    cursor: pointer;
}

.page{margin-top: 110px } 

.rd-mobilepanel_toggle {
    display: none;
}	

.header .member{float: right; margin: 30px 0px 0 0px; width: 24px; height: 24px;}
.header .member .icon img{ width:23px}

.top-search{ position: absolute ; right: 20px; margin: 32px 0 0 0; z-index: 10 }
.top-search .search-ico{ float:left; width:18px; height:18px; background:url(../images/search.png); background-size: 18px; margin:11px 0 20px 18px; cursor:pointer;}
.top-search .search-ico img{ width:18px; height: 18px;}
.top-search .search-close{ position: absolute; right: -2px; top:9px; width:22px; height:22px; background:url(../images/icon-close.png); background-size: 22px;  cursor:pointer; display: none; cursor:pointer;}
.top-search .search-02{  margin-top: 4px; width:5px; height:40px; line-height:40px; background:#fff; 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;}

.sub-banner{ position:relative; overflow:hidden;  }
.sub-banner .text{position:absolute; height:60px;  vertical-align: middle; color:#fff; text-align:center; width:100%;  top: 50%; bottom: 0; left: 0; right: 0; margin: -35px auto 0 auto; z-index:1;  }
 
.sub-banner h2{ font-size:36px; text-transform:uppercase;  line-height:50px; font-weight:500; }
.sub-banner>img{ width:100%; margin: 0 0 0 0}
.sub-banner p{ font-size:25px; text-transform:none; font-weight:200; line-height: 25px; }

.sub-banner .seach-wrap{position:absolute;   vertical-align: middle; color:#fff; text-align:center; width:100%; height:fit-content;  top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index:1;}
.sub-banner .seach-wrap h4{ font-size: 28px; margin: 0 0 25px 0; text-transform: uppercase; font-weight:200 }
.sub-banner .search-input { position: relative;}
.sub-banner .search-input { width: calc(100% - 40px); max-width: 960px; 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%}

.detail-banner{ position:relative; overflow:hidden; max-height: 34vw; background-color: #003089;  }
.detail-banner img{ opacity: 0.9; width: 100%} 
.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}  

.page-search .container{ max-width: 1000px}
.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.015);
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 25px 0;
	padding:25px
}
.search-item .img{ display: inline-block; float: left; width: 200px; height: 160px; margin: 0 30px 0 0; overflow: hidden} 
.search-item .img img{ width: 150%; margin: 0 0 0 -25%}
.search-item .text{ display: inline-block;  vertical-align: top; } 
.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: 15px; line-height: 22px;}
.search-item .text .keywords{ font-weight:bold} 

.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: 960px; margin: 0 auto}
.search-type li{ display: inline-block; font-size: 16px; font-family: "maven_promedium"; text-transform: uppercase} 
.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: #01b057}
.search-type li.current a{ border-bottom: 2px solid #01b057; color: #01b057}
.results-note{ text-align: center; margin: -40px 0 35px 0; color: #888; font-size:14px}

 

.sub-ad{float:right; width:27%; padding: 0 20px; margin: 65px 0 30px 0 }
.sub-ad li{ margin: 0 0 30px 0}
 
.sub-main{  color:#333; padding:70px 0 ; min-height: 600px; font-size:17px; line-height: 27px}
.sub-main:after {clear: both; display: block; content:""}
.sub-main p a{ color:#01b057; }
.sub-main p a:hover{ text-decoration:underline}
.sub-main b{font-family: 'maven_probold'; }

.sub-title{ margin: 65px auto 45px auto; text-transform:uppercase; text-align:center; font-size:16px; font-family: 'maven_probold'; position:relative; width: 92%; max-width:360px; color:#444}
.sub-title:before{ content:""; position:absolute; width:100%; height:12px; border-bottom: 1px solid #cfcfcf; top:0; left:0; z-index:-1}
.sub-title span{ background: #f8f8f8; padding: 0 14px}

.sub-main h2{ padding:0 0 30px 0; font-size:33px; line-height:36px;font-weight:200;font-family: 'maven_probold'; color:#1f97ec}
.sub-main h3{ padding:0 0 25px 0; font-size:26px; line-height:34px;font-weight:200; font-family: 'maven_probold';  }
.sub-main h4{ padding:5px 0 20px 0; font-size:24px; line-height:30px;font-weight:200; font-family: 'maven_probold'; }
.sub-main h5{ padding:5px 0 20px 0; font-size:19px; line-height:26px;font-weight:200; font-family: 'maven_promedium';  }

.sub-main p{margin-bottom:30px; font-size:16px; line-height:30px; font-weight:200; }
 
.sub-nav{ float:left; width: 235px; padding:25px 35px 50px 0} 
.sub-nav > li > a{ display:block; position:relative; color: #333333; padding:12px 0; border-bottom:1px solid #eeeeee;  }
.sub-nav > li > a:after{ content:""; position:absolute; right:0; top:17px; width:16px; height:16px; background-image: url(../images/arrow-gray.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center center }	
.sub-nav > li > a:hover{text-decoration:none; }
.sub-nav > li > a:hover:after{ background-image: url(../images/arrow-green.svg); transition:all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;}
.sub-nav > li .current{ color: #029c4a;}
.sub-nav > li .current:after{ background-image: url(../images/arrow-green.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right center;
	}

.drop-down-wrap{ display:none;  padding:8px 0 6px 0; border-bottom:1px solid #eeeeee;}	
.drop-down-wrap li a{ display:block; padding:5px 0 5px 18px; font-size: 16px; color: #888; background-image:none; border-bottom:0px solid #eeeeee; background-image: url(../images/dot-1.png);
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: left 13px}
.drop-down-wrap li a:hover{ text-decoration:none;  }
.drop-down-wrap li .current{ color: #029c4a; background-image: url(../images/dot-2.png); background-size: 8px;
    background-repeat: no-repeat;
    background-position: left 13px}
	
.drop-down-menu.expand>a:after {-moz-transform:rotate(90deg); 
 -webkit-transform:rotate(90deg);
transform:rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
 transition:all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
}

.drop-down-menu.expand .drop-down-wrap{ display:block}
 
.sub-content{float:left; width: calc(100% - 235px); font-size:17px; line-height:27px; margin: 0 0 40px 0; padding: 38px 0 0 50px; border-left: 1px solid #f5f5f5 }
.sub-content .top{ position:relative; padding: 0 0 25px 0; border-bottom: 1px solid #e5e5e5}
.sub-content .title{ font-size:24px; margin: 0 0 0 0}

 
.sub-main .content-text{ padding:40px 0 30px 0}
.sub-main .content-text ul{ margin: 0 0 0 20px}
.sub-main .content-text li{ font-size:17px !important; line-height:27px !important; list-style:outside}
.content-wrap img{ max-width: 100% !important; height: auto}

.whole-content{ width:85%; margin: 0 auto; }
.whole-content h3{ text-align:center; width:100%; font-size:36px; margin: 0 0 30px 0; text-transform:uppercase; }
.whole-content p{font-size:18px; line-height:28px}
.whole-content .section{ margin: 0 0 80px 0;}
.whole-content .section:last-child{ margin: 0} 
 
.news-list { margin: 0 0 20px 0}
.news-list li{ position:relative; min-height: 130px; border-bottom: 1px solid #eeeeee; padding: 0 0 40px 0; list-style:none}  
.news-list li .img {  -webkit-transition: all 0.15s linear;}
.news-list li:hover .img { opacity:0.85;}
.news-list .title { 
     font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin: 30px 0 0 0;
	color: #333;
	width: calc(100% - 210px);
	}
.news-list .title a{color: #333; }	
.news-list .title a:hover {color: #029c4a; text-decoration:none}	
.news-list .date{ width: calc(100% - 210px); margin: -2px 0 5px 0; font-size:13px;  color:#333}
.news-list .summary {
	width: calc(100% - 210px);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 60px;
    font-size: 14px;
    line-height: 21px;
    color: #888888;
}
.news-list .img{
	position:absolute;
	right:0;
	top:5px;
	height:120px;
	width:180px;
	border-radius: 5px;
	overflow:hidden;
}
.news-list .img img{ width:100%}

.share { position:absolute; right:10px; top:0px!important}
.share li{ display:inline-block; margin: 0 0 0 10px;  opacity:0.8}
.share li:hover{  opacity:1}


.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: #3b5fa8;
    border: none;
    outline: none;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
	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);
 }

.content-wrap{
	background: #FFF;
	text-align:left;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.015);
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    margin: -10px 0 30px 0;
	padding: 0 50px; 
	
}
.content-text .title{ font-size: 24px; line-height: 30px; margin:  0 0 15px 0;  font-weight:500 }
.content-text .date{ color: #666; margin: 0 0 35px 0; font-weight:500}

.sub-content .top .date{ margin:5px 0 0 0; font-size: 15px} 
 
.footer {
 	background: #fff; 
	padding: 70px 0 0 0;
	min-height: 140px;
}
.footer a{ color:#999}
.footer a:hover{ color:#01b057; text-decoration:none}
.footer-nav .title{ font-size: 18px; font-weight: 500; margin: 0 0 20px 0}
.footer-nav li{ margin: 0 20px 8px 0; font-size:15px; color: #999 }

.qr{ display:inline-table; text-align:center; margin: 0 20px 0 0}
.qr img{ width:105px}
.qr-text{ margin: 5px 0 0 0; text-align: center; font-size:14px}
.footer .copyright{ color: #999; text-align: center; padding:35px 15px 35px; margin: 50px 0 0 0; border-top: 1px solid #eaeaea}  
.footer .logo{ margin: -10px 10px 0 0}
.footer .logo img{ height: 60px}
 
 
  

.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: #01b057; 
    background-color: #01b057;
    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
}

 

.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: 20px;
	bottom: 20px;
	z-index: 20;
}
.scroll-top-link .gotop {
	display: none;
	width: 46px;
	height: 46px;
	background: url(../images/arrow-up-1.svg) no-repeat 50% 50%;
	background-size: 24px 24px;
	cursor: pointer;
	border-radius:50%;
	background-color: #fff;
	margin: 0 0 5px 0;
	box-shadow: 3px 3px 20px rgba(0,0,0,0.09);
	margin-bottom:15px;
}
.scroll-top-link .gotop:hover{background:#01b057 url(../images/arrow-up-2.svg) no-repeat 50% 50%; background-size: 24px 24px;}

.jointext{ text-align:center; padding:40px 0 0 0; font-size:20px; color:#01b057; font-weight:bold}


.nav .nav-drop-down{ width:115px; background:rgba(255,255,255,1); padding:13px 20px 13px 15px ; border-radius:4px; border-top: 3px solid #01b057; position: absolute;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; }
.nav-drop-down.d1{ width: 140px; margin: -11px 0 0 0px;}
 
.nav .nav-drop-down li {width: 100%;}

.nav-drop-down.d1 li{  margin:7px 0 7px 0; 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: 0 0 0 20px; background-image: url(../images/arrow-gray.svg);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: left center}
.nav-drop-down li a:hover, .nav li.current .nav-drop-down li a:hover{color:#01b057; background-image: url(../images/arrow-green.svg)} 
.nav-drop-down li:hover a{ font-weight:normal; }
.nav-drop-down li:hover {}


  
.banner-default{ display:block}
 

.detail-banner .text{ 
	font-family: 'maven_regular';
    color: #fff; 
    width: 100%;
    height: fit-content;
	text-align:center; 
	padding: 70px 60px 120px 60px;
    z-index: 1;	
}
.banner-conferences .text{ padding: 90px 60px 100px 60px;}
.detail-banner .text .title{ 
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 10px 0; 
    font-family: 'maven_probold';
     font-weight: 200;
}
.detail-banner .text .title sup{ font-size: 20px;}
.detail-banner .text .theme{ margin: 0px 0 10px 0; font-family: 'maven_probold'; 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}


.product-content{ padding: 30px 0 40px 0}
.product-content .product-img{ text-align:center; margin: 0 0 20px 0 }
.product-content li{ padding: 15px 0 13px 0; border-bottom:1px solid #eeeeee;}
.product-content li .name{ display:inline-block; vertical-align:top; font-size:15px; font-weight:600; width:100px;}
.product-content li .data{ display:inline-block; vertical-align:top; font-size:16px; font-weight:400; width: calc(100% - 110px);}

  

.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; font-family: 'maven_promedium';  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-family: 'maven_probold'; 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;}
.sub-main strong{font-family: 'maven_probold'; }
 
 
 
.rd-mobilepanel_toggle {
   border: none;
  padding: 0;
  background: #fff;
  outline: none;
  outline-offset: 0;
  cursor: pointer;
  -webkit-appearance: none;
  position:absolute;
  top: 5px;
  right: 8px;
  width: 48px;
  height: 48px; }
  .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: #000;
      backface-visibility: hidden;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
  .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;
      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: 98;
	}


.dropdown-box {
	display:none;
	position: absolute;
	top: 40px;
	right: -15px;
	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 8px 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 #01b057;
} 
.dropdown-box li{ float:none; line-height:33px; padding:0; margin:0}
.dropdown-box li a{
	display:block;
	padding: 0 0 0 18px;
	font-size: 15px;
 }
.dropdown-box li a{display:block; color:#333;}
.dropdown-box li a:hover {color:#01b057; background: #f2f5f7}
.dropdown-box li:first-child{  font-size: 16px; color: #fff; background: #01b057; margin:0 0 8px 0; padding:6px 8px 6px 18px; 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;}
	

.disabled{
    cursor: not-allowed;
    opacity: 0.7;
    filter: alpha(opacity=7); 
}

.pop-mask {
	display:none;
	z-index:1000;
	background:rgba(0, 0, 0, 0.7);
	position: fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	height:100%;
}
 
 
@media (max-width: 1600px){
    .detail-banner{  max-height: 35vw;}
	.sub-banner>img { width: 120%; margin:0 0 0 -10%} 
	.detail-banner .text{ padding: 60px 60px 110px 60px;}
	.banner-conferences .text {padding: 70px 60px 90px 60px;}
    .contact-map{ margin: 60px 0}
 	}

@media (max-width: 1440px){
.container { 
    max-width: 1280px; 
}
.header {height: 96px;}
	.header .logo img {margin: 15px 0 0 0px;}
	.header .nav>ul { margin: 30px 40px 0 0px;} 
	.top-search{ margin: 26px 0 0 0;}
	.page {margin-top: 96px;}
}	
	
@media (max-width: 1260px){
	.header .nav>ul>li>a {font-size: 17px;} 
	.header .nav li { margin: 0 10px;}
	.nav-drop-down.d1 li {margin: 5px 0 5px 0;}
}

@media (max-width: 1024px){
 .ad-popup{ top:56px}	
.ad-popup img{ width:180px}	
.header .nav { 
	transition:all 0.0s ease-out; -moz-transition: all 0.0s ease-out;
} 
.top-search .search-02.search-show{ width: 65vw;}	
.header .user{ position:absolute; right:68px; margin: 18px 0 0 0;}
.top-search{ right: 70px; margin: 10px 0 0 0}
.conferences-latest .content { 
    width: 43%;
    margin: 30px 20px 0 30px; 
}
.header .nav>ul>li>a {
    font-size: 19px; 
    margin: 0 13px;
	height:auto;
	padding: 10px 0;
	margin: 0 ;
}	
.whole-content .section {margin: 0 0 60px 0;}	
.content-wrap{ padding: 50px 60px; margin: -80px 0 30px 0;}	
.sub-main {padding: 40px 0;}	
.whole-content{padding: 30px 0 0 0;}
.sub-banner h2 { font-size: 40px; line-height: 30px;}
.page {margin-top: 56px;}
.header{ height: 56px; position:fixed; z-index:100} 
.header .logo { margin: 0px 0 0 0; width: 100px; height: 50px; background: none}
.header .logo img{ height:45px; margin: 5px 0 0 0;}
.social-list li{  margin: 0 0 0 2px;}
.header .nav{ display:none; position:absolute; width:100%; top: 56px; left:0; margin:0; padding:20px 0 20px 0; background-color:#FFF; text-align:center; z-index:99; box-shadow: 1px 1px 10px rgba(0, 0, 0, .07);
    -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .07);
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .07);}
.header .nav li { float:none; }
.header .nav li a {width:100%; line-height:54px; margin:0; font-size:20px; border-bottom: solid 0px #efefef;}
.header .nav li.current {
    border-bottom: solid 0px #efefef;
    color: #2573de;
}
.header-fixed>.nav>ul{margin: 0;}
.header>.nav>ul{margin: 0;}
.header .member { float: right; margin: 18px 50px 0 0px;}
.rd-mobilepanel_toggle { display:block}
.header .nav>ul { margin: 10px 0 0 0px;}
.header .nav .current>a { background:none;}	
.rd-navbar-submenu:hover .rd-navbar-dropdown {
  opacity: 0;
  visibility:hidden; 
}
 .detail-banner .text{ padding: 40px 60px 90px 60px;}
.banner-conferences .text {padding: 50px 60px 70px 60px;}
.conferences-menu ul{ width: 990px}
.conferences-menu .current a {font-size: 18px;}
.declarations-content ul{ margin: 20px auto 30px ;} 
 
.share{ position:relative!important; margin: 15px 0 0 0!important}
}	
	

@media (max-width: 768px){
	.happy-holidays-wrap{ text-align:center; padding:0px}
     .happy-holidays-wrap img{ width: 100%; box-shadow: 15px 15px 50px rgba(99,66,19,0.16);}
	.top-search .search-02.search-show{ width: 55vw;}	
	.declarations-content h2 {font-size: 32px; margin: 20px 0 0 0}
	.declarations-content ul{ margin: 10px auto 30px ;}
	.section-content{  margin: 10px 0 0 0; width: calc(100% - 260px);}
	.side-wrap {width: 260px;}
	.sub-title { margin: 45px auto 35px auto;}
	.conferences-latest { border-radius: 0px; margin: 0 -12px}
	.conferences-latest .img img{ width: 170%; margin: 0 0 0 -35%}	
	.conferences-latest .content {width: 42%; margin: 20px 20px 0 25px;}
	.conferences-latest .content .date {margin: 0 5px 0 0;}
	 .detail-banner .text{ padding: 30px 10px 60px 10px;}
	.contact-map { margin: 40px 0 20px 0; overflow: hidden;}
	.contact-map img { width: 300% !important; margin: 0 0 0 -100%;}
	.related-items { margin: 35px 0 0 0;}
	.content-wrap{ padding: 50px 60px; margin: -50px 0 30px 0;}	
 	.committee-list li{width:49%;} 
	.sub-main h3{ width: 100%}
	.sub-ad{ float: inherit; width: 100%}
	.event-list li{ height:auto; margin: 0 0 40px 0} 
	.event-list .event-image{ width:100%; height:220px}
	.event-list .event-info{width:100%;height:auto }
	.event-info .summary{ display:none}
	.event-info .btn_view{ display:none}
	.event-info .btn_share{ display:none}
	.event-info .date{ margin: 20px 20px 2px 25px; font-size: 16px;}
	.event-info .title{ margin: 0px 20px 2px 25px;}
	.event-info .location{ margin: 0px 30px 20px 25px;}
	.event-list { margin: 10px 0 0 0;}
	
	.member-left{ margin:0; border-right:0px}
	.member-right{ position:relative; width:100%}
	
	.member-page .info{padding: 40px 20px 20px 20px;}
	.member-page .info li{ width:100%;     margin: 0 0 15px 0;}
	.member-page .description {padding: 20px;}
	.member-page .news {padding: 20px;}
	.member-page .photo {padding: 20px;}
	.member-ad {padding:0 20px 30px 20px;}
	
	.member-page{ padding: 0}
	.member-page .container{padding:0;  }
	.member-page .wrap{ border-radius: 0px; margin: -100px auto 0 auto; }
	.member-page .news li span{ display:block}
	.member-page .news li { margin: 0 0 12px 0;}
	 .member-header .logo {    margin: 0 auto 0 auto;  -webkit-transform: scale(0.80); transform: scale(0.80);}
	 .member-header h2{ font-size:30px;}
	 .member-header .info{ top: 30px}
	 .member-header .pitch{ font-size: 17px; line-height:22px}
 	 .member-header .img img{ height:520px; }
	 .member-header .img{margin: 0 0 0 -60%}
	 
	 
	 .event-left{ margin:0; border-right:0px}
	.event-right{ position:relative; width:100%}
	
	.event-page .info{padding: 40px 20px 20px 20px;}
	.event-page .info li{ width:100%;     margin: 0 0 15px 0;}
	.event-page .description {padding: 20px;}
	.event-page .news {padding: 20px;}
	.event-page .photo {padding: 20px;}
	.event-ad {padding:0 20px 20px 20px;}
	
	.event-page{ padding: 0}
	.event-page .container{padding:0;  }
	.event-page .wrap{ border-radius: 0px; margin: -100px auto 0 auto; }
	.event-page .news li span{ display:block}
	.event-page .news li { margin: 0 0 12px 0;}
	.event-header .logo {    margin: 0 auto 0 auto;  -webkit-transform: scale(0.80); transform: scale(0.80);}
    .event-header h2{ font-size:26px; text-align:left ; margin: 10px 10px 10px 20px;  line-height: 30px;}
    .event-header .wrap{ text-align:left; margin: 0 0 0 15px; font-size: 17px; }
    .event-header .info{ top: 30px} 
    .event-header .img img{ height:300px; }
    .event-header .img{margin: 0 0 0 -60%}
	 
    .event-page .sign-list { padding: 20px;  border-top: 1px solid #eeeeee;}
    .event-page .sign-list li{ width: 33.3%; }
    .event-page .event-btn { padding: 0 20px 40px 20px; }
    .event-page .event-btn a{ width: 100%;}
	 
    .event-page .mobile-event-btn { display:block; padding: 30px 20px 0 20px; }
    .footer-left{ float:none}
    .footer-right{ float:none; margin:20px 0 0px 0}
    .social-link li{margin: 0 15px 5px 0;}
    .scroll-top-link{ display:none}
    

.sub-banner>img { width: 200%; margin:0 0 0 -50%}
.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: 20px 0 0;}
.members-list li {float: left; width: 50%; padding-right: 10px; padding-left: 10px;}
.members-list { padding: 10px 5px 0 5px;}
.load-more-btn {margin: 20px 0 20px 0;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
}
.row {
    margin-right: -12px;
    margin-left: -12px;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
	}
.detail-banner .text .title{ font-size:25px; line-height: 32px;  padding: 0 20px;}	 
.content-wrap{ padding: 30px 20px; box-shadow: 2px 2px 10px rgba(0,0,0,0.00); margin-right: -15px; margin-left: -15px; border-radius: 0px; margin-top: -20px; border:0px}	
.sub-nav{ width: 185px;}
.sub-content{ width: calc(100% - 200px); padding: 38px 0 0 30px;}
.footer .copyright{ color: #999; text-align: center; padding:10px 15px 20px; margin: 0 0 0 0; border-top: 0px solid #eaeaea}  
.footer{padding: 0px 0 20px 0; text-align:center;  background-color:transparent;  min-height:inherit; }
.footer-nav .col-md-3{ display:none}
.footer-nav .col-md-3:last-child{ display:block; width:100%}
.footer-nav .title{ display:none} 
.qr { margin: 30px 10px 20px ;}
 }

@media (max-width: 520px){
     .sub-content{ float: inherit; width: 100%; border-left: 0 solid #f5f5f5;  padding: 0px 0 0 0;}
	.sub-nav { float:inherit; width: 100%;  padding: 0 0 40px 0;}
	.news-list .title{width: calc(100% - 150px); margin: 30px 0 0 0; font-size: 17px; line-height: 26px;}
	.news-list .summary{ display:none}
	.content-wrap { padding: 20px 20px;}
	
	.header .nav .current:after{ display:none}
    .news-list .img{ width: 140px; height:100px;}
	.ad-popup{ right:0; top:56px; z-index:10}
	.ad-popup img{ width:120px}
	.top-search .search-02.search-show{ width: 80vw;}	
	.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}
	.conferences-btn{ display:none}
	.conferences-latest .blue-arrow-btn { text-align: center; margin: 10px 0 40px 0;}
    .conferences-latest .img { 
    width: 100%; 
}	
    .conferences-latest .img img {
    width: 100%;
    margin: 0 0 0 ;
}
.conferences-latest .content {
    width:auto;
    margin: 30px 25px 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;}	
.sub-banner .text{ margin: -18px auto 0 auto;}
.detail-banner {max-height:none;}	 
.content-txt .title {
    font-size: 27px;
    line-height: 32px;}
.committee-list li:first-child {
    width: 100%;
    margin: 20px 0 50px 0;
}
 .committee-list li{width:100%; margin: 0 0 50px 0;}
 .sub-banner h2 { font-size:32px; }
 .sub-banner p{ display:none}
 .sub-main p{font-size: 18px;}
 .share-toolbox {  text-align: left;  margin: 40px 0 10px 0;}
 .tags li a{font-size: 15px;}
 body { font-size: 16px; line-height: 24px;}
 .whole-content .section { margin: 0 0 60px 0;}
 .user-line .user-name{ float: none; width: 100%; text-align: left}
 .user-line .user-input{width: 100%;}
	.user-wrap{ margin: 10px 0 0px 0}
	.user-wrap h2 {padding: 0 0 0 0;}
	.btn-large{ width: 100%}
	.sub-banner .seach-wrap h4{ display: none}
	.sub-banner .search-input{margin: 25px auto 20px}
	.search-item .img{ display: none}
	.search-item .text{ width:auto; padding: 0 20px 25px} 
	.results-note{ margin: 0px 0 30px 0;}
	.search-type ul{ width: 550px; margin: 0 20px}  
	.panel {
 	position: fixed;
	width: 100%;
	border-radius: 0px;}
	.product-content {  padding: 30px 0 0 0; }
	
}
@media (max-width: 400px){ 
	.top-search .search-02.search-show{ width: 78vw;}	
}