.top-menu .dropdown-boxhtml, 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: 16px; 
 
	}
button, input, select, textarea {
	font-size: 15px;
	font-family: 'ubunturegular';
 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
.col-md-12{width: 100%}
ol, ul, li {
	list-style: none;
	padding: 0;
	margin: 0
}
p {
	margin: 0 0 15px;
}
a, a:hover {
	color: #2644ba;
	text-decoration: none;
}
a:visited{color: #2644ba;}
a:focus, a:active, button:focus, button:active, [role=button]:focus, [role=button]:active {
	outline: 0;
	box-shadow: none;
	text-decoration: none;
}
a, button, [role=button] {
	-webkit-tap-highlight-color: transparent;
}
.sub-main a:hover {
	text-decoration: underline;
}
a {
	transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
}
img{max-width: 100%; vertical-align: middle;}
::-webkit-input-placeholder {
color:#a4abbb;
}
:-moz-placeholder {
color:#a4abbb;
}
::-moz-placeholder {
color:#a4abbb;
}
:-ms-input-placeholder {
color:#a4abbb;
}
.red {
	color: #f0205b
}
.orange {
	color: #ff8a00
}
.blue {
	color: #2644ba
}
.green {
	color: #3cac4a
}
.gray {
	color: #dedede
}
input, textarea, select {
	border: 1px solid #cecece;
}
input[type="text"], input[type="password"], textarea {
	margin: 0 0 12px 0;
	min-height: 20px;
	line-height: 20px;
	padding: 6px 10px;
	COLOR: #3f3f3f;
	border-radius: 4px;
	background: #fafafb;
	max-width: 100%;
}
select {
	-webkit-appearance: none;
	position: relative;
 	background-color: #f7f8fa;
 	padding: 4px 30px 4px 8px;
	margin: 0 0 8px 0;
	background-image: url(../images/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 22px; 
 } 
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	outline: 0;
 	background-color: #fff;
}
input[type="submit"]:focus, button:focus {
	outline: 0;
}
input[type="checkbox"] {
	margin: 10px 5px 2px 0px;
	vertical-align: top;
} 
h1, h2, h3, h4, h5 {
	font-weight: 500; 
    margin: 0 0 25px 0
 }
body {
 	color: #333;
	background: #f7f8fa;
}
 
.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; 
	border: none;
	outline: none;
	border-radius: 5px;
	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: 96%;
	max-width: 1500px;
	margin: 0 auto
}
 .sidebar {
	width: 310px;
}
.block-list {
	margin: 0 0 20px;
}
.clearfix:after {
	content: "";
	display: block;
 	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: 85px;
	z-index: 10;
	width: 100%;
	background-color: #fff;  
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid #efefef
  }
.header-hide {
	margin-top: -85px
}
.header-show {
	margin-top: 0
}
.header .logo {
     float: left;
	margin: 0 40px 0 0
}
.header .logo img {
	height: 65px;
    margin: 10px 0 0 0
 }
.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;
	font-family: ubuntumedium;
	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: 0px 0 0 0px;
}
.header .nav li {
	float: left;
	position: relative;
}
.header .nav>ul>li>a {
	font-size: 17px;
	color: #333;
	display: inline-block;
	line-height: 82px;
	height: 85px;
	margin: 0 16px;
}
.header .nav li a:hover {
	color: #2644ba;
}
.header .nav .current>a {
 	border-bottom: 3px solid #2644ba;
    font-weight: 500;
    color: #2644ba;
}
.header .nav a:focus,
.header .nav>ul>li>a:focus,
.nav li a:focus,
.nav-tab-submenu a:focus {
	outline: none;
	text-decoration: none;
}
.header .member .icon {
	float: left;
	width: 100%;
	height: 100%;
	background: url(../images/member.svg);
	background-size: 23px;
	cursor: pointer;
}
.page {
	padding: 85px 0 0 0;
    position: relative
}
 
.header-fixed {
	position: fixed;
	top: 0px;
	height: 58px;
}
.header-fixed .logo img {
	height: 55px;
	margin: 1px 0 0 0px
}
.header-fixed .nav {
	float: right;
	font-family: ubuntubold;
	text-transform: uppercase;
}
.header-fixed .nav>ul {
	margin: 12px 15px 0 0px;
}
.header-fixed .member {
	float: right;
	margin: 16px 40px 0 0px;
}
.header-fixed .top-search {
	margin: 6px 15px 0 0;
}
.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-tools{float: right}
.top-search {
	position: absolute;
	right: 60px;
	margin: 21px 15px 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;
}
 

.cover-item a{
	display: block;
    position: relative;
    background: #FFF;
	text-align:left;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.05);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 35px 0;
	padding: 0 0 0 0;
     -moz-transition: all 0.12s ease-out;
	-o-transition: all 0.12s ease-out;
	-webkit-transition: all 0.12s ease-out;
	transition: all 0.12s ease-out;
	}
