.hero-banner{padding-top: 140px;}
.hero-banner .link{display: block;}
.hero-banner .cover,
.hero-banner .cover img{height: calc(100vh - 140px);}
.hero-banner .cover img{object-fit: cover; object-position: center;}
.hero-banner .caption{
	width: 760px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -765px;
}
.hero-banner .caption .title{
	font-weight: 400;
	font-size: 8em;
	color: #fff;
	line-height: 1em;
	text-align: right;
	text-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.hero-banner .slick-dotted.slick-slider{margin-bottom: 0;}
.hero-banner .slick-dots{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 30px;
}
.hero-banner .slick-dots li{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #fff;
	margin: 0 5px;
}
.hero-banner .slick-dots li button{display: none;}
.hero-banner .slick-dots li.slick-active{background-color: #0083d0;}




.wg-product{height: 100vh; padding: 0; position: relative; overflow: hidden;}
.wg-product{position: relative;}
.wg-product .whead{position: absolute; z-index: 100; left: 0; right: 0; top: 210px; text-align: center;}
.wg-product .whead .title{display: inline-block; padding: 5px 20px; background-color: rgba(255,255,255,0.8);}
.wg-product-list{margin-top: 0;}
.wg-product-list{}
.wg-product-list .slick-list{margin: 0 -5px;}
.wg-product-list .item{padding: 0 5px;}
.wg-product-list .link{display: block; position: relative; background-position: center; background-size: cover; height: 100vh;}
.wg-product-list .link:before{
	content: '';
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	opacity: 0.5;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.wg-product-list .link:after{
	content: '';
	position: absolute;
	z-index: 6;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(13,74,153,0.5);
	opacity: 0;

	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	-webkit-transition-delay: 100ms;
	     -o-transition-delay: 100ms;
	        transition-delay: 100ms;
}
.wg-product-list .inner{position: absolute; z-index: 10; bottom: 40px; left: 20px; right: 20px; text-align: center;}
.wg-product-list .icon{
	display: inline-block;
	position: relative;
	width: 70px;
	height: 70px;
	border: 3px solid #fff;
	margin-bottom: 15px;
}
.wg-product-list .icon:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height: 3px;
	border-radius: 2px;
	background-color: #fff;

	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	-webkit-transition-delay: 100ms;
	     -o-transition-delay: 100ms;
	        transition-delay: 100ms;
}
.wg-product-list .icon:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 3px;
	height: 50%;
	border-radius: 2px;
	background-color: #fff;

	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	-webkit-transition-delay: 100ms;
	     -o-transition-delay: 100ms;
	        transition-delay: 100ms;
}
.wg-product-list .title{margin-bottom: 15px; font-weight: 400; font-size: 3em; color: #fff;
	line-height: 1.2em;
	height: 1.2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.wg-product-list .desc{font-weight: 300; font-size: 1.5em; color: #fff; 
	line-height: 1.2em;
	height: 2.4em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	
    margin-bottom: -2.4em;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	-webkit-transition-delay: 100ms;
	     -o-transition-delay: 100ms;
	        transition-delay: 100ms;
}
.wg-product-list .slick-arrow{
	z-index: 100;
	width: 40px; 
	height: 40px;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	background-color: #143d8d;
	color: #fff;

	opacity: 0;

	-webkit-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	-webkit-transition-delay: 2000ms;
	     -o-transition-delay: 2000ms;
	        transition-delay: 2000ms;
}
.wg-product-list .slick-arrow:before{display: none;}
.wg-product-list .slick-arrow:hover{}
.wg-product-list .slick-prev{left: 50px;}
.wg-product-list .slick-next{right: 50px;}
.wg-product-list .link:hover:after{opacity: 1;}
.wg-product-list .link:hover .icon:before{transform: rotate(45deg);}
.wg-product-list .link:hover .icon:after{transform: rotate(45deg);}
.wg-product-list .link:hover .desc{margin-bottom: 0; opacity: 1; visibility: visible;}

.wg-product.move .wg-product-list .slick-arrow{opacity: 1;}

.product-block .wg-product{height: auto;}
.product-block .wg-product .whead{top: 70px;}
.product-block .wg-product-list{margin-top: 0;}
.product-block .wg-product-list .slick-arrow{opacity: 1;}

.product-header{margin-bottom: 40px;}

.sticky-wrapper{position: relative; z-index: 1000;}
.sticky-wrapper.is-sticky .product-filter{background-color: rgba(255,255,255,0.9);}

.product-filter{padding: 15px 0;}
.product-filter .dropdown{}
.product-filter .sticky-wrapper{z-index: 10000;}
.product-filter .dropdown > div > .link{
	display: block;
	padding: 5px;
	text-align: center;
	line-height: 50px;
	font-size: 2.2em;
	font-weight: 300;
	color: #333;
}
.product-filter .dropdown > div > .link-1{
	background: rgb(54,101,173);
	background: -moz-linear-gradient(top,  rgba(54,101,173,1) 0%, rgba(16,46,122,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(54,101,173,1) 0%,rgba(16,46,122,1) 100%);
	background: linear-gradient(to bottom,  rgba(54,101,173,1) 0%,rgba(16,46,122,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3665ad', endColorstr='#102e7a',GradientType=0 );
}
.product-filter .dropdown > div > .link-2{
	background: rgb(0,159,219);
	background: -moz-linear-gradient(top,  rgba(0,159,219,1) 0%, rgba(0,104,190,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,159,219,1) 0%,rgba(0,104,190,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,159,219,1) 0%,rgba(0,104,190,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fdb', endColorstr='#0068be',GradientType=0 );
}
.product-filter .dropdown > div > .link span{
	display: block;
	height: 50px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(207,213,220,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(207,213,220,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(207,213,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfd5dc',GradientType=0 );
}
.product-filter .dropdown > .link{
	display: block;
	padding: 10px;
	text-align: center;
	line-height: 50px;
	font-size: 2.2em;
	font-weight: 300;
	color: #333;
}
.product-filter .dropdown > .link-1{
	background: rgb(54,101,173);
	background: -moz-linear-gradient(top,  rgba(54,101,173,1) 0%, rgba(16,46,122,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(54,101,173,1) 0%,rgba(16,46,122,1) 100%);
	background: linear-gradient(to bottom,  rgba(54,101,173,1) 0%,rgba(16,46,122,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3665ad', endColorstr='#102e7a',GradientType=0 );
}
.product-filter .dropdown > .link-2{
	background: rgb(0,159,219);
	background: -moz-linear-gradient(top,  rgba(0,159,219,1) 0%, rgba(0,104,190,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,159,219,1) 0%,rgba(0,104,190,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,159,219,1) 0%,rgba(0,104,190,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fdb', endColorstr='#0068be',GradientType=0 );
}
.product-filter .dropdown > .link span{
	display: block;
	height: 50px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(207,213,220,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(207,213,220,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(207,213,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfd5dc',GradientType=0 );
}
.product-filter .dropdown .dropdown-menu{
	border-radius: 0;
	margin: 0;
	box-shadow: none;
	max-width: inherit;
	width: 100%;
	border: 1px solid #bbb;
	height: 380px;
	padding: 0;
}
.product-filter .dropdown.open-static .dropdown-menu{
	display: block;
	position: relative;
	border-radius: 0;
	margin: 0;
	box-shadow: none;
	max-width: inherit;
	width: 100%;
	border: 1px solid #bbb;
	height: 380px;
	padding: 0;
}
.product-filter .dropdown .open ~ .dropdown-menu{
	display: block;
}
.product-filter .nav-list > li + li{border-top: 1px solid #bbb;}
.product-filter .nav-list .link{display: block; padding: 12px 15px; text-align: center; color: #333; font-size: 1.6em; font-weight: 300; line-height: 1.2em;}
.product-filter .nav-list .link:hover{color: #143d8d;}
.product-filter .item-list{/*margin: 0 -10px;*/ padding: 0 40px;}
.product-filter .item-list > li{width: calc(100% / 5); padding: 20px 30px;}
.product-filter .item-list .link{display: block;}
.product-filter .mcscroll{margin: 20px 0; height: 340px;}

.product-body{margin-top: 60px;}
.product-body .topic{margin-bottom: 40px; font-weight: 400; font-size: 4em; color: #0086d0; text-align: center; line-height: 1.2em;}
.product-body .topic img{display: inline-block;}
.product-body .block + .block{margin-top: 60px;}
.product-list .item-list{margin: 0 -35px;}
.product-list .item-list > li{width: calc(100% / 4); padding: 0 35px;}
.product-list .link{display: block; text-align: center; color: #333;}
.product-list .cover{border: 1px solid #bbb; position: relative;
	-webkit-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.product-list .tag{position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); background-color: #ddd; padding: 0 10px; color: #fff; font-size: 2em; line-height: 1em;}
.product-list .tag.hot{background-color: #ea4335;}
.product-list .tag.new{background-color: #0086d0;}
.product-list .title{margin-top: 15px; font-weight: 400; font-size: 2em; line-height: 1.2em;}
.product-list .link:hover .cover{box-shadow: 0 0 20px rgba(34,167,245,0.4);}

.product-relate{border-top: 1px solid #bbb; padding-top: 50px; margin-top: 80px;}
.product-relate .whead-sm{margin-bottom: 50px;}

.product-detail{}
.product-detail .slider{width: 600px; margin: 0 auto;}
.product-detail .slider-for{margin-bottom: 20px;}
.product-detail .slider-nav .slick-list{margin: 0 -10px;}
.product-detail .slider-nav .item{padding: 0 10px;}
.product-detail .slider-nav .cover{opacity: 0.5;}
.product-detail .slider-nav .slick-current .cover{opacity: 1;}
.product-detail .content{padding-left: 50px;}
.product-detail .content .title{margin-bottom: 25px; font-size: 3.6em; font-weight: 400; color: #143d8d;}
.product-detail .content .action{margin-top: 40px;}
.product-detail .content .action .btn{float: left;}
.product-detail .content .action .btn + .btn{margin-left: 20px;}




.wg-news{height: 100vh; position: relative; overflow: hidden;
	background: rgb(218,226,232);
	background: -moz-linear-gradient(top,  rgba(218,226,232,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(218,226,232,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(218,226,232,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae2e8', endColorstr='#ffffff',GradientType=0 );
}
.wg-news .whead{text-align: center;}
.wg-news-area{display: flex; height: calc(100vh - 140px); margin-top: 140px;}
.wg-news-area > div{margin: auto;}
.wg-news-list .slick-list{margin: 0 -15px; overflow: visible;}
.wg-news-list .item{padding: 0 15px;}
.wg-news-list .link{display: block; position: relative; background-color: #e3e6e9;
	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	-webkit-transition-delay: 100ms;
	     -o-transition-delay: 100ms;
	        transition-delay: 100ms;
}
.wg-news-list .date{position: absolute; z-index: 10; top: 0; left: 25px; padding: 14px 0; width: 80px; height: 80px; text-align: center; color: #fff; font-weight: 300; background-color: #273e8e; font-size: 2.4em; line-height: 1.1em;
	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	-webkit-transition-delay: 100ms;
	     -o-transition-delay: 100ms;
	        transition-delay: 100ms;
}
.wg-news-list .date strong{display: block; font-weight: 400; font-size: 1.2em;}
.wg-news-list .cover{position: relative;}
.wg-news-list .cover:before{
	content: '';
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(13,74,153,0.5);
	opacity: 0;

	-webkit-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	-webkit-transition-delay: 100ms;
	     -o-transition-delay: 100ms;
	        transition-delay: 100ms;
}
.wg-news-list .inner{height: 150px; padding: 25px; position: relative;}
.wg-news-list .inner:before{
	content: '';
	position: absolute;
	top: 0;
	left: 25px;
	width: 60px;
	height: 6px;
	background-color: #0083d0;
}
.wg-news-list .title{margin-bottom: 14px; font-weight: 400; font-size: 2em; color: #333; 
	line-height: 1.2em;
	max-height: 2.4em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.wg-news-list .desc{font-weight: 200; font-size: 1.6em; color: #333; 
	line-height: 1.2em;
	max-height: 2.4em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.wg-news-action{text-align: center; margin-top: 50px;}
.wg-news-list .link:hover{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.wg-news-list .link:hover .date{background-color: #0083d0;}
.wg-news-list .link:hover .cover:before{opacity: 1;}

.news-block .wg-news-list .link{margin-bottom: 30px;}
.news-detail{}
.news-detail .slider{}
.news-detail .slider-for{margin-bottom: 20px;}
.news-detail .slider-nav .slick-list{margin: 0 -10px;}
.news-detail .slider-nav .item{padding: 0 10px;}
.news-detail .slider-nav .cover{opacity: 0.5;}
.news-detail .slider-nav .slick-current .cover{opacity: 1;}
.news-detail .content{margin-left: 50px; padding-bottom: 100px; position: relative;}
.news-detail .content .title{margin-bottom: 25px; font-size: 3em; font-weight: 400; color: #333;}
.news-detail .content .action{position: absolute; bottom: 0; left: 0;}




.wg-business{height: 100vh; position: relative; overflow: hidden;}
.wg-business-bg{position: absolute; top: 140px; bottom: 0; left: 0; width: 100%;}
.wg-business-bg img{position: absolute; width: 100%; height: 100%; object-fit: cover;
	transform: scale(1);
}
.wg-business.move .wg-business-bg img{
    animation: bgzoombusiness 20000ms
}
@keyframes bgzoombusiness {
    0% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}
.wg-business .whead{text-align: left;}
.wg-business-area{display: flex; height: calc(100vh - 140px); margin-top: 140px;}
.wg-business-area > div{margin: auto;}
.wg-business .inner .desc{font-size: 2.2em; font-weight: 200; line-height: 1.4em;}
.wg-business .inner .desc strong{font-weight: 400;}
.wg-business .gallery{margin: 30px 0;}
.wg-business .gallery .item-list{margin: 0 -10px;}
.wg-business .gallery .item-list > li{padding: 0 10px; width: calc(100% / 4);}

.business-block .wg-business{height: auto; padding: 80px 0;}
.business-block .wg-business-bg{top: 0;}
.business-block .wg-business-bg img{width: 100%; transform: scale(1);
    animation: bgzoombusiness 20000ms
}
@keyframes bgzoombusiness {
    0% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}
.business-block .wg-business-area{height: auto; margin-top: 0;}





.wg-history{height: 100vh; position: relative; overflow: hidden; background: url('../img/background/wg-history.jpg') center; background-size: cover;}
.wg-history .whead{text-align: center;}
.wg-history-area{display: flex; height: calc(100vh - 140px); margin-top: 140px;}
.wg-history-area > div{margin: auto;}
.wg-history-slider{padding-top: 10px;}
.wg-history-slider .slider-for .slick-list{overflow: visible;}
.wg-history-slider .slider-nav{position: relative; margin-top: 40px;}
.wg-history-slider .slider-nav:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
	height: 4px;
	background-color: #fff;
}
.wg-history-slider .slider-nav .item{padding: 40px 0;}
.wg-history-slider .slider-nav .link{position: relative; display: block; width: 30px; margin: 0 auto;}
.wg-history-slider .slider-nav .icon{
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #1159b2;
	border: 3px solid #fff;
	margin: 4px;
}
.wg-history-slider .slider-nav .title{
	position: absolute;
	margin-bottom: 8px;
	bottom: 100%;
	left: 50%;
	transform: translate(-50%, 0);

	color: #333;
	font-size: 2em;
	font-weight: 300;
}
.wg-history-slider .slider-nav .slick-current .icon{
	margin: 0;

	width: 30px;
	height: 30px;
	background-color: #273e8e;
}
.wg-history-slider .slider-nav .slick-current .title{
	font-size: 2.4em;
	color: #143d8d;
}
.wg-history-slider .slider-nav .link:hover .title{color: #143d8d;}
.wg-history-slider .slick-arrow{
	z-index: 100;
	width: 60px; 
	height: 60px;
	font-size: 60px;
	text-align: center;
	color: #adbbca;

	-webkit-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	-webkit-transition-delay: 100ms;
	     -o-transition-delay: 100ms;
	        transition-delay: 100ms;
}
.wg-history-slider .slick-arrow:before{display: none;}
.wg-history-slider .slick-arrow:hover{color: #143d8d;}
.wg-history-slider .slick-prev{left: 0;}
.wg-history-slider .slick-next{right: 0;}
.wg-history-slider .content{padding: 0 130px;}
.wg-history-slider .content .cover{width: 620px; border: 5px solid #fff; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.wg-history-slider .content .cover .wrapper{position: relative; overflow: hidden;}
.wg-history-slider .content .cover img{
	position: relative;
	z-index: 10;

	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	-webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition: 100ms;
}
.wg-history-slider .content .cover:hover img{transform: scale(1.06);}
.wg-history-slider .content .inner{padding-left: 90px;}
.wg-history-slider .content .date{
	width: 150px;
	text-align: center;
	position: relative;
	display: inline-block;
	background-color: #1159b2;
	color: #fff;
	font-size: 4.6em;
	line-height: 1em;
	padding: 5px 25px;
}
.wg-history-slider .content .date .year{
	position: absolute;
	top: 0;
	left: 100%;
	width: 20px;
	height: 100%;
	background-color: #143d8d;
}
.wg-history-slider .content .date .year span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
	font-size: 15px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.wg-history-slider .content .desc{margin: 20px 0 0 0; font-weight: 200; font-size: 2em; line-height: 1.4em;}

.history-block .wg-history{height: auto; padding: 80px 0;}
.history-block .wg-history-area{height: auto; margin-top: 0;}




.contact-form .form-group{margin-bottom: 25px;}
.contact-form .form-button .btn{min-width: 140px;}

.contact-nav{text-align: center; margin: 60px 0 50px 0;}
.contact-nav .nav-list{display: inline-block;}
.contact-nav .nav-list > li + li:before{
	content: '';
	position: relative;
	top: -5px;
	float: left;
	width: 1px;
	height: 50px;
	background-color: #ccc;
	margin: 0 50px;
}
.contact-nav .link{display: block; float: left; white-space: nowrap; font-weight: 300; font-size: 3em; color: #333; line-height: 1.2em;}
.contact-nav .icon{display: inline-block; vertical-align: top; position: relative; top: -10px; margin-right: 5px; 
	filter: brightness(0) invert(0); 
	opacity: 0.8;
	transition: all 200ms ease-out;
}
.contact-nav .active .link,
.contact-nav .link:hover{color: #1e4e9d;}
.contact-nav .active .link .icon,
.contact-nav .link:hover .icon{filter: brightness(1) invert(0); opacity: 1;}

.contact-info .inner .title{margin-bottom: 5px; font-size: 2.2em; font-weight: 400; color: #38abde;}
.contact-info .inner .desc{font-size: 2em; line-height: 1.4em; font-weight: 200; padding-right: 40px;}
.contact-info .inner .info{font-size: 2em; line-height: 1.4em; font-weight: 200; margin-top: 25px;}
.contact-info .inner .info strong{font-weight: 400;}
.contact-info .inner .info > div + div{margin-top: 8px;}
.contact-info .social{margin-top: 35px;}
.contact-info .social .link{float: left; width: 40px; height: 40px; color: #fff; font-size: 20px; text-align: center; line-height: 40px; background-color: #ddd;}
.contact-info .social .link + .link{margin-left: 10px;}
.contact-info .social .link.facebook{background-color: #226cc1;}
.contact-info .social .link.email{background-color: #d9594e;}



.book-list{
	background-image: url('../img/static/shelf.png');
	background-position: center top;
}
.book-list .item-list{margin: 0 -15px;}
.book-list .item-list > li{padding: 0 15px; margin-bottom: 80px; width: calc(100% / 4);}
.book-list .link{display: block; width: 260px; border: 1px solid transparent; margin: 0 auto;}
.book-list .link:hover{box-shadow: 0 0 20px rgba(34,167,245,0.8);}

.book-nav{text-align: center; margin: 60px 0 50px 0;}
.book-nav .nav-list{display: inline-block;}
.book-nav .nav-list > li + li:before{
	content: '';
	position: relative;
	top: -5px;
	float: left;
	width: 1px;
	height: 50px;
	background-color: #ccc;
	margin: 0 50px;
}
.book-nav .link{display: block; float: left; white-space: nowrap; font-weight: 300; font-size: 3em; color: #333; line-height: 1.2em;}
.book-nav .icon{display: inline-block; vertical-align: top; position: relative; top: -10px; margin-right: 5px; 
	filter: brightness(0) invert(0); 
	opacity: 0.8;
	transition: all 200ms ease-out;
}
.book-nav .active .link,
.book-nav .link:hover{color: #1e4e9d;}
.book-nav .active .link .icon,
.book-nav .link:hover .icon{filter: brightness(1) invert(0); opacity: 1;}

.book-detail .cover{}
.book-detail .content{margin-left: 50px; padding-bottom: 100px; position: relative;}
.book-detail .content .title{margin-bottom: 25px; font-size: 3em; font-weight: 400; color: #333;}
.book-detail .content .action{position: absolute; bottom: 0; left: 0;}

.book-relate{border-top: 1px solid #bbb; padding-top: 50px; margin-top: 80px;}
.book-relate .whead-sm{margin-bottom: 50px;}




.inquiries-block .form-default{width: 1010px; margin: 0 auto; padding-top: 20px;}




.career-filter{margin-bottom: 50px;}
.career-filter .select-wrapper{
	width: 470px;
	margin: 0 auto;
	padding: 10px;
	background: rgb(0,159,219);
	background: -moz-linear-gradient(top,  rgba(0,159,219,1) 0%, rgba(0,104,190,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,159,219,1) 0%,rgba(0,104,190,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,159,219,1) 0%,rgba(0,104,190,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fdb', endColorstr='#0068be',GradientType=0 );
}
.career-list .item-list{margin: 0 -15px;}
.career-list .item-list > li{padding: 0 15px; width: calc(100% / 4); margin-bottom: 30px;}
.career-list .link{display: block; color: #333; background-color: #dae2e8; height: 180px; padding: 20px;}
.career-list .title{font-size: 2.2em; font-weight: 400;
	line-height: 1.2em;
	max-height: 3.6em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.career-list .desc{margin: 10px 0 0 0; color: #38abde; font-weight: 200; font-size: 2em; line-height: 1.2em;}
.career-list .link:hover{background-color: #143d8d; color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.career-content{height: 730px; margin-top: 20px; margin-right: 100px; padding-right: 0; border-right: 1px solid #a5acb2;}
.career-content .mCustomScrollBox{padding-right: 40px;}
.career-content .mCSB_scrollTools{right: 10px;}
.career-content .title{margin-bottom: 10px; font-size: 1em; color: #38abde; font-weight: 400;}
.career-content .editor-content{padding-top: 10px;}
.career-content .action{margin-top: 40px;}

.career-form{margin-top: 20px;}
.career-form .form-default{padding-top: 10px;}
.career-form .form-default .form-button:before,
.career-form .form-default .form-button:after{content: ' '; display: table;}
.career-form .form-default .form-button:after{clear: both;}
.career-form .form-default .form-button .btn{float: left;}
.career-form .form-default .form-button .btn + .btn{margin-left: 20px;}