/*.slick-prev,
.slick-next{transform: inherit; left: 50%; right: auto; top: auto; bottom: 80px;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.slick-prev{margin-left: -580px;}
.slick-next{margin-left: -520px;}
.slick-prev:before,
.slick-next:before{font-family: 'FontAwesome'; font-size: 32px; position: relative; z-index: 1;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.slick-prev:before{content: "\f104"; left: -2px;}
.slick-next:before{content: "\f105"; right: -2px;}
.slick-prev:after,
.slick-next:after{content: ''; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background-color: #fff; width: 50px; height: 60px;}
.slick-prev:hover:before,
.slick-next:hover:before {color: #1f7fc2;}
.slick-prev:after,
.slick-next:after {
    content: '';
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background-color: #fff;
    width: 50px;
    height: 60px;
    display: block;
    position: relative;
    z-index: 0;
    top: -46px;
    left: -15px;
}
.slick-prev:hover,
.slick-next:hover{box-shadow: 4px 11px 31px 0 #000;}*/




.slick-slide:focus{outline: none;}
.slick-slide .item{float: left;}
.slick-arrow{
	position: absolute;
	left: 50%;
	right: auto; 
	top: auto; 
	bottom: 80px;

	width: 50px;
    height: 60px;
    text-align: center;
    line-height: 66px;
    font-size: 24px;
    color: #999;
    display: block;
    z-index: 10;

    transform: translate(0, 0);
	transition: all 200ms ease-out;
}
.slick-arrow:before{
    position: absolute;
    z-index: 5;
    width: 100%;
    left: 0;
    top: 15px;
    bottom: 15px;
    box-shadow: 0 10px 20px rgba(148,155,161,0.4);

    transition: all 200ms ease-out;
}
.slick-arrow:after{
	content: '';
	display: block;
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background-color: #fff;
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.slick-arrow:hover{color: #0f76be;}
.slick-arrow:hover:before{box-shadow: 0 10px 20px rgba(148,155,161,0.8);}
.slick-arrow span{position: relative; z-index: 10;}
.slick-prev{margin-left: -590px;}
.slick-next{margin-left: -530px;}

.slick-arrow.slick-disabled{color: #ddd; opacity: 0.7;}
.slick-arrow.slick-disabled:before{opacity: 1;}
.slick-arrow.slick-disabled:hover:before{
	box-shadow: 0 10px 20px rgba(148,155,161,0.4);
}




.main-slider .link{display: block;}
.main-slider .cover{position: relative;}
.main-slider .cover img{object-fit: cover; object-position: center; height: 900px;}
.main-slider .slick-dots {bottom: -30px;}





.wg-service{position: relative; padding: 80px 0;}
.wg-service .whead{text-align: center; position: relative; z-index: 100;}
.wg-service-list{position: relative; text-align: center;}
.wg-service-list .item-list{position: relative; z-index: 1; width: 834px; display: inline-block; margin: 0 auto;}
.wg-service-list .item-list > li{margin: 0 -1px;}
.wg-service-list .item-list > li:nth-child(1) .wrapper{background-image: url(../img/static/s-list-bg2.png);}
.wg-service-list .item-list > li:nth-child(2) .wrapper{background-image: url(../img/static/s-list-bg1.png);}
.wg-service-list .item-list > li:nth-child(3) .wrapper{background-image: url(../img/static/s-list-bg3.png);}
.wg-service-list .item-list > li:nth-child(4) .wrapper{background-image: url(../img/static/s-list-bg4.png);}
.wg-service-list .item-list > li:nth-child(5) .wrapper{background-image: url(../img/static/s-list-bg5.png);}

.wg-service-list .item-list > li:nth-child(4){margin-left: 139px; margin-top: -83px;}
.wg-service-list .item-list > li:nth-child(5){margin-top: -83px;}

.wg-service-list .link{display: table; width: 100%; text-align: center;}
.wg-service-list .wrapper{display: table-cell; vertical-align: middle;
	width: 280px; height: 324px;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.wg-service-list .wrapper:after{
	content: ''; position: absolute; z-index: -1; width: 100%; height: 100%;
	top: 0; left: 0; right: 0; bottom: 0; opacity: 0;
	background-size: contain; background-repeat: no-repeat; background-position: center;
	background-image: url(../img/static/s-list-bg-hover.png); 
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.wg-service-list .thumb{position: relative;}
.wg-service-list .thumb img{width: 80px; height: 80px; object-fit: contain;}
.wg-service-list .title{margin-top: 15px; font-weight: normal; color: #333;}
/*.wg-service-list .item-list > li .link:hover .wrapper{background-image: url(../img/static/s-list-bg-hover.png);}*/
.wg-service-list .item-list > li .link:hover .wrapper:after{opacity: 1;}
.wg-service-list .link:hover .wrapper .thumb img{filter: grayscale(100%) brightness(200%);}
.wg-service-list .link:hover .wrapper .title{color: #fff;}
.wg-service-action{text-align: center; margin-top: 40px;}
.wg-service .bg-wrapper{
	position: absolute; 
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wg-service .bg-wrapper .bg{
	background-color: #fff;

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	transition: all 400ms ease-out;
	/*transition-delay: 100ms;*/
}
.wg-service .bg-wrapper .bg{background-image: url(../img/background/bg-wg-s-default.jpg);}
.wg-service .bg-wrapper .bg{opacity: 0; z-index: 10;}
.wg-service .bg-wrapper .bg.default{opacity: 1; z-index: 5;}
.wg-service .bg-wrapper .bg.open{opacity: 1;}

/*.wg-service .whead{width: 290px; left: 0; right: 0; top: 120px; margin: auto; position: absolute; z-index: 2;}*/

/*.wg-service .list-box{position: relative; height: 700px; padding-top: 160px;}
.wg-service .list-box .bg{
	position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/background/bg-wg-s-1.jpg);
}
.wg-service .list-box .bg.-bgI{opacity: 0;}
.wg-service .list-box .bg.-bgII{opacity: 0;}
.wg-service .list-box .bg.-bgIII{opacity: 0;}
.wg-service .list-box .bg.-bgIV{opacity: 0;}
.wg-service .list-box .bg.-bgV{opacity: 0;}
.wg-service .item-list{position: relative; z-index: 1; width: 840px; padding: 70px 0; margin: 0 auto;}
.wg-service .item-list li{float: none; display: inline-block; margin:-45px -3px;}
.wg-service .item-list .link{display: table; width: 100%;}
.wg-service .item-list .wrapper{display: table-cell; vertical-align: middle;
	width: 280px; height: 324px;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.wg-service .item-list li:nth-child(1) .wrapper{background-image: url(../img/static/s-list-bg2.png);}
.wg-service .item-list li:nth-child(2) .wrapper{background-image: url(../img/static/s-list-bg1.png);}
.wg-service .item-list li:nth-child(3) .wrapper{background-image: url(../img/static/s-list-bg3.png);}
.wg-service .item-list li:nth-child(4) .wrapper{background-image: url(../img/static/s-list-bg4.png);}
.wg-service .item-list li:nth-child(5) .wrapper{background-image: url(../img/static/s-list-bg5.png);}
.wg-service .item-list .wrapper:before{content: '';}
.wg-service .item-list .thumb{position: relative;}
.wg-service .item-list .thumb img{width: 80px; height: 80px; object-fit: contain;}
.wg-service .item-list .title{margin-top: 15px; font-weight: normal; color: #333;}
.wg-service .item-list li .link:hover .wrapper{background-image: url(../img/static/s-list-bg-hover.png);}
.wg-service .item-list li .link:hover .wrapper .thumb img{filter: grayscale(100%) brightness(200%);}
.wg-service .item-list li .link:hover .wrapper .title{color: #fff;}

.wg-service .list-box .bg.-bgI.open{opacity: 1;}
.wg-service .list-box .bg.-bgII.open{opacity: 1;}
.wg-service .list-box .bg.-bgIII.open{opacity: 1;}
.wg-service .list-box .bg.-bgIV.open{opacity: 1;}
.wg-service .list-box .bg.-bgV.open{opacity: 1;}

.wg-service .btn-box{margin: auto; width: 150px; position: absolute; z-index: 2; left: 0; right: 0; bottom: 80px;}
.wg-service .btn-box > .btn{display: block;}*/




.wg-present .vdo{width: 100%; height: 600px; position: relative;}
.wg-present .vdo .cover{position: absolute;width: 100%;top: 0;bottom: 0;background-color: #000;}
.wg-present .vdo .cover:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/icon/play.png) center no-repeat;}
.wg-present .vdo .cover iframe{border: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.wg-present .vdo a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.wg-present .vdo a:before{
	content: '';
	position: absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 120px;
	height: 120px;
	background-image: url(../img/icon/play.png);
	background-size: cover;
	opacity: 0.8;

	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.wg-present .vdo a:hover:before{
	opacity: 1;
}
.wg-present .vdo a img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}




.wg-about{position: relative; padding: 80px 0;}
.wg-about-area{
	padding-left: 300px;
	background-image: url(../img/background/bg-wg-about-area.jpg);
	background-position: left 30px;
	background-repeat: no-repeat;
}
.wg-about-area .cover{}
.wg-about-area .cover img{max-width: 100%;}
.wg-about-area .content{padding-right: 380px; margin-top: -80px;}
.wg-about-area .content .tenyear{width: 220px; margin-left: 15px;}
.wg-about-area .content .title{color: #0f76be; font-size: 30px; font-weight: normal; margin-top: 58px; margin-bottom: 20px;}
.wg-about-area .content .desc{}
.wg-about-area .btn-box{margin-top: 30px;}
.wg-about-area .btn-box > .btn{display: inline-block;}




.wg-project{position: relative; padding: 80px 0; overflow: hidden;}
.wg-project .whead{margin-bottom: 0;}
.wg-project .btn-box{width: 150px;}
.wg-project .btn-box > .btn{display: block;}
.wg-project-slider{margin-top: 60px;}
.wg-project-slider .slick-list{overflow: visible; margin: 0 -30px;}
.wg-project-slider .slick-arrow{bottom: 0;}
.wg-project-slider .item{padding: 0 30px;}
.wg-project-slider .wrapper{padding-bottom: 100px; position: relative;}
.wg-project-slider .wrapper .cover{width: 1150px;}
.wg-project-slider .wrapper .cover img{object-fit: cover; height: 520px;}
.wg-project-slider .content{width: 340px; height: 340px; background-color: #fff; position: absolute; padding: 40px;
	bottom: 0;
	right: 0px;

	box-shadow: 0 5px 15px rgba(148,155,161,0.25);

	transition: all 1200ms ease-out;
	transition-delay: 200ms;
}
.wg-project-slider .content .title{
	color: #0f76be;
	font-size: 30px; 
	font-weight: normal;
	line-height: 1em;
	max-height: 2em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.wg-project-slider .content .desc{color: #333; margin-top: 20px;
	font-size: 24px;
	line-height: 1.1em;
	max-height: 4.4em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.wg-project-slider .content .more{color: #999; font-weight: normal; font-size: 18px; margin-top: 30px; display: block;}
.wg-project-slider .content .more:hover{color: #333;}
.wg-project-slider .slick-current .content{right: 100px;}




.wg-article{position: relative; padding: 80px 0; overflow: hidden;}
.wg-article{
	background-repeat: no-repeat; background-size: cover;
	background-image: url(../img/background/bg-article.jpg);
}
.wg-article .whead{margin-bottom: 0;}
.wg-article .btn-box{width: 150px;}
.wg-article .btn-box > .btn{display: block;}
.wg-article-slider{margin-top: 60px; padding-bottom: 80px;}
.wg-article-slider .slick-list{overflow: visible;}
.wg-article-slider .slick-arrow{bottom: 0px;}
.wg-article-slider .item{opacity: 0; visibility: hidden;
	transition: all 400ms ease-out;
}
.wg-article-slider .slick-active{opacity: 1; visibility: visible;}
.wg-article-slider .wrapper{background-color: #FFF; padding: 20px; box-shadow: 0 5px 15px rgba(148,155,161,0.25);}
.wg-article-slider .thumb{width: 150px;}
.wg-article-slider .thumb .cover{position: relative; padding-top: 75%;}
.wg-article-slider .thumb .cover img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /*width: 150px; height: 130px;*/}
.wg-article-slider .content{position: relative; padding: 10px 0 10px 20px;}
.wg-article-slider .content .title{
	color: #0f76be;
	font-size: 24px; 
	font-weight: normal;
	line-height: 1em;
	max-height: 2em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.wg-article-slider .content .desc{color: #333; margin-top: 20px; display: none;}
.wg-article-slider .content .more{color: #999; font-weight: normal; font-size: 18px; margin-top: 10px; display: block;}
.wg-article-slider .content .more:hover{color: #333;}
.wg-article-slider .wrapper+.wrapper{margin-top: 20px;}
.wg-article-slider .wrapper.highlight{padding: 40px;}
.wg-article-slider .wrapper.highlight .thumb{width: 327px;}
.wg-article-slider .wrapper.highlight .thumb .cover{padding-top: 75%;}
.wg-article-slider .wrapper.highlight .thumb .cover img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /*width: 310px; height: 280px;*/}
.wg-article-slider .wrapper.highlight .content{padding: 30px 0 30px 40px;}
.wg-article-slider .wrapper.highlight .content .title{
	color: #0f76be;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.1em;
	max-height: 2.2em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.wg-article-slider .wrapper.highlight .content .desc{display: block;
	line-height: 1.1em;
	max-height: 3.3em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.wg-article-slider .wrapper.highlight .content .more{margin-top: 25px;}
/*.wg-article-slider .slick-current .wrapper{padding: 40px;}
.wg-article-slider .slick-current .thumb{width: 310px;}
.wg-article-slider .slick-current .thumb .cover img{object-fit: cover; width: 310px; height: 270px;}
.wg-article-slider .slick-current .wrapper .content{padding: 30px 0 30px 40px;}
.wg-article-slider .slick-current .wrapper .content .desc{display: block;}
.wg-article-slider .slick-track{width: 1210px !important;}
.wg-article-slider .item{padding: 10px; float: left; width: calc(1210px / 3)!important;}
.wg-article-slider .item:first-child {width: calc(1210px / 1.5)!important;}*/




.wg-contact{position: relative; padding: 80px 0;}
.wg-contact .whead{margin-bottom: 35px;}
.wg-contact .desc{}
.wg-contact .desc .icon{position: relative; width: 20px; top: -2px; margin-right: 4px;}
.wg-contact .desc .link{color: #333; padding-top: 8px; display: inline-block; margin-right: 20px;}
.wg-contact .desc .link:hover{color: #0f76be;}
.wg-contact .form-default{padding-top: 3px;}
.wg-contact .form-default .form-group{margin-bottom: 0;}
.wg-contact .form-default .block-control{}
.wg-contact .form-default .form-control{padding: 0 15px; min-height: 50px; height: 50px; border: 1px solid #eff1f1; /*border-width: 1px;*/ /* border-color: #eff1f1;*/ border-right: 0; border-width: 2px; width: 100%;}







.default-page{position: relative;}





.about-page{
	background-image: url(../img/background/bg-about-page.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.about-block1,
.about-block2,
.about-block3{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.about-block1{height: 700px;}
.about-block1 .thumb{padding-top: 70px;}
.about-block1 .content{padding-top: 160px;}
.about-block1 .content .desc{font-size: 26px; line-height: 1em;}

.about-block2 .row-table{}
.about-block2 .whead{text-align: center; margin-bottom: 0;}
.about-block2 .whead .quote{font-size: 110px; font-weight: bold; line-height: 0px; position: relative;}
.about-block2 .whead .quote.-top{bottom: -5px;}
.about-block2 .whead .quote.-bottom{bottom: -55px;}
.about-block2 .content{ width: 678px; height: 100%; position: relative;}
.about-block2 .content:before{content: ''; position: absolute; z-index: 0; bottom: 100%;
	width: 0;height: 0;
	border-style: solid;
	border-width: 0 339px 206px 339px;
	border-color: transparent transparent #fff transparent;
	filter: drop-shadow(0 0px 30px rgba(177, 178, 178, 0.4));
}
.about-block2 .content .inner{
	background-color: #fff; padding: 60px 60px; position: relative; z-index: 1;
	-webkit-box-shadow:0 30px 20px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0 30px 20px 5px rgba(0, 0, 0, 0.3);
    box-shadow:0 30px 20px 5px rgba(0, 0, 0, 0.3);
}
.about-block2 .content .title{font-size: 40px; font-weight: normal; color: #0f76be; line-height: 1em; margin-bottom: 20px;}
.about-block2 .content .desc{font-size: 26px; font-weight: 300; color: #333; line-height: 1em;}
.about-block2 .content .desc span{color: #0f76be;}

.about-block3{position: relative; z-index: 2; padding-top: 75px; padding-bottom: 150px;}
.about-block3 .whead{text-align: center; margin-bottom: 80px;}
.about-block3 .circle-box{position: relative;}
.about-block3 .circle-box .nav-list{
	pointer-events: none;
	position: relative;  
	width: 580px; 
	height: 580px; 
	border:2px dashed #1074bc; 
	margin: 0 auto;
	border-radius: 50%;
}
/*.about-block3 .circle-box .nav-list li{position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%;}
.about-block3 .circle-box .nav-list li .link{display: block; position: relative; pointer-events: visible;}
.about-block3 .circle-box .nav-list li .link:after{content: '';
	position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; pointer-events: none;
	background-image: url(../img/static/mask2.png);
	background-position: center; background-size: contain;
	background-repeat: no-repeat;
	transition: all 200ms ease-out;
}
.about-block3 .circle-box .nav-list li .wrapper{width: 110px; height: 130px; position: relative; text-align: center; line-height: 130px;}
.about-block3 .circle-box .nav-list li .wrapper:before {
    content: '';position: absolute;z-index: 0;
    width: 100%;left: 0; top: 15px; bottom: 15px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15);
}
.about-block3 .circle-box .nav-list li .wrapper:after {
    content: ''; display: block;
    background-image: url(../img/static/hexmask1.png);
	background-position: center; background-size: contain;
	background-repeat: no-repeat;
    position: absolute; z-index: 1;width: 100%;height: 100%;top: 0;left: 0;
    transition: all 200ms ease-out;
}
.about-block3 .circle-box .nav-list li .wrapper img{position: relative; z-index: 3; display: inline-block;}
.about-block3 .circle-box .nav-list li .wrapper .mask{position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;}
.about-block3 .circle-box .nav-list li .wrapper .mask{position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;}
.about-block3 .circle-box .nav-list li .wrapper .mask:before{content: '';
	position: absolute; z-index: 4; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; pointer-events: none;
	background-image: url(../img/static/mask.png);
	background-position: center; background-size: contain;
	background-repeat: no-repeat;
	transition: all 200ms ease-out;
}
.about-block3 .circle-box .nav-list li .wrapper .mask:after{content: ''; pointer-events: none;
	position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; opacity: 0;
	background-image: url(../img/static/hexmask2.png);
	background-position: center; background-size: contain;
	background-repeat: no-repeat;
	transition: all 200ms ease-out;
}
.about-block3 .circle-box .nav-list li .link:hover .wrapper img{filter: invert(1) grayscale(100%) brightness(4);}
.about-block3 .circle-box .nav-list li .link:hover .wrapper .mask:after{opacity: 1;}
.about-block3 .circle-box .nav-list li .link.active:after{opacity: 1; top: -15px; left: -15px; right: -15px; bottom: -15px;}
.about-block3 .circle-box .nav-list li .link.active .wrapper img{filter: invert(1) grayscale(100%) brightness(4);}
.about-block3 .circle-box .nav-list li .link.active .wrapper .mask:before{opacity: 0;}
.about-block3 .circle-box .nav-list li .link.active .wrapper .mask:after{opacity: 1;}
.about-block3 .circle-box .nav-list li:nth-child(1){top: auto; bottom: -130px;}
.about-block3 .circle-box .nav-list li:nth-child(2){top: auto; left: 80px; bottom: -50px;}
.about-block3 .circle-box .nav-list li:nth-child(3){left: 0;}
.about-block3 .circle-box .nav-list li:nth-child(4){top: 100px; left: 80px;}
.about-block3 .circle-box .nav-list li:nth-child(5){top: 0;}
.about-block3 .circle-box .nav-list li:nth-child(6){top: 100px; left: auto; right: -20px;}
.about-block3 .circle-box .nav-list li:nth-child(7){left: auto; right: -100px;}
.about-block3 .circle-box .nav-list li:nth-child(8){top: auto; left: auto; right: -20px; bottom: -50px;}*/




.about-block3 .circle-box .nav-list li{position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%;}
.about-block3 .circle-box .nav-list li:nth-child(1){top: auto; bottom: -130px;}
.about-block3 .circle-box .nav-list li:nth-child(2){top: auto; left: 80px; bottom: -50px;}
.about-block3 .circle-box .nav-list li:nth-child(3){left: 0;}
.about-block3 .circle-box .nav-list li:nth-child(4){top: 100px; left: 80px;}
.about-block3 .circle-box .nav-list li:nth-child(5){top: 0;}
.about-block3 .circle-box .nav-list li:nth-child(6){top: 100px; left: auto; right: -20px;}
.about-block3 .circle-box .nav-list li:nth-child(7){left: auto; right: -100px;}
.about-block3 .circle-box .nav-list li:nth-child(8){top: auto; left: auto; right: -20px; bottom: -50px;}

.about-block3 .circle-box .link{display: block; position: relative; pointer-events: visible;}
.about-block3 .circle-box .link:after{content: '';
	position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; pointer-events: none;
	background-image: url(../img/static/mask2.png);
	background-position: center; background-size: contain;
	background-repeat: no-repeat;
	transition: all 200ms ease-out;
}
.about-block3 .circle-box .wrapper{width: 110px; height: 130px; position: relative; text-align: center; line-height: 130px;}
.about-block3 .circle-box .wrapper:before {
    content: '';position: absolute;z-index: 0;
    width: 100%;left: 0; top: 15px; bottom: 15px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15);
}
.about-block3 .circle-box .wrapper:after {
    content: ''; display: block;
    background-image: url(../img/static/hexmask1.png);
	background-position: center; background-size: contain;
	background-repeat: no-repeat;
    position: absolute; z-index: 1;width: 100%;height: 100%;top: 0;left: 0;
    transition: all 200ms ease-out;
}
.about-block3 .circle-box .wrapper img{position: relative; z-index: 3; display: inline-block;}
.about-block3 .circle-box .wrapper .mask{position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;}
.about-block3 .circle-box .wrapper .mask{position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;}
.about-block3 .circle-box .wrapper .mask:before{content: '';
	position: absolute; z-index: 4; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; pointer-events: none;
	background-image: url(../img/static/mask.png);
	background-position: center; background-size: contain;
	background-repeat: no-repeat;
	transition: all 200ms ease-out;
}
.about-block3 .circle-box .wrapper .mask:after{content: ''; pointer-events: none;
	position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; opacity: 0;
	background-image: url(../img/static/hexmask2.png);
	background-position: center; background-size: contain;
	background-repeat: no-repeat;
	transition: all 200ms ease-out;
}
.about-block3 .circle-box .link:hover .wrapper img{filter: invert(1) grayscale(100%) brightness(4);}
.about-block3 .circle-box .link:hover .wrapper .mask:after{opacity: 1;}
.about-block3 .circle-box .link.active:after{opacity: 1; top: -15px; left: -15px; right: -15px; bottom: -15px;}
.about-block3 .circle-box .link.active .wrapper img{filter: invert(1) grayscale(100%) brightness(4);}
.about-block3 .circle-box .link.active .wrapper .mask:before{opacity: 0;}
.about-block3 .circle-box .link.active .wrapper .mask:after{opacity: 1;}

.about-block3 .circle-box .link.first:hover .wrapper img,
.about-block3 .circle-box .link.first.active .wrapper img{filter: invert(0) grayscale(0) brightness(1);}





.about-block3 .circle-box .tab-content{width: 580px; height: 580px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none;}
.about-block3 .circle-box .tab-pane{position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%;}
.about-block3 .circle-box .tab-pane .inner{position: relative;}
.about-block3 .circle-box .tab-pane .inner .row-table{height: 380px; width: 380px; border-radius: 50%; background-color: rgba(255,255,255,0.6); }
.about-block3 .circle-box .tab-pane .inner .content{text-align: center;}
.about-block3 .circle-box .tab-pane .inner .content .title{font-size: 60px; font-weight: normal; line-height: 0.8em; color: #0f76be; margin-bottom: 20px; text-transform: uppercase;}
.about-block3 .circle-box .tab-pane .inner .content .desc{font-size: 32px; font-weight: 300; line-height: 1em; color: #333;}

.about-block4{
	padding: 0;
	background-position: left top;
	background-repeat: no-repeat;
}
.about-block4 .block-default{padding-top: 80px; padding-right: 40px;}
.about-block4 .block-default .content{}
.about-block4 .block-default .content .title{font-size: 30px; color: #1779bf; line-height: 1em; margin-bottom: 35px; font-weight: normal;}
.about-block4 .block-default .content .desc{font-size: 26px; color: #333333; line-height: 1em; font-weight: 300; position: relative; padding-left: 20px;}
.about-block4 .block-default .content .desc span{color: #1779bf;}
.about-block4 .block-default .content .desc:before{content: ''; width: 7px; height: 7px; background-color: #1075bd;
	position: absolute; top: 9px; left: 0;
	border-radius: 50%;
}
.about-block4 .block-default .content .desc+.desc{margin-top: 25px;}
.about-block4 .-block-II{background-size: cover; padding-left: 40px; padding-bottom: 75px;}
.about-block4 .-block-II .content .title{color: #333;}
.about-block4 .-block-II .content .desc{color: #fff;}
.about-block4 .-block-II .content .desc:before{background-color: #fff;}






.project-slider{overflow: hidden; padding-bottom: 20px;}
.project-page {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
    background-image: url(../img/background/bg-project.png);
	background-position: center bottom; background-size: contain;
	background-repeat: no-repeat;
}
.project-page .project-list{padding: 40px 0 20px 0;}
.project-page .project-list .item-list{margin: 0 -10px;}
.project-page .project-list li{padding: 0 10px; padding-bottom: 20px; width: 50%;}
.project-page .project-list li .wrapper{position: relative; overflow: hidden; box-shadow: 0 5px 15px rgba(148,155,161,0.25);}
.project-page .project-list li .link{display: block; position: relative;}
.project-page .project-list li .link .thumb{}
.project-page .project-list li .link .thumb img{object-fit: cover; height: 340px; width: 100%;}
.project-page .project-list li .link .content{position: absolute; bottom: -260px; left: 0; right: 0; background-color: rgba(255,255,255,0.95); padding: 23px 30px; height: 100%;
	transition: all 400ms ease-out;
}
.project-page .project-list li .link .content:after{content: ''; opacity: 0;
	position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0;
	background: rgba(59,173,255,1);
	background: -moz-linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(59,173,255,1)), color-stop(100%, rgba(16,117,189,1)));
	background: -webkit-linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	background: -o-linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	background: linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3badff', endColorstr='#1075bd', GradientType=1 );
	transition: all 400ms ease-out;
}
.project-page .project-list li .link .content .inner{position: relative; z-index: 1;}
.project-page .project-list li .link .content .title{font-size: 30px; font-weight: normal; color: #1075bd;}
.project-page .project-list li .link .content .desc{font-size: 24px; font-weight: 300; color: #fff; margin-top: 20px; margin-bottom: 20px;}
.project-page .project-list li .link .content .more{font-size: 18px; font-weight: normal; color: #fff;}
.project-page .project-list li .link:hover .content{bottom: 0;}
.project-page .project-list li .link:hover .content:after{opacity: 1;}
.project-page .project-list li .link:hover .content .title{color: #fff;}




.service-page{padding: 0;}
.service-list{margin-bottom: 100px;}
.service-list .block:nth-child(even){background-color: #EEF4F9;}
.service-list .item{
	height: 625px; padding: 80px 0; position: relative;
	background-position: center; background-size: cover;
	background-repeat: no-repeat;
}
.service-list .item .container{position: relative;}
.service-list .item .thumb-icon{
	position: absolute; z-index: 1; bottom: -172px;
	width: 370px; height: 403px; display: table;
	background-position: center; background-size: contain;
	background-repeat: no-repeat;
}
.service-list .item .thumb-icon .inner{position: relative; display: table-cell; vertical-align: middle; text-align: center;}
.service-list .item .thumb-icon .thumb{margin-bottom: 20px;}
.service-list .item .thumb-icon .thumb img{}
.service-list .item .thumb-icon .title{font-size: 24px; font-weight: normal; color: #fff;}
.service-list .item .row-box{position: relative;}
.service-list .item .row-box > div{width: 50%;}
.service-list .item .row-box > div:after{content: ''; display: table; clear: both;}
.service-list .item .row-box:after{content: ''; display: table; clear: both;}
.service-list .item .thumb-gallery{border: 1px solid #fff; width: 476px; box-shadow: 0 10px 20px rgba(148,155,161,0.4);}
.service-list .item .thumb-gallery .cover{position: relative; height: 460px;}
.service-list .item .thumb-gallery .cover img{object-fit: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.service-list .item .thumb-gallery .slick-dots {bottom: 5px;}
.service-list .item .content{padding-top: 30px;}
.service-list .item .content .whead{margin-bottom: 20px;}
.service-list .item .content .whead .title{font-size: 50px;}
.service-list .item .content .whead .title:after{content: ''; display: table; clear: both;}
.service-list .item .content .whead .title div{float: left; font-weight: 300;}
.service-list .item .content .desc{font-size: 26px; font-weight: 300; color: #333; line-height: 1.2;}

.service-list .block:nth-child(odd) .thumb-icon{background-image: url(../img/background/sv-hex1.png); left: 305px;}
.service-list .block:nth-child(even) .thumb-icon{background-image: url(../img/background/sv-hex2.png); right: 305px;}
.service-list .block:nth-child(odd) .thumb-icon .thumb img{filter: invert(1) grayscale(100%) brightness(4);}
.service-list .block:nth-child(even) .thumb-icon .thumb img{filter: invert(0) grayscale(0%) brightness(1);}
.service-list .block:nth-child(odd) .thumb-icon .title{color: #fff;}
.service-list .block:nth-child(even) .thumb-icon .title{color: #333333;}
.service-list .block:nth-child(odd) .row-box > div{float: left;}
.service-list .block:nth-child(even) .row-box > div{float: right;}
.service-list .block:nth-child(odd) .thumb-gallery{float: left;}
.service-list .block:nth-child(even) .thumb-gallery{float: right;}
.service-list .block:nth-child(odd) .content{padding-left: 90px;}
.service-list .block:nth-child(even) .content{padding-right: 90px;}





.article-page{
	position: relative;
    padding: 80px 0;
    overflow: hidden;
    background-image: url(../img/background/bg-article-page.jpg);
	background-position: center bottom; background-size: cover;
	background-repeat: no-repeat;
}
.article-list {padding-bottom: 30px;}
.article-list .item-list{margin: 0 -10px;}
.article-list li{padding: 0 10px; padding-bottom: 20px; width: 50%;}
.article-list li .link{display: block; position: relative;}
.article-list li .link:before{content: '';
	position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%;
	background: rgba(59,173,255,1); opacity: 0;
	background: -moz-linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(59,173,255,1)), color-stop(100%, rgba(16,117,189,1)));
	background: -webkit-linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	background: -o-linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	background: linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3badff', endColorstr='#1075bd', GradientType=1 );
	transition: all 400ms ease-out;
}
.article-list li .wrapper{background-color: #FFF; padding: 25px; box-shadow: 0 5px 15px rgba(148,155,161,0.25);}
.article-list li .thumb{width: 250px;}
.article-list li .thumb .cover{position: relative; padding-top: 75%;}
.article-list li .thumb .cover img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /*width: 230px; height: 200px;*/}
.article-list li .content{position: relative; padding-left: 25px;}
.article-list li .content .title{
	font-size: 30px; color: #1075bd;
	font-weight: normal;
	line-height: 1em;
	max-height: 2em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.article-list li .content .desc{color: #333; margin-top: 10px; line-height: 1em; font-size: 22px;
	max-height: 3em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.article-list li .content .more{color: #999; font-weight: normal; font-size: 18px; margin-top: 20px; display: block;}
.article-list li .link:hover .content .title,
.article-list li .link:hover .content .desc,
.article-list li .link:hover .content .more{color: #fff;}
.article-list li .link:hover:before{ opacity: 1;}






.contact-info{text-align: center; padding: 30px; margin-bottom: 80px; background-color: #fff; box-shadow: 0 5px 15px rgba(148,155,161,0.25);}
.contact-info .item-list{margin: 0 -30px;}
.contact-info .item-list > li{padding: 0 30px; width: calc(100% / 3);}
.contact-info .item-list > li + li{border-left: 1px solid #bcc3c9;}
.contact-info .icon{position: absolute; top: -2px; left: 0;}
.contact-info .desc{font-weight: normal; display: inline-block; text-align: left; margin: 0; position: relative; padding-left: 40px;}

.contact-map{position: relative;}
.contact-map .nav{position: absolute; z-index: 1; top: 12px; right: 12px; box-shadow: 0 5px 15px rgba(148,155,161,0.25);}
.contact-map .nav-link{padding: 0; width: 120px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; font-weight: normal; text-transform: uppercase;}
.contact-map .nav-link{background-color: #fff; color: #333333;}
.contact-map .nav-link.active{background-color: #1075bd; color: #fff;}
.contact-map .wrapper{position: relative; overflow: hidden; border: 1px solid #fff; box-shadow: 0 5px 15px rgba(148,155,161,0.25); height: 545px;}
.contact-map .wrapper iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.contact-map .wrapper .cover > img{width: 100%; height: 565px; object-fit: cover;}

.contact-form .form-default .form-control{min-height: inherit; height: 34px;}
.contact-form .form-default textarea.form-control{height: 90px;}






.detail-page{position: relative; padding-top: 80px; padding-bottom: 80px;}
.detail-page .h-title{font-size: 50px; font-weight: normal; color: #0f76be; line-height: 0.8em;}
.detail-page .info-block{padding-top: 15px;}
.detail-page .info-block .h-title{position: relative; top: -1px; padding-right: 40px;}
.detail-page .info-block .place{font-size: 30px; font-weight: normal; color: #333333; line-height: 1;}
.detail-page .info-block .place img{margin-right: 10px; margin-top: -2px;}
.detail-page .info-block .place span{color: #0f76be;}
.detail-page .info-block .social{display: table; width: 188px; height: 42px;}
.detail-page .info-block .social .title{display: table-cell; vertical-align: middle; font-size: 22px; font-weight: normal; color: #999; padding-right: 15px;}
.detail-page .info-block .social .item-list{display: table-cell; vertical-align: middle;}
.detail-page .info-block .social li+li{margin-left: 6px;}
.detail-page .info-block .social .link{position: relative; display: block; width: 38px; height: 42px; background: url(../img/icon/s-i-bg.png) no-repeat center;}
.detail-page .info-block .social li.facebook .link:hover{background: url(../img/icon/s-i-bg-facebook.png) no-repeat center;}
.detail-page .info-block .social li.line .link:hover{background: url(../img/icon/s-i-bg-line.png) no-repeat center;}
.detail-page .info-block .social li.twitter .link:hover{background: url(../img/icon/s-i-bg-twitter.png) no-repeat center;}
.detail-page .picture-cover{padding-top: 25px;}
.detail-page .body{padding-top: 25px;}
.detail-page .editor-content{padding: 35px 100px;}
.detail-page .banner{padding: 0 100px;}
.detail-page .banner .inner{background-color: #f7f7f8; padding: 30px; color: #949ba1; text-align: center; text-transform: uppercase; line-height: 1;}
.detail-page .banner .inner .title{font-size: 60px; font-weight: 100; margin-bottom: 10px;}
.detail-page .banner .inner .desc{font-size: 24px; font-weight: 300;}
.detail-page .video {margin-top: 80px; padding: 0 100px;}
.detail-page .gallery {margin-top: 80px; background-color: #f7f7f8;}
.detail-page .gallery .link{display: block; position: relative;}
.detail-page .gallery .link:before{content: ''; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 45px; height: 45px; opacity: 0;
	background-image: url(../img/icon/ico-expand.png);
	background-position: center;
	background-repeat: no-repeat;
}
.detail-page .gallery .link:after{content: ''; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%;
	background: rgba(59,173,255,1); opacity: 0;
	background: -moz-linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(59,173,255,1)), color-stop(100%, rgba(16,117,189,1)));
	background: -webkit-linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	background: -o-linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	background: linear-gradient(45deg, rgba(59,173,255,1) 0%, rgba(16,117,189,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3badff', endColorstr='#1075bd', GradientType=1 );
	transition: all 400ms ease-out;
}
.detail-page .gallery .link:hover:before{opacity: 1;}
.detail-page .gallery .link:hover:after{opacity: 0.9;}
.detail-page .gallery .cover img{object-fit: cover; height: 250px;}
.detail-page .gallery .slick-arrow{left: 0;right: 0; top: 0; bottom: 0;margin: auto; opacity: 0;
    transform: translate(0, 0);
	transition: all 200ms ease-out;
}
.detail-page .gallery .slick-prev{left: 20px; right: auto;}
.detail-page .gallery .slick-next{left: auto; right: 20px;}
.detail-page .gallery:hover .slick-arrow{opacity: 1;}
.detail-page .gallery .slick-dots {bottom: -30px;}

.detail-page .recommended{margin-top: 22px;}
.detail-page .recommended .title{font-size: 30px; font-weight: normal; color: #0e75be; text-transform: uppercase;}
.detail-page .recommended .item-list{margin-top: 30px;}
.detail-page .recommended .item-list li{width: 100%;}
.detail-page .recommended .item-list li+li{margin-top: 15px;}
.detail-page .recommended .item-list .link{display: block;}
.detail-page .recommended .item-list .thumb{width: 80px;}
.detail-page .recommended .item-list .thumb .cover img{width: 80px; height: 70px; object-fit: cover;}
.detail-page .recommended .item-list .title{padding: 0 0 0 15px; font-size: 22px; font-weight: 300; color: #333333;
	line-height: 1em; max-height: 2em; overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.detail-page.-article-detail .editor-content{padding: 35px 0;}
.detail-page.-article-detail .video {margin-top: 80px; padding: 0;}
.detail-page.-article-detail .gallery {margin-top: 20px;}
.detail-page.-article-detail .gallery .slick-list{margin: 0 -10px;}
.detail-page.-article-detail .gallery .item{padding: 0 10px;}
.detail-page.-article-detail .gallery .cover img{object-fit: cover; height: 180px;}