.cover-item a:hover{box-shadow: 10px 10px 40px rgba(31, 38, 135 ,0.10); text-decoration: none; margin: -3px 0 38px 0 }	 
.cover-item .cover{ height:182px; margin: 0 0 14px 0; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025);}
.cover-item .cover .img{height:182px; background-size: cover; background-position: center; transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}
.cover-item .cover-expert{height:196px;}
.cover-item .cover-expert .img{height:196px;}
.case .cover-item .cover-expert{height:260px;}
.case .cover-item .cover-expert .img{height:260px;}
.case .cover-item .company{margin:20px 25px 10px 25px;  font-size: 20px; color: #333; font-weight: 600;}
.case .cover-item .name{margin: 0 20px 20px 25px; font-size: 16px; height: 50px;  color: #666}
.case .cover-item .name-empty{margin: 0 20px 20px 25px; font-size: 16px; height: 20px;  color: #666}

.case-title{text-align: center; font-size: 42px; line-height: 50px; font-weight: 600; color: #2644ba; margin: 0 20px 30px 20px} 
.case-name{text-align: center; font-size: 38px; font-weight: 600; color: #2644ba; margin: 0 0 10px 0}
.case-intro{text-align: center; font-size: 17px; margin: 0 20px 50px 20px}
.case-group{margin: 0 0 50px}

.case .case-group:nth-child(2) .case-name{color: #26a957;}
.case .case-group:nth-child(3) .case-name{color: #ffb400;}
.case .case-group:nth-child(4) .case-name{color: #db0f52;}



.cover-item .date{ float: right;margin: -36px 20px 0 0; font-size:13px; color: #9ea7ad; font-family: 'ubuntulight';  }
.cover-item .title{ margin: 10px 20px 15px 20px; font-size:16px; line-height:22px; height:40px; color:#000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.cover-item .logo{margin: 3px 0 10px 20px; height: 30px; display: flex; align-items: center}
.cover-item .logo img{max-width: 75px; max-height: 20px}
.cover-item .location{ margin: 0 10px 15px 18px; padding: 0 0 0 22px; font-size:13px; color: #9ea7ad; font-family: 'ubuntulight';  	background-image: url("../images/icon-location.svg");  background-size: 17px; background-repeat: no-repeat; background-position: center left;}
.cover-item .title-project{ margin: 0 15px 4px 20px; font-size:15px; line-height:19px; height:20px; color:#000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.cover-item a:hover .title{color: #2644ba}
.cover-item a:hover .title-project{color: #2644ba}
.cover-item .title-expert{ margin: 10px 0 25px 0;  text-align: center;  font-size:16px; line-height:20px;   color:#666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.cover-item .pitch{display: none}
.cover-item .logo-expert{ margin: 5px auto 0 auto; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center;}
.cover-item .logo-expert img{max-width: 300px; max-height: 60px}
.cover-item .author{margin: 0 20px 20px 28px; height: 20px; font-size: 14px; color: #999} 
.cover-ad{height:284px; overflow: hidden;}
.cover-ad img{width: 100%}

.sub-top{ margin: 0 0 0 0; width: 100%; }
.sub-top .icon{display: none; float: left; margin: 3px 10px 0 -4px}
.sub-top .icon img{ height: 34px;  }
.sub-top .name{display: inline-block; margin: 0 0 30px; font-size: 36px; color:#333;  font-weight: bold;}
.sub-top .name-2{ margin: 0 0 24px; font-size: 28px; color:#333;  font-weight: bold;}

.top-ad {display: none; margin: 0 0 30px 0; width: 100%; border-radius: 5px; overflow: hidden}
.top-ad img{width: 100%}

.products-title{ margin: 0 0 20px 0; font-size: 34px; color:#333;  font-weight: bold;}
.p-1{color:#2745ba;}
.p-2{color:#26a0df;}
.p-3{color:#27beb9;}
.products-nav{position: relative; padding: 3px 20px; background: #2644ba; border-radius: 6px; color: #fff; margin: 0 0 30px 0}
.pn-2{background: #26a0df;}
.pn-3{background: #27beb9;}
.products-nav li{display: inline-block; padding: 5px 8px}
.products-nav li a{display: block; color: #fff; opacity: 0.7; padding: 5px 10px}
.products-nav li a:hover{opacity: 1; text-decoration: none}
.products-nav li.current a{color: #fff; opacity: 1;}
.products-nav .more{ position: absolute; right: 14px; top:9px; font-size: 15px; }
.products-nav .more a{display: inline-block;  padding: 5px 18px 5px 5px; color: #fff; background-image: url("../images/icon-more-3.svg");  background-size: 16px; background-repeat: no-repeat; background-position: center right; opacity: 0.7}
.products-nav .more a:hover{text-decoration: none; color: #fff; opacity: 1}

.products-page{background: #fff; padding: 0 0 60px; margin: 85px 0 -60px 0}
.products-page .product-list{ margin: 0 0 40px 0; min-height: 400px}
.home-page{background: #f9f9fb; padding: 0 0 60px; margin: 85px 0 -60px 0} 
.filter{ position: absolute; right: 12px; top: 0; margin: 5px 0 15px 0;}
.filter-item{display: inline-block; position: relative; margin: 0 0 0 11px}
.filter-item .filter-input{cursor: pointer; width: 200px; height: 40px; border-radius: 25px;  background: #fff; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.04);}
.filter-item .filter-icon img{width: 20px; vertical-align: top}
.filter-item .filter-icon{float: left; margin: 10px 0 0 15px}
.filter-item .filter-name{float: left;  margin: 9px 0 0 8px; font-size: 15px}
.filter-item:after{content: ""; width: 20px; height: 20px; position: absolute; right: 16px; top: 10px;background-image: url(../images/icon-filter-arrow.svg); background-position: center right; background-size: 10px; background-repeat: no-repeat}
.filter-item .dropdown-box{padding: 10px 3px 12px 16px; width: 320px; left: 0; top: 42px;}
.filter-item .dropdown-box:after{left: 12px;}
 .dropdown-box-name{font-size: 16px;  height: 30px}
.dropdown-box .reset{ position: absolute; right: 15px; top:10px; font-size: 13px}
.dropdown-box .fliter-label{font-family: 'ubuntulight'; max-height: 360px; overflow-y: auto}
.sub-top .filter-item:last-child .dropdown-box{right: 0; left: inherit}
.sub-top .filter-item:last-child .dropdown-box:after{left: 157px;}
.filter-selected .filter-mun{ position: absolute; left: 15px; top: 10px; height: 22px; min-width: 22px; padding: 0 2px; line-height: 22px; text-align: center; background: #2644ba; border-radius: 20px; color: #fff; font-size: 13px;}
.filter-selected .filter-close{ position: absolute; right: 9px; top: 9px; height: 20px; width: 20px; line-height: 22px; text-align: center; background-color: #2644ba; border-radius: 20px; background-image: url(../images/icon-close-1.svg); background-position: center center; background-size: 10px; background-repeat: no-repeat; cursor: pointer; z-index: 2}
.filter-search{display: inline-block; vertical-align: top;position: relative;}
.filter-search input{height: 40px; width: 300px; padding: 0 30px 0 18px; border: 0;
    border-radius: 25px; background: #fff; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.04); }
.filter-search-btn{ position: absolute; right: 12px; top: 7px}
.filter-search-btn img{width: 21px}

.products-page .filter-search input{border: 1px solid #eee;}
.products-page .filter-item .filter-input{border: 1px solid #eee;}
 
.detail-banner {
	position: relative;
	overflow: hidden;
	max-height: 50vw;
	background-color: #003089;
}
.detail-banner img {
	opacity: 0.9;
	width: 100%;
	margin: -8% 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
}

.type-nav {display: inline-block; margin: 10px 0 0 30px; vertical-align: top}
.type-nav li{display: inline-block; margin: 0 6px 0 0}
.type-nav li a {
	display:inline-block;
	padding: 8px 12px; 
	line-height: 18px;
	font-size: 14px;
	color: #666; 
	background: #fff; 
	border-radius: 5px;
	margin: 0 0 8px 0; 
        box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.03);
}
.type-nav li a:hover{text-decoration: none; color: #0d3da1}
.type-nav li.current a{color: #fff;  background: #0d3da1; }

.page-search .container {
	max-width: 900px
}
.sub-content {
	float: left;
	width: 90%;
	padding: 0 20px;
}
.sub-ad {
	float: right;
	width: 27%;
	padding: 0 20px;
	margin: 65px 0 30px 0
}
.sub-ad li {
	margin: 0 0 30px 0
}

.breadcrumbs{font-size: 12px; color: #999; font-family:'ubuntulight'; padding: 16px 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-eb{color:rgba(255,255,255,0.70); }
.breadcrumbs-eb .item:after{border-right:1px solid rgba(255,255,255,0.70)}
.breadcrumbs-eb a{color:rgba(255,255,255,1);}
.breadcrumbs-eb a:hover{color:rgba(255,255,255,0.8);}

.home-main{
	color: #333;
	padding: 30px 0 0px 0;
	min-height: 560px; 
    position: relative;
 }
.home-main > .container > .row {margin: 0 -18px}
.home-main > .container > .row > .col-md-9 {padding:  0 18px; }
.home-main > .container > .row > .col-md-3 {padding:  0 18px; }


.sub-main {
	color: #333;
	padding: 30px 0 10px 0;
	min-height: 500px; 
}
.sub-main:after {
	clear: both;
	display: block;
	content: ""
}
.sub-main p a {
	color: #2573de;
}
.sub-main p a:hover {
	text-decoration: underline
}
.sub-main b {
	font-family: 'ubuntubold';
 }
.sub-title {
	margin: 65px auto 45px auto;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	font-family: 'ubuntubold';
	letter-spacing: -0.5px;
	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
}

.content-wrap .news-title {
	margin: 0 0 15px 0;
	font-size: 28px;
	line-height: 36px;
   }
.content-wrap .news-source {display: inline-block; font-size: 14px; margin: 0 10px 40px 0 }
.content-wrap .news-date {display: inline-block; font-size: 14px; margin: 0 10px 40px 0; color: #838d94; }

.content-wrap .page-title {
	margin: 0 0 35px 0;
	font-size: 25px;
	line-height: 33px;
   }

.content-wrap .library-title {
	margin: 0 0 5px 0;
	font-size: 25px;
	line-height: 33px;
   }
.section-content .library-title .type {width: 36px; float: left; vertical-align: top; margin: -2px 8px 30px 0 }
.section-content .library-source {display: inline-block; font-size: 14px; margin: 0 20px 0 0 }
.section-content .library-data {display: inline-block; font-size: 14px; color: #838d94; margin: 0 20px 0 0 }
.section-content .library-data span{color: #333;}
.section-content .library-gallery{margin: 40px 0 40px 0; text-align: center}
.section-content .library-gallery img{max-height: 950px}
.library-btn{margin: 50px 0 40px; text-align: center}
.library-btn li{position: relative; display: inline-block; margin: 20px 0 0}
.library-btn li a{
 	display: block;
	vertical-align: top;
    padding: 11px 20px 11px 55px; 
    font-size: 16px;
    color: #2644ba;
    background: #fff;
    border-radius: 5px;
    margin: 0 8px;
	border: 1px solid #2644ba;
 	font-weight: bold;
	letter-spacing: 0.7px;
	cursor: pointer;
	-moz-transition: all 0.12s ease-out;
	-o-transition: all 0.12s ease-out;
	-webkit-transition: all 0.12s ease-out;
	transition: all 0.12s ease-out;
  }
.library-btn li a:hover{background: #f0f3f9; text-decoration:none!important }
.library-btn li:after{content: ""; width: 30px; height: 30px; 
 	background-size: 26px;
	background-repeat: no-repeat;
	background-position: center center; 
	position: absolute; 
	left: 26px;
	top: 8px;
}
.library-btn li.download:after{
	background-image: url("../images/icon-download.svg");
 }
.library-btn li.link:after{
	background-image: url("../images/icon-link.svg");
 }
.library-btn li.email:after{
	background-image: url("../images/icon-email.svg");
 }
.library-btn li.shop:after{
	background-image: url("../images/icon-shop.svg");
 }
.library-img{width: 100px; float: left; border-radius: 3px; overflow: hidden}

.section-content .projects-title {
	margin: 0 0 5px 0;
	font-size: 25px;
	line-height: 33px;
   }

.content-txt h2 {
	 
	font-size: 22px;
	line-height: 33px;
 }
.content-txt h3 {
	 
	font-size: 21px;
    line-height: 33px;
 }
.content-txt h4 {
	 
	font-size: 20px;
	line-height: 33px;
   }
.content-txt p {
	margin-bottom: 25px !important;
	font-size: 17px !important;
	line-height: 30px !important; 
	color: #333 !important;
 }
.content-txt { 
	font-size: 17px !important;
	line-height: 30px !important; 
	color: #333 !important;
 }
.content-txt ul{padding: 0 0 20px 20px;}
.content-txt ul li{list-style: disc}
.news-gallery{margin: 0 0 40px 0; text-align: center}
.content-txt {
 	font-size: 17px !important;
	line-height: 30px !important;
	margin: 0 0 50px 0; 
}
.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
}


#panel-login {
	display: none
}
.panel {
 	width: 620px;
	padding: 50px 40px;
	box-shadow: 10px 10px 60px rgba(0,0,0,0.10);
 	border-radius: 10px;
	overflow: hidden;
	background-color: #FFF;
	z-index: 10002;
	transition: 0.2s;
	height: fit-content;
 	margin: auto;
	transition: all 0.12s ease-out;
	-moz-transition: all 0.12s ease-out;
}
 _:-ms-lang(x), .panel {
 height:auto;
top: 15%;
bottom: auto;
}
.panel .text-right {
	text-align: right;
	margin: 5px 0 0 0
}
.panel a:hover {
	text-decoration: underline
}
.s05x {
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	visibility: hidden;
	opacity: 0;
}
.panel .login-social {
	text-align: center;
	margin: 15px 0;
}
.panel .login-social img {
	width: 40px;
	margin: 10px 0 0 0
}
.panel .login-social a {
	color: #fff;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	margin: 0 10px;
	width: 58px;
	height: 58px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}
.panel .login-social_weibo {
	background: #D04341;
}
.panel .login-social_weibo:hover {
	background: #d94a48;
}
.panel .login-social_qq {
	background: #34C8F4;
}
.panel .login-social_qq:hover {
	background: #3ecffa;
}
.cf:after {
	content: "";
	display: table;
	clear: both;
}
.panel hr {
	margin: 15px 0 15px 0;
	height: 1px;
	border: 0;
	width: 100%;
	background: #e6eaed;
}
.panel h3 {
 	text-align: center;
	font-size: 27px;
	color: #333;
	font-weight: 600;
	margin: 0 0 30px 0;
	line-height: 36px;
}
.panel h4 {
 	text-align: center;
	font-size: 20px;
	line-height: 28px;
	color: #333;
	font-weight: 400;
	margin: 0 0 50px 0;
}
.panel h5 {
 	font-size: 17px;
	color: #636770;
 	margin: 10px 0 30px 3px;
    text-transform: uppercase;
}
.prompt-icon {text-align: center; margin: 0 0 30px 0}
.prompt-icon img{width: 90px}
.panel .subtext{font-size: 15px; margin: 0 10px 30px; text-align: center}
.panel input[type="text"], .panel input[type="password"], textarea, select {
	color: #333;
	width: 100%;
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
	border-radius: 5px;
	position: relative;
	outline: none;
	font-size: 15px;
	border: 2px solid #B9BFCB;
}

.panel li {
	position: relative
}
.panel li:after {
	content: " ";
	position: absolute;
	top: 12px;
	left: 10px;
	width: 30px;
	height: 30px;
}
.panel li label{font-size: 15px; color: #60656f; margin: 0 0 5px 0; display: block;  }

button .circle-core{background-color: #3057ac;}
button .circle-border{background: linear-gradient(0deg, rgba(255,255,255,0.1) 33%, rgba(255,255,255,1) 100%);
  }

.contact-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 26px;
	margin: 0 0 20px 0
}
.contact-name {
	text-align: center;
	font-size: 22px;
	color: #2573de;
	font-family: 'ubuntubold';
 	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: 56px
}
.contact-type {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	margin: 20px 0 16px 0;
	color: #666
}
.contact-detail {
	text-align: center;
	color: #666;
}
.contact-map {
	margin: 80px 0;
	overflow: hidden
}
.contact-form h3 {
	text-align: center;
	margin: 30px 0
}
.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;
}
.members-list {
	padding: 30px 0 0 0
}
.members-list li {
	float: left;
	width: 20%;
	padding-right: 15px;
	padding-left: 15px;
	margin: 0 0 30px 0;
	transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
}
.members-list li a {
	display: block;
	background: #fff;
	width: 100%;
	box-shadow: 5px 5px 30px rgba(0,0,0,0.01);
	border-radius: 3px;
}
.members-list li a:hover {
	box-shadow: 5px 5px 30px rgba(0,0,0,0.06);
}
.members-list li .box {
	position: relative;
	width: 100%;
	height: 140px;
	display: flex;
	align-items: center;
}
.members-list li img {
	width: 150px;
	margin: auto;
	transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
}
.members-list li:hover {
	filter: grayscale(0%);
	opacity: 1;
}
.members-list li .name {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 25% 5% 0 5%;
	text-align: center;
	font-size: 18px;
	font-family: 'ubuntubold';
	color: #fff;
	border-radius: 3px;
	background: rgba(44, 83, 162, .9);
	opacity: 0;
	transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
}
.members-list li:hover .name {
	opacity: 1;
}
.members-list li:hover img {
	-webkit-transform: scale(0.90);
	transform: scale(0.90);
}
.member-header {
	position: relative;
	overflow: hidden;
}


.member-header .logo {
	width: 190px;
	height: 190px;
	background: #fff;
	margin: 0 auto 25px auto;
	padding: 20px;
	overflow: hidden;
	border-radius: 50%;
}
.member-header .logo .box {
	width: 150px;
	height: 150px;
	display: flex;
	align-items: center;
	margin: 0 auto 0 auto
}
.member-header .logo .box img {
	width: 100%
}
.member-header .info {
	position: absolute;
	color: #fff;
	font-size: 50px;
	text-align: center;
	line-height: 50px;
	top: 75px;
	width: 100%;
	z-index: 1
}
.member-header .img {
	opacity: 1;
}
.member-header .img img {
	height: 550px;
	margin: 0 0 0 0
}
.member-header h2 {
	font-size: 36px;
	font-family: 'ubuntubold';
	font-weight: normal
}
.member-header .pitch {
	font-size: 19px;
	line-height: 28px;
	font-style: italic;
	width: 90%;
	max-width: 690px;
	margin: 10px auto
}
.member-page {
	padding: 0 20px
}
.member-page .wrap {
	position: relative;
	background: #FFF;
	box-shadow: 5px 5px 30px rgba(0,0,0,0.01);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: -130px auto 20px auto;
	font-size: 16px;
	line-height: 24px;
}
.member-left {
	margin: 0 396px 0 0;
	border-right: 1px solid #eeeeee
}
.member-right {
	position: absolute;
	right: 0;
	top: 0;
	width: 396px;
}
.member-page .info {
	padding: 50px 40px 40px 55px;
}
.member-page .info li {
	display: inline-block;
	width: 49%;
	margin: 0 0 20px 0
}
.member-page .info li .name {
	font-size: 17px;
	margin: 0 0 0 0;
	font-family: 'ubuntubold';
	color: #333;
	letter-spacing: -0.2px;
}
.member-page .info li .data {
	font-size: 16px;
	color: #6e6e6e
}
.member-page a {
	color: #34539b
}
.member-page a:hover {
	color: #e53030
}
.member-page .description {
	padding: 30px 40px 40px 55px;
	border-top: 1px solid #eeeeee
}
.member-page .description h4 {
	font-size: 22px;
	font-family: 'ubuntubold';
}
.member-page h4 {
	font-size: 22px;
	font-family: 'ubuntubold';
}
.member-page .news {
	padding: 30px 40px 40px 55px;
	border-top: 1px solid #eeeeee
}
.member-page .news li {
	margin: 0 0 8px 0
}
.member-page .news li span {
	color: #888;
	display: inline-block;
	width: 95px;
	font-size: 14px;
}
.member-page .photo {
	padding: 40px 28px 40px 38px;
	border-top: 1px solid #eeeeee
}
.member-ad {
	padding: 40px;
}
 

.news-list li a {
	position: relative;
	display: block;
	background: #FFF;
	text-align: left;
	box-shadow: 5px 5px 30px rgba(0,0,0,0.01);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	-webkit-transition: all 0.15s linear;
	-webkit-transform: rotate(0deg);
}
.news-list li a:hover {
	box-shadow: 10px 10px 40px rgba(0,0,0,0.05);
}
.news-list li .img {
	-webkit-transition: all 0.15s linear;
}
.news-list li:hover .img {
	opacity: 0.8;
}
.news-list .title {
	font-size: 22px;
	line-height: 28px;
	font-weight: 600;
	margin: 30px 30px 5px 30px;
	color: #333;
}
.news-list li:hover .title {
	color: #ca1111;
}
.news-list .summary {
	margin: 20px 30px 5px 30px;
	color: #656871
} 
.load-more-btn {
	text-align: center;
	margin: 35px auto 0px auto;
}
.load-more-btn a {
	display: inline-block;
    
	text-decoration: none!important;
	color: #2644ba;
	font-size: 18px;
	padding: 14px 0;
	text-align: center;
	width: 200px;
	background: #fff;
	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: #2644ba;
	color: #fff;
 	box-shadow: 5px 5px 30px rgba(59,95,168,0.20);
} 

.load-more-loading{
 	text-decoration: none!important;
	color: #2644ba;
	font-size: 18px;
	padding: 14px 0;
	text-align: center;
	width: 200px;
	height: 50px;
	background: #fff;
    margin: 35px auto 0px auto;
	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);
}

.manage-widgets-btn{display: table; margin: 20px auto 20px; float: left; width: 100%; text-align: center; }
.manage-widgets-btn a {
	display:inline-block;
    
	text-decoration: none!important;
	color: #2644ba!important;
	font-size: 18px;
	padding: 14px 30px;
	text-align: center; 
	background: #fff; 
	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);
}
.manage-widgets-btn a:hover {
	background: #2644ba;
	color: #fff!important;
 	box-shadow: 5px 5px 30px rgba(59,95,168,0.20);
} 

@keyframes spin {
  from {
    transform: rotate(0);
  }
  to{
    transform: rotate(359deg);
  }
}

.circle-border {
  width: 30px;
  height: 30px;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgb(63,249,220);
  background: linear-gradient(0deg, rgba(18,52,125,0.1) 33%, rgba(18,52,125,1) 100%);
  animation: spin .8s linear 0s infinite;
  margin: -3px auto;
}

.circle-core {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
}


.content-wrap {
    position: relative;
	background: #FFF;
	text-align: left;
	box-shadow: 10px 10px 50px rgba(0,0,0,0.04); 
	border-radius: 8px;
	overflow: hidden;
 	padding: 40px 50px;
} 
.project-wrap {
    position: relative;
	background: #FFF;
	text-align: left;
	box-shadow: 10px 10px 50px rgba(0,0,0,0.04);
	border-radius: 8px;
	overflow: hidden;
 	padding: 25px 0;
	margin: 0 0 25px
} 
.project-title{    
	padding: 0 120px 28px 30px;
    font-size: 25px;
    line-height: 33px;
	
	color: #333;
    margin: 0
}

.project-gallery{min-height: 400px}
.project-gallery .caption{position: absolute; width: inherit; height: 60px; bottom: -70px; padding: 10px 250px 10px 30px; font-size: 14px; line-height: 20px;  text-align: left; }
.project-gallery .caption .name{ margin: 0 0 2px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.project-gallery .caption .subscribtion{ font-family: 'ubuntulight'; height: 20px; color: #888888; font-size: 13px; white-space: nowrap;
    text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.project-gallery .caption .photographer{ font-family: 'ubuntulight'; color: #888888; font-size: 13px }

.project-gallery .source{position: absolute; width: inherit; padding: 14px 30px 0 0; font-size: 14px; line-height: 22px;  text-align: right; }
.project-gallery .source .post{display: inline-block}
.project-gallery .source .logo{display: inline-block}
.project-gallery .source .logo-box{margin: 3px 0 10px 10px; height: 30px; display: flex; align-items: center}
.project-gallery .source .logo img{max-width: 100px; max-height: 30px}

.project-information{ padding: 35px 30px 0; margin: 10px 0  0 0; font-size: 15px; line-height: 23px; border-top: 1px solid #eee;}
.project-information li{margin: 0 0 20px 0}
.project-information .name{color: #999} 
.project-information li .data{min-height: 23px}

.expert-information{ padding: 0 30px 0; font-size: 15px; line-height: 23px;}
.expert-information li{margin: 0 0 20px 0}
.expert-information .name{color: #999}
.expert-information .social-media img{ width: 30px; margin: 5px 0 5px 0; }
.expert-information .contacts-photo img{ width: 170px; margin: 5px 0 5px 0; border-radius: 5px}

.product-information{display: inline-block; width: -webkit-fill-available; padding: 15px 20px 30px; margin:  23px 23px; background: #f8f9fb; border-radius: 8px; font-size: 16px}
.product-information .name{display: inline-table; width: 55px; padding: 18px 18px 0 0;   color: #737478 }

.content-txt ul{ padding: 0 0 0 20px  }
.content-txt li{ list-style:disc;  }


.product-company{padding: 10px 20px 40px}
.company-logo{ text-align: center}
.company-logo img{ max-width: 180px; max-height: 100px}
.company-name{text-align: center; margin: 20px 0 0 0}
.product-company a{ color: #333}
.product-company a:hover{color: #2644ba; text-decoration:none}

.call-btn{text-align: center; padding: 30px 0 0 0 }
.call-btn a{
	display:inline-block; 
    padding: 8px 20px; 
    font-size: 14px;
    color: #fff;
     background: #2644ba;
    border-radius: 5px;   
	letter-spacing: 0.7px;
	text-align: center;
 }
.call-btn a:hover{background: #0a60db; color: #fff;}
.call-btn img{width: 18px; display: inline-block; vertical-align: top; margin: 3px 8px 0 0 }

.side-AD-title{display: none}

.talents-photo{text-align: center; padding: 20px 0 0 0}
.talents-photo img{border-radius: 50%; overflow: hidden; width: 250px; margin: 0 auto 20px; padding: 0}
.talents-name{text-align: center; font-size: 28px; line-height: 50px; padding: 0 0 0;  color: #2644ba }
.talents-title{text-align: center; font-size: 17px; color: #777; margin: 0 0 40px 0}
.talents-txt{max-width: 1300px; margin: 20px auto 60px; padding:  40px 0 0 0; font-size: 16px; line-height: 30px; border-top: 1px solid #eee}
.talents-txt .position{font-size: 18px}
.talents-remark{max-width: 1300px;  margin: 30px auto; padding: 20px; line-height: 22px; font-size: 14px; color: #777; background: #f5f8f9; border-radius: 5px}

.event-wrap {
	background: #FFF;
	text-align: left;
	box-shadow: 10px 10px 50px rgba(0,0,0,0.04);
	border-radius: 8px;
	overflow: hidden;
 	padding: 25px 0;
	margin: 0 0 25px
} 
.event-title{    
	padding: 15px 20px 20px 50px;
    font-size: 30px;
    line-height: 30px;
	
	color: #333;
}
.event-title span{font-family: 'ubuntulight'; font-size: 22px;}
.event-intro{min-height: 200px; padding: 0 50px 35px; font-size: 17px; line-height: 30px; font-family: 'ubuntulight';} 
.event-bi{ padding: 0 0 25px 0;}
.event-bi li{display: inline-block; margin:0 18px 10px 0 }
.event-bi img{width: 20px; margin: 1px 5px 0 0; vertical-align: top}
.side-wrap{position: relative}
.side-wrap .event-bi{ padding: 30px 20px 15px 30px; font-size: 16px}
.side-wrap .event-bi li{display: block; margin:0 15px 12px 0; word-wrap: break-word;}
.side-wrap .event-bi img {margin: 2px 8px 0 0;}
.event-sponsor{ padding: 20px 20px 40px 0; margin: 0 30px 0; border-top: 1px solid #e8e8e8}
.event-sponsor span{display: block; font-weight: 500}

.event-top{position: relative}
.event-top .event-signup-btn{position: absolute; top: 12px; right: 40px}
.event-signup-btn{text-align: center; margin: 0 0 60px}
.event-signup-btn a{
	display: inline-block;
    padding: 14px 55px;  
	text-align: center;
    font-size: 18px;
    color: #fff;
    background: #2644ba;
    border-radius: 8px;  
	font-weight: 500; 
	cursor: pointer;
 }
.event-signup-btn a:hover{background: #1d67d5; text-decoration: none}
.event-signup-btn a.disabled{background: #fff; border: 1px solid #ff8900; color: #ff8900; padding: 13px 38px;}
.event-bottom{text-align: center}
.event-bottom .event-signup-btn{margin: 0 auto 30px auto; }

.event-photos {margin: 0 40px 60px 40px; border-top: solid 1px #e2e5ec;}
.event-photos .title{ margin: 20px 0 24px 0; font-size: 21px;  color: #2644ba }
.event-photos li{display: inline-block; margin: 0 12px 14px 0}
.event-photos li .cover{ height:125px; width:195px;  margin: 0 0 0 0; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025); position: relative; border-radius: 5px}
.event-photos li .img{height:125px; background-size: cover; background-position: center center;  transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;} 
.event-photos li:hover .img{ -webkit-transform: scale(1.03); transform: scale(1.03);}

.event-sign-list {margin: 0 40px 40px 40px; border-top: solid 1px #e2e5ec;}
.event-sign-list .title{ margin: 20px 0 24px 0; font-size: 21px;  color: #2644ba }
.event-sign-list li{display: inline-block; margin: 0 12px 10px 0}
.event-sign-list .logo{ float: left; width: 104px; height: 72px; border:1px solid #e3e3e3; border-radius: 3px; display: flex; align-items: center; justify-content: center;}
.event-sign-list .logo:hover{border:1px solid #c0c0c0;}
.event-sign-list .logo img{max-width: 75px; max-height: 60px}

.organizations-logo{text-align: center; padding: 10px 0 10px}
.organizations-logo .logo{margin: 0 0 20px 0}
.organizations-logo img{max-width: 200px; max-height: 75px}

.widget-wrap {
    position: relative;
	background: #FFF;
	text-align: left;
	box-shadow: 10px 10px 50px rgba(0,0,0,0.04);
	border-radius: 8px;
	padding: 22px 35px 30px;
	margin: 0 0 25px
} 
.widget-wrap >.title{  font-size: 22px; height: 24px; font-weight: 500; margin: 0 0 30px 0; color: #2644ba}
.widget-wrap >.title a{color: #2644ba;}
.widget-wrap >.title img{width: 25px; margin: -1px 7px 0 0; vertical-align: top}
.news-item{margin: 0 0 15px 0;}
.news-item a:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.10); text-decoration: none }	
.news-item .cover{ height: 160px; margin: 0 0 10px 0; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025); position: relative; border-radius: 5px}
.news-item .img{height: 160px; background-size: cover; background-position: center center; transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}
.news-item:hover .img{ -webkit-transform: scale(1.03); transform: scale(1.03);}
.news-item .date{ float: right;margin: -36px 0 0 0; font-size:13px; color: #9ea7ad; font-family: 'ubuntulight';}
.news-item .title{ margin: 0 20px 5px 0; font-size:15px; line-height:19px; height:40px; color:#000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news-item .logo{margin: 3px 0 10px 0; height: 30px; display: flex; align-items: center}
.news-item .logo img{max-width: 75px; max-height: 20px}
.news-item a:hover .title{color: #2644ba}
.widget-wrap .news-item-2{position: relative; margin: 0 0 14px; height: 78px}
.widget-wrap .news-item-2 .cover{position: absolute; top: 0; left: 0; height:78px; width: 110px; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025); border-radius: 5px}
.widget-wrap .news-item-2 .img{height:78px; background-size: cover; transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}
.widget-wrap .news-item-2 .title{vertical-align: top; margin: 2px 0 0 125px; font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; color: #333!important }
.widget-wrap .news-item-2 .date{margin: 8px 0 0 125px; font-size: 13px; color: #9ea7ad}
.widget-wrap .news-item-2 a:hover{text-decoration: none; }
.widget-wrap .news-item-2 a:hover .title{color: #2644ba!important}
.widget-wrap .news-item-2 a:hover .img{ -webkit-transform: scale(1.03); transform: scale(1.03);}

.news-item-3{position: relative; margin: 0 0 16px; height: 120px}
.news-item-3 .cover{position: absolute; top: 0; left: 0; height:120px; width: 200px; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025); border-radius: 6px}
.news-item-3 .img{height:120px; background-size: cover; background-position: center; transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}
.news-item-3 .title{vertical-align: top; margin: 10px 40px 0 190px; font-size: 16px; line-height: 28px;  color: #333!important }
.news-item-3 .date{margin: 10px 0 0 190px; font-size: 13px; color: #9ea7ad}
.news-item-3 a:hover{text-decoration: none; }
.news-item-3 a:hover .title{color: #2644ba!important}
.news-item-3 a:hover .img{ -webkit-transform: scale(1.03); transform: scale(1.03);}
.co-news .news-item-3 .title{ margin: 10px 40px 0 220px;  }
.co-news .news-item-3 .date{margin: 10px 0 0 220px;  }

.widget-wrap .content{line-height: 28px; font-size: 16px; margin: 0 0 30px 0}
.widget-wrap .content table{margin: 0 0 30px 0; border-bottom: 1px solid #f1f3f5; }
.widget-wrap .content table th {
    background: #3795e5;
     color: #fff;
    padding: 10px 15px;
}
.widget-wrap .content table tr{ }
.widget-wrap .content table td{ padding: 10px 15px;   }
.widget-wrap .content table tr:nth-of-type(2n) {background: #f5f7f9;}
.widget-wrap .content ul{ padding-inline-start: 20px;}
.widget-wrap .content li{list-style: disc}

.project-wrap .user-actions{position: absolute; right: 24px; top:22px; margin: 0}
.project-wrap .user-actions li{box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.0); border: 2px solid #dcdcdc; margin:0; padding: 7px 16px 7px 40px; color: #666666; font-size: 16px; border-radius: 6px}
.project-wrap .user-actions li:hover{box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.0); margin:0; border: 2px solid #b9b9b9; }
.project-wrap .user-actions li:after{ left: 10px;   top: 3px;}
/*.content-wrap .user-actions{position: absolute; right: 24px; top:22px; margin: 0}*/


.widget-wrap .col-md-4{padding-right: 9px; padding-left: 9px;}
.widget-wrap .row {margin-right: -9px;  margin-left: -9px;}
.widget-wrap .description{font-size: 14px; line-height: 22px; margin: 0 0 20px 0}
.widget-row{margin: 0 -12.5px -25px -12.5px}
.widget-row > .col-md-6{padding: 0 12.5px; margin: 0 0 25px 0;}

.widget-row .widget-wrap{margin: 0}
.widget-wrap .more{ position: absolute; right: 20px; top:20px; font-size: 15px}
.widget-wrap .more a{display: inline-block;  padding: 5px 18px 5px 5px; color: #666; background-image: url("../images/icon-more-1.svg");  background-size: 16px; background-repeat: no-repeat; background-position: center right;}
.widget-wrap .more a:hover{text-decoration: none; color: #2644ba; background-image: url("../images/icon-more-2.svg"); }

.widget-wrap .more-btn{width: 36px; height: 20px; border-radius: 3px;  background-image: url("../images/icon-more.svg"); background-size: 30px; background-repeat: no-repeat; background-position: center center; cursor: pointer; opacity: 0.8}
.widget-wrap .more-btn:hover{opacity: 1; background: #f1f4f9; background-image: url("../images/icon-more.svg"); background-size: 30px; background-repeat: no-repeat; background-position: center center;}
.widget-more .dropdown-box{right: -6px; top: 32px; width: 200px}
.widget-more .dropdown-box a{color: #333}
.widget-more .dropdown-box a:hover{color: #333}

.widget-wrap .box-item{margin: 0 0 16px 0;}
.widget-wrap .box-item a:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.10); text-decoration: none }	
.widget-wrap .box-item .cover{ height: 155px; margin: 0 0 0 0; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025); position: relative; border-radius: 5px}
.widget-wrap .box-item .img{height: 155px; background-size: cover; background-position: center center;  transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;} 
.widget-wrap .box-item:hover .img{ -webkit-transform: scale(1.03); transform: scale(1.03);}
.widget-wrap .box-item .title{ position: relative; z-index: 2; border-radius: 0 0 5px 5px ; padding: 5px 10px 5px 10px; margin: -32px 0 0 0; font-size:14px; color:#fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));}
.widget-wrap .box-item .name{opacity: 0; position: relative; text-align: center; z-index: 2; border-radius: 0 0 5px 5px ; padding: 5px 8px 3px 8px; margin: -30px 0 0 0; font-size:13px; color:#fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)); transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}
.widget-wrap .box-item:hover .name{opacity: 1;}
.widget-wrap .col-md-6{padding: 0 9px}
.widget-wrap .col-md-4{padding: 0 9px}
.widget-wrap .col-md-3{padding: 0 9px}
.widget-wrap .col-md-2{padding: 0 9px} 
.widget-wrap .library-item .title{font-size: 14px; line-height: 18px; margin: 8px 0 0 0;}
.widget-wrap .library-item a{color: #333}
.widget-wrap .library-item a:hover{text-decoration: none; color: #2644ba}
.widget-wrap .library-item .cover{border-radius: 4px; overflow: hidden}
.widget-wrap .library-item img{ transition:all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.widget-wrap .library-item:hover img{ -webkit-transform: scale(1.03); transform: scale(1.03);}
.experts-widget{height: 345px;}
.widget-wrap .vacancies li{padding: 10px 0; border-bottom: 1px solid #f4f4f4; font-size: 14px }
.widget-wrap .vacancies .date{margin: -22px 0 0 0; float: right; font-family: 'ubuntulight'; color: #9ea7ad}
.widget-wrap .vacancies .title{margin: 0 90px 0 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.widget-wrap .vacancies .title a{color: #333}
.widget-wrap .vacancies .title a:hover{ color: #2644ba; text-decoration: none}
.creat-widget-wrap{height:  442px; display: flex; align-items: center; justify-content: center;}
.creat-widget-btn{ border:1px dashed #2644ba; color: #2644ba; border-radius: 5px; padding: 18px 30px 16px; font-size: 18px; cursor: pointer}
.creat-widget-btn:hover{background: #eef2f9}
.creat-widget-btn img{display: inline-block; vertical-align: top; width: 28px; margin: -3px 10px 0 0}
.manage-widgets .creat-widget-btn{ padding: 15px 30px 13px; text-align: center; margin: 12px 0 0}

 
.co-jobs .row{margin: 0 -16px}
.co-jobs .col-md-4{padding: 10px 16px 15px}
.jobs-item a{display: block; padding: 20px 25px; border: 1px solid #e2e2e2; border-radius: 6px; background: #fbfbfb; color: #333}
.jobs-item a:hover{border: 1px solid #cacaca; background: #fff; text-decoration: none }
.jobs-item .title{font-size: 18px; margin: 0 0 8px; font-weight: 500}
.jobs-item .detail{font-size: 15px; margin: 0 0 20px; color: #666}
.jobs-item .detail span{vertical-align: top; padding: 0 10px; margin: -2px 0 0 0; font-weight: 200; font-size: 14px; color: #cbcbcb}
.jobs-item .date{font-size: 14px; color: #999; font-weight: 200}
.jobs-list{margin: 10px 0 0 0}
.jobs-list .jobs-item{position: relative; }
.jobs-list .jobs-item .detail{height: 40px; margin: 0 250px 20px 0 }
.jobs-list .jobs-item a{margin: 0 0 28px; padding: 24px 28px; background: #fff; border: 0px solid #e2e2e2; border-radius: 10px; box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.03);}
.jobs-list .jobs-item a:hover{ box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.08); margin: -3px 0 31px 0}
.jobs-list .co-info{position: absolute; right: 0; top: 24px; text-align: center; border-left: 1px solid #eee; height: 120px; width: 250px }
.jobs-list .co-info .logo img{max-height: 45px; max-width: 180px; margin: 20px 0 10px}
.jobs-list .co-info .name{font-size: 14px; line-height: 22px; padding: 0 20px; font-weight: 200; color: #666}

.home-main li a{  color: #333;  }
.home-main li a:hover{color: #2644ba}
  
.filter-themes{display: none}
 
.experts-search-btn a{
	display: block;
    padding: 9px 0; 
    font-size: 15px;
    color: #fff;
    background: #2644ba;
    border-radius: 5px; 
	font-family: 'ubunturegular';
	font-weight: bold;
	letter-spacing: 0.7px;
	text-align: center;
 }
.experts-search-btn a:hover{background: #2644ba; color: #fff;}
.experts-search-btn img{width: 22px; display: inline-block; vertical-align: top; margin: 1px 8px 0 0 }

.top-banner{margin: 0 0 0px; }
.top-banner li{border-radius: 0px; overflow: hidden}
.top-banner .flex-control-nav{margin: 10px 0 -15px 0}
.top-banner .flex-direction-nav{ }

.top-banner .flex-direction-nav .flex-next {background: url(../images/arrow-right-2.svg) no-repeat center center; background-size: 40px;  right: 20px; }
.top-banner .flex-direction-nav .flex-prev {background: url(../images/arrow-left-2.svg) no-repeat center center; background-size: 40px; left: 20px; }

.home-news{margin: 0 0 10px}
.home-news h3{color: #2644ba; font-size: 22px; line-height: 22px;  font-weight: 500; padding: 0 0 0 12px; border-left: 4px solid #2644ba;}
.news-list {margin: 0 0 30px 0;  padding: 25px; border-radius: 10px;  border: solid 1px #f3f3f3;   background: #fff;    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);}
.news-list .news-item-3{margin: 0 0 26px}
.news-list .news-item-3 .title{border-top: 1px solid #efefef; font-size: 18px; font-weight: 500; padding: 15px 0 0 0; margin: 0 0 0 230px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; height: 72px}
.news-list .news-item-3 .summary{display: none; height: 50px; font-size: 14px; color: #999; margin: 10px 0 0 230px}
.news-list .news-item-3 .date{ margin: 20px 0 0 230px}
.news-list .news-item-3 .date span{padding: 4px 8px; color: #fff; background: #2644ba; border-radius: 3px; font-size: 11px; margin: 0 10px 0 0}
.news-list .news-item-3 .logo{float: right; margin: -20px 0 10px 0; height: 30px; display: flex; align-items: center}
.news-list .news-item-3 .logo img{max-width: 75px; max-height: 20px}


.home-news .event-signup-btn a{font-size: 16px; font-weight: 400}
.hot-news {margin: 0 0 35px}
.hot-news .cover{height:200px; margin: 0 0 12px 0; border-radius: 10px; overflow: hidden}
.hot-news .img{height:-webkit-fill-available;}
.hot-news .title{font-size: 16px; width: -webkit-fill-available; margin: 0 15px 0 0;  line-height: 24px;  font-weight: 500;  padding: 20px;   vertical-align: bottom; height: 80px;  color: #fff; position:absolute; bottom: 10px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 80)); border-radius: 10px; overflow: hidden}
.hot-news .text{position: absolute; bottom: 0; bottom: 10px;  width: 85%;  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.hot-news a:hover  .title{color: #fff}

.hot-news .col-md-4{float: left}
.hot-news .col-md-4:first-child{width: 60%; }
.hot-news .col-md-4:first-child .title{font-size: 18px;  line-height: 28px; height: 86px;}
.hot-news .col-md-4:first-child .cover{height: 425px;}
.hot-news .col-md-4:first-child .img{height: -webkit-fill-available;}
.hot-news .col-md-4:nth-child(2){width: 40%; margin: 0 0 10px}
.hot-news .col-md-4:nth-child(3){width: 40%}


.event-item{ margin: 0 0 25px }
.event-item .cover{ top: 0; left: 0; height:165px; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025); border-radius: 6px}
.event-item .img{ height:165px; background-size: cover; background-position: center; transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}
.event-item .title{ margin: 10px 0 0 0; font-size: 15px; line-height: 24px;  color: #333!important }
.event-item .date{ font-size: 13px;  color: #9ea7ad;}
.event-item a:hover .title{color: #2644ba!important}
.event-item a:hover .img{ -webkit-transform: scale(1.03); transform: scale(1.03);}

.blue-widget{position: relative;  border-radius: 10px; padding: 0 23px 0; border: solid 1px #f3f3f3; background: #fff; margin: 44px 0 0 0; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
 }
.blue-widget .home-news h3{color: #2644ba; font-size: 22px; font-weight: 500}
.blue-widget .more{ position: absolute; right: 15px; top: 15px; font-size: 13px;  }
.blue-widget .more a{display: inline-block;  padding: 2px ;  color: #666 }
.blue-widget .more a:hover{ color: #2644ba }
.blue-widget  h3{display: inline-block; vertical-align: top; color: #2644ba; font-size: 18px; line-height: 18px;  font-weight: 500; padding: 0 10px; border-left: 3px solid #2644ba; margin: 20px 0 20px 0}

.hot-list li{padding: 10px 0 20px; border-bottom: 1px solid #efefef}
.hot-list .img{display: inline-block; vertical-align: top; width: 48%; padding: 0 2%; text-align: center;  }
.hot-list .name{display: inline-block; width: 48%; padding: 18px 0 0 4%; font-size: 14px; font-weight: 500}

.maintenance{margin: 35px 0 0 0}
.maintenance img{border-radius: 8px;}

.experts-logo{ width: 100%; margin: 0 0 20px 0; display: flex; align-items: center; justify-content: center;}
.experts-logo img{max-width: 230px; max-height: 80px}
.wx-qr{margin: 40px auto 0; width: 125px; text-align: center; font-size: 14px; color: #666}


.experts-follow{text-align: center; margin: 10px 0 40px}
.follow-btn{
	display: block;
	width: 140px;
    padding: 10px 0; 
    margin: 0 auto 5px;
    font-size: 16px;
    color: #fff;
    background: #ff8900;
    border-radius: 50px; 
	
  	cursor: pointer;
    text-align: center
 }
.follow-btn:hover{background: #ff9b1a}
.follow-btn img{width: 19px; display: inline-block; vertical-align: top; margin: 2px 5px 0 0 }
.following-btn{
    display: table;
    padding: 10px 25px; 
    margin: auto;
    font-size: 16px;
    color: #ff8900;
    background: #fff;
	border: 1px solid #ff8900;
    border-radius: 50px; 
	 
	cursor: pointer;
 }
.following-btn:hover{background: #fff5ea}
.following-btn img{width: 18px; display: inline-block; vertical-align: top; margin: 4px 5px 0 0 }
.experts-widget .row{height: 276px; overflow: auto }
.col-md-12 .experts-widget .row{height:auto; overflow:visible }
.col-md-12 .experts-widget{height:auto;}



.experts-widget .row:after { content: "";}
.row:after { content: "";}
.experts-pitch{padding: 30px 30px 30px; font-style: italic; font-size: 14px; border-top: 1px solid #ede8e8; }
.expert-banner{height: 32vw; background-size: cover; background-position: center; position: relative; z-index: -1; margin: -40px 0 -70px }
.panel{transition: all 0.12s ease-out; -moz-transition: all 0.12s ease-out;}
.panel .title img{width: 25px; margin: -1px 7px 0 0; vertical-align: top}
.panel .title{color: #2644ba; font-size:20px;  margin: 0px 0 20px 0px} 
.panel-roles{position: fixed; top: 0; bottom: 0px; left: 0px; right: 0px; margin: auto; height: fit-content; width: 800px; overflow: auto; padding: 20px 30px 30px; z-index: 10002;}
.roles-form{margin: 0 0 20px 0; height: 480px; overflow: auto}
.panel .title span{font-size: 14px; font-family: 'ubunturegular'; margin: 0 0 0 5px}
.roles-form .select2{width: 100%}
.bottom-btn{text-align: center}
.roles-label { padding: 0 20px}
.roles-label li{display: inline-block; width: 33%; margin: 0 0 10px 0}
.roles-label input[type='checkbox']{display: contents}
.roles-label label{display: inline; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.roles-label input[type='checkbox'] + label:before, .roles-label input[type='checkbox'] + label:after{top: 3px; } 

.panel-feature{position: fixed; top: 0; bottom: 0px; margin-bottom:auto!important; left: 0px; right: 0px; margin: auto; height: 80%; width: 80%; max-width: 1000px; padding: 30px 20px 50px 40px; z-index: 10002;}
.panel-feature .introduction{ vertical-align: top; margin: 20px 0 20px 0;  max-height: 70vh; padding: 0 20px 10px 0;  line-height: 28px; overflow: auto}
.panel-feature .title{ color: #333; font-size: 24px; font-weight: 600}

.panel-case{max-width: 720px; height:fit-content; max-height: 90%; padding: 30px 20px 0 40px;  }
.panel-case .type{color: #2644ba;  margin: 0 0 5px 0; font-size: 17px}
.panel-case .title{ border-bottom: 1px solid #eee; padding: 0 0 15px; margin: 0 0 10px 0; width: 98%}
.panel-case h3{text-align: left;  margin: 0 0 10px 0; font-size: 21px; font-weight: 500}
.panel-case .galley{border: 1px solid #e5e5e5; margin: 20px 0 20px ; border-radius: 10px; overflow: hidden}
 
.panel-filter{position: fixed; top: -200px; bottom: 0px; left: 0px; right: 0px; margin: auto; height: fit-content; width: 800px; padding: 20px 30px 25px; z-index: 10002;}
.panel-manage-widgets, .panel-create-widget{position: fixed; top: -200px; bottom: 0px; left: 0px; right: 0px; margin: auto; height: fit-content; width: 800px; padding: 20px 30px 25px; z-index: 10002;}

.panel-event-login{position: fixed; top: 0; bottom: 0px; left: 0px; right: 0px; margin: auto; height: fit-content; width: 700px; padding: 20px 30px 25px; z-index: 10002;}
.event-login-form{margin: 0 0 20px 0; height: 480px; overflow: auto}
.tab {  text-align: center;}
.tab .nav-tabs-2{ position: relative; margin: 0 0 0}
.tab .nav-tabs-2 li{display: inline-block; vertical-align: top;}
.tab .nav-tabs-2 li a{ 
			display: block;
		    width: 140px;
			height: 80px;
			margin: 0 5px;
		    font-size: 15px;
			line-height: 20px;
		    color: #333; 
		    text-align: center;
		    border-radius: 5px;
 		    border: 2px solid #e3e3e3;
 		    overflow: hidden;
		    z-index: 1;
		    position: relative; 
 			opacity: 0.6;
		}  
.tab .nav-tabs-2 li.active a {border: 2px solid #ffbf00; opacity: 1;} 
.tab .nav-tabs-2 li a:hover{ 
 			border: 2px solid #ffbf00;
			opacity: 1;
			text-decoration: none;
		} 
.tab .nav-tabs-2 li span{ display: block; text-align: center; padding:17px 20px 0; }

.login-tab{ width: 70%; margin: 20px auto}
.tab .tc-2{    padding: 0px 0 0;
    margin-top: 0px;
    font-size: 15px;
    line-height: 26px;
    text-align: left;
    border-top: 0px solid #eee;}
.center-btn{ text-align: center; margin: 20px 0 0 0}
.center-btn .btn{ padding: 9px 40px; font-size: 18px;}
.center-btn .link{display:inline-block; padding: 10px 0 0; text-align: center}
.login-tab .form-group { margin-bottom: 15px;}
.lg-1 {
    background: url(../images/pnnl-logo.png);
    background-size: 115px 57px;
    background-repeat: no-repeat;
}
.fa-2 {
    display: block;
    position: relative;
    width: 135px;
    height: 60px;
    margin: 10px 0 0 10px;
    z-index: 100;
} 

.vacancies-wrap {margin: 0 0 30px 0}
.vacancies-list {margin: -15px 0 0 0}
.vacancies-list .thead{ padding: 15px 0; border-bottom: 2px solid #dde0e6; }
.vacancies-list .tbody a{display: block; padding: 20px 0; border-bottom: 1px solid #e7e9ee}
.vacancies-list .tbody a:hover{ text-decoration: none; background: #f8f9fb}
.vacancies-list .t-1{display: inline-block; width: 64%; vertical-align: top}
.vacancies-list .t-2{display: inline-block; width: 23%; vertical-align: top}
.vacancies-list .t-3{display: inline-block; width: 11%; vertical-align: top}
.vacancies-list .tbody .t-2{color: #9ea7ad}
.vacancies-list .tbody a .t-1{color: #333}
.vacancies-list .tbody a:hover .t-1{color: #2644ba}
.vacancies-list .logo{ width: 70px; height: 30px; margin: -5px 0 -5px -5px; display: flex; align-items: center; justify-content: center;}
.vacancies-list .logo img{max-width: 70px; max-height: 30px}
.thead .sort{display:inline-block; vertical-align: inherit; margin: 1px 0 0px 3px; width: 20px; height: 20px; cursor: pointer} 
.thead .sorting{
	background-image: url(../images/icon-sorting.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center; }
.thead .sorting-asc{
	background-image: url(../images/icon-sorting-asc.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center; }
.thead .sorting-desc{
	background-image: url(../images/icon-sorting-desc.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center; }



.company-menu{background: #FFF;
	text-align:left;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.03);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	margin: 0px 0 30px 0;
	padding: 0 5px;
	display: flex;
}
.company-menu li{ width: 11.2%; display:inline-block; padding: 7px 3px 5px; text-align: center; font-size: 15px}
.company-menu li a{display:block;  padding: 5px 25px;  color: #333; border-radius: 6px; border-bottom: 2px solid #fff}
.company-menu li a:hover{text-decoration: none; background: #f4f8fb}
.company-menu li img{display: block; vertical-align: top; margin: 0 auto; width: 40px}
.company-menu li .icon{display: block; vertical-align: top; margin: 0 auto; width: 40px; height: 40px; background-size: cover; background-image: url("../images/icon-company-type-all.png")}
.company-menu li:nth-of-type(1) .icon{ background-image: url("../images/icon-company-type-all.png")}
.company-menu li:nth-of-type(2) .icon{ background-image: url("../images/icon-company-type-1.png")}
.company-menu li:nth-of-type(3) .icon{ background-image: url("../images/icon-company-type-2.png")}
.company-menu li:nth-of-type(4) .icon{ background-image: url("../images/icon-company-type-3.png")}
.company-menu li:nth-of-type(5) .icon{ background-image: url("../images/icon-company-type-4.png")}
.company-menu li:nth-of-type(6) .icon{ background-image: url("../images/icon-company-type-5.png")}
.company-menu li:nth-of-type(7) .icon{ background-image: url("../images/icon-company-type-6.png")}
.company-menu li:nth-of-type(8) .icon{ background-image: url("../images/icon-company-type-7.png")}
.company-menu li:nth-of-type(9) .icon{ background-image: url("../images/icon-company-type-8.png")}
.company-menu li:nth-of-type(1).current .icon{ background-image: url("../images/icon-company-type-all-2.png")}
.company-menu li:nth-of-type(2).current .icon{ background-image: url("../images/icon-company-type-1-2.png")}
.company-menu li:nth-of-type(3).current .icon{ background-image: url("../images/icon-company-type-2-2.png")}
.company-menu li:nth-of-type(4).current .icon{ background-image: url("../images/icon-company-type-3-2.png")}
.company-menu li:nth-of-type(5).current .icon{ background-image: url("../images/icon-company-type-4-2.png")}
.company-menu li:nth-of-type(6).current .icon{ background-image: url("../images/icon-company-type-5-2.png")}
.company-menu li:nth-of-type(7).current .icon{ background-image: url("../images/icon-company-type-6-2.png")}
.company-menu li:nth-of-type(8).current .icon{ background-image: url("../images/icon-company-type-7-2.png")}
.company-menu li:nth-of-type(9).current .icon{ background-image: url("../images/icon-company-type-8-2.png")}

.company-menu li.current a{color: #2745ba; background: #e7eff7}
.company-wrap{padding: 20px; text-align: center}
.company-wrap .co-info .logo{ }
.company-wrap .co-info .logo img{max-height: 60px; max-width: 200px; margin: 15px 0 20px}
.company-wrap .co-info .name{ line-height: 22px; padding: 0 20px 10px; }
.company-wrap a{ color: #333}
.company-wrap a:hover{color: #2644ba; text-decoration:none}

.jobs-detail{ margin: 0 0 30px; color: #666; padding: 0 0 30px 0; border-bottom: 1px solid #eee}
.jobs-detail span{vertical-align: top; padding: 0 10px; margin: -2px 0 0 0; font-weight: 200; font-size: 14px; color: #cbcbcb}

.report-info{padding: 20px 20px 1px 20px; text-align: center}
.report-info img{border-radius: 6px; margin: 0 0 15px}
.report-info .name{font-size: 18px; padding: 0 0 20px 0}
.report-info .price{font-size: 30px; color: #2644ba; margin: 0 0 20px 0}
.report-info .tel{margin: 0 0 15px; color: #666}
.report-frame{padding: 20px; border: 1px solid #eee; border-radius: 8px; margin: 0 0 30px}
.report-name{font-size: 18px; font-weight: 500; margin: 0 0 5px}
.report-price{font-size: 18px; margin: 0 0; }
.report-price span{font-weight: 500; color: #2644ba}
.report-contact{font-size: 15px; margin: 0 0 15px; padding: 0 0 15px 0; border-bottom: 1px solid #eee}
.buy-form{margin: 0 0 0}

.bulletin-list li{float: left; padding: 30px 0 10px; width: 50%}
.bulletin-list li .name{margin: 0 30px 10px 30px; height: 22px;  color: #333; font-size: 18px;     
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;}
.bulletin-list li .date{margin: 0 0 0 30px; color: #999; font-size: 14px}
.bulletin-list li .date span{vertical-align: top; padding: 0 10px; margin: -2px 0 0 0; font-weight: 200; font-size: 13px; color: #cbcbcb}
.bulletin-list a:hover{text-decoration: none}
.bulletin-list a:hover .name{color: #2644ba}

.bulletin-list ul{float: left; padding: 0 0 30px}

.subheader{
 	height: 60px;
	font-size: 17px;
    z-index: 1;
    width: 100%;
    background-color: #FFF;
    position: relative;
 	text-align:center;
    box-shadow: 10px 10px 50px rgba(0,0,0,0.04); 
	}
 
.subheader li{ display:inline-table;  margin: 0 18px; }
.subheader li a{ display:block; line-height:58px;}
.subheader li a:hover{color: #ff8900;}
.subheader li.current a{ line-height:58px;    color: #ff8900; border-bottom: 2px solid #ff8900}


.user-wrap {
	min-height: 450px;
	margin: -30px 0 0 0;
	background-color: #f7f8fa;
}
.user-wrap h2 {
	padding: 0 0 20px 0;
	text-align: center;
	color: #0b61d4;
	font-size: 36px;
}
.user-nav {
	float: left;
	width: 19%;
	padding: 25px 0 0 0
} 
 
.user-main-whole {
	padding: 25px 0 60px 0;
}
.uc-mc {
	position: relative;
	background-color: #FFF;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 3%);
	border-radius: 6px;
	margin: 0 0 25px 0;
	min-height: 100px;
}
.uc-mc .title {
	border-bottom: 0px solid #ededed;
	line-height: 30px;
 	margin: 0 0 10px 0;
	padding: 20px 0 0 25px;
	font-size: 20px;
	color: #2644ba;
 	
	text-align: left;
 }
.uc-mc .subtitle {  
  position: absolute;
  font-size: 14px;
  color: #707070;
  top: 17px;
  right: 24px;
  font-family: 'ubunturegular';
}
.uc-mc .functions{position: absolute; right: 10px; top: 20px}
 
.uc-mc .fa-clock-o {
	color: #777;
}
.user-nav li {
	position: relative;
	line-height: 38px;
	padding: 0 0 0 0
}
.user-nav li a {
	display: block;
	color: #888
}
.user-nav li a:hover {
	color: #333;
	text-decoration: none
}
.user-nav li.current a {
	font-weight: bold;
	color: #333
}
.user-nav li.current a:hover {
	color: #333
}

.footer {
	width: 100%;
	color: #fff;
	background: #0d3da1;
	padding: 40px 0 0 0;
	font-size: 14px;
	margin: 60px 0 0 0; 
 }
.footer a {
	color: #acbad9
}
.footer a:hover {
	color: #fff;
	text-decoration: none
}
.footer-logo{display: none; float: left; width: 25%; margin: -16px 0 0 0}
.footer-logo img{width: 205px}
.footer-nav{float: left; width: 45%}
.footer-nav .group{float: left; width: 50%}
.footer-nav li {
  	margin: 0 20px 8px 0;
 }

.footer-newsletter{float: left; width: 30%}
.footer-newsletter .content{color: #acbad9; padding: 0 80px 0 0; line-height: 26px}
.footer .copyright {float: left; width: 100%;  color: #acbad9; padding: 20px 0 20px; text-align: center; margin: 40px 0 0 0; border-top: 1px solid #204ca8}
.copyright{text-align: center; color: #adb2bc;  font-size: 15px; padding: 0 0 40px 0}
.footer .qr{ display:inline-block;  margin: 3px 40px 15px 0}
.footer .qr img{ width:100px; border-radius: 3px}
.footer .qr-text{ margin: 10px 0 0 0; text-align: center; font-size:13px; color: #acbad9}

 
.social-link{float: left;  }
.footer .title{ margin: 0 0 18px 0; font-size: 17px; }
.social-link li {
	display: inline-block;
	margin: 0 20px 5px 0;
}
.social-link li img {
	height: 30px;
}
.social-link li {
 	opacity: 0.8;
	transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
}
.social-link li:hover {
 	opacity: 1;
}

.top-social-link{position: absolute; right: 0; bottom: -39px; width: 144px; height: 39px; background: url("../images/social-bg.png") no-repeat; background-size: 144px 39px;}
.top-social-link ul{margin: 3px 0 0 38px}
.top-social-link li {
	display: inline-block;
	margin: 0 0 5px 12px;
}
.top-social-link li img {
	height: 30px;
}

.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 {
    position: relative;
 	border-radius: 5px;
	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: #2644ba;
	background-color: #2644ba;
	color: #fff;
    margin: 5px 10px; 
}
.btn-primary:hover {
	border-color: #1d67d5;
	background-color: #1d67d5;
}
.btn-primary:active {
	color: rgba(255, 255, 255, .8);
	background-color: #10378b;
}
.btn-large {
	padding: 9px 35px;
	font-size: 17px;
	font-family: "ubuntumedium"
}
.btn-middle {
	padding: 6px 20px;
	font-size: 15px;
	font-weight: normal
}
.btn-primary:disabled{cursor:not-allowed; background: #3057ac}
.btn-primary:disabled:hover{background: #3057ac;}
.btn-save-as{border-color: #2c79d9; background-color: #2c79d9;}
.btn-save-as:hover{border-color: #468ce3; background-color: #468ce3;}
.btn-save-as:active{border-color: #1e6ccd; background-color: #1e6ccd;}
.fl {
	float: left
}
.fr {
	float: right;
}
.img-section .fl {
	float:none
}
.tip-text {
	text-align: center;
	padding: 10px 0 10px 0;
} 
.scroll-top-link {
	width: 50px;
	position: fixed;
	right: 25px;
	bottom: 20px;
	z-index: 20;
}
.scroll-top-link .gotop {
	display: none;
	width: 56px;
    height: 56px;
	background: url(../images/arrow-up-1.svg) no-repeat 50% 50%;
	background-size: 26px 26px;
	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: #2644ba url(../images/arrow-up-2.svg) no-repeat 50% 50%;
	background-size: 24px 24px;
}
.scroll-top-link .float-btn a{
    display: block;
    text-align: center;
    line-height: 17px;
    padding: 11px 0 0 0;
    width: 56px;
    height: 56px;
    font-weight: 600;
    font-size: 13px;
 	background-size: 24px 24px;
	cursor: pointer;
	border-radius: 50%;
	background-color: #2644ba;
    color: #fff;
 	box-shadow: 3px 3px 20px rgba(0,0,0,0.09);
	margin-bottom: 10px;
 
}
.scroll-top-link .float-btn a:hover { 
    background-color: #2644ba;
    color: #fff;
    
}
.jointext {
	text-align: center;
	padding: 40px 0 0 0;
	font-size: 20px;
	color: #2573de;
	font-weight: bold
}
.nav .nav-drop-down {
	width: 110px;
	background: rgba(255,255,255,1);
	padding: 15px 20px;
	border-radius: 4px;
	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;
	font-size: 12px;
}
.nav-drop-down.d1 {
	width: 210px;
	margin: -10px 0 0 0px;
}
.nav li:nth-of-type(2) .nav-drop-down {
	width: 270px;
}
.nav .nav-drop-down li {
	width: 100%;
}
.nav-drop-down.d1 li {
	margin: 5px 0 5px 0;
	font-size: 15px;
	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;
	border-bottom: none;
}
.nav-drop-down li:hover {
	margin: 5px 0 5px 10px;
}
.nav-drop-down li:hover a {
	font-weight: normal;
	border-bottom: 0px solid #d81b3b;
}
.committee-list {
	margin-right: -20px;
	margin-left: -20px;
}
.committee-list li {
	display: inline-block;
	vertical-align: top;
	width: 32.9%;
	padding-right: 20px;
	padding-left: 20px;
	margin: 0 0 80px 0
}
.committee-list li .name {
	font-size: 22px;
	font-family: 'ubuntubold';
	letter-spacing: -0.5px;
	padding: 0 0 20px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #dddddd
}
.committee-list li:first-child {
	width: 33%;
	margin: 20px 33% 80px 33%;
}
.committee-list li:first-child .name {
	font-size: 26px;
}
.tags {
	padding: 8px 20px 18px
} 
.tags li a {
	display:inline-block;
	padding: 8px 12px; 
	line-height: 18px;
	font-size: 14px;
	color: #2644ba; 
	background: #ebeff8; 
	border-radius: 4px;
	margin: 0 0 8px 0;
	font-family: 'ubuntulight';
}
.tags li a:hover {
	color: #fff; 
	background: #2644ba;
	text-decoration: none
}
.related-items {
	margin: 70px 0 -25px 0
}
.related-items h4 {
	margin: 0 0 10px 0
}
.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 {
	font-family: 'ubunturegular';
	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: 'ubuntubold';
	letter-spacing: -0.5px;
	font-weight: 200;
}
.detail-banner .text .title sup {
	font-size: 20px;
}
.detail-banner .text .theme {
	margin: 0px 0 10px 0;
	font-family: 'ubuntubold';
	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;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #eaebee;
	background: #fff;
	box-shadow: 5px 5px 30px rgba(0,0,0,0.03);
	-webkit-overflow-scrolling : touch;
}
.sub-nav a {
	color: #333;
	font-size: 16px;
	padding: 0 8px;
	margin: 0 10px;
	font-family: ubuntubold;
	text-transform: uppercase
}
.sub-nav a:hover {
	color: #2573de;
}
.sub-nav a.current {
	content: "";
	color: #2573de;
	line-height: 50px;
	padding-bottom: 13px;
}
.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: 860px;
	margin: 0 auto
}
.search-type li {
	display: inline-block;
	font-size: 16px;
	font-family: "ubuntumedium";
	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: #2573de
}
.search-type li.current a {
	border-bottom: 2px solid #2573de;
	color: #2573de
}
.results-note {
	text-align: center;
	margin: -40px 0 35px 0;
	color: #888
}
.views-gallery img {
	border: solid 1px #efefef;
}
.download-btn {
	text-align: center;
	margin: 60px 0 40px 0
}
.blue-arrow-btn {
}
.blue-arrow-btn a {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	
	padding: 12px 68px 10px 25px;
	background-color: #1f97ec;
	border: none;
	outline: none;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	font-weight: 400;
	box-shadow: 5px 5px 20px rgba(51,125,227,0.20);
	text-transform: uppercase;
	background-image: url(../images/arrow-nomal.svg);
	background-size: 23px;
	background-repeat: no-repeat;
	background-position: 88% center;
}
.blue-arrow-btn a:hover {
	background-color: #337de3;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/arrow-nomal.svg);
	background-size: 23px;
	background-repeat: no-repeat;
	background-position: 90% center;
}
.blue-arrow-btn a:active {
	color: rgba(255, 255, 255, .5);
	background-color: #378bfe;
}

.section-side {
	float: right;
	width: 335px;
	padding: 0 15px 0 0
}
.left-side {
	float: left;
	width: 320px;
	padding: 0 15px 0 15px
}
.side-wrap{
	background: #FFF;
 	box-shadow: 10px 10px 50px rgba(0,0,0,0.04); 
	border-radius: 8px;
	margin: 0 0 25px 0;
    padding: 0 0 1px
  }
 
.side-item > .name{padding: 15px 18px 12px; font-size: 17px;  color: #12347d }
.side-wrap .name img{width: 22px; vertical-align: top; margin: 0px 4px 0 0;}
.side-wrap .data{width: 170px; display: inline-table}
.product-information .price{ font-size: 25px; color: #e11a20}

.side-wrap > .title{padding: 15px 18px 10px; font-size: 17px; }
.side-wrap .subtitle {
    display: block;
    font-size: 13px;
    color: #707070;
     font-family: 'ubunturegular';
}
.side-wrap .content{padding: 5px 18px 12px;}
.products-main .cover-item .cover{ height: 250px;}
.products-main .cover-item .cover .img{ height: 250px;}
.reports-main .cover-item .cover{ height: 430px;}
.reports-main .cover-item .cover .img{ height: 430px;}
.events-main .cover-item .cover{ height: 270px;}
.events-main .cover-item .cover .img{ height: 270px;}
.events-main .event-title{padding: 10px 15px 12px 30px;
    font-size: 18px;
    line-height: 24px;
    height: 36px;
    font-weight: 500;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.events-main .event-bi{padding: 5px 15px 25px 30px; color: #666; font-size: 16px;}

.weixiu-intro{padding: 10px 40px 20px}
.weixiu-intro .galley{float: left; width: 48%; margin: 0 2% 0 0; text-align: center}
.weixiu-intro img{width: 420px}
.weixiu-intro .text{float: left; margin: 20px 0 0 0; width: 48%}
.weixiu-intro h6{color: #2644ba; font-size: 15px; letter-spacing: 1px; }
.weixiu-intro h3{font-size: 38px}
.weixiu-intro li{padding: 6px 0 6px 25px; margin: 0 0 0 2px; background-image: url("../images/icon-tick.png");  background-size: 18px; background-repeat: no-repeat; background-position: center left;}

.weixiu-type{padding: 30px 30px 30px 80px}
.weixiu-type h3{font-size: 36px; text-align: center}
.weixiu-type li{float: left;  position: relative; width: 25%; margin: 40px 0 50px 0}
.weixiu-type li .icon{ margin: 0 0 0 30px; }
.weixiu-type li .icon img{height: 60px;}
.weixiu-type li .num{position: absolute; left: 200px; top: -10px; font-size: 30px; font-weight: 600; color: #e9e9e9}
.weixiu-type li .name{font-size: 23px; margin: 20px 0 0 30px; color: #333}

.recommend{position: relative; padding: 23px 25px}
.recommend .title{font-size: 18px; font-weight: 500; margin: 0 0 20px 0; }
.recommend .img{text-align: center; padding: 5px 5px}
.recommend .name{text-align: center; padding: 5px 10px}
.recommend li{display: inline-block; vertical-align: top; width: 49%; font-size: 13px; line-height: 18px; margin: 0 0 10px 0}
.recommend li a{color: #333}
.side-wrap .more{ position: absolute; right: 18px; top:20px; font-size: 15px}
.side-wrap .more a{display: inline-block;  padding: 5px 18px 5px 5px; color: #666; background-image: url("../images/icon-more-1.svg");  background-size: 16px; background-repeat: no-repeat; background-position: center right;}
.side-wrap .more a:hover{text-decoration: none; color: #2644ba; background-image: url("../images/icon-more-2.svg"); }
.side-wrap .intro{padding: 0 18px 15px 20px; margin: -8px 0 0 0; font-size: 13px; line-height: 18px; color: #999 }
.related-projects-img{margin: 0 20px 5px; }
.related-projects-img img{ border-radius: 5px; }
.related-projects-name{font-size: 14px; margin: 0 20px; padding: 0 0 15px 0}
a .related-projects-name{color: #333}
a:hover .related-projects-name{color: #2644ba}
.side-wrap .side-item:last-child{border-top: 1px solid #ececec}
.side-wrap .side-item:first-child{border-top: 0px solid #ececec}
.more-news{position: relative}
.more-news .from{padding: 13px 130px 12px 20px; font-size: 14px; line-height: 18px;}
.more-news .logo{position: absolute; right: 35px; top:13px; margin: 3px 0 10px 20px; height: 30px; display: flex; align-items: center}
.more-news .logo img{max-width: 90px; max-height: 30px}
.more-news .news{padding: 20px 20px; border-top: 1px solid #ececec}
.more-news .news li{float: left; margin: 0 0 15px 0}
.more-news .news li:last-child{margin:0}
.more-news .news .img{float: left; width: 100px; height: 72px; background-size: cover; background-position: center center; border-radius: 3px; overflow: hidden}
.more-news .news .title{float: left; vertical-align: top; margin: 2px 0 0 15px; width: 140px; font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;  overflow: hidden; }
.more-news .news a .title{color:#333}
.more-news .news a:hover .title{color:#2644ba; text-decoration: underline}
.side-AD img{border-radius: 5px; margin: 0 0 25px; width: 100%}

.more-news .vacancies{padding: 5px 15px 15px 0; border-top: 1px solid #ececec}
.more-news .vacancies li{padding: 10px 0 5px 0}
.more-news .vacancies .title{margin: 2px 0 0 20px; font-size: 14px; line-height: 19px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; }
.more-news .vacancies .date{float: none; margin: 2px 0 0 20px; font-size: 13px; color: #9ea7ad}
.more-news .vacancies a .title{ color: #333}
.more-news .vacancies a:hover{text-decoration: none}
.more-news .vacancies a:hover .title{ color: #2644ba; text-decoration:underline}
.more-news-wrap>.title{font-size: 18px; font-weight: 500; margin: 0 0  18px 0; padding: 20px 0 0 20px;}
.more-news-wrap .more{top: 16px}


.jobs-more .title{font-size: 16px; margin: 0 0 10px}
.jobs-more .detail{margin: 0}
.jobs-more a{padding: 18px 22px}
.jobs-more .jobs-item{margin: 0 0 18px}

.roles{padding: 4px 20px 20px;}
.roles ol{float: left; margin: 0 0 12px 0}
.roles ol:last-child{margin:0}
.roles .logo{ float: left; width: 100px; height: 72px; border:1px solid #e3e3e3; border-radius: 3px; display: flex; align-items: center; justify-content: center;}
.roles .logo:hover{border:1px solid #c0c0c0;}
.roles .logo img{max-width: 75px; max-height: 60px}
.roles .name{float: left; vertical-align: top; padding: 0 0 0 15px; margin: 0 0 0 10px; color: #333; width: 140px; font-size: 13px; line-height: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8;  overflow: hidden; font-family: 'ubuntulight';}
.roles li{font-style: normal;  list-style:disc; list-style-position: outside }
.capacity{display: inline-block; vertical-align: top; margin: 2px 15px 0 0; width: 34px; text-align: center}
.award{display: inline-block;  margin: 6px 15px 5px 0; }
.award img{max-width: 35px; max-height: 38px; border-radius: 3px;}
.add-roles{cursor: pointer}
.add-roles .logo{border:1px dashed #d9d9d9;}
.add-roles .name{color: #2644ba}
.add-roles:hover .logo{border:1px dashed #999;}
.add-roles:hover .name{ color: #ff8900}

.other-news{ padding: 40px 0 10px 0}
.other-news a{display: inline-block; border-radius: 5px; background: #f7f8fa; padding: 12px 20px 12px 35px; }
.other-news .img{float: left; width: 100px; height: 72px; background-size: cover; background-position: center center; border-radius: 3px; overflow: hidden}
.other-news .title{float: left; vertical-align: top; margin: 2px 0 0 15px; width: 140px; font-size: 13px; line-height: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;  overflow: hidden; }
.other-news a .title{color:#333}
.other-news a:hover .title{color:#2644ba; text-decoration: underline}
.other-news a:hover{background: #e9ecf2;}

.platforms-list{padding: 15px 0 0 }
.platforms-list .img{height: 280px; background-size: cover; background-position: center; border-radius:8px;}
.platforms-list .cover-item a{box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.0); }
.platforms-list .title{text-align: center; font-size: 18px; margin: 20px 10px 5px 10px; height: 24px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.platforms-list .col-md-4{ padding: 0 15px;}
.process-wrap .platforms-list .img{height: 200px; width: 80%;  margin: 0 auto;}
.process-wrap .platforms-list .title{margin: 5px 10px 5px 10px;}

.previous-news{position: relative; float: left}
.next-news{position: relative; float: right}
.next-news a{padding: 12px 35px 12px 20px;}
.next-news .title{margin: 2px 15px 0 0;}
.previous-news:after{content: ""; width: 15px; height: 20px; 
	background-image: url("../images/icon-previous.svg");
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center center; 
	position: absolute; 
	left: 10px;
	top: 37px;
}
.next-news:after{content: ""; width: 15px; height: 20px; 
	background-image: url("../images/icon-next.svg");
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center center; 



	position: absolute; 
	right: 10px;
	top: 37px;
}

#spotlight .footer{background-image: none}

.user-actions{margin: 40px 0 10px 0; text-align: center}
.user-actions li{
	position: relative;
	display: inline-block;
	vertical-align: top;
    border: 2px solid #dcdcdc;
    margin: 0;
    padding: 7px 16px 7px 40px;
    color: #666666;
    font-size: 16px;
    border-radius: 6px;   
	  
	-moz-transition: all 0.12s ease-out;
	-o-transition: all 0.12s ease-out;
	-webkit-transition: all 0.12s ease-out;
	transition: all 0.12s ease-out;
  }
.user-actions li:hover{box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.0); margin:0; border: 2px solid #b9b9b9; }
.user-actions li:after{ left: 10px;   top: 3px;}
.user-actions li:after{content: ""; width: 30px; height: 30px; 
 	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center center; 
	position: absolute; 
	left: 10px;   top: 3px;
}
.user-actions li.share:after{
	background-image: url("../images/icon-actions-share.svg");
 }
.user-actions li.like:after{
	background-image: url("../images/icon-actions-like.svg");
 }
.user-actions li.save:after{
	background-image: url("../images/icon-actions-save.svg");
 }
.user-actions li.liked{color: #fff; background: #e83a3a;}
.user-actions li.liked:after{
	background-image: url("../images/icon-actions-liked.svg");
 }
.user-actions li.saved{color: #fff; background: #2644ba;  border: 2px solid #2644ba;}
.user-actions li.saved:hover{border: 2px solid #2644ba;}
.user-actions li.saved:after{
	background-image: url("../images/icon-actions-saved.svg");
 }

.question-wrap{position: relative; display: inline-block; vertical-align: top; margin: -1px 0 0 0}
.question-wrap .question-btn{width: 25px; height: 25px; background: url("../images/icon-question.svg") no-repeat center center; background-size: 20px; cursor: pointer; opacity: 0.7}
.question-wrap .question-btn:hover{opacity: 1}
.question-content{padding: 20px!important; line-height: 22px!important; width: 350px!important; color: #333;  font-family: 'ubuntulight';}

.talents-btn{display: inline-block}
.talents-btn a{
	display: block;
    padding:  8px 24px; 
    margin: 0 0 0 10px;
	text-align: center;
    font-size: 16px;
    color: #fff;
    background: #2644ba;
    border-radius: 20px;  
	font-weight: 500; 
	cursor: pointer;
 }
.talents-btn a:hover{background: #1d67d5; text-decoration: none}



 
.side-nav {
	margin: 0 0 25px 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;
	overflow: hidden;
 }
.side-nav li a {
	display: block;
 	font-size: 16px;
 	line-height: 22px;
	padding: 15px 25px; 
	border-bottom: 1px solid #f1f1f1;
}
.side-nav li a:hover {
 	text-decoration: none;
	background: #fcfcfc;
}
.side-nav li.current a {
	color: #ff8900;
	
  }
.section-content {
	float: left;
	width: calc(100% - 360px);
	padding: 0 0 0 15px;
 }  
strong { 
 }

.side-calendar{
	min-height: 560px;
}
 .events-list li{ 
    position: relative;
    background: #FFF;
	text-align:left;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.01);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 35px 0;
	height:260px;
    -webkit-transition: all 0.15s linear;
	-webkit-transform:rotate(0deg);
	}
.events-list li a{display: block; }
.events-list li:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.05); }	

.events-list .event-image{ height:260px; width: 40%; float: left; margin: 0 0 0 0; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025); }
.events-list .event-image .img{height:260px; background-size: cover; background-position: center center; transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}
.events-list li:hover .event-image .img{ -webkit-transform: scale(1.03); transform: scale(1.03);}
.events-list .event-info {float: left;width: 60%;}
.event-info{ height:100%; position:relative}
.event-info .date{ font-size:17px; color: #ff8900; margin: 25px 30px 5px 30px}
.event-info .title{ font-size:20px; line-height:26px; color: #333;  margin: 0 20px 0 30px}
.events-list li:hover .title{color: #2644ba; }	

.event-info .time{ color: #999999; font-size:14px; margin: 0 20px 0 10px; }
.event-info .location{ font-size:15px; color: #333; margin: 0px 30px 10px 30px; }
.event-info .summary{font-size:15px;  color: #666; margin: 10px 30px 0 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.event-info .btn_share{ opacity:0; position:absolute; bottom:20px; left: 30px;  transition:all 0.25s ease-out;-moz-transition: all 0.25s ease-out;}
.event-info .btn_share img{ width:30px; margin: 0 10px 0 0; opacity:0.8;}
.event-info .btn_share img:hover{opacity:1;}
.event-list li:hover .btn_share{opacity:1; }
.event-info .btn_view{ position:absolute; bottom:0; right: 0px;  }
.event-info .btn_view a{ display:block; padding:8px 20px; background:#e5eaf6; color: #3b5fa8; border-radius: 5px 0;}
.event-info .btn_view a:hover{background:#3b5fa8; color: #fff;}
.event-gallery{margin: 0 0 35px 0; overflow: hidden}
.event-gallery img{width: 100%}
.organizer{ position: absolute; bottom: 10px; right: 20px}
.organizer .logo{ float: left; height: 60px; margin: 0 0 0 20px; display: flex; align-items: center; justify-content: center;}
.organizer .logo img{max-width: 100px; max-height: 40px}
.panel-body .container{width: 100%}
 
.rd-mobilepanel_toggle {
  background: none;
  border: none;
  padding: 0;
  outline: none;
  outline-offset: 0;
  cursor: pointer;
  -webkit-appearance: none;
  position:absolute;
  top: 17px;
  right: 0;
  width: 48px;
  height: 48px; 
  z-index: 100;
}
  .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;
}
.header .top-item {
	float: right;
	margin: 28px 0px 0 28px;
	width: 25px;
	height: 25px;
	position: relative;
}
.header .top-item img {
	width: 100%
}

.header .top-search-entry a { display: block; width: 25px; height: 25px; border-radius: 50%; }
.header .top-search-entry a:hover,
.header .top-search-entry a:focus { opacity: .78; }



.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: #2644ba;
}
.dropdown-box li a:hover {
 	background: #f2f5f7;
 }
.dropdown-box li.current a{
	color: #ff8900; 
	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; }
 
.top-menu{ display: none}
.top-menu .dropdown-box{padding: 15px 15px; font-size: 0 }
.top-menu .menu-item{display: table-cell; font-size: 15px; text-align: center; width: 16.6%; }
.top-menu .menu-item a{display: block; padding: 10px 12px; min-width: 100px; color: #2644ba;  border-radius: 6px}
.top-menu .menu-item a:hover{background: #f4f6f8}
.top-menu .menu-item img{width: 30px; margin:0 0 5px 0 }

.top-language{ display: none}

.filter-item .event-label{width: 200px;}
.event-label li a { padding: 0 0 0 10px; }
.event-label li a:hover { text-decoration: none}
.tab-content{padding: 30px 0 0 0}
.nav-tabs{font-weight: 500}
.nav > li > a, .nav-2 > li > a{padding: 10px 25px; display: block; color: #666}
.nav-2 > li{position: relative; display: block;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ color: #2644ba;}
.nav-2{height: 46px}


.user_name:after {
	background-image: url(../images/user_male4-128.png);
	background-repeat: no-repeat;
	background-size: 21px;
}
.user_login:after {
	background-image: url(../images/email-128.png);
	background-repeat: no-repeat;
	background-size: 21px;
}
.user_password:after {
	background-image: url(../images/lock-128.png);
	background-repeat: no-repeat;
	background-size: 22px;
}
.user_code:after {
	background-image: url(../images/code-128.png);
	background-repeat: no-repeat;
	background-size: 22px;
}
.user_phone:after {
	background-image: url(../images/phone-128.png);
	background-repeat: no-repeat;
	background-size: 22px;
}
.user_company:after {
	background-image: url(../images/company-128.png);
	background-repeat: no-repeat;
	background-size: 22px;
}
.user_weixin:after {
	background-image: url("../images/weixin.svg");
	background-repeat: no-repeat;
	background-size: 21px;
}
.send_phonecode {
	float: right;
	width: 37%;
}
.send_phonecode a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #CCC;
	font-size: 13px;
	text-align: center;
	background-color: #f5f5f5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666
}
.send_phonecode a:hover {
	text-decoration: none
}
.login_code_img {
	padding-left: 0px;
}
.panel .submit {
	display: block;
	color: #fff;
	font-size: 18px;
	width: 100%; 
 	height: 54px;
	padding: 0;
	line-height: 54px;
	background: #2644ba;
	border: none;
	outline: none;
	border-radius: 5px;
	cursor: pointer;
	margin: 25px auto 10px auto;
	 
}
.panel .short-link{display: block; width: auto; padding: 0 30px; margin: 40px auto 10px auto}
.panel .submit img {
	margin: 8px 0 7px 0
}
.panel .submit:hover {
	background: #3252ce;
}
.panel .submit:active {
	color: rgba(255, 255, 255, 0.8)
}
.panel .submit:disabled{cursor:not-allowed; background: #3057ac}
.panel .submit:disabled:hover{background: #3057ac}

.panel-link a{ color: #2644ba}
.panel-link {margin: 0 0 15px 0}
.text-list {background: #eff6ff;  border: 1px solid #dbebff; padding: 15px; border-radius: 6px; font-size: 14px; font-weight: 500; height: 75px; margin: 0 0 40px}
.text-list .flex-direction-nav{display: none}
.text-list  .flex-viewport{border: 0px;  }
.text-list .title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: left}
.text-list .flex-control-nav{ margin: 28px 0 0 0;}
.slogan{float:left; width: 120px; font-size: 16px; margin: 19px 0 0 -25px; color: #333; border-left: 1px #eee solid; padding: 0 0 0 15px}

.reg-agree {
	height: 35px;
	font-size: 14px;
}
.verification-code {
	position: absolute;
	right: 8px;
	top: 6px;
}
.verification-code img {
	height: 30px;
}
.company-title{padding: 15px 0 8px 45px; margin: 0}
.company-address{padding: 5px 0 20px 45px; font-weight: 300; color: #999}
.company-info{padding: 5px 0 20px 45px; line-height: 28px; color: #666}
.company-link{padding: 15px 0 25px 45px; }
.company-link li{display: inline-block; margin: 0 50px 0 0 }
.company-link .icon img{width: 24px; margin: 0 5px 0 0 }
.project-wrap .left{float: left; width: 72%}
.project-wrap .right{float: right; width: 23%; min-height: 270px; margin: 15px 0 0 5%; border-left: 1px solid #f2f3f4}
.co-title{font-size: 26px; padding: 0  0 18px 0; margin: 0 0 20px 0; border-bottom: 1px solid #f2f3f4}
.product-list li{float: left; width: 20%; text-align: center; padding: 0 0 10px 0;  }
.product-list li a{display: block; margin: 10px; font-size: 15px; color: #333}
.product-list li .img{height: 190px; display: flex; align-items: center;  justify-content: center;}
.product-list li .name{height: 40px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.product-list li a:hover{color: #2644ba; text-decoration: none}
.product-list li img{max-width: 80%; max-height: 170px; margin: 0 0 10px; -moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;}
.co-sn{position: absolute; right: 40px; top:28px}
.co-sn li{display: inline-block; }
.co-sn li a{display: flex; width: 28px; height: 28px; font-size: 15px; color: #2644ba; background: #e9eef4; border-radius: 20px; margin: 0 0 0 12px; justify-content: center; align-items: center;}
.co-sn li a.current{color: #fff; background: #2644ba; cursor: default}
.co-sn li a:hover{text-decoration: none; color: #fff; background: #2644ba;}

.shangshi-list li{float: left; width: 16.6%; text-align: center; padding: 0 0 5px 0; border-bottom: 1px solid #f5f5f5;}
.shangshi-list li a{display: block; margin: 15px 15px; font-size: 15px; color: #333}
.shangshi-list li .img{height: 100px; display: flex; align-items: center;  justify-content: center;}
.shangshi-list li a .name{height: 20px; color: #8d8d8d}
.shangshi-list li a:hover .name{color: #2644ba}
.shangshi-list li .code{font-size: 13px; font-weight: 200;  color: #c6c6c6}
.shangshi-list li a:hover{color: #2644ba; text-decoration: none}
.shangshi-list li .img img{max-width: 90%; max-height: 100px; margin: 0 0 10px;}

.shangshi-list-2 li{ width: 33.3%; }
.shangshi-list-2 li a{ margin: 15px 10px;}

.talents-list li{padding: 20px 0 25px 0; }
.talents-list li a .name{font-size: 18px; margin: 8px 0; color: #333}
.talents-list li a .title{font-size: 14px; color: #777}
.talents-list li .avatar{width: 140px; height: 140px; margin: 0 auto 20px; border-radius: 50%; overflow: hidden;   }
.talents-list li .avatar img{width: 100%; max-height: inherit; max-width: inherit}

.shangshi-main .widget-wrap{margin: 0 0 30px; padding: 18px 0 1px;}
.shangshi-main .co-title{ font-size: 22px; color:#2644ba; padding: 0 0 18px 30px; margin: 0 0 0 0;}

.platform-list{margin: 0 0 0 0}
.platform-list li a{display: block; padding: 10px; text-align: center;margin: 0 0 18px; border-radius: 6px; background: #fff;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    border-radius: 8px;}
.platform-list li a:hover{ box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 0.10);}
.platform-list .img{height: 80px; display: flex; align-items: center;  justify-content: center;}
.platform-list li img{max-width: 85%; max-height: 60px; }

.report-list{margin: 20px 0 0 0; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    background: rgb(255, 255, 255);
    margin: 0px 0px 40px;
    border-radius: 10px; padding: 20px}
.report-list li{position: relative; padding: 8px 0 4px 16px; background-image: url("../images/dot.png");  background-size: 6px; background-repeat: no-repeat; background-position: center left;     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.report-list .source{position: absolute; right: 0; top: 10px; font-size: 14px; color: #999}

.general-widget{margin: 0 0 50px}
.general-widget .product-list{ float: left; margin: 0 0 40px 0}
.general-widget .product-list li{width: 25%; padding: 0 10px 20px; box-sizing: border-box;}
.general-widget .product-list{width: 100%; }
.general-widget .product-list ul{margin: 0 -10px}
.general-widget .product-list li .img{max-width: 70%; margin: 0 auto; max-height: 155px; }
.general-widget .product-list li a{padding: 20px 20px 15px;  background: #fff;  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); border-radius: 8px}
.general-widget .product-list li a:hover{box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 0.10); }
.general-widget .title{position: relative; }
.general-widget h3{font-size: 22px; color: #2644ba; padding: 0 0 0 12px; border-left: 4px solid #2644ba;}
.general-widget .more{ position: absolute; right: 0; top:-3px; font-size: 15px}
.general-widget .more a{display: inline-block;  padding: 5px 18px 5px 5px; color: #666; background-image: url("../images/icon-more-1.svg");  background-size: 16px; background-repeat: no-repeat; background-position: center right;}
.general-widget .more a:hover{text-decoration: none; color: #2644ba; background-image: url("../images/icon-more-2.svg"); }
.home-products-nav{position: absolute; left: 120px; top: -10px; border: solid 1px #eee;   background: #fff; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); border-radius: 25px; padding: 9px 4px}
.home-products-nav li {display:inline-block; margin: 0 5px 0 0; font-size: 15px; font-weight: 500 }
.home-products-nav li a{ color: #666666; padding: 8px 15px}
.home-products-nav li.current a{ color: #fff; background: #2644ba; border-radius: 20px; padding: 8px 15px}

.company-list{width: 100%; float: left; background: #fff; margin: 0 0 40px 0;  border: 1px solid #fff; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);  border-radius: 10px; overflow: hidden; box-sizing: border-box;}
.company-list li{float: left; width: 20%; text-align: center; padding: 14px 10px; border-bottom: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; box-sizing: border-box;}
.company-list li .img{height: 115px; display: flex; align-items: center;  justify-content: center; max-width: 70%; margin: 0 auto;  }
.company-list img{max-height: 65px;}
.company-list li a:hover{display: block;  box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 0.10);}

.home-side-AD{margin: 58px 0 0 0}
.home-side-AD li{margin: 0 0 22px 0}
.home-side-AD-2{margin: 42px 0 30px}
.home-side-AD-2 li{margin: 0 0 22px 0}
.home-side-AD li img{ border-radius: 8px}
.home-side-AD-2 li img{ border-radius: 8px}

.cover-item .cover .img{}

.panel .form-link {
	display: block;
	color: #2573de;
	font-size: 16px;
	width: 100%;
	height: 46px;
	padding: 0;
	line-height: 42px;
	background: #fff;
	border: 1px solid #2573de;
	outline: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	text-align: center;
	margin: 10px 0 0 0
}
.panel .form-link:hover {
	text-decoration: none;
	background: #e1ecfb
}
.panel .form-bottom {
	text-align: center;
	margin: 20px 0 -10px 0
}
.panel .cancel {
	font-size: 16px;
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	background: #ccc;
	outline: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: right;
	margin: 0 0 0 15px;
	cursor: pointer;
	color: #666;
	border: solid 1px #e5e5e5;
	background-color: #f4f4f4;
}
.panel .cancel:hover {
	background: #efefef;
}
.panel .left {
	float: left;
	line-height: 45px
} 
.bottom-btn .btn{margin: 10px 5px 0;}
.login_links {
	margin: 10px 0 0 0;
}
.iconfont-x {
	background: url(../images/btn-close-3.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: auto;
	right: 20px;
	top: 20px;
	bottom: auto;
	width: 18px;
	height: 18px;
	cursor: pointer
}
.iconfont-x:hover {
	background: url(../images/btn-close-2.png) no-repeat center;
	background-size: cover;
}
.login-link, .register-link {
	color: #e52323;
}
.form-wrong {
	position: relative;
	color: #e52323;
	letter-spacing: 0;
	background: #fff7f7;
	margin: 0 0 15px 0;
	padding: 14px 10px 14px 40px;
	border-radius: 4px;
	line-height: 22px;
}
.form-wrong img {
	position: absolute;
	height: 20px;
    top:15px;
	left: 12px;
}
.user-main .form-wrong {margin: 0 15px 20px}
.disabled {
	cursor:inherit!important;
	opacity: 0.8;
	filter: alpha(opacity=8);
}
.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%;
}
.event-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%;
}
 .panel-share {
    position: fixed;
 	width: 500px;
	padding: 50px 40px;
	box-shadow: 10px 10px 60px rgba(0,0,0,0.10);
 	border-radius: 8px;
	overflow: hidden;
	background-color: #FFF;
	z-index: 10002;
	transition: 0.2s;
  	margin: auto;
    top:0;
    bottom: 0px;
    left: 0px;
    right: 0px;
	transition: all 0.12s ease-out;
	-moz-transition: all 0.12s ease-out;
}
.panel-share{height: 200px}
.panel-share .share-header{text-align: center; font-size: 16px; margin: 8px 0 25px}
.panel-share #st-1 .st-btn{border-radius: 30px; margin: 0 8px}

 

.uc-body {
	padding: 25px 20px 30px 20px
}
.uc-body h4 {
	margin: 0 0 3px 0
}
.uc-body a {
	color: #e53030
}
.uc-body a:hover {
	text-decoration: underline
}
.user-line {
	min-height: 34px;
	margin: 0 0 15px 0;
	line-height: 30px;
	font-size: 15px
}
.user-line .user-name {
	display: inline-block;
	width: 19%;
	text-align: left;
	margin: 2px 1% 0 0;
	vertical-align: top
}
.user-line .user-input {
	display: inline-block;
	width: 77%;
}
.user-line-2 {
	min-height: 34px;
	margin: 15px 0 15px 0;
	line-height: 30px;
	font-size: 15px
}
.user-line-2 .user-name {
	display: inline-block;
	width: 100%;
	text-align: leftr;
	margin: 2px 0 0 0;
	font-size: 14px
}
.user-line-2 .user-input {
	display: inline-block;
	width: 100%;
}
.iframe-pdf {
	height: 85vh
}
.alert {
	position: relative;
	line-height: 25px;
	border-width: 0;
	padding: 20px 16px;
 	border: 1px solid transparent;
	font-family: 'ubuntubold';
	border-radius: 0
}
.alert-fixed {
	position: fixed;
	width: 100%;
	z-index: 110;
	top: 0
}
.alert-success {
	background-color: #34a853;
	border-color: #34a853;
	color: #ffffff;
}
.alert-warning {
  background-color: #fbbc05;
  border-color: #fbbc05;
  color: #ffffff;
}
.alert-dismissable, .alert-dismissible {
	padding-right: 38px;
}
.alert .close {
	position: absolute;
	font-size: 20px;
	top: 22px;
	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: -2px 15px 0 10px;
	line-height: 22px;
}
.alert .mdi-check {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/icon-tick-3.svg) no-repeat center;
	background-size: cover;
}
.alert .mdi-check:before{content: ""}

.alert .mdi-share {
	display: inline-block;
	width:22px;
	height: 22px;
	background: url(../images/icon-share.svg) no-repeat center;
	background-size: cover;
}
.alert .mdi-share:before{content: ""}

.mdi-close{
    display: inline-block;
    width: 19px;
	height: 19px;
	background: url(../images/btn-close.png) no-repeat center;
	background-size: cover;}

.alert .close {
  position: absolute;
  font-size: 20px;
  top: 23px;
  right: 18px;
  opacity: 0.8
}

.alert .mdi-alert {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/icon-warning.svg) no-repeat center;
	background-size: cover;
}
.alert .mdi-alert:before{content: ""}

input[type='checkbox'] {
	position:relative;
	cursor: pointer;
	opacity: 0.0;
	filter: alpha(opacity=0);
}
.fliter-label input[type='checkbox'] {position:absolute;}
input[type='checkbox']:focus + label:before {
 }
input[type='checkbox'] + label {
	cursor: pointer;
	position: relative;
	line-height: 24px;
	padding-left: 25px;
	/* margin-left: -19px; */
	}
input[type='checkbox'] + label:before, input[type='checkbox'] + label:after {
	content: '';
 	width: 16px;
	height: 16px;
	left: 1px;
	top: 2px;
	text-align: center;
	position: absolute;
 	border: 1px solid #ced0d6;
	border-radius: 3px;
}
input[type='checkbox'] + label:before {

	background-color: #fff;
	border-radius: 16%;
}
input[type='checkbox']:checked + label:after { 
	background: url(../images/icon-tick-3.svg) no-repeat center;
	background-size: 13px;
	border: 1px solid #2644ba;
	background-color: #2644ba
}
.panel input[type='checkbox'] + label:after{border: 2px solid #babcc3; border-radius: 4px;}
.panel input[type='checkbox']:checked + label:after{border: 2px solid #2644ba;}
.sub-main .image-meta {
	font-size: 15px !important;
	line-height: 22px !important;
	color: #666 !important;
	margin: -15px 0 0 0;
	padding: 0 0 0 15px;
	border-left: 2px solid #dedede
}
.view-brief img {
	width: 18px;
	margin: 5px 0 6px 6px
}
.project-block-header {
	margin: 30px auto;
	max-width: 980px;
	padding: 0 30px;
	font-size: 18px;
	font-weight: bold
}
.comment-post-container {
	margin: 0 auto;
	max-width: 980px;
	padding: 0 30px;
	font-size: 16px;
}
.comments-list {
	border-top: 1px solid #dedede;
	margin: 30px 0 0;
	padding: 40px 0
}
.comments-list li {
	position: relative;
	margin: 0 auto 40px;
	max-width: 980px;
	padding: 0 30px;
	font-size: 16px;
}
.rf-avatar {
	display: inline-block;
	height: 50px;
	margin-right: 15px;
	min-height: 50px;
	min-width: 50px;
	width: 50px;
	vertical-align: top
}
.rf-avatar-image {
	border-radius: 50%;
	display: block;
	height: 100%;
	width: 100%;
}
.comment-post, .comment-text-container {
	display: inline-block;
	width: calc(100% - 75px);
}
.form-textarea {
	width: 100%;
	height: 120px
}
.form-item {
	text-align: right
}
.form-button {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	
	padding: 12px 25px 12px 25px;
	background-color: #1f97ec;
	border: none;
	outline: none;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	font-weight: 400;
	cursor: pointer
}
.form-button:hover {
	background-color: #337de3;
}
.form-title{margin: 0 0 15px 15px; font-weight: 600; font-size: 17px;  }
.form-chapter{margin: 0 0 20px 0}

.comment-container .Validform_checktip {
	float: left
}
.user-name {
	display: inline-block;
	font-weight: bold
}
.comment-date {
	display: inline-block;
	font-size: 13px;
	color: #999
}
.comments-list li .btn-delete {
	display: none;
	position: absolute;
	right: 20px;
	top: 5px;
	width: 20px;
	height: 20px;
	background: url(../images/btn-close-3.png);
	background-size: 15px;
	background-repeat: no-repeat;
	cursor: pointer
}
.comments-list li:hover .btn-delete {
	display: block
}
.comments-list li .btn-delete:hover {
	background: url(../images/btn-close-2.png);
	background-size: 15px;
	background-repeat: no-repeat;
}
.popup-title {
	font-weight: bold;
	font-size: 17px;
}
.popup-content {
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #dedede;
}
.panel .submit-btn {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	
	padding: 10px 22px;
	background-color: #1f97ec;
	border: none;
	outline: none;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	font-weight: 400;
	cursor: pointer
}
.panel .submit-btn:hover {
	background-color: #337de3;
}
.panel .cancel-btn {
	display: inline-block;
	color: #333;
	font-size: 15px;
	
	padding: 10px 22px;
	background-color: #fff;
	border: 1px solid #ccc;
	outline: none;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	font-weight: 400;
	cursor: pointer
}
.panel .cancel-btn:hover {
	color: #337de3;
	background-color: #f8f8f8;
}
.ad-popup {
	position: absolute;
	right: 0;
	top: 85px;
	z-index: 100
}


.signup-btn a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 8px 30px;
    background-color: #0c61d5;
    border-radius: 60px; 
	text-align: center;
	text-transform: uppercase;
	font-family: 'ubuntubold';
}
.signup-btn a:hover{background-color: #277aeb; text-decoration: none}


.launch-login img{ opacity: 0.5} 
.page>.panel h6{margin: -20px 0 20px; text-align: center; font-weight: 200; font-size: 16px}


.table-item.rank {
    width: 40px;
    text-align: right;
    font-weight: 100;
}	
.table-item {
    color: #232039;
    width: 100%;
    margin-right: 10px;
    line-height: 1.2;
    padding: 10px 0;
	font-size: 14px;
}	
	.table-item.rank {
    width: 70px;
    text-align: right; 
}
	.table-item.name {
    width: 600px;
}
	.table-item.gender {
    width: 50px;
 }
	.table-item.inst {
     
}
	.table-row {
    border-top: .5px solid #232039;
    cursor: pointer;
} 
	.d-flex {
    display: flex!important;
}
	.table-item.table-header {
    font-size: .8rem;
    text-transform: uppercase;
    font-family: 'ubuntubold';
}

.event-register{padding: 20px 40px 20px}
.event-register .introduction{margin: 0 0 30px 0}
.event-register h4{margin: 10px 0 40px; font-size: 20px}
.event-register .bottom-btn{margin: 40px 0 10px 0}
.sign_title{
	height: 35px;
	width: 655px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CECECE;
	line-height: 22px;
	font-size: 15px;
	color: #F60;
	margin: 0 0 15px 0;
	text-align:center;
}
.sign_link{
	height: 35px;
	width: 655px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	line-height: 22px;
	font-size: 13px;
	color: #355086;
	margin: 0 0 15px 0;
	font-weight: bold;
}
.sign_frame{  
 	border-radius: 5px;
    border: solid 1px #dfdfdf;
	overflow:hidden;
    margin: 0 0 20px 0 
}
.mid-content input[type=checkbox]{
    margin: 6px 4px 10px 0;
}
.mid-content input[type=radio] {
    margin: 6px 4px 10px 10px;
}
.sign_checkbox{  
	margin: 0 0 10px -3px;
	padding: 5px 0 5px 0;
	color: #F60;
	font-weight: bold;
	font-size: 14px;
}
.sign_checkbox_2{ 
	margin: 0 0 25px 0;
	padding: 5px 0 5px 0; 
}
.sign_checkbox_2 input[type='checkbox'] + label:before, .sign_checkbox_2 input[type='checkbox'] + label:after{top: 4px;}
.sign_frame_title{  
	padding: 14px 10px 14px 18px;
	background-color: #f5f5f5;
    border-bottom: solid 1px #dfdfdf;
	}
.sign_checkbox_2 .Validform_wrong{margin: 0 0 0 5px;}
.sign_checkbox_2 input[type='checkbox'] + label{margin-left: -19px;}
.sign_frame_content{ 
	padding: 30px 20px 10px 20px;
	} 
.sfc_name_1{
	vertical-align:top;
    display:inline-block;
 	width: 12%;
	line-height: 36px;
 }
.sfc_name_1 label{margin: -2px 20px 0 5px; vertical-align: top}
.sfc_name_4{ 
    vertical-align:top;
    display:inline-block; 
	line-height: 24px;
	margin: 0 0 8px 0;
	padding: 0 10px 0 0;
}
.sfc_name_2{ display:inline-block; vertical-align:top; width: 85%; }
.sfc_name_3{ display:inline-block; vertical-align:top; width: 25%; margin: 0 3% 0 0  }
.sfc_input_1{
	width: 100%;
	font-size: 15px;
	height: 36px;
	line-height: 36px; 
	padding: 0 0 0 3px; 
}
.sfc_input_2{
	width: 80%;
	font-size: 12px;
	height: 20px;
	line-height: 22px;
	border: 1px solid #c4c4c4;
	padding: 0 0 0 3px;
	font-family: Tahoma, Geneva, sans-serif;
}
.sfc_line{  margin: 0 0 5px 0;}

.sign_frame_add{ margin: 25px 0 30px 0  }

.sign_frame_add a{
    border-radius: 4px; 
	padding: 10px 12px 10px 30px;
	background-image: url(../images/icon-plus-2.svg);
	background-position: 8px center;
	background-size: 18px;
	background-repeat: no-repeat;
	background-color: #1ab909; 
	margin: 0 0 10px 0;
	font-size:15px;
	color:#fff
}
.sign_frame_add a:hover{ background-color: #139c05;  text-decoration:none}
.sign_frame_title_name{
	display:inline-block; 
 	font-size: 16px;
	color: #1f3c76;
	width: 70%;
}
.sign_frame_delete { float:right;}
.sign_frame_delete a{ font-size:26px; color: #999}
.sign_frame_delete a:hover{ color:#000; text-decoration:none} 
.sign_frame td, .sign_frame th { padding:10px}
.sign_frame td{ border-bottom: solid 1px #e9e9e9;}
.sign_frame td{ border-bottom: solid 1px #e9e9e9;}
.sign_frame table{margin: -10px 0 16px 0}
.img-success{ width: 60px; margin: 0 15px 10px 0;}
.sign_frame_content thead{}
.event-register .fee{margin: 0 0 15px 15px}

.signup-page{background: #fff}
.signup-page .introduction{margin: 60px auto 50px; max-width: 1100px; padding: 0 20px 180px; }
.signup-page .introduction .title{font-size: 25px;  color: #2644ba; margin: 0 0 30px 0 }
.signup-page .introduction .content{ margin: 0 0 25px; font-size: 17px; line-height: 24px;     }
.signup-page .tick-line, .landing-page .tick-line{margin: 20px 0 20px 0; line-height: 25px;}
.signup-page .tick-line li, .landing-page .tick-line li{background-image: url(../images/icon-tick-5.svg); background-repeat: no-repeat; background-position: left 0px ; background-size: 22px; padding: 0 0 15px 35px}
.signup-page .feature, .landing-page .feature{position: relative; background: #2644ba; padding: 20px 0 25px 15px; border-radius: 5px; margin: 0 -30px 0 -30px; color: #fff}
.signup-page .feature .h3, .landing-page .feature .h3{display: none}
.signup-page .tick-line, .landing-page .tick-line{min-height: 280px}
.signup-page .price-intro, .landing-page .price-intro{height: 40px; font-style: italic}
.signup-page .btn-orange{position: absolute; bottom: -130px; left: 20% }
.landing-page .btn-orange{position: absolute; left: 20% }
.signup-page .type, .landing-page .type{padding: 0 0 40px}
.signup-page .type .h3, .landing-page .type .h3{color: #2644ba; line-height: 20px;  }
.signup-page .type .h4, .landing-page .type .h4{  margin: 0 0 20px;}

.signup-page .type p, .landing-page .type p{padding: 0 60px 0 0}

.signup-page .btn-orange, .landing-page .btn-orange{display:block; text-align: center}
.signup-page .btn-orange a, .landing-page .btn-orange a{
	display: inline-block;
     color: #fff;
    font-size: 22px;
    height: 60px;
    padding: 0 100px;
    line-height: 60px;
    background: #ff8901;
    border-radius: 5px;
    cursor: pointer;
	margin: 20px 0 0;
    
} 
.signup-page .btn-orange a:hover, .landing-page .btn-orange a:hover{background: #ffa033}
.signup-page .price {text-align: center; margin: 0 0 40px 0; font-size: 22px}
.signup-page .price b{
	 
	font-size: 45px;
    font-weight: 700;
    color: #ff8901;
    line-height: 40px;}
.signup-page h2{margin: 50px 0 20px; font-size: 60px; color: #2644ba;}
.signup-page .tab .nav-tabs-2 li a{ font-size: 20px; width: 300px; height: 70px; margin: 0 6px; line-height: 30px; background: #fff}
.signup-page .tab .nav-tabs-2 li a:hover{border: 2px solid #b8b8b8;}
.signup-page .tab .nav-tabs-2 li.active a{border: 2px solid #ff8901; color: #ff8901}
.photo-upload{width: 90%; margin: 2px 0 20px 0}
.photo-upload-group{margin: 0 0 0 20px}
.panel .step{text-align: center; color: #888; margin: -15px 0 35px 0}
.signup-wrap{margin: 70px auto 30px auto!important;}
.signup-wrap-2{margin: 50px auto 30px auto!important; width: 900px!important; max-width: 90%}
.pp-register-wrap{margin: 60px auto 30px auto!important; width: 1200px!important; max-width: 90% }
.column-2{
	 column-count: 2;
	 -moz-column-count: 2;
	 -webkit-column-count: 2;
	 -ms-column-count: 2;
 	}
 .column-3{
	 column-count: 3;
	 -moz-column-count: 3;
	 -webkit-column-count: 3;
	 -ms-column-count: 3;
	 margin: 0 20px 30px 0;
	} 
.column-1{margin: 30px 20px 40px 0;}
.checkbox input[type='checkbox'] + label:before, .checkbox input[type='checkbox'] + label:after{top:3px; left: 0px}
.checkbox li{margin: 0 0 0 0;list-style:none;padding: 0 0 10px 0;-webkit-column-break-inside:avoid;}
.checkbox li label{font-size:15px;  text-transform:none; color: #333; font-family: ubunturegular}
.column-1 .Validform_wrong {margin: 0px 0 0 0;}
.checkbox input[type="text"]{padding: 8px 10px;}
.Category-input{width: 90%!important;}
.signup-info{margin: 40px 0 20px;border-bottom: solid 1px #eee;border-top: solid 1px #eee;padding: 20px 0;color: #666;}

.intro-text{ min-height: 50px; margin: 40px 0 0 0; }	
.intro-text .title{color:#2644ba;font-size:18px;  margin: 30px 0 10px 0}
.intro-text .content{margin: 0 0 25px 0}
.adverteren-image{margin: 15px 25px 0px 0;}
.adverteren-image img{ width: 100%}
.pp-agree-checkbox{margin-bottom: 60px}
.g-recaptcha{margin: 10px 0 0 0} 
.signup-wrap-2 .form-group{display: flex; margin: 0}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: 2px solid #B9BFCB;
  border-radius: 5px;
  background: #fafafb;
 }
.select2-container--default .select2-selection--single {
  height: 42px; outline: 0
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 50px 0 12px;
  height: 40px;
  min-width: 90px;
  line-height: 40px;
  font-size: 14px;
  color: #404040;
	font-weight: 400;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
  width: 24px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
  content: "\f2f9";
  font-family: 'Material Icons';
  font-size: 25px;
  font-weight: normal;
  line-height: 42px;
  color: #404040;
}
.select2-container--default .select2-selection--multiple {
  min-height: 40px; margin: 0 0 10px 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 2px 12px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 2px;
  background-color: #f2f2f2;
  color: #5a5a5a;
  border-width: 0;
  padding: 4px 6px;
  line-height: 18px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #666666;
  margin-right: 3px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #4d4d4d;
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  line-height: 26px;
}
.select2-container--default.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #d5d8de;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
  content: "\f2f9";
}
.select2-container--default .select2-results__group {
  font-size: 13px;
  color: #5a5a5a;
  background: #ebebeb
}
.select2-container--default .select2-results__option {
  padding: 10px 30px 10px 10px;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
	position: relative;
  background-color: #f9f9f9;
}
.select2-container--default .select2-results__option[aria-selected="true"]:after {
	position: absolute;
	top: 10px; 
	right: 10px;
    content: "\f26b";
    font-family: 'Material Icons';
    font-size: 20px;
    font-weight: normal;
     color: #404040;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #1f3d76;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:after {color: #fff;}
.select2-container--default .select2-dropdown {
  border-width: 1px;
  border-color: #d5d8de;
}
.select2-container--default .select2-dropdown--above {
  border-radius: 2px 2px 0 0;
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.12);
}
.select2-container--default .select2-dropdown--below {
  border-radius: 0 0 2px 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.select2-container--default .select2-search--dropdown {
  background-color: #f2f3f4;
  border-bottom: 1px solid #d5d8de;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: transparent;
  border-width: 0;
  outline: none;
}
.select2-container--default .select2-results>.select2-results__options{max-height: 260px;}
.field-description{font-size: 12px; color: #999; margin: -12px 0 12px}
.create-name .row{margin-right: -10px; margin-left: -10px;}
.create-name .col-sm-4{padding-right: 10px; padding-left: 10px;}

li.member-type{margin: -10px 0 10px}
li.member-type label{display: inline-block}
.radio-item{display: inline-block; margin: 0 20px 0 0}

 
.account-checkbox .checkbox-option{display: inline-block}
.checkbox-option .Validform_checktip{position: absolute; bottom: 0; left: 5px; margin: 0}
.checkbox-option{display: inline-block; margin: 0 20px 12px 0; vertical-align: top;}
.col1 .checkbox-option{display: block}
.library-type-select{padding: 5px 0 28px}
.library-type-select .checkbox-option{display:block; }
.checkbox-input {
  position: absolute;
  -webkit-appearance: none;
  width: 0;
  height: 0;
  visibility: hidden;
}
.radio-box {
  float: left;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
  border: 2px solid #c9cdd0;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.checkbox-input:checked + .checkbox-cell .radio-box {
  border: solid 5px #2644ba;
}
.checkbox-cell {
	font-size: 16px;
	line-height: 26px;
    -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: -14px;
  margin-left: -14px;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.checkbox-cell .cell-m {
  margin-left: 25px;
} 
.checkbox-input:checked + .checkbox-cell .check-box {
  border: 1px solid transparent;
  background: #2644ba;
}
.checkbox-input:checked + .checkbox-cell .checkbox-icon {
  stroke-dashoffset: 0;
}
.market-segment{margin: 0 0 20px}
.market-segment .checkbox-option{width: 49.5%; margin: 0 0 4px 0;}
.col4 .checkbox-option{width: 24.5%; margin: 0 0 4px 0;}
.market-title{margin: 5px 0 10px 0;  color: #333; font-weight: 500;}
.market-segment label{font-family: 'ubunturegular'!important}
.market-segment .checkbox-option input{padding: 5px 7px; font-size: 15px; margin: -3px 0 0 2px }
.member-name{margin: 0 -5% 0 0; }
.member-name .form-control{width: 30%; margin: 0 2% 0 0; display: inline-block}

.panel .filter{float: none; margin: 0 0 40px 0}
.panel .filter-item{width: 100%}
.panel .filter-item .filter-input{width: 100%}
.panel .filter-item .dropdown-box{width: 100%}
.panel .filter-item li label{color: #333; font-family:inherit}
.panel .filter-item li{margin: 0 0 3px 0;}
.panel .filter-item .dropdown-box .fliter-label{max-height: 300px;}
 
.widget-type {margin: 0 0 15px 0}
.widget-type li{display: inline-block; position: relative; font-size: 15px; text-align: center; min-width: 90px; padding: 10px 12px; margin: 0 8px 0 0; border: 1px solid #dee2e4; color: #2644ba;  border-radius: 6px; opacity: 0.5; cursor: pointer}
.widget-type li:last-child{margin:0}
.widget-type li.active{opacity: 1; border: 2px solid #2644ba;}
.widget-type li:hover{opacity: 0.7;}
.widget-type li.active:hover{opacity: 1;}
.widget-type li.active:after{
    width: 18px;
    height: 14px;
    position: absolute;
    top: 7px;
    right: 8px;
    left: inherit;
    background-image: url(../images/icon-tick.svg);
    background-repeat: no-repeat; 
    background-size: cover;
    z-index: 1
}
.widget-type li img{width: 30px; margin:0 0 5px 0 }
.widget-name input{width: 100%; padding: 0 12px; margin-bottom: 10px!important; background: #fff; border: 1px solid #dee2e4!important;}
.login-wrap{margin: 50px auto 20px auto!important}
.my-widget .news-item .cover{ /* height:115px; */ /* margin: 0 0 10px 0; */}
.my-widget .news-item .img{/* height: 185px; */}
.my-widget .news-item{ margin: 0 0 10px 0; }
.my-widget .news-item .title{ /* margin: 0 20px 4px 0; */ }
.my-widget .home-library .grid li{width: 25%;padding: 9px;}
.my-widget .home-library .content{ /* height: 400px; */ overflow: hidden} 


.mixed-widget .grid li{padding: 0 9px 20px; width: 33%}
.widget-mypnnl .grid li{padding: 0 9px 20px; width: 20%}
.mixed-widget .content{position: relative; height: 400px;  overflow: hidden}
.mixed-widget .content:after{content: ""; position: absolute; width: 100%; height: 40px; bottom: 0; left: 0; background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); }
.mixed-widget .library-list li a{box-shadow: 3px 3px 15px rgb(0 0 0 / 5%);}
.mixed-widget .library-list li a:hover{box-shadow: 3px 3px 30px rgb(0 0 0 / 10%);}

.mixed-widget .library-list .title{ margin: 10px 15px 12px 15px;}
.mixed-widget .library-list .summary{margin: -10px 15px 15px 15px;}
.mixed-widget .library-list .logo{ margin: 3px 0 10px 15px;}
.mixed-widget .library-list{ margin: 0 -10px;}
.mixed-widget .library-list a:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.10); text-decoration: none; margin: 0 0 0 0 }	
.mixed-widget .library-list .img{ transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}  
.mixed-widget .library-list a:hover .img{ -webkit-transform: scale(1.02); transform: scale(1.02);}

.my-widget .home-events .news-item{margin: 0 0 15px 0;}
.my-widget .home-events .news-item .cover{ /* height: 185px; */ /* margin: 0 0 10px 0; */}
.my-widget .home-events .news-item .img{/* height: 185px; */}
.my-widget .home-events .news-item .title{/* height: 18px; */ -webkit-line-clamp: 1;}
.my-widget .home-events .news-item .date{float: none; margin: 0;}

.signup-select {text-align: center; max-width: 1100px; margin: 0 auto 30px; padding: 55px 0 0 }
.signup-select h2{margin: 0 0 60px; font-size: 36px}
.signup-select h3{margin: 0 0 10px 0;}
.signup-select p{margin: 0 0 35px 0; font-size: 18px}
.signup-select .panel{width: 46%; margin: 0 1.5%; padding: 30px 40px; display: inline-block}
.signup-select .icon{background: #2744bb; width: 150px; height: 150px; border-radius: 50%; overflow: hidden; margin: 12px auto 30px}
.signup-select .enterprise .icon{background: #0fbac0;}
.signup-select .enterprise .submit{ background: #0fbac0;}
.signup-select .enterprise .submit:hover{ background: #1bc4ca; }
.signup-select a:hover{ text-decoration:none }

.note-editor{width: 100%!important; padding: 0}

#handle-1  li .check {
	position:absolute;
	right:88px;
	top:9px
}
.sortable-ghost{ opacity: 0.1; }
.manage-widgets .drag-handle{ 
	position:absolute;
	right:52px;
	top:16px;
    width: 22px;
    height: 22px;
    background-image: url(../images/top_nav_01.png); 
    background-repeat: no-repeat;
    background-size: 22px;
	cursor: -webkit-grabbing;
} 
.manage-widgets .delete{ 
	position:absolute;
	right:12px;
	top:14px;
    width: 24px;
    height: 24px;
    background-image: url("../images/icon-delete.svg"); 
    background-repeat: no-repeat;
    background-size: 22px;
	cursor: pointer;
}
.manage-widgets{padding: 0 20px}
.manage-widgets .delete:hover{background-image: url("../images/icon-delete-on.svg"); }
.manage-widgets li{text-align: left; position: relative; background: #FFF;  font-size: 17px; box-shadow: 2px 2px 5px rgba(0,0,0,0.03); border-radius: 4px; padding: 13px 12px; margin: 0 0 10px; border: 1px solid #e2e5ec}
.manage-widgets li .icon{display: inline-block; margin: -4px 5px 0 0; vertical-align: top; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.manage-widgets li .icon img{width: 25px}
.manage-widgets li .name{display: inline-block; vertical-align: top}
.manage-widgets ul{margin: 0 0 40px}
 
.weui-switch{
    -webkit-appearance: none;
	appearance: none;
    opacity: 1!important;
	position: relative;
	box-sizing: border-box;
	width: 46px;
	height: 26px; 
	outline:none; 
	border-radius: 16px;
	background-color: #dfdfdf; 
	-webkit-transition: background-color .1s,border .1s;
	transition: background-color .1s,border .1s;
}

.weui-switch:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 24px;
	border-radius: 15px;
	background-color: #fdfdfd;
	content: " ";
	-webkit-transition: -webkit-transform .35s cubic-bezier(.45,1,.4,1);
	transition: -webkit-transform .35s cubic-bezier(.45,1,.4,1);
	transition: transform .35s cubic-bezier(.45,1,.4,1);
	transition: transform .35s cubic-bezier(.45,1,.4,1),-webkit-transform .35s cubic-bezier(.45,1,.4,1);
}

.weui-switch:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	content: " ";
	-webkit-transition: -webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);
	transition: -webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);
	transition: transform .35s cubic-bezier(.4,.4,.25,1.35);
	transition: transform .35s cubic-bezier(.4,.4,.25,1.35),-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);
}

.weui-switch:checked {
	border-color: #2644ba;
	background-color: #2644ba;
}

.weui-switch:checked:before {
	-webkit-transform: scale(0);
	transform: scale(0);
}

.weui-switch:checked:after {
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}

.display-type{display: none; position: absolute; right: 0px; top: -42px;}
.display-type li{display: inline-block; margin: 0 3px; padding: 5px; cursor: pointer}
.display-type li.active{background: #e2e3e4; border-radius: 3px}
.display-type img{width: 18px; display: block;}

.type-list .col-md-3{width: 100%!important}
.type-list .cover-item .cover{width: 120px; height: 80px; margin: 10px 10px 5px; border-radius: 3px; display: inline-block}
.type-list .cover-item .cover .img{height: 80px; }
.type-list .cover-ad{display: none}
.type-list .cover-item .title{display: inline-block; vertical-align: top; margin: 40px 0 0 20px; width: calc(100% - 430px); }
.type-list .cover-item .logo{display: inline-block; vertical-align: top; margin: 38px 50px 0 0; text-align: center; width:100px;}
.type-list .cover-item .date{display: inline-block;vertical-align: top; margin: 40px 0 0;  width: 80px;  float: inherit; }
.type-list .cover-item a{margin: 0 0 10px}
.type-list .row{margin-bottom: 30px}
.type-list .cover-item a{ box-shadow: 5px 5px 30px rgb(0 0 0 / 1%);}
.type-list .cover-item a:hover{box-shadow: 7px 7px 40px rgba(0,0,0,0.05); z-index: 2 }	
.type-list .cover-item .logo img{max-width: 80px; max-height: 22px}

.type-list .cover-item .title-project{display: inline-block;  vertical-align: top;  margin: 40px 0 0 40px;  width: 44%;}
.type-list .cover-item .location{display: inline-block ;vertical-align: top; margin: 40px 0 0;  width: 20%;  float: inherit; }
.type-list .grid li{float: none!important; width: 100%; padding: 0 15px 10px}
.type-list .grid li .img{width: 100px; height: 80px; margin: 10px 10px 10px; display: flex; justify-content: center; align-items: center; float: left;}
.type-list .grid li .img img{width:auto; height: auto;  max-width: 90px;  max-height: 80px; border-radius: 3px; display: inline-block }
.type-list .library-list .title{display: inline-block;  vertical-align: top;  margin: 40px 0 0 40px;  width: 64%;}
.type-list .library-list .logo{display: inline-block; vertical-align: top; margin: 38px 0 0 0; text-align: center; width:8%;}
.type-list .library-list .type{display: inline-block; vertical-align: top; margin: 38px 0 0 0; text-align: center; width:10%;}
.type-list .library-list a:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.10); text-decoration: none; margin: 0 0 0 0 }	
.type-list .cover-item .cover-expert{display: none}
.type-list .col-md-4{width: 100%}
.type-list .cover-item .title-expert{font-size: 18px; margin: 28px 15px 6px 200px;}
.type-list .cover-item .pitch{margin: 0 15px 28px 200px;}
.type-list .cover-item .logo-expert img{max-width: 100px;  max-height: 60px;}

.pagination{margin: 10px 0}
.lunch-landing{position: absolute; width: 25px; height: 26px; background-image: url("../images/arrow-down-blue.svg"); background-size: 23px;  left: 50%; top: 8px; margin: 0 0 0 -13px; cursor: pointer;}
.lunch-landing img{width: 26px;}
.lunch-landing:hover{background-image: url("../images/arrow-down-orange.svg");}

.landing-page .banner{position: relative}
.landing-page .search{position: absolute; left: 50%; top: 16vw; margin: 0 0 0 -330px}
.landing-page .search input{
    width: 660px;
    padding: 0 85px 0 30px;
    line-height: 56px;
    font-size: 20px;
    border-radius: 50px;
    background: #fff;
    border: 0px hidden #cbcbcb ;
    }
.landing-page .search input:focus{border: 2px solid #ff8901; width: 666px; margin: -2px 0 0 -2px}
.landing-page .search .search-btn{position: absolute; left: calc(660px - 124px); top: 17px;}
.landing-page .search .search-btn a{padding: 14px 40px; font-size: 18px;  background: #ff8901; color: #fff; border-radius: 50px;}
.landing-page .search .search-btn a:hover{background: #ffa033}
.account-checkbox .checkbox-option{width: 49.5%; margin: 0 0 6px 0;}
.account-checkbox .checkbox-option input[type='checkbox'] + label{margin-left: -19px;}
.library-empty{float: left; width: 100%; margin: 40px 0}
.library-empty .note{margin: 0 0 40px; text-align: center; font-size: 18px}
.library-empty .cover-item .title-expert{ margin: 25px 15px 6px 180px;}
.library-empty .cover-item .logo-expert{ margin: 15px 0 0 20px;}
.library-empty .cover-item a{ background: none; box-shadow: none; margin: 0 0 10px 0;}
.library-empty .cover-item{ 
    background: #FFF;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.03);
    border-radius: 6px;
    margin: 0 0 30px 0;
    padding: 0 0 20px
}
.col-widget .empty-wrap{ text-align: center; color: #a9acb4;}
.col-widget .empty-wrap .icon{margin: 150px 0 20px 0; display: block}
.col-widget .empty-wrap .icon img{width: 100px; opacity: 0.6}
.col-widget .empty-wrap .text{display: block}
.col-widget .calendar-iframe {margin: -10px -10px 0;}
.col-widget .mbsc-mobiscroll .dw-cal-event-img{max-height: 160px;}
.col-widget .mbsc-mobiscroll .dw-cal-event-title{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.notifications .title{padding: 0 0 0 0; font-size: 18px;}
.notifications .radio-option{display: block; margin: 0 30px 5px 15px;}
.notifications .note{font-size: 16px; margin: 0 0 8px}
.notifications{margin-bottom: 35px!important;}

.mypnnl-landing-page{background-image: url(../images/Landing-Page-Mijn-PNNL-Image.jpg); background-position: center; background-size: cover; padding: 100px 0 180px}
.mypnnl-title{width: 620px;  padding: 50px 0 0; margin: 0 auto -30px; color: #12347c}
.mypnnl-title h2{font-size: 45px; padding: 0 0 20px}

.ns-title{ margin: 20px 0 0 0; position:relative }
.ns-wt{ margin: 40px 0 25px 0; font-size:14px; line-height: 22px; }
.ns-wt table{ font-size:14px}
.ns-name{ position:absolute; right:0; top:0; font-size:20px}
.ns-line{ margin: 15px 0 0 0; font-size:14px;}
.ns-line-name{ display: inline-block; vertical-align: top; width: 15%; line-height:42px;}
.ns-line-name img{ height: 20px; margin: 0 8px 8px 0}
.ns-line-checkbox{ display: inline-block; vertical-align: top; width: 32%;}
.ns-line-checkbox input[type='checkbox'] + label{margin-left: -19px;}
.ns-line-checkbox .signup-wrap-2label{margin-left: -19px;}
.ns-line-input{ display: inline-block; vertical-align: top; width: 82%}
.ns-line-input span{ display:block; margin: -10px 0 10px 0}
.ns-line-input input{ margin: 0 0 8px 0}
.ns-line-input img{ margin: 0 2px 5px 0}
.ns-line-input-2{ display: inline-block; width: 62%}
.ns-line-input-3{ display: inline-block; width: 20%}
.add-website { position:relative}
.add-website img{ position:absolute; right:-26px; top:12px}

.invoices-wrap{ padding: 5px 5px 5px}
.invoices-wrap .cover{margin: 0 0 10px 0}
.invoices-wrap .info{font-size: 14px; line-height: 18px}
.invoices-wrap li{margin: 0 0 3px 0}
.invoices-wrap a{display: block; }
.invoices-wrap a:hover{box-shadow: 0px 3px 10px rgba(0,0,0,0.1); text-decoration: none; }	
.invoices-wrap .col-md-2{margin-bottom: 20px}

.invoices-wrap .name{color: #c0c0c0; font-size: 12px; line-height: 18px}
.invoices-wrap .date{color: #666; font-size: 13px; margin: 0 0 5px 0}
.load-more-wrap{height:  200px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; border:1px solid #cecece;}
.load-more-btn{ color: #999;  font-size: 14px; margin: 0 auto 0px auto;}

.top-widget{ display: block;}
.top-widget-mobile{ display: none }

.alert-share{top:-100px}

.intro-video{width: 100%; height: fit-content;}
.ec-banner{margin: 0 0 40px 0}
.ec-banner .flexslider li img{max-height: inherit}
.ec-banner .flex-direction-nav .flex-next {background: url(../images/arrow-right-2.svg) no-repeat center center; background-size: 50px;  right: 20px; }
.ec-banner .flex-direction-nav .flex-prev {background: url(../images/arrow-left-2.svg) no-repeat center center; background-size: 50px; left: 20px; }
.ec-banner .flex-control-nav{margin: -30px 0 0 0;}
.ec-banner .flex-control-paging li a{background: rgba(255, 255, 255, 0.40);}
.ec-banner .flex-control-paging li a.flex-active{background: #ffffff;}
.ec-banner .flex-control-paging li a:hover { background: #ffffff; }

.case-news{margin: 0 0 30px; padding: 20px 0 20px }
.case-news .case-name{margin: 0 0 45px 0}
.case-news .case .cover-item .cover-expert{height: 200px;}
.case-news .case .cover-item .cover-expert .img{height: 200px;}

.declaration-btn{position: fixed; bottom: 30px; left: 50%; margin: 0 0 0 -280px}
.declaration-btn img{width: 560px; max-width: 97%; border-radius: 60px; box-shadow: 0 8px 32px 0 rgba(20, 20, 60, 0.15);}

.case-intro{  }
.featured-article-title{font-size: 30px; color: #2644ba; margin: 0 0 20px 0;}
.featured-article{box-shadow: rgba(31, 38, 135, 0.05) 0px 8px 32px 0px;   background: rgb(255, 255, 255); border-radius: 10px; overflow: hidden}
.featured-article-content{padding: 40px 40px 0 20px; line-height: 28px}
.banner-f-m{display: none} 
.panel-f{position: relative; margin: -35px auto 30px auto !important; z-index: 10!important;}

@media (max-width: 1600px){
    .header .nav>ul>li>a{ margin: 0 15px}
}

@media (max-width: 1520px){
     .platforms-list .img{height: 18vw;}
    .header .nav>ul>li>a{ margin: 0 12px}
    .header .top-item{margin: 28px 0px 0 15px;}
    .header .nav>ul>li>a{font-size: 16px;}
    .header .logo img{height: 60px;}
    .slogan{    font-size: 15px;}
    .header{ height: 80px}
    .home-page{margin: 80px 0 -60px 0;}
      .header .nav>ul>li>a{line-height: 80px;  height: 80px;}
    .products-page{margin: 80px 0 -60px 0;}
    .case .cover-item .cover-expert{ height: 17vw;}
    .case .cover-item .cover-expert .img{ height: 17vw;}
  }
@media (max-width: 1440px){
 .top-banner  .flexslider li img{ max-width: 120%; max-height: inherit; margin: 0 0 0 -10% }
}


@media (max-width: 1380px){
.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.35s ease-out; -moz-transition: all 0.35s ease-out;  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1) }
.open{right: 0}
.nav li { float:none!important }
.header .nav>ul>li>a{line-height: 60px; height: 55px;}
.rd-mobilepanel_toggle{display: block}
.nav{ position: fixed; width:100%; height: 100vh;  margin:0; top:0; padding:20px 0 30px 0; background-color:#FFF; text-align:center; z-index:10; transition:all 0.35s ease-out; -moz-transition: all 0.35s ease-out;  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1) }
 .top-tools{ position: absolute;  right: 60px}
 .hot-news .col-md-4:first-child .cover{height: 380px;}   
    .hot-news .cover{height: 178px}
 
}

 

@media (max-width: 1024px){ 
    .weixiu-type li{width: 33%}
    .weixiu-type li .num{left: 140px;} 
     .shangshi-list li{width: 25%}
}

@media (max-width: 992px){ 
     .featured-article-content{padding: 40px 40px 20px 40px;}
    }
 
@media (max-width: 768px){ 
     .banner-f{display:none}
    .banner-f-m{display: block}
     .top-tools{ position: absolute;  right: 50px}
    .signup-select .panel{width: 90%; margin: 0 auto 20px }
    .signup-select h2{margin: 0 0 40px;font-size: 34px;}
    .signup-select{padding: 40px 0 0; }
    .slogan{font-size: 13px;  margin: 10px 0 0 10px; padding: 0 0 0 10px}
    .nav-2  {margin: 0 0 0 -10px;}
    .nav-2 > li > a{padding: 10px 20px;}
    .platforms-list .img{height: 45vw;}
	.mixed-widget .grid li{padding: 0 9px 20px; width: 50%}
	#firstDiv .col-md-6{ padding: 0;}
	.sub-main>.container{padding: 0 10px; width: 100%;}
	.sub-main>.container>.row{margin: 0}
    .display-type{display: none}
    .landing-page .search{width: 95%; margin: -20px 0 0 -47%;}
    .landing-page .search input{width: 99%; line-height: 50px; font-size: 16px; padding: 0 60px 0 20px}
    .landing-page .search input:focus{width: calc(99% + 6px); margin: -2px 0 0 -2px} 
    .landing-page .search .search-btn{left: calc(99% - 74px);top: 14px;}
    .landing-page .search .search-btn a{padding: 12px 18px; font-size: 15px;}
	.header .logo{ margin: -5px 0 0 -6px; }
	.header .logo img{height: 48px; max-width:inherit}
	.header{height: 60px; }
    .rd-mobilepanel_toggle{top: 6px;}
    .open {  right: 0;}
	.header-hide{ margin-top: 0;}
	.page{padding: 60px 0 0 0;} 
    .home-page{margin: 0 0 0 0;} 
    .news-item{ margin: 0 0 30px 0}
    .news-item-3 .cover{height:80px; width: 120px;}
    .news-item-3 .img{height:80px; width: 120px;}
    .news-list .news-item-3 .title{margin: 0 0 0 140px;  font-size: 15px; line-height: 22px; font-weight: 500; border-top: 0px; padding: 5px 0 0 0; }
    .news-list .news-item-3 .logo{display: none}
    .home-products-nav li{ margin: 0 15px 0 0;  font-size: 18px;}
     .news-item-3 .title{margin: 0 0 0 140px; font-size: 16px; line-height: 22px; font-weight: 400; border-top: 0px; padding: 2px 0 0 0}
     .summary{display: none}
     .news-item-3 .date{display: none}
    .news-item-3{height: 85px}
    .hot-news{margin: 0 0 5px;}
    .home-news {margin: 0 0 0;}
    .blue-widget{margin: 24px 0 40px; }
    
    .top-widget{ display: none}
    .top-widget-mobile{ display: block;  margin: 35px 0 30px}
    .maintenance{margin: 0 0 40px}
    .general-widget .product-list li{width: 50%}
    .product-list li .img{ height: 100px;}
    .home-side-AD{margin: 0 0 30px} 
    .home-side-AD-2{display: none} 
    .scroll-top-link .gotop{display: none!important} 
    .filter-experts{display: none}
    .sub-top .name{margin: 0 0 0; font-size: 28px; font-weight: 500}
    .products-page{margin: 0}
    .products-nav{ padding: 0; margin: 0 10px;}
    .products-nav ul{padding: 8px 5px 0;}
    .products-nav li{ padding: 0 4px;}
     .product-list li{width: 50%}
    .product-list li img{  max-height: 100px;}
    .products-nav li a{padding: 5px 10px;}
    .products-nav .more{ top: -52px; right: 0px;}
    .products-nav .more a{color: #333; background-image: url(../images/icon-more-1.svg);}
    .company-menu{display: none}
    .cover-item .cover{margin: 0 0 5px 0;}
    .cover-item .cover-expert{height: 160px}
    .cover-item .cover-expert .img{height: 160px}
    .cover-item .title-expert{margin: 5px 0 20px 0;}
    .project-wrap .right{float: none; width: auto; min-height:inherit; border-left: 0 solid #f2f3f4;}
    .project-wrap .left{float: none; width: auto}
    .wx-qr{display: none}
    .company-title{ padding: 15px 15px 18px 20px; font-size: 23px;}
    .company-address{display: none; padding: 0 20px 20px 20px; font-size: 15px; font-weight: 400}
    .company-info{padding: 0 20px 40px 20px;}
    .company-link{padding: 0 20px 20px 20px;}
    .company-link li{ margin: 0 50px 10px 0;} 
    .panel-feature{width: 100%; height: 100%} 

    .event-title{font-size: 24px;}
    .event-intro img{width: 100%!important}
    .side-wrap .event-bi{padding: 20px 20px 5px 5px;}
    .events-main .cover-item .cover .img{height: 175px;}
    .events-main .cover-item .cover{height: 175px;}
    .events-main .event-title{padding: 10px 15px 12px 20px; -webkit-line-clamp: 2; font-size: 17px; height: 60px; -webkit-line-clamp: 2;}
    .events-main .event-bi{padding: 5px 15px 0 0;}
    .jobs-list .co-info{position: inherit; width: inherit; border-left: 0 solid #eee; height: inherit}
    .jobs-list .jobs-item .detail{margin: 0 0 0 0;}
    .jobs-list .jobs-item a{padding: 24px 28px 15px; margin: 0 0 15px; }
    .jobs-list .jobs-item a:hover{margin: 0 0 15px;}
    .jobs-list .co-info .logo{display: none}
    .jobs-list .co-info .name{padding: 10px 0; font-weight: 400; text-align: left}
     
    .company-list li{width: 50%}
    .company-list li:last-child{display: none}
    .home-main .col-md-3{margin: 0 15px}
    .general-widget{ margin: 0 0 30px;}
    .report-list .source{display: none}
    .section-side{margin: 20px 0 0 0}
    .products-title{font-size: 28px; margin: 0 0 20px 15px}
     
	.header .nav>ul>li>a{margin: 0 0 0 18px; font-size: 18px}
	.header .nav>ul{margin: 20px 0 0 0px;}
 	.header .top-item{margin: 17px 5px 0 18px;}
	.top-menu .menu-item{display:inline-block; width: 50%}
	.top-menu .menu-item a{padding: 12px 12px;} 
    .top-menu .dropdown-box{position: fixed; top: 60px; right: 0px; width: 100vw;}
    .top-menu .dropdown-box:after{right: 115px;}
	.home-main{padding: 0 0 0 0; }
	.widget-wrap{border-radius:0; margin: 0 0 15px; padding: 18px 20px 10px;}
	.home-main > .container > .row{margin: 0 -15px;} 
    .home-main > .container > .row > .col-md-6 {padding:  0; }
    .home-main > .container > .row > .col-md-3 {padding:  0; }
	.home-main .col-widget .content{height: inherit}
	.landing-page .services .item{min-height: inherit}
	.home-main .widget-especial{padding: 20px; background: #fff; margin: 0 0 15px; height: inherit} 
	.home-main .widget-especial .img{border-radius: 5px;}
	.creat-widget-wrap{height: 200px}
	.footer{margin: 0px 0 0 0; padding: 10px 0 0 5px;}
	.footer-logo{width: 100%; margin: 0 0 20px; display: none}
	.footer-nav{width: 100%; margin: 20px 0 20px}
	.footer-newsletter{width: 100%; margin: 0 0 30px}
	.social-link{width: 100%}
	.footer .copyright{text-align: center; margin: 30px 0 0 0; padding: 15px 15px 25px; height: inherit }
	.header{background-size: 1640px 65px }
	.home-main .col-widget:nth-of-type(3) .content{height: inherit}
	.widget-more{right: 20px;}
	.landing-page .introduction{ margin: 60px auto 50px; max-width: 1100px; padding: 0 20px 180px;}
	.landing-page .services{padding: 45px 0;}
	.landing-page .btn-orange{ display: block; margin: 50px auto;}
	.filter-search{width: 100%;}
	.filter-search input{width: 100%; margin: 0 0 8px 0}
	.filter-item{width: 100%; margin: 0 0 -7px 0}
	.filter-item .filter-input{width: 100%}
	.filter-item .dropdown-box{width: 100%}
	.sub-top .filter-item:last-child .dropdown-box:after{left: 12px;}
    .filter{position: relative; right: inherit; top: 5px;}
	.sub-top{ margin: 20px 0 20px 0; padding: 0 15px}
	.top-ad{ margin: 0px 0 20px 0; padding: 0 15px}
 	.widget-wrap >.title{font-size: 20px;}
	.sub-top .icon img{height: 30px;}
 	.sub-main{padding: 0px 0 10px 0;}
	.cover-item a{margin: 0 0 25px 0;}
	.pagination{margin: 0px 0 20px 0}
	.breadcrumbs{display: none}
	.sub-main .section-content{float: none; width:inherit; margin: 0; padding: 0; }
	.section-side{float: none; width:inherit; padding:0 0; }
 	.content-wrap{border-radius:0; padding: 20px 20px; margin: 0 -10px;}
	.project-wrap{border-radius: 0;}
	.news-gallery{margin: 0 0 20px 0;}
	.expert-banner{margin: 0} 
	.content-txt{margin: 0 0 30px 0;}
    .content-txt .img100{ width: 100%!important}
	.other-news{padding: 20px 0 10px 0;}
	.previous-news{float: none; margin: 0 0 10px 0}
	.next-news{float: none;}
	.other-news a{width: 100%}
	.other-news .title{width: calc(100% - 120px); }
	.more-news .news .title{width: calc(100% - 120px); }
	.user-actions{margin: 30px 0 20px 0;}
	.user-actions li{margin: 0 6px 16px;  }
	.user-actions li:after{left: 10px;}
	.library-menu{padding: 0 10px 0 15px; margin: 0 20px 20px; overflow: auto}
	.library-menu li{flex: none; margin: 0 15px 0 0 ;}
	.library-list{padding: 0 10px; margin: 0}
	.grid li{padding: 0 10px 20px}
	.load-more-btn{margin: 25px auto 40px auto;}
	.load-more-loading{margin: 25px auto 40px auto;}
	.footer-newsletter{display: none}
	.project-gallery .caption{position: relative; width: 100%; height: inherit; bottom: 0; padding: 20px 20px 10px 20px;}
	.project-gallery .caption .subscribtion{ height: inherit; overflow: visible; white-space:inherit;}
	.project-gallery .source{position: relative; width: 100%; text-align: left; padding: 10px 20px 10px 20px;}
	.project-gallery .flex-viewport{ margin: 0 0 10px 0!important;}
	.flex-viewport{border: 0!important}
	.slides-gallery{height: inherit!important}
	.project-information{padding: 25px 20px 0;}
	.project-information li{margin: 0 0 15px 0;}
	.project-wrap{margin: 0 -10px 15px; padding: 15px 0;} 
    .sub-main .widget-wrap{margin: 0 -10px 10px;}
	.project-title{padding: 10px 20px 20px}
    
    .expert-banner{height: 60vw}
	.expert-information{ padding: 0 20px 0;}
	.panel-share{width: 92%; padding: 10px 15px;}
	.panel-share{height: 155px}
	.library-btn li{width: 100%}
	.library-btn li a{text-align: left;}
	.library-btn{margin: 20px 0 20px;}
	.expert-information li{ margin: 0 0 10px 0;}
	.experts-widget .row{height: inherit}
	.experts-widget{height: inherit}
	.experts-widget .col-md-6{width: 50%;float: left;}
	.experts-widget .col-md-4{width: 50%;float: left;}
	.widget-wrap .box-item .cover{height: 110px}
	.widget-wrap .box-item .img{height: 110px}
	.home-main .widget-wrap .box-item .cover{height: 150px}
	.home-main .widget-wrap .box-item .img{height: 150px}
	.experts-widget .library-item{margin: 0 0 20px 0}
 	.panel{border-radius: 0; border: 0}
	.panel-share{border-radius: 5px;} 
	.side-wrap{margin: 0 0 20px 0;}
	.widget-row > .col-md-6{margin: 0 0 20px 0; padding: 0}
	.events-list{padding: 10px 20px 0}
	.events-list li{height:inherit; margin: 0 0 20px 0;}
	.events-list .event-image{float: none; width: 100%; height: 180px}
	.events-list .event-image .img{height: 180px}
	.events-list .event-info{float: none; width: 100%;}
	.organizer .logo{display:block}
	.organizer{position: relative; bottom: inherit; left: inherit; margin: 0 0 0 20px}
	.event-info .summary{margin: 10px 30px 20px 20px;}
	.event-info .date{ margin: 25px 30px 5px 20px;}
	.event-info .title{ margin: 0 20px 0 20px;}
	.side-nav{margin: 0px 0 15px 0;}
	.event-title{ padding: 0 20px 15px 20px; }
	.event-bi{margin: 0 20px 15px 20px;}	
	.event-top .event-signup-btn{ position: relative; top: inherit; right: inherit; margin: 0 0 30px 20px}
	.event-intro{padding: 0 20px 20px 20px;}
	.event-photos{ margin: 0 20px 40px 20px;}
	.event-photos li{width: 45%}
	.event-photos li .cover{width: 100%}
	.event-sign-list{ margin: 0 20px 40px 20px;}
	.event-sign-list li{width: 28%}
	.event-sign-list .logo{width: 100%}
	.expert-information .name, .project-information .name{width: 40%; display: inline-block; vertical-align: top}
	.expert-information .data, .project-information .data{width: 55%; display: inline-block; vertical-align: top}
	.vacancies-list li{position: relative}
	.vacancies-list .thead{display: none; position: relative}
	.vacancies-list .thead .t-3{top: 15px; right:0px;  width: 120px; text-align: right}
	.vacancies-list .t-1{width: 80%}
	.vacancies-list .t-2{width: 80%}
	.vacancies-list .t-3{position: absolute; right:20px; top: 30px}
	.vacancies-wrap{margin: 0 0 20px 0;}
	.panel-roles{width: 100%; height: 100%; padding: 20px 20px 20px;}
	.panel-roles .title span{display: block}
	.panel .title{margin: 0px 0 20px 0px;}
	.roles-label li{width:  100%}
	.roles-label{padding: 0}
	.roles-form{height: calc(100vh - 165px); margin: 0 0 5px 0;}
	.page >.panel{width: 100%; max-width: none; margin-top: 0px; margin-bottom: 20px; padding: 40px 25px; border-radius: 0;}
	.tab .nav-tabs-2 li{margin: 0 0 10px }
	.market-segment .checkbox-option{width: 100%}
	.signup-wrap{margin-top: 0px!important;}
    .signup-wrap-2{margin-top: 0px!important; width: 100%!important;}
	.copyright{ margin: 0 40px;}
	.signup-wrap-2 .form-group{display:block}
	.select2-container{margin: 0 0 20px 0}
	.column-3{column-count: 3; -moz-column-count: 1; -webkit-column-count: 1; -ms-column-count: 1; margin: 0 0 30px 0;}
	.col-xs-6{width: 100%}  
	.cover-ad{height: inherit} 
	.side-calendar{border-radius: 5px;}
	.section-side{padding: 0 20px} 
	.panel-event-login{width: 100%}
	.login-tab{width: 100%}
	.panel-event-login .panel-body{ padding: 0}
	.panel-event-login{ height: 100%}
	.datetimepicker{margin: 0 0 15px}
	.dropdown-menu{left:20px!important }
	.event-wrap{ margin: 0 -15px 0; border-radius: 0px;}
	.section-content .event-wrap{ margin: 0 0 25px; border-radius: 0px;}
	.event-register{padding: 20px 25px;}
	.sfc_name_1, .sfc_name_2, .sfc_name_3{width: 100%}
	.sign_frame_content{padding: 20px 20px 10px 20px;}
	.sign_checkbox_2 input[type='checkbox'] + label{margin-left: 0}
	.btn-large{padding: 10px 25px; min-width: 120px}
	.sign_frame_title_name{width: inherit}
	.img-success{width: 80px; margin: 0 auto 30px; display: block}
	.sign_frame table{width: 800px}
	.sign_frame_content{overflow: auto}
	.side-nav li a{padding: 15px 20px;} 
	.widget-row{margin: 0} 
	.widget-wrap .row{ margin: 0 -5px}
    .panel-filter, .panel-manage-widgets, .panel-create-widget, .panel-manage-widgets{width: 100%; top: 0!important; bottom: inherit; min-height: 100vh}
    .bottom-btn .btn{ width: 100%; margin: 10px 0 0;}
    .manage-widgets-btn{ margin: 20px auto 40px;} 
    .manage-widgets{padding: 0}
    .my-widget .home-library .grid li{width: 50%;}
    .my-widget .home-library .content{height: 800px;}
    .my-widget .news-item .cover{height: 145px;}
    .my-widget .news-item .img{height: 145px;}
    .widget-type li{display: block; margin: 0 0 5px 0; text-align:left; padding: 10px 12px 3px;}
    .widget-type li .name{display: inline-block;}
    .widget-type li img{width: 22px; margin: 0 5px 7px 0;}
    .home-main .col-widget:nth-of-type(2) .content{height: 800px;}
    .signup-page h2{font-size: 28px; margin: 35px 0 20px;}
    .signup-page .type p, .landing-page .type p{padding: 0 0 20px 0;}
    .signup-page .introduction{margin: 0px auto 50px; padding: 0 20px 0;}
     .landing-page .introduction{margin: 30px auto 50px; padding: 0 20px 0;}
     .signup-page .tick-line, .landing-page .tick-line{min-height: inherit}
    .signup-page .price-intro, .landing-page .price-intro{height: inherit}
    .signup-page .btn-orange, .landing-page .btn-orange{position: relative; left: inherit; bottom: inherit; margin: 0 0 80px }
    .signup-page .feature, .landing-page .feature{ padding: 20px 15px 0 15px; border-radius: 0; margin: 0 -20px 20px -20px;}
    .signup-page .feature .h3, .landing-page .feature .h3{display: block}
    .signup-page .btn-orange a, .landing-page .btn-orange a  {display: block; padding:0 }
     .login-wrap{ margin: 0px auto 30px auto!important;}
    .library-empty{margin: 0 0 40px;}
	.mypnnl-title{width: 100%;  padding: 30px 20px 30px; margin: 0 auto 0; color: #12347c; background: #fff}
    .mypnnl-title h2{font-size: 40px; padding: 0 0 20px}
    .type-nav{margin: 10px 0 0 0;}
    .type-nav li{margin: 0 4px 0 0;}
     .panel-case{width: 92%; height:fit-content; border-radius: 8px;   padding: 30px 20px 0 30px;}
    

/*
    .create-widget .filter-item .dropdown-box{bottom: 45px; top: inherit; }
    .create-widget .dropdown-box:after{bottom: -7px; top: inherit; border-top: 8px solid #fff; border-bottom: 0}
	
*/
 }

@media (max-width: 520px){ 
    .company-list{float: inherit}
    .company-list:before{display: table;  content: " ";}
    .company-list li{float: inherit; display: inline-block; width: 49.3%; vertical-align: top}
    .home-products-nav {display: inline-block; margin: 0 0 10px 0; position:relative; left: 0; top: 0}
    .home-products-nav li { margin: 0 2px 0 0; font-size: 15px; font-weight: 500 }
    .container{width: 100%}
    .news-list{padding: 20px;}
    .hot-news .title{bottom: 0}
    .hot-news .col-md-4{float:inherit; width: 100%!important}
    .hot-news .col-md-4:first-child .cover{height: 200px}
    .ec-banner .flex-control-nav{ margin: -25px 0 0 0!important;}
    .declaration-btn{position: fixed; bottom: 20px; left: 4%; margin: 0 0 0 0}
    .alert-share{top:60px; z-index: 9;}
    .shangshi-list li{width: 50%}
    .bulletin-list li{width: 100%}
    .weixiu-type li{width: 50%}
    .weixiu-type li .num{left: 140px;}
    .weixiu-type{ padding: 30px 10px 30px 10px;}
    .weixiu-type li .name{ font-size: 18px;}
    .weixiu-type li{  margin: 30px 0 30px 0;}
    .weixiu-intro .galley{ width: 100%;}
    .weixiu-intro .text{ width: 100%; margin: 20px 0 20px 0;}
    .weixiu-intro h3{font-size: 32px; line-height: 40px}
    .shangshi-main>.container { padding: 0}
    .bulletin-list li .name{-webkit-line-clamp:2; height: 52px;}
    .page >.panel{min-height: 65vh}
    .panel .submit{ margin: 10px auto 10px auto;}
    .talents-list li .avatar{ width: 120px;  height: 120px;}
    .shangshi-list li a{margin: 15px 0 }
    .talents-photo img{ width: 200px;}
    .case .cover-item .cover-expert{ height: 180px;}
    .case .cover-item .cover-expert .img{ height: 180px;}
      .case-name{font-size: 38px;}
    .featured-article{margin: 10px}
    .featured-article-title{ font-size: 26px; line-height: 36px}
    
 }



/* 2025 home news refresh */
.home-page {
  background: #f7f8fb;
}

.home-page .home-main {
  padding: 46px 0 0;
}
.home-page .home-main > .container > .row {
  margin-bottom: 28px;
}
.home-page .home-section-title {
  margin: 0 0 20px;
  padding: 0 0 0 16px;
  border-left: 6px solid #2644ba;
  border-radius: 4px;
}
.home-page .home-section-title h3 {
  margin: 0;
  padding: 0;
  color: #2644ba;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
}
.home-page .home-latest-news {
  padding: 0;
}
.home-page .home-news-slider {
  margin: 0 0 28px;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.home-page .home-news-slider .slides > li {
  min-height: 385px;
}
.home-page .home-news-slide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr);
  gap: 14px;
}
.home-page .home-news-featured,
.home-page .home-news-mini-card,
.home-page .home-news-list-item {
  overflow: hidden;
  background: #fff;
  border: 1px solid #eceef4;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(22, 38, 82, .04);
}
.home-page .home-news-featured a,
.home-page .home-news-mini-card a,
.home-page .home-news-list-item a {
  display: block;
  color: #151922;
}
.home-page .home-news-featured .cover,
.home-page .home-news-mini-card .cover,
.home-page .home-news-list-item .cover {
  overflow: hidden;
  background: #eef1f7;
}
.home-page .home-news-featured .img,
.home-page .home-news-mini-card .img,
.home-page .home-news-list-item .img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  transition: transform .25s ease-out;
}
.home-page .home-news-featured:hover .img,
.home-page .home-news-mini-card:hover .img,
.home-page .home-news-list-item:hover .img {
  transform: scale(1.035);
}
.home-page .home-news-featured .cover {
  height: 288px;
}
.home-page .home-news-featured .title {
  display: -webkit-box;
  min-height: 56px;
  margin: 16px 18px 8px;
  overflow: hidden;
  color: #10131a;
  font-size: 20px;
  line-height: 28px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-page .home-news-featured .meta,
.home-page .home-news-list-item .meta {
  margin: 0 18px 16px;
  color: #949aa6;
  font-size: 14px;
}
.home-page .home-news-featured .meta span,
.home-page .home-news-list-item .meta span {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 3px 9px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  background: #2644ba;
  border-radius: 8px;
}
.home-page .home-news-side-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.home-page .home-news-mini-card .cover {
  height: 136px;
}
.home-page .home-news-mini-card .title {
  display: -webkit-box;
  height: 48px;
  margin: 12px 14px 14px;
  overflow: hidden;
  color: #151922;
  font-size: 16px;
  line-height: 24px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-page .home-news-slider .flex-control-nav {
  position: static;
  margin: 18px 0 0;
  text-align: center;
}
.home-page .home-news-slider .flex-control-paging li a {
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #bfc5d2;
  box-shadow: none;
}
.home-page .home-news-slider .flex-control-paging li a.flex-active {
  background: #2644ba;
  border-color: #2644ba;
}
.home-page .home-news-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.home-page .home-news-list-item a {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 16px;
  min-height: 118px;
  padding: 10px;
}
.home-page .home-news-list-item .cover {
  height: 98px;
  border-radius: 10px;
}
.home-page .home-news-list-item .info {
  min-width: 0;
}
.home-page .home-news-list-item .title {
  display: -webkit-box;
  height: 48px;
  margin: 4px 0 8px;
  overflow: hidden;
  color: #10131a;
  font-size: 17px;
  line-height: 24px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-page .home-news-list-item .title:visited { color: #10131a; }
.home-page .home-news-list-item a:hover .title { color: #10131a; }
.home-page .home-news-list-item .summary {
  display: none;
}
.home-page .home-news-list-item .meta {
  margin: 0;
}
.home-page .home-news-more {
  margin: 16px 0 0;
  text-align: right;
  font-size: 15px;
}
.home-page .home-news-more a {
  color: #2644ba;
}

@media (max-width: 991px) {
  .home-page .home-main {
    padding-top: 24px;
  }
  .home-page .home-news-slide {
    grid-template-columns: 1fr;
  }
  .home-page .home-news-featured .cover {
    height: 260px;
  }
  .home-page .home-news-slider .slides > li {
    min-height: 0;
  }
}

@media (max-width: 640px) {
  .home-page .home-section-title h3 {
    font-size: 20px;
  }
  .home-page .home-news-side-grid,
  .home-page .home-news-list {
    grid-template-columns: 1fr;
  }
  .home-page .home-news-list-item a {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 12px;
  }
  .home-page .home-news-featured .cover {
    height: 210px;
  }
  .home-page .home-news-mini-card .cover {
    height: 170px;
  }
  .home-page .home-news-list-item .cover {
    height: 86px;
  }
  .home-page .home-news-list-item .title {
    height: 44px;
    font-size: 15px;
    line-height: 22px;
  }
}

/* Home first-screen news final overrides */
.home-page .home-latest-news {
  margin: 0;
  padding: 0 !important;
}
.home-page .home-latest-news .home-section-title {
  margin: 0 0 20px;
}
.home-page .home-latest-news .home-section-title h3 {
  border-left: 0;
  padding: 0;
}
.home-page .home-news-slider {
  overflow: visible;
  margin: 0 0 12px;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.home-page .home-news-slider .slides,
.home-page .home-news-slider .slides > li {
  overflow: visible;
}
.home-page .home-news-slider .slides > li {
  min-height: 0;
}
.home-page .home-news-slide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 1fr);
  gap: 14px;
  width: 100%;
  min-height: 350px;
}
.home-page .home-news-slide.is-banner {
  grid-template-columns: 1fr;
  gap: 0;
}
.home-page .home-news-slide.is-banner .home-news-featured {
  width: 100%;
  height: 100%;
  min-height: 350px;
}
.home-page .home-news-featured {
  width: 100%;
  height: 350px;
  margin: 0;
  border: 0;
  border-radius: 14px;
  box-shadow: none;
  position: relative;
  overflow: hidden;
}
.home-page .home-news-featured a {
  position: relative;
  display: block;
  height: 100%;
  color: #fff;
}
.home-page .home-news-featured .cover {
  width: 100%;
  height: 100%;
  margin: 0;
  background: #111;
  border-radius: 14px;
  box-shadow: none;
  position: relative;
  overflow: hidden;
}
.home-page .home-news-featured .img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-size: cover;
  background-position: center center;
}
.home-page .home-news-featured .title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: -webkit-box;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 64px 18px 50px;
  overflow: hidden;
  color: #fff;
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  text-align: left;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.72));
  border: 0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-page .home-news-featured .title:visited { color: #fff; }
.home-page .home-news-featured a:hover .title { color: #fff; }
.home-page .home-news-featured .meta {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  z-index: 3;
  margin: 0;
  overflow: hidden;
  color: rgba(255,255,255,.86);
  font-size: 14px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-page .home-news-featured .meta span {
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 4px 9px;
  color: #fff;
  background: #2644ba;
  border-radius: 4px;
}
.home-page .home-news-slider .flex-control-nav {
  position: static;
  margin: 18px 0 0;
  text-align: center;
}
.home-page .home-news-side-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.home-page .home-news-mini-card {
  position: relative;
  height: 168px;
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 0;
  border-radius: 14px;
  box-shadow: none;
}
.home-page .home-news-mini-card a {
  position: relative;
  display: block;
  height: 100%;
  color: #fff;
}
.home-page .home-news-mini-card a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 92px;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.72));
  pointer-events: none;
}
.home-page .home-news-mini-card .cover {
  width: 100%;
  height: 100%;
  margin: 0;
  background: #ededed;
  border-radius: 14px;
  box-shadow: none;
  position: relative;
  overflow: hidden;
}
.home-page .home-news-mini-card .img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-size: cover;
  background-position: center center;
}
.home-page .home-news-mini-card .title {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  z-index: 2;
  display: -webkit-box;
  height: 44px;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  text-align: left;
  text-overflow: ellipsis;
  background: none;
  border: 0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-page .home-news-mini-card .title:visited { color: #fff; }
.home-page .home-news-mini-card a:hover .title { color: #fff; }
.home-page .home-news-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.home-page .home-news-list-item {
  height: 118px;
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #eceef4;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(22, 38, 82, .04);
}
.home-page .home-news-list-item a {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 16px;
  height: 100%;
  padding: 10px;
  color: #151922;
}
.home-page .home-news-list-item a:visited { color: #151922; }
.home-page .home-news-list-item a:hover { color: #151922; }
.home-page .home-news-list-item .cover {
  position: relative;
  top: auto;
  left: auto;
  width: 170px;
  height: 98px;
  margin: 0;
  border-radius: 10px;
  box-shadow: none;
  overflow: hidden;
}
.home-page .home-news-list-item .info {
  min-width: 0;
}
.home-page .home-news-list-item .title {
  display: -webkit-box;
  height: 48px;
  margin: 4px 0 8px;
  overflow: hidden;
  color: #10131a;
  font-size: 17px;
  line-height: 24px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-page .home-news-list-item .title:visited { color: #10131a; }
.home-page .home-news-list-item a:hover .title { color: #10131a; }
.home-page .home-news-list-item .summary {
  display: none;
}
.home-page .home-news-list-item .meta {
  margin: 0;
  color: #9098a4;
  font-size: 13px;
}
.home-page .home-news-list-item .meta span {
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 2px 8px;
  color: #2644ba;
  background: rgba(38,68,186,.08);
  border-radius: 4px;
}
.home-page .home-market-data-row {
  display: flex;
  align-items: stretch;
  margin: 28px -12px 0;
}
.home-page .home-market-data-row > .col-md-6 {
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}
.home-page .home-market-data-row > .col-md-6 > .home-info-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.home-page .home-products-row {
  margin-top: 0;
}
.home-page .home-products-row .product-list {
  float: none;
  clear: both;
  width: 100%;
  margin: 22px 0 0;
  padding-left: 0;
  border-left: 0;
}
.home-page .home-products-row .product-list ul,
.home-page .home-products-row .product-list li,
.home-page .home-products-row .product-list a,
.home-page .home-products-row .product-list .img,
.home-page .home-products-row .product-list .name {
  border-left: 0;
}
.home-page .home-products-row .product-list:before,
.home-page .home-products-row .product-list:after,
.home-page .home-products-row .product-list ul:before,
.home-page .home-products-row .product-list ul:after {
  border-left: 0;
}
.home-page .home-info-panel {
  height: 100%;
  padding: 0;
  background: transparent;
  overflow: visible;
}
.home-page .home-subsection-title {
  height: 36px;
  margin: 0 0 14px;
  padding: 0 0 0 12px;
  border-left: 5px solid #2644ba;
  border-radius: 3px;
}
.home-page .home-subsection-title-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home-page .home-subsection-title h3 {
  margin: 0;
  color: #2644ba;
  font-size: 18px;
  line-height: 36px;
  font-weight: 600;
}
.home-page .home-subsection-title-more a {
  display: inline-block;
  height: auto;
  margin: 7px 0 0 12px;
  padding: 0;
  color: #2644ba;
  font-size: 14px;
  line-height: 22px;
  background: transparent;
  border: 0;
  border-radius: 0;
  white-space: nowrap;
}
.home-page .home-subsection-title-more a:hover {
  color: #2644ba;
  text-decoration: underline;
  background: transparent;
  border-color: transparent;
}
.home-page .home-listed-list {
  aspect-ratio: 1 / 1;
  height: auto;
  padding: 24px 26px 18px;
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e6e8ef;
  border-radius: 12px;
  box-shadow: none;
  display: flex;
  flex-direction: column;
}
.home-page .home-listed-list ul {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.home-page .home-listed-list li {
  padding: 0 0 16px;
  margin: 0 0 16px;
  border-bottom: 1px solid #eef0f4;
}
.home-page .home-listed-list li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.home-page .home-listed-list a {
  display: block;
  color: #151922;
}
.home-page .home-listed-list a:hover {
  color: #2644ba;
  text-decoration: none;
}
.home-page .home-listed-list a:hover .name {
  color: #2644ba !important;
}
.home-page .home-listed-list .name {
  display: -webkit-box;
  overflow: hidden;
  color: #151922;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.home-page .home-listed-list .meta {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 24px;
  margin: 4px 0 0;
  padding: 0;
  overflow: hidden;
  border-bottom: 0;
  color: #9a9faa;
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
}
.home-page .home-listed-list .date {
  display: inline;
  margin: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.home-page .home-listed-list .type {
  display: inline-block;
  max-width: calc(100% - 95px);
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.home-page .home-industry-content {
  aspect-ratio: 1 / 1;
  height: auto;
  padding: 24px 26px 18px;
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e6e8ef;
  border-radius: 12px;
  box-shadow: none;
}
.home-page .home-report-label {
  margin: 0 0 9px;
  color: #2644ba;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.home-page .home-report-label-sub {
  margin-top: 16px;
}
.home-page .home-report-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.home-page .home-report-card {
  aspect-ratio: 1 / 1.38;
  height: auto;
  overflow: hidden;
  background: #fff;
  border: 0;
  border-radius: 10px;
  box-shadow: none;
}
.home-page .home-report-card a {
  position: relative;
  display: block;
  height: 100%;
  padding: 0;
  color: #fff;
}
.home-page .home-report-card a:hover {
  color: #fff;
  text-decoration: none;
}
.home-page .home-report-card .cover {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #eef1f7;
  border-radius: 10px;
}
.home-page .home-report-card .img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  transition: transform .25s ease-out;
}
.home-page .home-report-card:hover .img {
  transform: scale(1.035);
}
.home-page .home-report-card .name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  height: 60px;
  max-height: 60px;
  min-height: 0;
  margin: 0;
  padding: 12px 10px;
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.72));
}
.home-page .home-report-card .name span {
  display: -webkit-box;
  height: 36px;
  max-height: 36px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.home-page .home-recommend-list li {
  position: relative;
  padding: 0 0 0 12px;
  margin: 0 0 10px;
}
.home-page .home-recommend-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #2644ba;
  border-radius: 50%;
}
.home-page .home-recommend-list a {
  display: -webkit-box;
  overflow: hidden;
  color: #151922;
  font-size: 14px;
  line-height: 20px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.home-page .home-recommend-list a:hover {
  color: #2644ba;
  text-decoration: none;
}

@media (max-width: 991px) {
  .home-page .home-news-featured {
    height: 300px;
  }
  .home-page .home-news-slide {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .home-page .home-news-featured .title {
    font-size: 21px;
    line-height: 30px;
    padding: 70px 22px 54px;
  }
  .home-page .home-news-featured .meta {
    left: 22px;
    right: 22px;
  }
  .home-page .home-info-widget {
    min-height: 0;
  }
  .home-page .home-info-panel {
    margin: 0 0 24px;
    height: auto;
    min-height: 0;
    overflow: visible;
  }
  .home-page .home-listed-list li,
  .home-page .home-listed-list a {
    height: auto;
    min-height: 0;
  }
}

@media (max-width: 640px) {
  .home-page .home-news-featured {
    height: 230px;
  }
  .home-page .home-news-featured .title {
    font-size: 18px;
    line-height: 26px;
    padding: 56px 16px 16px;
  }
  .home-page .home-news-featured .meta {
    display: none;
  }
  .home-page .home-news-side-grid {
    grid-template-columns: 1fr;
  }
  .home-page .home-news-list {
    grid-template-columns: 1fr;
  }
  .home-page .home-news-list-item a {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 12px;
  }
  .home-page .home-news-list-item .cover {
    width: 120px;
    height: 86px;
  }
  .home-page .home-news-list-item .title {
    height: 44px;
    font-size: 15px;
    line-height: 22px;
  }
  .home-page .home-news-mini-card {
    height: 180px;
  }
  .home-page .home-report-cards {
    grid-template-columns: 1fr;
  }
  .home-page .home-subsection-title-more {
    align-items: flex-start;
  }
  .home-page .home-report-card {
    aspect-ratio: 16 / 9;
    height: auto;
  }
  .home-page .home-report-card a {
    display: block;
  }
  .home-page .home-report-card .cover {
    width: 100%;
    height: 100%;
  }
}

.page-layout,
.home-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 335px;
  gap: 36px;
  align-items: start;
}
.page-main,
.page-aside,
.home-main-column,
.home-aside-column {
  min-width: 0;
}
.page-layout .section-content,
.page-layout .section-side {
  float: none;
  width: auto;
  padding: 0;
}
.home-layout {
  margin: 0 0 50px;
}
.home-main-column > * + * {
  margin-top: 50px;
}
.home-main-column > .home-products-row,
.home-main-column > .general-widget,
.home-main-column > .row {
  margin-top: 50px;
}
.home-main-column > *:first-child {
  margin-top: 0;
}
.home-aside-column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.home-aside-column > * + * {
  margin-top: 0;
}
.home-aside-column .blue-widget {
  margin: 0;
  padding: 0 23px 24px;
  overflow: hidden;
}
.home-aside-column .blue-widget > h3 {
  display: block;
  float: none;
  position: relative;
  z-index: 3;
  margin: 22px 70px 14px 0;
  line-height: 22px;
  background: #fff;
}
.home-aside-column .blue-widget > .more {
  top: 18px;
}
.home-aside-column .blue-widget > .text-list,
.home-aside-column .blue-widget > .event-list,
.home-aside-column .blue-widget > .hot-list {
  clear: both;
}
.home-aside-column .text-list {
  height: auto;
  min-height: 75px;
  margin: 0;
}
.home-aside-column .home-tender-slider {
  margin: 0;
}
.home-main-column .general-widget,
.home-main-column .report-list,
.home-main-column .company-list,
.home-aside-column .blue-widget,
.home-aside-column .general-widget,
.home-aside-column .home-side-AD,
.home-aside-column .home-side-AD-2,
.home-aside-column .maintenance {
  margin-bottom: 0;
}
.home-aside-column .common-sidebar-hero {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  aspect-ratio: 16 / 10;
  height: auto;
  margin: 0 0 16px;
  border-radius: 9px;
  overflow: hidden;
  background: #e9eaee;
  color: #fff;
}
.home-aside-column .common-opening-slider {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 16px 0 0;
}
.home-aside-column .common-opening-slider .slides {
  position: relative;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.home-aside-column .common-opening-slider .slides > li {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  z-index: 1;
  transition: opacity .6s ease;
}
.home-aside-column .common-opening-slider .slides > li.active {
  opacity: 1;
  z-index: 2;
}
.home-aside-column .common-opening-slider .common-sidebar-hero {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 200px;
  margin: 0;
}
.home-aside-column .common-opening-slider .common-sidebar-hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.home-aside-column .common-opening-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  z-index: 5;
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  pointer-events: none;
}
.home-aside-column .common-opening-dots .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  pointer-events: auto;
  transition: background .2s ease, transform .2s ease;
}
.home-aside-column .common-opening-dots .dot:hover {
  background: rgba(255, 255, 255, 0.85);
}
.home-aside-column .common-opening-dots .dot.active {
  background: #ffffff;
  transform: scale(1.2);
}
.home-aside-column .common-sidebar-hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.home-aside-column .common-sidebar-hero:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 96px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 45%, rgba(0, 0, 0, .82) 100%);
}
.home-aside-column .common-sidebar-hero span {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 12px;
  z-index: 2;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-aside-column .common-sidebar-list {
  margin: 0;
  padding: 0;
}
.home-aside-column .common-sidebar-list li {
  list-style: none;
  margin: 0 0 12px;
  padding: 0 0 12px;
  border-bottom: 1px solid #eef1f5;
}
.home-aside-column .common-sidebar-list li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.home-aside-column .common-sidebar-list a {
  display: block;
  color: #111827;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
}
.home-aside-column .common-sidebar-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}
.home-aside-column .common-sidebar-tags span {
  color: #244ccd;
  font-size: 12px;
}
.home-aside-column .common-company-card a {
  display: flex;
  gap: 12px;
  align-items: center;
  color: #111827;
}
.home-aside-column .common-company-card .logo {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border-radius: 8px;
  overflow: hidden;
  background: #f3f5f9;
  border: 1px solid #edf0f5;
}
.home-aside-column .common-company-card .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.home-aside-column .common-company-card .name {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  color: #111827;
}
.home-main-column .general-widget:after {
  content: "";
  display: table;
  clear: both;
}
.home-main-column .company-list {
  float: none;
}
.page-aside .side-item > .name,
.home-aside-column .side-item > .name {
  display: block;
  clear: both;
  min-height: 0;
  height: auto;
  line-height: 24px;
}
.page-aside .side-item > .name + *,
.home-aside-column .side-item > .name + * {
  clear: both;
}
.page-aside .side-wrap .name img,
.home-aside-column .side-wrap .name img {
  vertical-align: middle;
  margin-top: -2px;
}
@media (max-width: 991px) {
  .page-layout,
  .home-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.process-page-wrap{padding:110px 16px 70px;background:#f6f7fb;}
.process-page-wrap .breadcrumbs,.process-page-wrap .sub-main{display:none;}
.process-demand-page{max-width:760px;margin:0 auto;padding:54px 42px 94px;text-align:center;color:#333;background:#fff;border-radius:5px;box-shadow:0 1px 7px rgba(30,45,80,.08);}
.process-demand-logo{width:210px;margin:0 auto 22px;}
.process-demand-logo img{display:block;width:100%;}
.process-demand-page h1{display:inline-block;font-size:22px;line-height:31px;margin:0 0 8px;padding:0 48px;font-family:'ubuntumedium';font-weight:bold;color:#111;border:0;}
.process-demand-page p{font-size:13px;line-height:22px;color:#999;margin:0 0 43px;}
.process-demand-form{text-align:left;max-width:650px;margin:0 auto;}
.process-demand-form label{display:block;font-size:13px;line-height:22px;margin:0 0 5px;color:#666;font-weight:normal;}
.process-demand-form label span{color:#f02020;margin:0 2px 0 0;}
.process-demand-form input[type="text"],.process-demand-form textarea{display:block;width:100%;min-height:34px;line-height:20px;padding:7px 12px;margin:0 0 19px;border:1px solid #eceef5;border-radius:4px;background:#fff;color:#333;box-sizing:border-box;box-shadow:none;}
.process-demand-form textarea{min-height:102px;resize:vertical;}
.process-demand-form input[type="text"]:focus,.process-demand-form textarea:focus{border-color:#2949c7;box-shadow:0 0 0 3px rgba(41,73,199,.08);}
.process-demand-form .is-error{border-color:#f02020!important;}
.process-form-msg{font-size:13px;line-height:20px;color:#f02020;margin:-6px 0 14px;}
.process-demand-form button{display:block;width:100%;height:40px;line-height:40px;padding:0;border:0;border-radius:4px;background:#2949c7;color:#fff;font-size:15px;font-weight:bold;cursor:pointer;}
.process-demand-form button:hover{background:#213dac;}
.process-demand-form button:disabled{background:#7fb8ea;cursor:not-allowed;}

@media (max-width: 768px){
  .process-page-wrap{padding:84px 10px 42px;}
  .process-demand-page{margin:0 auto;padding:34px 18px 48px;}
  .process-demand-logo{width:170px;margin-bottom:18px;}
  .process-demand-page h1{font-size:18px;line-height:28px;padding:0 18px;border-width:0;}
  .process-demand-form label{font-size:14px;line-height:22px;margin-bottom:7px;}
  .process-demand-form input[type="text"],.process-demand-form textarea{margin-bottom:16px;}
}
.resource-center-page {
  background: #f7f8fb;
  min-height: 100vh;
}
.resource-center-main {
  padding: 54px 0 80px;
}
.resource-center-page .container {
  max-width: 1380px;
}
.resource-center-title {
  color: #2348c6;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px 8px;
}
.resource-filter-card {
  background: #fff;
  border: 1px solid #edf0f6;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(25, 41, 72, 0.03);
  margin: 0 0 34px;
  padding: 24px;
}
.resource-filter-row {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  margin: 0 0 17px;
}
.resource-filter-row:last-child {
  margin-bottom: 0;
}
.resource-filter-label {
  color: #888;
  flex: 0 0 84px;
  font-size: 16px;
  line-height: 24px;
}
.resource-filter-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  min-width: 0;
}
.resource-filter-row-collapsible {
  position: relative;
}
.resource-filter-row-collapsible .resource-filter-tags {
  flex: 1 1 auto;
  max-height: 50px;
  overflow: hidden;
  padding-right: 116px;
  position: relative;
}
.resource-filter-row-collapsible.expanded .resource-filter-tags {
  max-height: none;
}
.resource-filter-row-collapsible.has-more .resource-filter-tags:after {
  background: linear-gradient(90deg, rgba(255,255,255,0), #fff 44%);
  bottom: 0;
  content: "";
  height: 24px;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 76px;
}
.resource-filter-row-collapsible.expanded .resource-filter-tags:after {
  display: none;
}
.resource-filter-toggle {
  align-items: center;
  background: #f3f6ff;
  border: 1px solid #d9e2ff;
  border-radius: 14px;
  color: #2148c5;
  cursor: pointer;
  display: none;
  font-size: 13px;
  font-weight: 700;
  height: 24px;
  line-height: 22px;
  padding: 0 12px;
  position: absolute;
  right: 0;
  top: 26px;
  white-space: nowrap;
}
.resource-filter-toggle:hover {
  background: #2148c5;
  border-color: #2148c5;
  color: #fff;
}
.resource-filter-row-collapsible.has-more .resource-filter-toggle {
  display: inline-flex;
}
.resource-filter-tag,
.resource-filter-tag:visited {
  border-radius: 3px;
  color: #b7b7b7;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  padding: 0 9px;
}
.resource-filter-tag:hover,
.resource-filter-tag.active,
.resource-filter-tag.active:visited {
  background: #2148c5;
  color: #fff;
  text-decoration: none;
}
.resource-top-ad {
  margin: 0 0 34px;
}
.resource-section {
  margin: 0 0 38px;
}
.resource-section-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 18px;
}
.resource-section h2 {
  color: #111;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}
.resource-card-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.resource-report-card a {
  border-radius: 9px;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none!important;
}
.resource-report-card a:hover {
  box-shadow: 0 10px 28px rgba(25, 41, 72, 0.12);
  transform: translateY(-2px);
}
.resource-report-cover {
  background: #eef1f8;
  border-radius: 9px;
  overflow: hidden;
  position: relative;
}
.resource-report-cover:before {
  content: "";
  display: block;
  padding-top: 138%;
}
.resource-report-cover img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.resource-report-info {
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.58));
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 42px 10px 10px;
  position: absolute;
  right: 0;
  z-index: 1;
}
.resource-report-title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  display: -webkit-box !important;
  width: 100%;
  max-width: 100%;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden;
  word-break: break-word;
}
.resource-report-author {
  color: rgba(255,255,255,.86);
  font-size: 12px;
  line-height: 18px;
  margin: 3px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.resource-more {
  font-size: 14px;
  margin: 18px 0 0;
  text-align: right;
}
.resource-more a,
.resource-more a:visited {
  color: #2148c5;
}
.resource-list-section {
  margin: 0 0 42px;
}
.resource-list-masonry {
  column-count: 4;
  column-gap: 22px;
}
.resource-list-card {
  background: #fff;
  border: 1px solid #edf0f6;
  border-radius: 14px;
  break-inside: avoid;
  box-shadow: 0 8px 24px rgba(25, 41, 72, 0.05);
  display: inline-block;
  margin: 0 0 22px;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
  width: 100%;
}
.resource-list-card:hover {
  box-shadow: 0 14px 34px rgba(25, 41, 72, 0.12);
  transform: translateY(-3px);
}
.resource-list-card a,
.resource-list-card a:visited {
  color: #1f2b46;
  display: block;
}
.resource-list-card a:hover {
  text-decoration: none;
}
.resource-list-cover {
  background: #f4f6fb;
  overflow: hidden;
}
.resource-list-cover img {
  display: block;
  width: 100%;
}
.resource-list-info {
  padding: 14px 16px 16px;
}
.resource-list-title {
  color: #1d2538;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
}
.resource-list-author {
  color: #8a91a3;
  font-size: 13px;
  line-height: 1.4;
  margin: 8px 0 0;
}
.resource-list-load {
  margin: 18px 0 0;
  text-align: center;
}
.resource-list-load button {
  background: #f3f6ff;
  border: 1px solid #d9e2ff;
  border-radius: 18px;
  color: #2148c5;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  min-width: 128px;
  padding: 8px 22px;
}
.resource-list-load button:hover {
  background: #2148c5;
  border-color: #2148c5;
  color: #fff;
}
.resource-masonry {
  column-count: 6;
  column-gap: 16px;
}
.resource-masonry-card {
  break-inside: avoid;
  margin: 0 0 16px;
}
.resource-masonry-card:nth-child(3n+2) .resource-report-cover:before {
  padding-top: 72%;
}
.resource-masonry-card:nth-child(4n+3) .resource-report-cover:before {
  padding-top: 185%;
}
@media (max-width: 1199px) {
  .resource-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .resource-masonry {
    column-count: 4;
  }
  .resource-list-masonry {
    column-count: 3;
  }
}
@media (max-width: 767px) {
  .resource-center-main {
    padding: 28px 0 48px;
  }
  .resource-center-title {
    font-size: 24px;
    margin-left: 0;
  }
  .resource-filter-card {
    padding: 24px 16px;
  }
  .resource-filter-row {
    display: block;
  }
  .resource-filter-label {
    margin: 0 0 10px;
  }
  .resource-filter-tags {
    gap: 8px;
  }
  .resource-filter-row-collapsible .resource-filter-tags {
    max-height: 60px;
    padding-right: 0;
    padding-bottom: 34px;
  }
  .resource-filter-row-collapsible.has-more .resource-filter-tags:after {
    display: none;
  }
  .resource-filter-toggle {
    bottom: 0;
    right: auto;
    top: auto;
  }
  .resource-card-grid {
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .resource-list-masonry {
    column-count: 2;
    column-gap: 12px;
  }
  .resource-list-card {
    margin-bottom: 12px;
  }
  .resource-list-info {
    padding: 10px 11px 12px;
  }
  .resource-list-title {
    font-size: 14px;
  }
  .resource-masonry {
    column-count: 2;
    column-gap: 12px;
  }
  .resource-section h2 {
    font-size: 19px;
  }
}

.processing-service-modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9998;}
.processing-service-modal.is-active{display:block;}
.processing-service-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35);}
.processing-service-dialog{position:absolute;left:50%;top:50%;width:510px;max-width:calc(100% - 32px);overflow:hidden;background:#fff;border-radius:5px;box-shadow:0 16px 45px rgba(0,0,0,.18);transform:translate(-50%,-50%);}
.processing-service-close{position:absolute;right:12px;top:10px;z-index:1;width:28px;height:28px;border:0;background:rgba(255,255,255,.18);border-radius:50%;color:#fff;font-size:22px;line-height:26px;text-align:center;cursor:pointer;}
.processing-service-head{padding:28px 20px 25px;text-align:center;color:#fff;background:linear-gradient(120deg,#136df0 0%,#0aa8ff 100%);}
.processing-service-head h3{margin:0 0 8px;font-size:26px;font-weight:700;letter-spacing:5px;line-height:1.2;color:#fff;}
.processing-service-head p{margin:0;font-size:10px;letter-spacing:.8px;line-height:1;color:rgba(255,255,255,.78);}
.processing-service-body{display:flex;gap:22px;padding:28px 22px 26px;background:#fff;}
.processing-service-card{display:flex;flex:1;min-height:116px;padding:18px 12px 16px;align-items:center;justify-content:center;flex-direction:column;text-align:center;border-radius:5px;background:#fff;color:#1f2b46;box-shadow:0 4px 15px rgba(32,54,86,.15);font-size:14px;font-weight:600;line-height:1.5;}
.processing-service-card:hover{color:#2644ba;text-decoration:none;box-shadow:0 8px 22px rgba(38,68,186,.18);transform:translateY(-1px);}
.processing-service-card-disabled{cursor:default;color:#1f2b46;}
.processing-service-card-disabled:hover{color:#1f2b46;box-shadow:0 4px 15px rgba(32,54,86,.15);transform:none;}
.processing-service-icon{position:relative;display:block;width:46px;height:42px;margin-bottom:14px;}
.processing-service-icon-imprint:before{content:"";position:absolute;left:7px;top:3px;width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,#1c7dff,#08c4ff);transform:rotate(28deg);box-shadow:14px 9px 0 rgba(34,123,255,.18);}
.processing-service-icon-imprint:after{content:"";position:absolute;right:5px;bottom:3px;width:19px;height:19px;border-radius:4px;background:linear-gradient(135deg,#ffcf35,#ff8a00);transform:rotate(-18deg);}
.processing-service-icon-more:before{content:"";position:absolute;left:3px;top:5px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#4fd7ff,#069cff);box-shadow:22px 0 0 #4fd7ff,11px 19px 0 #14b6ff,33px 19px 0 #08a3ff;}
@media(max-width:640px){.processing-service-dialog{width:360px;}.processing-service-head{padding:24px 16px 21px;}.processing-service-head h3{font-size:22px;}.processing-service-body{display:block;padding:18px;}.processing-service-card{min-height:102px;margin-bottom:14px;}.processing-service-card:last-child{margin-bottom:0;}}
.service-page{background:#f4f7fb;}
.service-hero{position:relative;padding:150px 0 64px;background:radial-gradient(circle at 18% 22%,rgba(66,139,255,.26),transparent 30%),linear-gradient(120deg,#0d2764 0%,#12347d 46%,#1b6fe8 100%);color:#fff;overflow:hidden;}
.service-hero:after{content:"";position:absolute;right:6%;top:120px;width:280px;height:280px;border:1px solid rgba(255,255,255,.18);border-radius:46px;transform:rotate(22deg);}
.service-hero .container{z-index:1;}
.service-eyebrow{display:inline-block;margin-bottom:18px;padding:7px 13px;border:1px solid rgba(255,255,255,.32);border-radius:999px;font-size:13px;line-height:1;color:rgba(255,255,255,.86);}
.service-hero h1{margin:0 0 16px;font-size:48px;line-height:1.15;color:#fff;font-weight:700;letter-spacing:2px;}
.service-hero p{max-width:760px;margin:0 0 28px;font-size:20px;line-height:1.7;color:rgba(255,255,255,.86);}
.service-tags span{display:inline-block;margin:0 10px 10px 0;padding:8px 14px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);border-radius:6px;color:#fff;font-size:14px;}
.service-main{padding:44px 0 70px;}
.service-layout{display:flex;align-items:flex-start;gap:28px;}
.service-side{position:sticky;top:110px;flex:0 0 230px;padding:18px;background:#fff;border-radius:12px;box-shadow:0 12px 30px rgba(26,42,79,.08);}
.service-side-title{margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #edf0f6;color:#12347d;font-size:18px;font-weight:700;}
.service-side a{display:block;margin:0 0 8px;padding:12px 14px;border-radius:8px;color:#34405a;font-size:15px;}
.service-side a:hover,.service-side a.current{background:#eef4ff;color:#2644ba;text-decoration:none;}
.service-content{flex:1;min-width:0;}
.service-summary{margin:0 0 24px;padding:28px 32px;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(26,42,79,.08);color:#39445e;font-size:18px;line-height:1.9;}
.service-section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.service-section-card{position:relative;min-height:285px;padding:30px 26px 26px;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(26,42,79,.08);overflow:hidden;}
.service-section-card:before{content:"";position:absolute;right:-34px;top:-34px;width:100px;height:100px;border-radius:50%;background:rgba(38,68,186,.08);}
.service-card-num{margin:0 0 18px;color:#dbe5f6;font-size:42px;font-weight:700;line-height:1;}
.service-section-card h3{margin:0 0 18px;color:#12347d;font-size:22px;font-weight:700;}
.service-section-card li{position:relative;margin:0 0 12px;padding-left:18px;color:#4d5870;font-size:15px;line-height:1.65;}
.service-section-card li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#2644ba;border-radius:50%;}
.service-contact-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:28px 32px;background:linear-gradient(120deg,#12347d,#1b6fe8);border-radius:14px;color:#fff;box-shadow:0 12px 30px rgba(26,42,79,.12);}
.service-contact-card h3{margin:0 0 8px;color:#fff;font-size:24px;font-weight:700;}
.service-contact-card p{margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.7;}
.service-contact-card a{display:inline-block;min-width:138px;padding:12px 20px;background:#fff;border-radius:8px;color:#12347d;text-align:center;font-weight:700;}
.service-contact-card a:hover{text-decoration:none;background:#f0f5ff;}
.service-overview-intro{margin:0 0 26px;padding:30px 34px;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(26,42,79,.08);}
.service-overview-intro h2{margin:0 0 12px;color:#12347d;font-size:28px;font-weight:700;line-height:1.35;}
.service-overview-intro p{margin:0;color:#4d5870;font-size:17px;line-height:1.85;}
.service-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.service-overview-card{position:relative;display:block;min-height:315px;padding:30px 24px 26px;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(26,42,79,.08);overflow:hidden;color:#34405a;}
.service-overview-card:before{content:"";position:absolute;right:-42px;top:-42px;width:126px;height:126px;border-radius:50%;background:rgba(38,68,186,.08);}
.service-overview-card:hover{color:#34405a;text-decoration:none;box-shadow:0 18px 38px rgba(26,42,79,.13);transform:translateY(-2px);}
.service-overview-num{position:relative;margin:0 0 20px;color:#dbe5f6;font-size:42px;font-weight:700;line-height:1;}
.service-overview-card h3{position:relative;margin:0 0 14px;color:#12347d;font-size:24px;font-weight:700;}
.service-overview-card p{position:relative;margin:0 0 20px;color:#4d5870;font-size:15px;line-height:1.7;}
.service-overview-tags{position:relative;margin:0 0 22px;}
.service-overview-tags span{display:inline-block;margin:0 6px 8px 0;padding:5px 9px;background:#eef4ff;border-radius:999px;color:#2644ba;font-size:12px;line-height:1;}
.service-overview-link{position:absolute;left:24px;bottom:24px;color:#2644ba;font-size:15px;font-weight:700;}
.service-overview-link:after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-top:2px solid #2644ba;border-right:2px solid #2644ba;transform:rotate(45deg);vertical-align:1px;}
.service-overview-contact{margin-top:28px;}
.service-hero-research{background:radial-gradient(circle at 15% 24%,rgba(95,190,255,.28),transparent 30%),linear-gradient(120deg,#092a4f 0%,#124d88 50%,#0ba7cf 100%);}
.service-hero-brand{background:radial-gradient(circle at 16% 20%,rgba(255,208,109,.3),transparent 28%),linear-gradient(120deg,#24124f 0%,#5a2c91 48%,#f08a33 100%);}
.service-hero-settled{background:radial-gradient(circle at 15% 24%,rgba(130,255,209,.25),transparent 30%),linear-gradient(120deg,#0b3c3d 0%,#11715f 50%,#2bbf88 100%);}
.service-hero-cooperation{background:radial-gradient(circle at 16% 20%,rgba(255,161,122,.26),transparent 30%),linear-gradient(120deg,#32114f 0%,#8b2f6f 48%,#ff6a4a 100%);}
.service-lead-card,.service-brand-showcase,.service-settled-banner,.service-cooperation-head{margin:0 0 24px;padding:32px 34px;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(26,42,79,.08);}
.service-lead-kicker{margin:0 0 10px;color:#2644ba;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;}
.service-lead-card h2,.service-brand-showcase h2,.service-settled-banner h2,.service-cooperation-head h2{margin:0 0 14px;color:#12347d;font-size:30px;font-weight:700;line-height:1.35;}
.service-lead-card p,.service-brand-showcase p,.service-settled-banner p,.service-cooperation-head p{margin:0;color:#4d5870;font-size:17px;line-height:1.85;}
.service-step-panel,.service-flow-card,.service-partner-card,.service-deliver-list{margin:0 0 24px;padding:28px 30px;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(26,42,79,.08);}
.service-step-panel h3,.service-flow-card h3,.service-partner-card h3,.service-deliver-list h3{margin:0 0 22px;color:#12347d;font-size:24px;font-weight:700;}
.service-step-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.service-step-item{padding:20px;background:#f4f8ff;border-radius:12px;}
.service-step-item span{display:block;margin:0 0 14px;color:#b8c9e8;font-size:34px;font-weight:700;line-height:1;}
.service-step-item strong{display:block;margin:0 0 8px;color:#12347d;font-size:18px;}
.service-step-item p{margin:0;color:#4d5870;font-size:14px;line-height:1.7;}
.service-research-grid,.service-brand-columns,.service-rights-grid,.service-cooperation-matrix{display:grid;gap:20px;margin:0 0 24px;}
.service-research-grid{grid-template-columns:1fr 1fr;}
.service-research-card,.service-brand-column,.service-rights-grid div,.service-cooperation-matrix div{padding:28px 26px;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(26,42,79,.08);}
.service-research-card h3,.service-brand-column h3,.service-cooperation-matrix h3{margin:0 0 16px;color:#12347d;font-size:22px;font-weight:700;}
.service-research-card li,.service-partner-card li{position:relative;margin:0 0 12px;padding-left:18px;color:#4d5870;font-size:15px;line-height:1.7;}
.service-research-card li:before,.service-partner-card li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#2644ba;border-radius:50%;}
.service-research-card-dark{background:linear-gradient(135deg,#12347d,#1b6fe8);}
.service-research-card-dark h3,.service-research-card-dark li{color:#fff;}
.service-research-card-dark li:before{background:#fff;}
.service-brand-showcase{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;}
.service-brand-board{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.service-brand-board span{display:flex;min-height:82px;align-items:center;justify-content:center;background:#fff7ed;border:1px solid #ffe1bd;border-radius:14px;color:#b45c14;font-size:15px;font-weight:700;letter-spacing:1px;}
.service-brand-columns{grid-template-columns:repeat(3,1fr);}
.service-brand-column p,.service-cooperation-matrix p,.service-rights-grid p{margin:0;color:#4d5870;font-size:15px;line-height:1.75;}
.service-deliver-items span{display:inline-block;margin:0 10px 10px 0;padding:10px 14px;background:#fff7ed;border-radius:999px;color:#b45c14;font-size:14px;font-weight:700;}
.service-settled-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#fff,#f0fff9);}
.service-settled-banner a{display:inline-block;min-width:126px;padding:13px 20px;background:#12805f;border-radius:8px;color:#fff;text-align:center;font-weight:700;}
.service-settled-banner a:hover{text-decoration:none;background:#0b6d51;}
.service-rights-grid{grid-template-columns:repeat(4,1fr);}
.service-rights-grid strong{display:block;margin:0 0 10px;color:#0b6d51;font-size:19px;}
.service-flow-card ol{margin:0;padding:0;list-style:none;}
.service-flow-card li{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #edf0f6;}
.service-flow-card li:last-child{border-bottom:0;}
.service-flow-card span{color:#0b6d51;font-size:18px;font-weight:700;}
.service-flow-card p{margin:0;color:#4d5870;font-size:15px;line-height:1.7;}
.service-cooperation-head{background:linear-gradient(135deg,#fff,#fff4f1);}
.service-cooperation-matrix{grid-template-columns:1fr 1fr;}
.service-cooperation-matrix div{border-top:4px solid #d84c37;}
.service-partner-card ul{margin:0;padding:0;list-style:none;}
@media(max-width:980px){.service-hero{padding:122px 0 46px;}.service-hero h1{font-size:38px;}.service-layout{display:block;}.service-side{position:static;margin:0 0 20px;}.service-section-grid{grid-template-columns:1fr;}.service-section-card{min-height:0;}.service-contact-card{display:block;}.service-contact-card a{margin-top:18px;}}
@media(max-width:980px){.service-overview-grid{grid-template-columns:repeat(2,1fr);}.service-overview-card{min-height:285px;}}
@media(max-width:980px){.service-step-list,.service-rights-grid{grid-template-columns:1fr 1fr;}.service-brand-showcase,.service-research-grid,.service-cooperation-matrix{grid-template-columns:1fr;}.service-brand-columns{grid-template-columns:1fr;}.service-settled-banner{display:block;}.service-settled-banner a{margin-top:18px;}}
.search-page {
	background: #f7f8fb;
	min-height: 60vh;
}
.search-page-main {
	padding: 54px 0 80px;
}
.search-page .container {
	max-width: 1100px;
}
.search-page-title {
	color: #2348c6;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 22px 8px;
}
.search-page-bar {
	background: #fff;
	border: 1px solid #edf0f6;
	border-radius: 28px;
	box-shadow: 0 8px 24px rgba(25, 41, 72, 0.05);
	display: flex;
	align-items: center;
	margin: 0 0 28px;
	padding: 6px 6px 6px 22px;
}
.search-page-bar input {
	border: 0;
	background: transparent;
	flex: 1 1 auto;
	font-size: 16px;
	height: 44px;
	line-height: 44px;
	margin: 0;
	min-height: 0;
	padding: 0;
}
.search-page-bar input:focus {
	outline: 0;
}
.search-page-bar button {
	background: #2348c6;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	flex: 0 0 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	width: 44px;
}
.search-page-bar button:hover {
	background: #1c3aa6;
}
.search-page-bar button img {
	height: 20px;
	width: 20px;
}
.search-page-note {
	color: #5d667a;
	font-size: 15px;
	margin: 0 0 26px 8px;
}
.search-page-note strong {
	color: #2348c6;
	font-weight: 700;
}
.search-page-note span {
	color: #1f2b46;
}
.search-page-section {
	margin: 0 0 38px;
}
.search-page-section-head {
	align-items: baseline;
	border-bottom: 1px solid #e6e9f2;
	display: flex;
	justify-content: space-between;
	margin: 0 0 18px;
	padding: 0 0 12px;
}
.search-page-section-head h5 {
	border-left: 4px solid #2348c6;
	color: #1f2b46;
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	margin: 0;
	padding: 0 0 0 12px;
}
.search-page-section-head span {
	color: #8a93a6;
	font-size: 14px;
}
.search-page-results {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.search-page-card {
	background: #fff;
	border: 1px solid #edf0f6;
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(25, 41, 72, 0.05);
	color: #1f2b46;
	display: flex;
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease;
}
.search-page-card:hover {
	box-shadow: 0 14px 34px rgba(25, 41, 72, 0.12);
	color: #1f2b46;
	text-decoration: none;
	transform: translateY(-2px);
}
.search-page-card-cover {
	background: #f4f6fb;
	flex: 0 0 168px;
	overflow: hidden;
}
.search-page-card-cover img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.search-page-card-info {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
	padding: 18px 20px;
}
.search-page-card-title {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #1d2538;
	display: -webkit-box;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.45;
	overflow: hidden;
}
.search-page-card-date {
	color: #8a91a3;
	font-size: 13px;
	line-height: 1.4;
	margin: 8px 0 0;
}
.search-page-card-summary {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #5d667a;
	display: -webkit-box;
	font-size: 14px;
	line-height: 22px;
	margin: 10px 0 0;
	overflow: hidden;
}
.search-page-empty {
	background: #fff;
	border: 1px solid #edf0f6;
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(25, 41, 72, 0.05);
	margin: 0;
	padding: 56px 30px;
	text-align: center;
}
.search-page-empty-title {
	color: #1f2b46;
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	margin: 0 0 10px;
}
.search-page-empty p {
	color: #8a93a6;
	font-size: 15px;
	line-height: 24px;
	margin: 0;
}
@media (max-width: 980px) {
	.search-page-results {
		grid-template-columns: 1fr;
	}
	.search-page-card-cover {
		flex-basis: 150px;
	}
}
@media (max-width: 640px) {
	.search-page-main {
		padding: 32px 0 56px;
	}
	.search-page-title {
		font-size: 24px;
		margin: 0 0 16px 4px;
	}
	.search-page-card {
		flex-direction: column;
	}
	.search-page-card-cover {
		flex-basis: auto;
		height: 160px;
		width: 100%;
	}
	.search-page-card-info {
		padding: 14px 16px 16px;
	}
	.search-page-section-head h5 {
		font-size: 18px;
	}
}

@media(max-width:640px){.service-hero{padding:112px 0 38px;}.service-hero h1{font-size:32px;}.service-hero p{font-size:17px;}.service-summary,.service-contact-card,.service-overview-intro,.service-lead-card,.service-brand-showcase,.service-settled-banner,.service-cooperation-head,.service-step-panel,.service-flow-card,.service-partner-card,.service-deliver-list{padding:22px;}.service-section-card{padding:24px 22px;}.service-overview-grid,.service-step-list,.service-rights-grid{grid-template-columns:1fr;}.service-overview-card{min-height:0;padding:24px 22px 58px;}.service-overview-intro h2,.service-lead-card h2,.service-brand-showcase h2,.service-settled-banner h2,.service-cooperation-head h2{font-size:24px;}.service-overview-link{left:22px;bottom:22px;}.service-flow-card li{display:block;}.service-flow-card span{display:block;margin-bottom:8px;}}

/* ===== 首页移动端新增组件默认隐藏（PC >768px 不显示） ===== */
.home-top-ad-mobile,
.home-page .home-news-mobile-slider { display: none; }

/* ===== 移动端布局优化（≤768px，仅影响移动端，PC 端布局不变） ===== */
@media (max-width: 768px) {
  /* 隐藏所有页面右侧边栏（首页 .home-aside-column / 详情页 .page-aside / 通用 .common-sidebar）
     这些双栏布局在 991px 已塌缩为单列，隐藏 aside 不会留下空列 */
  .home-aside-column,
  .page-aside,
  .common-sidebar {
    display: none !important;
  }

  /* 首页：顶部留白，避免内容贴顶（header 固定 60px） */
  .home-page .home-main {
    padding-top: 16px;
  }
  /* 首页：章节间距收紧（PC 端为 50px） */
  .home-page .home-main-column > * + * {
    margin-top: 24px;
  }
  .home-page .home-main-column > .home-products-row,
  .home-page .home-main-column > .general-widget,
  .home-page .home-main-column > .row {
    margin-top: 24px;
  }
  /* 首页：最新资讯头图自适应（PC 端固定 350px） */
  .home-page .home-news-slide {
    min-height: 0;
  }
  .home-page .home-news-featured {
    height: auto;
  }
  .home-page .home-news-featured .cover,
  .home-page .home-news-slide.is-banner .home-news-featured {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
  }
  /* 首页：设备器件分类导航改为静态块，避免与标题/查看更多重叠 */
  .home-page .home-products-row .title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .home-page .home-products-nav {
    position: relative;
    left: 0;
    top: 0;
    margin: 8px 0 0;
  }
  /* 首页：上市公司动态 / 行业资料双列堆叠后补间距 */
  .home-page .home-market-data-row .col-md-6 + .col-md-6 {
    margin-top: 24px;
  }

  /* ===== 首页移动端重构：招标信息 → 广告图 → 最新资讯(5卡轮播) ===== */
  /* 顺序：招标信息组件已自带（默认 block），仅收紧其外边距 */
  .home-page .top-widget-mobile { margin: 16px 0 12px; }

  /* 移动端顶部广告轮播：显示并铺满 */
  .home-top-ad-mobile { display: block; margin: 0 0 16px; }
  .home-top-ad-mobile .flexslider,
  .home-top-ad-mobile .slides,
  .home-top-ad-mobile .slides > li { background: transparent; border: 0; box-shadow: none; margin: 0; }
  .home-top-ad-mobile .slides > li { padding: 0; }
  .home-top-ad-mobile img { width: 100%; height: auto; display: block; border-radius: 12px; }
  .home-top-ad-mobile .flex-direction-nav { display: none; }
  .home-top-ad-mobile .flex-control-nav { bottom: -28px; }
  .home-top-ad-mobile .flex-control-paging li a { width: 8px; height: 8px; background: #fff; border: 1px solid #bfc5d2; box-shadow: none; }
  .home-top-ad-mobile .flex-control-paging li a.flex-active { background: #2644ba; border-color: #2644ba; }

  /* 最新资讯：移动端隐藏 PC 版轮播（1大+4小+广告图），改用 5 卡片轮播 */
  .home-page .home-news-slider { display: none; }
  .home-page .home-news-mobile-slider { display: block; margin: 0 0 16px; background: transparent; border: 0; box-shadow: none; }
  .home-page .home-news-mobile-slider .slides,
  .home-page .home-news-mobile-slider .slides > li { margin: 0; }
  /* 单张卡片：复用 .home-news-featured 视觉（圆角/边/淡阴影） */
  .home-page .home-news-mobile-card {
    display: block; overflow: hidden;
    background: #fff; border: 1px solid #eceef4; border-radius: 14px;
    box-shadow: 0 8px 24px rgba(22,38,82,.04); color: #151922;
  }
  .home-page .home-news-mobile-card .cover { overflow: hidden; background: #eef1f7; }
  .home-page .home-news-mobile-card .cover,
  .home-page .home-news-mobile-card .img { width: 100%; aspect-ratio: 16 / 9; }
  .home-page .home-news-mobile-card .img {
    height: 100%; background-size: cover; background-position: center center;
    transition: transform .25s ease-out;
  }
  .home-page .home-news-mobile-card:hover .img { transform: scale(1.035); }
  .home-page .home-news-mobile-card .title {
    display: -webkit-box; min-height: 48px; margin: 12px 14px 8px;
    overflow: hidden; color: #10131a; font-size: 16px; line-height: 24px;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  }
  .home-page .home-news-mobile-card .meta { margin: 0 14px 14px; color: #949aa6; font-size: 13px; }
  .home-page .home-news-mobile-card .meta span {
    display: inline-block; margin: 0 8px 0 0; padding: 3px 9px;
    color: #fff; font-size: 12px; line-height: 18px; background: #2644ba; border-radius: 8px;
  }
  /* 5 卡片轮播控制点 */
  .home-page .home-news-mobile-slider .flex-direction-nav { display: none; }
  .home-page .home-news-mobile-slider .flex-control-nav { position: static; margin: 14px 0 0; text-align: center; }
  .home-page .home-news-mobile-slider .flex-control-paging li a { width: 8px; height: 8px; background: #fff; border: 1px solid #bfc5d2; box-shadow: none; }
  .home-page .home-news-mobile-slider .flex-control-paging li a.flex-active { background: #2644ba; border-color: #2644ba; }
}