@media only screen and (min-width: 769px){
	#wdsv{
		top: 25.7%;
		position: absolute;
	    width: 16.2%;
	    left: 31.5%;
	    top: 28.7%;
	}
	/*--------------------------------------------------------------
	## Project page
	--------------------------------------------------------------*/
	.page-header .header-title {
		width: 80%;
	}
	
	.planOn,.planOff{
		display: none;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
	}
	.wPlan{
		width: 52vw;
		margin: 6.5% auto 7.5% auto;
	}
	.wPlan .planType{
		width: 100%;
		height: auto;
	}
	.planTypePhone{
		display: none;
	}
	
	.wPlan .planType img{
		width: 100%;
	}

	// .page-id-1223 音乐舱 现有四个计划

	.page-id-1223 .wPlan .planList{
		margin: 50px auto;
		width: 70vw;
		padding: 0px;
	}
	.page-id-1223 .wPlan .planList li{
		position: relative;
		width: 25%;
		float: left;
		list-style: none;	
		text-align: center;	
	}
	.page-id-1223 .wPlan .planList li:first-child{
		margin-left: -8.7vw;
	}


	// .page-id-2598 创造部 现有四个计划  52vw / 3 * 4

	.page-id-2598 .wPlan .planList{
		margin: 50px auto;
		width: 70vw;
		padding: 0px;
	}
	.page-id-2598 .wPlan .planList li{
		position: relative;
		width: 25%;
		float: left;
		list-style: none;	
		text-align: center;	
	}
	.page-id-2598 .wPlan .planList li:first-child{
		margin-left: -8.7vw;
	}


	// .page-id-1228 科艺舱 现有三个计划 52vw /3

	.page-id-1228 .wPlan .planList{
		margin: 50px auto;
		width: 78vw;
		padding: 0px;
	}
	.page-id-1228 .wPlan .planList li{
		position: relative;
		width: 33.33%;
		float: left;
		list-style: none;	
		text-align: center;	
	}
	.page-id-1228 .wPlan .planList li:first-child{
		margin-left: -13vw;
	}


	// .page-id-2862 文策部 现有一个计划 52vw /1

	.page-id-2862 .wPlan .planList{
		margin: 50px auto;
		width: 78vw;
		padding: 0px;
		text-align: center;
	}
	.page-id-2862 .wPlan .planList li{
		position: relative;
		width: 100%;
		float: left;
		list-style: none;	
		text-align: center;	
	}






	.wPlan .planList li a{
		position: relative;
		display: inline-block;
	}
	.wPlan .planList li img{
		width: 100%;
		display: inline-block;
	}
	.wPlan .planList li .planIntro{
		display: inline-block;
		width: 100%;
		line-height: 30px;
		text-align: center;
	}
	.wPlan .planList li .planIntro span{
		display: block;
		width: 100%;
		text-align: center;
	}
	.wPlan .planList li .planIntro .planTitle{
		font-weight: bold;
		font-size: 20px;
	}
	

	.worklist {
		padding: 32px 10% 50px 10%;
	}

	.worklist .title {
		position: relative;
		margin-bottom: 16px;
		font-size: 25px;
		color: #00091D;
		line-height: 60px;
		display: block;
	}

	.worklist article {
		width: 31%;
	}

	.worklist article:nth-child(2n+2) {
		margin-right: 3%;
	}
	.worklist article:nth-child(3n+3) {
		margin-right: 0;
	}

	.worklist article .postBrand {
		line-height: 13px;
		margin-bottom: 15px;
	}

	.worklist article .postTitle {
		margin-bottom: 19px;
	}

	.worklist article .postDescription {
	}

	.worklist article .postImg {
		margin-bottom: 27px;
		width: 100%;
		position: relative;
	}

	.worklist article .postImg img {
		width: 100%;
		position: relative;
	    -webkit-transition: all 0.4s ease-out;
	    -moz-transition: all 0.4s ease-out;
	    transition: all 0.4s ease-out;
	}

	.worklist article .postImg:hover img {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
   		transform: scale(1.1);
	}

	.worklist .brandItem {
		width: 12%;
	}

	.worklist .brandItem:nth-child(4n) {
		margin-right: 4.4%;
	}

	.worklist .brandItem:nth-child(6n) {
		margin-right: 0;
	}

	/*--------------------------------------------------------------
	## Detail page
	--------------------------------------------------------------*/
	.single .entry-header > .header-image {
		background-position: center;
		/*padding-bottom: 42.5%;*/
		padding-bottom: 42%;
	}

	.single .entry-header > .header-image > .overlay {
		padding-top: 1.2%;
		padding-left: 10%;
		padding-bottom: 3%;
	}

	.single .entry-header > .entry-meta {
		margin-left: 10%;
		width: 80%;
	}

	.single .entry-header > .entry-meta > .entry-subtitle {
		width: 65%;
		margin-top: 0;
	}

	.single .entry-header > .entry-meta > .featured-image {
		position: absolute;
	    top: -40%;
	    right: 1.5%;
	}

	.single .entry-header > .entry-meta > .bg_mac {
		padding-bottom: 24%;
		width: 35%;
		margin-top: 100px;
	}
.single .entry-header > .entry-meta > .bg_ipad,
.single .entry-header > .entry-meta > .bg_iphone {
	    /*width: 28%;
   		padding-bottom: 46%;*/
width: 20%;
   		padding-bottom:33%
	}

	/*.single .entry-header > .entry-meta > .bg_ipad {
		padding-bottom: 25%;
		width: 35%;
	}*/

	.single .entry-header > .entry-meta > .service-type {
	    /*margin-top: 90px;*/
	    /*margin-bottom: 18px;*/
	    margin-top: 8%;
    	margin-bottom: 1.4%;
	}

	.single .entry-header > .entry-meta > .service-type .title {
		width: 100px;
	}

	.single .entry-header > .entry-meta > .industry .title {
		width: 100px;
	}

	/*--------------------------------------------------------------
	## Contact page
	--------------------------------------------------------------*/
	.page-id-44 .header-background{
		height: 606px;
	}

	.page-id-44 .section01 {
		padding: 58px 10% 10% 10%;
background:url("https://file.cdn.finance.vivatech.cn/vivaWeb/images/contact_p2bg.png") no-repeat 70% 70%;
background-size:70%;
	}

	.page-id-44 .section02 {
		padding: 0px 10% 0 10%;  
	}
.page-id-44 .section02 p{display:none;}

	#fbuilder {
		padding: 0 4% 80px 4%;
		height: 547px;

	}

	#fbuilder .fields {
		width: 48% !important;
	}

	#fbuilder .fields:nth-child(4) {
		position: absolute;
		margin-top: 0;
		top: 0;
		left: auto;
		right: 0;
	}

	#fbuilder textarea.large {
		height: 242px;
	}

	#fbuilder .pbSubmit {
		position: absolute;
		right: 0;
		margin: 0;
	}

	/*--------------------------------------------------------------
	## Project page
	--------------------------------------------------------------*/
	.page-chat > .text,
	.page-project > .text {
		position: absolute;
		top: 105px;
		left: 10%;
	}
	
	.page-chat >a .btn,
	.page-project >a .btn {
		position: absolute;
		top: 111px;
		right: 10%;
	}

	/*--------------------------------------------------------------
	## About page
	--------------------------------------------------------------*/
	.page-id-40 .page-header,
	.page-id-1017 .page-header,
	.page-id-1240 .page-header,
	.page-id-1223 .page-header,
	.page-id-1228 .page-header,
	.page-id-2570 .page-header,
	.page-id-2590 .page-header,
	.page-id-2598 .page-header,
	.page-id-2862 .page-header,
	.page-id-3180 .page-header,
    .page-id-3182 .page-header,
    .page-id-3184 .page-header,
    .page-id-3186 .page-header,
    .page-id-3188 .page-header {
		height: 606px;
	}

	.page-id-40 .section01 > .text,
	.page-id-1017 .section01 > .text,
	.page-id-1240 .section01 > .text,
	.page-id-1223 .section01 > .text,
	.page-id-1228 .section01 > .text,
	.page-id-2570 .section01 > .text,
	.page-id-2590 .section01 > .text,
	.page-id-2598 .section01 > .text,
	.page-id-2862 .section01 > .text,
	.page-id-3180 .section01 > .text,
    .page-id-3182 .section01 > .text,
    .page-id-3184 .section01 > .text,
    .page-id-3186 .section01 > .text,
    .page-id-3188 .section01 > .text {
		margin: 6.5% auto 7.5% auto;
		line-height: 40px;
		width: 52%;
        text-align:left;
	}

	#about_main_intro{height: 300px;overflow: hidden;}

	.page-id-40 .section01 > .text .link,
	.page-id-1017 .section01 > .text .link,
	.page-id-1240 .section01 > .text .link,
	.page-id-1223 .section01 > .text .link,
	.page-id-1228 .section01 > .text .link,
	.page-id-2570 .section01 > .text .link,
	.page-id-2590 .section01 > .text .link,
	.page-id-2598 .section01 > .text .link,
	.page-id-2862 .section01 > .text .link,
	.page-id-3180 .section01 > .text .link,
    .page-id-3182 .section01 > .text .link,
    .page-id-3184 .section01 > .text .link,
    .page-id-3186 .section01 > .text .link,
    .page-id-3188 .section01 > .text .link {
		text-decoration: underline;
	}


	.page-id-40 .section02,
	.page-id-1017 .section02,
	.page-id-1240 .section02,
	.page-id-1223 .section02,
	.page-id-1228 .section02,
	.page-id-2570 .section02,
	.page-id-2590 .section02,
	.page-id-2598 .section02,
	.page-id-2862 .section02,
	.page-id-3180 .section02,
    .page-id-3182 .section02,
    .page-id-3184 .section02,
    .page-id-3186 .section02,
    .page-id-3188 .section02 {
		position: relative;
		text-align: center;
		background-image: url("images/about_p2bg.png");
		background-repeat: no-repeat;
		background-position: top right;
		background-color: #f8f8f8;
		background-size: auto;
		/*padding: 255px 0 275px 0;*/
		padding: 22% 0 3% 0;
	}

	.page-id-40 .section02 > .text,
	.page-id-1017 .section02 > .text,
	.page-id-1240 .section02 > .text,
	.page-id-1223 .section02 > .text,
	.page-id-1228 .section02 > .text,
	.page-id-2570 .section02 > .text,
	.page-id-2590 .section02 > .text,
	.page-id-2598 .section02 > .text,
	.page-id-2862 .section02 > .text,
	.page-id-3180 .section02 > .text,
    .page-id-3182 .section02 > .text,
    .page-id-3184 .section02 > .text,
    .page-id-3186 .section02 > .text,
    .page-id-3188 .section02 > .text{
		text-align: left;}


	.page-id-40 .section02 .bg,
	.page-id-1017 .section02 .bg,
	.page-id-1240 .section02 .bg,
	.page-id-1223 .section02 .bg,
	.page-id-1228 .section02 .bg,
	.page-id-2570 .section02 .bg,
	.page-id-2590 .section02 .bg,
	.page-id-2598 .section02 .bg,
	.page-id-2862 .section02 .bg,
	.page-id-3180 .section02 .bg,
    .page-id-3182 .section02 .bg,
    .page-id-3184 .section02 .bg,
    .page-id-3186 .section02 .bg,
    .page-id-3188 .section02 .bg{
	    position: absolute;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: no-repeat top center url(images/bg_aboutus.png);
	    /*background-size: 100% auto;*/
	}

	.page-id-40 .section02 > .btn,
	.page-id-1017 .section02 > .btn,
	.page-id-1240 .section02 > .btn,
	.page-id-1223 .section02 > .btn,
	.page-id-1228 .section02 > .btn,
	.page-id-2570 .section02 > .btn,
	.page-id-2590 .section02 > .btn,
	.page-id-2598 .section02 > .btn,
	.page-id-2862 .section02 > .btn,
	.page-id-3180 .section02 > .btn,
    .page-id-3182 .section02 > .btn,
    .page-id-3184 .section02 > .btn,
    .page-id-3186 .section02 > .btn,
    .page-id-3188 .section02 > .btn {
		margin-top: 4%; 
	}

	.page-id-40 .section02 > .text,
	.page-id-1017 .section02 > .text,
	.page-id-1240 .section02 > .text,
	.page-id-1223 .section02 > .text,
	.page-id-1228 .section02 > .text,
	.page-id-2570 .section02 > .text,
	.page-id-2590 .section02 > .text,
	.page-id-2598 .section02 > .text,
	.page-id-2862 .section02 > .text,
	.page-id-3180 .section02 > .text,
    .page-id-3182 .section02 > .text,
    .page-id-3184 .section02 > .text,
    .page-id-3186 .section02 > .text,
    .page-id-3188 .section02 > .text {
		line-height: 38px;
		width: 48%;
	}

	.page-id-40 .section03,
	.page-id-1017 .section03,
	.page-id-1240 .section03,
	.page-id-1223 .section03,
	.page-id-1228 .section03,
	.page-id-2570 .section03,
	.page-id-2590 .section03,
	.page-id-2598 .section03,
	.page-id-2862 .section03,
	.page-id-3180 .section03,
    .page-id-3182 .section03,
    .page-id-3184 .section03,
    .page-id-3186 .section03,
    .page-id-3188 .section03
	 {
	    width: 100%;
	    top: 0;
	    padding: 0 10%;
	    background-color: #f8f8f8;
	    display: inline-block;
	}


	/*--------------------------------------------------------------
	## Jobs page
	--------------------------------------------------------------*/
	.page-id-46 .page-header {
		height: 606px;
	}

	.page-id-46 .section01 > .text {
		margin: 3% auto;
		line-height: 40px;
		width: 52%;
	}

	.page-id-46 .section01 > .text h1 {
		font-size: 48px;
	}

	.page-id-46 .section02 > .text {
		text-align: left;
	}

	.page-id-46 .section02 > .btn {
		margin-top: 4%; 
	}

	.page-id-46 .section02 > .text {
		line-height: 38px;
		width: 60%;
	}

	/*--------------------------------------------------------------
	## footer
	--------------------------------------------------------------*/
	.entry-share {
	    padding: 0 10% 18.2% 10%;
	}

	.entry-share > .entry-brand {
    	top: 31%;
	}

	.entry-share > .entry-brand > .name {
		font-size: 20px;
	}

	.entry-share > .entry-title {
	    font-size: 35px;
	    /*top: 122px;*/
	    top: 48.212121%;
		width:58%;
		padding-bottom:10px;
	}

	.site-footer > .site-info .icon-logo {
		top: -5px;
	}

	.site-footer > .site-info {
		margin: 59px auto 0 auto;
		width: 86%;
		height: 98px;
	}

	.site-share {
    	/*right: 7.5%;*/
	}

	.entry-share > .entry-icon {
	    /*top: 125px;*/
	    top: 47.348485%;
	    /*left: 1000px;
	    left: 69.4%;*/
		right:7.5%;
	}

	.single .entry-share > .text {
	    left: 69.5%;
	    top: 32.19697%;
	}

	.single .entry-share > .entry-icon {
	    top: 47.5%;
	}

	.single .entry-content{margin-top:6%;}
	.single .entry-content img{margin-top:15px;}
	.single .entry-content > p {
			margin: 0px auto;
			margin-bottom:25px;
			width: 83%;
			font-size: 0.83vw;
			color: #000000;
			line-height: 32px;
		}
	}

	.page-id-46 .section02 .bg-right {
	    width: 573px;
	    height: 246px;
	    background: no-repeat center center url(images/bg_jobs_img2.png);
	    background-size: 100%;
	    position: absolute;
	    bottom: 0px;
	    right: 2%;
	}

	.page-id-46 .section02 {
		position: relative;
		text-align: center;
		/*background-image:url("images/about_p2bg.png");
		background-repeat: no-repeat;
		background-position: top right;*/
		background-color: #f8f8f8;
		background-size: auto;
		/*padding: 255px 0 275px 0;*/
		padding: 7% 0;
	}

	.page-id-46 .section02 .bg-icon {
	    width: 200px;
	    height: 229px;
	    background: no-repeat center center url(images/bg_jobs_img1.png);
	    background-size: 80%;
	    margin: 0 auto 3% auto;
	}

	.page-id-46 .section03 {
		padding: 7% 14%;
	}


	.page-id-46 .section03 ul {
		width: 100%;
		height: auto;
		display: inline-block;
		margin: 0;
		padding: 0;
	}

	.page-id-46 .section03 ul li {
	    width: 100%;
	    height: auto;
	    float: left;
	    padding: 3% 0;
	    list-style: none;
	    display: table;
	}

	.page-id-46 .section03 .figure1 h6,
	.page-id-46 .section03 .figure2 h6,
	.page-id-46 .section03 .figure3 h6 {
	    color: #a9a9aa;
	    text-align: center;
	    position: relative;
	    bottom: 0;
	    font-size: 27px;
	    margin: 0 auto;
	    font-weight: 400;
	}

	.page-id-46 .section03 .figure1 {
	    height: 278px;
	}

	.page-id-46 .section03 .figure2 {
	    height: 278px;
	}

	.page-id-46 .section03 .figure3 {
	    height: 240px;
	}

	.page-id-46 .section03 .figure1 .pic {
	    height: 278px;
	    background: no-repeat center center url(images/jobs_img1.png);
		-webkit-animation: marea 4s infinite normal ease-in; 
	    animation: marea 4s infinite normal ease-in;
	}

	.page-id-46 .section03 .figure2 .pic {
	    height: 278px;
	    background: no-repeat center center url(images/jobs_img2.png);
		-webkit-animation: marea2 4s infinite normal ease-in; 
	    animation: marea2 4s infinite normal ease-in;
	}

	.page-id-46 .section03 .figure3 .pic {
	    height: 240px;
	    background: no-repeat center center url(images/jobs_img3.png);
		-webkit-animation: marea3 4s infinite normal ease-in; 
	    animation: marea3 4s infinite normal ease-in;
	}

	.page-id-46 .section03 .figure1 .pic,
	.page-id-46 .section03 .figure2 .pic,
	.page-id-46 .section03 .figure3 .pic {
		width: 200px;
	    background-size: 100%;
	    position: relative;
	    background-size: 100%
	}	

	.page-id-46 .section03 .figure1,
	.page-id-46 .section03 .figure2,
	.page-id-46 .section03 .figure3 {
		width: 200px;
	    background-size: 100%;
	    position: relative;
		display: table-cell;
    	vertical-align: middle;
	}

	@-webkit-keyframes marea {
	  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); transform-origin:right top;}
	 25% {-webkit-transform: rotate(2deg);transform: rotate(2deg); transform-origin:right top; }
	 75% {-webkit-transform: rotate(-2deg);transform: rotate(-2deg); transform-origin:right top; }
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg); transform-origin:right top; }
	}

	@keyframes marea {
	  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); transform-origin:right top; }
	 25% {-webkit-transform: rotate(2deg);transform: rotate(2deg); transform-origin:right top; }
	 75% {-webkit-transform: rotate(-2deg);transform: rotate(-2deg); transform-origin:right top; }
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg); transform-origin:right top; }
	}

	@-webkit-keyframes marea2 {
	  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); transform-origin:right bottom; }
	 30% {-webkit-transform: rotate(3deg);transform: rotate(3deg); transform-origin:right bottom; }
	 80% {-webkit-transform: rotate(-2deg);transform: rotate(-2deg); transform-origin:right bottom; }
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg); transform-origin:right bottom; }
	}

	@keyframes marea2 {
	  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); transform-origin:right bottom; }
	 30% {-webkit-transform: rotate(3deg);transform: rotate(3deg); transform-origin:right bottom; }
	 80% {-webkit-transform: rotate(-2deg);transform: rotate(-2deg); transform-origin:right bottom; }
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg); transform-origin:right bottom; }
	}

	@-webkit-keyframes marea3 {
	  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); }
	 25% {-webkit-transform: rotate(2deg);transform: rotate(2deg); }
	 75% {-webkit-transform: rotate(-2deg);transform: rotate(-2deg); }
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg); }
	}

	@keyframes marea3 {
	  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); }
	 25% {-webkit-transform: rotate(2deg);transform: rotate(2deg); }
	 75% {-webkit-transform: rotate(-2deg);transform: rotate(-2deg); }
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg); }
	}



	.page-id-46 .section03 .figure1 {
		height: 278px;
	}	

	.page-id-46 .section03 .figure2 {
		height: 278px;
	}	

	.page-id-46 .section03 .figure3 {
		height: 240px;
	}	

	.item-title .icon {
	    width: 25px;
	    height: 12px;
	    background: no-repeat center center url(images/arrow.png);
	    background-size: 100%;
	    float: right;
	    margin-top: 34px;
	    margin-right: 20px;
	    -webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
	}

	.title-on .icon {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	/*.page-id-46 .section03 .icon:hover {
	    -webkit-animation: guide 1.2s infinite ease-out;
	    -moz-animation: guide 1.2s infinite ease-out;
	    -o-animation: guide 1.2s infinite ease-out;
	    animation: guide 1.2s infinite ease-out;
	}*/

	@-webkit-keyframes guide {
	    50% {
	        -moz-transform: translateY(4px);
	        -webkit-transform: translateY(4px);
	        -ms-transform: translateY(4px);
	        transform: translateY(4px);
	    }
	}

	@-moz-keyframes guide {
	    50% {
	        -moz-transform: translateY(4px);
	        -webkit-transform: translateY(4px);
	        -ms-transform: translateY(4px);
	        transform: translateY(4px);
	    }
	}

	@keyframes guide {
	    50% {
	        -moz-transform: translateY(4px);
	        -webkit-transform: translateY(4px);
	        -ms-transform: translateY(4px);
	        transform: translateY(4px);
	    }
	}

	.page-id-46 .section03 .item-groups {
	    width: 100%;
	    height: auto;
	    display: table-cell;
	    vertical-align: middle;
	    position: relative;
	    padding-left: 50px;
   	}

	.page-id-46 .section03 .item {
		width: 100%;
	    height: auto;
	}	

	.item-title {
		width: 100%;
	    height: 80px;
	    line-height: 80px;
	    font-size: 26px;
	    border-bottom: 1px #7d7d7d solid;
	    cursor: pointer;
	}	

	.item-content {
		width: 100%;
	    height: auto;
	    line-height: 24px;
	    padding: 30px 6% 45px 6%;
	    border-bottom: 1px #7d7d7d solid;
	    display: none;
	    position: relative;
	}

	.item-content a {
		padding-left: 40px;
	    -webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
	    position: relative;
	}


	.item-content a:before {
		height: 1px;
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 0;
		background: #7d7d7d;
		bottom: -2px;
		margin-left: 40px;
	    -webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
	}

	.item-content a:hover:before {
		bottom: 10px;
	}

	.item-content p {
		margin-bottom: 1em;
	}	

	.item-content p.bottom {
		margin-bottom: 2.5em;
	}

	.item-content .dowload-icon {
	    width: 24px;
	    height: 24px;
	    background: no-repeat center center url(images/dowload_icon.png);
	    background-size: 100%;
	    -webkit-transition: all 0.4s ease-in-out;
	    -moz-transition: all 0.4s ease-in-out;
	    transition: all 0.4s ease-out;
	    position: absolute;
	    left: 6.6%;
	}

	.open {
		display: block;
	}

	.item-groups1 {
		margin-top: 10px;
	}

	.item-groups2 {
		margin-top: 10px;
	}

	.item-groups3 {
		margin-top: 70px;
	}

	.award {
		width: 80%;
		height: auto;
		display: inline-block;
		margin: 0;
		padding: 0;
		// margin-bottom: 180px;
	}

	.award li {
		// width: 33.333333%;
		float: left;
		position: relative;
		list-style: none;
		cursor: pointer;
	}

	.award li .pic {
		width: 100%;
		height: auto;
	}

	.award li .pic img {
		width: 100%;
	}

	.award li .mask {
		width: 100%;
		height: 100%;
		color: #fff;
		background: rgba(0,0,0,0.5);
		position: absolute;
		top: 0px;
		padding: 6% 7%;
		letter-spacing: 1px;
		text-align: left;
		opacity: 0;
		z-index: 2;
	    -webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
	}

	.award li:hover .mask {
		opacity: 1;
	}

	.award li .mask h6 {
		font-size: 20px;
		margin: 12px 0 16px 0;
		opacity: 0;
	    -moz-transform: translateY(10px);
	    -webkit-transform: translateY(10px);
	    transform: translateY(10px);
	    -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in;
	}

	.award li .mask p {
		font-size: 16px;
		margin: 7px 0;
		opacity: 0;
	    -moz-transform: translateY(10px);
	    -webkit-transform: translateY(10px);
	    transform: translateY(10px);
	    -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in;
	}

	.award li:hover .mask h6,
	.award li:hover .mask p {
		opacity: 1;
	    -moz-transform: translateY(0px);
	    -webkit-transform: translateY(0px);
	    transform: translateY(0px);
	}

	.award li .mask p:nth-child(1) {
		transition-delay: 0.1s;
		-moz-transition-delay: 0.1s;
		-webkit-transition-delay: 0.1s;
		-o-transition-delay: 0.1s;
	}

	.award li .mask p:nth-child(2) {
		transition-delay: 0.2s;
		-moz-transition-delay: 0.2s;
		-webkit-transition-delay: 0.2s;
		-o-transition-delay: 0.2s;
	}

	.award li .mask p:nth-child(3) {
		transition-delay: 0.3s;
		-moz-transition-delay: 0.3s;
		-webkit-transition-delay: 0.3s;
		-o-transition-delay: 0.3s;
	}

	.award li .mask p:nth-child(4) {
		transition-delay: 0.4s;
		-moz-transition-delay: 0.4s;
		-webkit-transition-delay: 0.4s;
		-o-transition-delay: 0.4s;
	}

	.award li .mask p:nth-child(5) {
		transition-delay: 0.5s;
		-moz-transition-delay: 0.5s;
		-webkit-transition-delay: 0.5s;
		-o-transition-delay: 0.5s;
	}

	.award li .mask p:nth-child(6) {
		transition-delay: 0.6s;
		-moz-transition-delay: 0.6s;
		-webkit-transition-delay: 0.6s;
		-o-transition-delay: 0.6s;
	}

	.award li .mask p:nth-child(7) {
		transition-delay: 0.7s;
		-moz-transition-delay: 0.7s;
		-webkit-transition-delay: 0.7s;
		-o-transition-delay: 0.7s;
	}

	.award li .mask p:nth-child(8) {
		transition-delay: 0.8s;
		-moz-transition-delay: 0.8s;
		-webkit-transition-delay: 0.8s;
		-o-transition-delay: 0.8s;
	}

	.award li .mask p:nth-child(9) {
		transition-delay: 0.9s;
		-moz-transition-delay: 0.9s;
		-webkit-transition-delay: 0.9s;
		-o-transition-delay: 0.9s;
	}

	.award li .mask p:nth-child(10) {
		transition-delay: 1s;
		-moz-transition-delay: 1s;
		-webkit-transition-delay: 1s;
		-o-transition-delay: 1s;
	}

	.page-id-46 .section01 > .text br {
		display: none;
	}

    #block-gropp-slide,
    #block-gropp-slide2,
    #year-block {
        width: 80%;
    	margin: 50px auto 180px auto;
       	overflow: hidden;
       	padding-bottom: 40px;
       	background-color: #f8f8f8; 
    }

    #block-gropp-slide2 {
       	padding-bottom: 180px;
    }

    #block-gropp-slide .swiper-slide,
    #block-gropp-slide2 .swiper-slide {
    	width: 100%;
    	height: auto;
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        opacity: 0.15;
        padding-bottom: 40px;
        background-color: #f8f8f8; 
	    -webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
    }

    .swiper-wrapper {
    	height: auto !important;
    }

	#block-gropp-slide .swiper-slide img,
	#block-gropp-slide2 .swiper-slide img {
		width: 100%;
	}

	#block-gropp-slide2 .swiper-slide .info {
		font-size: 16px;
	    width: 80%;
	    height: 170px;
	    float: left;
	    clear: both;
	    position: absolute;
	    left: 0;
	    right: 0px;
	    margin: 0 auto;
    	bottom: -135px;
	}

	#block-gropp-slide .swiper-slide h1,
	#block-gropp-slide2 .swiper-slide h1 {
		font-size: 24px;
	}

	#block-gropp-slide .swiper-slide p,
	#block-gropp-slide2 .swiper-slide p {
		font-size: 16px;
		line-height: 28px;
		text-align: justify;
		color: #44444A;
		font-weight: lighter;
	}

	#block-gropp-slide .swiper-slide-active,
	#block-gropp-slide2 .swiper-slide-active {
		opacity: 1;
	    -webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
	}

	/*---- swiper ----*/

	.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

	.swiper-pagination-bullet-active {
		background: #00091d;
	}

	.btn {
	    -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in;
	    overflow: hidden;
	}

	.btn:before {
		height: 0%;
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 0;
		background: #00091d;
	    -webkit-border-radius: 8px;
	    border-radius: 8px;
		color: #fff;
		bottom: -3px;
	    -webkit-transition: all 0.4s ease-out;
	    -moz-transition: all 0.4s ease-out;
	    transition: all 0.4s ease-out;
	}

	.page-chat .btn:before, 
	.page-project .btn:before,
	.more-btn .button:before {
		background: #fff !important;
	}

	.btn:hover:before, 
	.btn:focus:before, 
	.btn:active:before,
	#fbuilder .pbSubmit:hover:before {
	  	top: 0px;
	  	height: 100%;
	}

	.btn:hover {
	  	color: #fff !important;
		transition-delay: 0.1s;
		-moz-transition-delay: 0.1s;
		-webkit-transition-delay: 0.1s;
		-o-transition-delay: 0.1s;
	}

	.page-chat .btn:hover, 
	.page-project .btn:hover,
	#fbuilder .pbSubmit:hover,
	.more-btn .button:hover {
		color: #00091d !important;
	}

	#fbuilder .pbSubmit {
		z-index: 2;
	    -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in;
	}

	#fbuilder .pbSubmit:before {
		content: "";
		position: absolute;
		z-index: -1;
		height: 0%;
		left: 0;
		right: 0;
		background: #fff;
	    -webkit-border-radius: 8px;
	    border-radius: 8px;
		color: #00091d;
		bottom: 0px;

	}

	#fbuilder .pbSubmit:hover {

	}

	.page-id-40 .section01 .text .hidden,
	.page-id-1017 .section01 .text .hidden,
	.page-id-1240 .section01 .text .hidden{
	    display: -webkit-box;
	    -webkit-box-orient: block-axis;
	    -webkit-line-clamp: 6;
	    height: auto;
	    overflow: hidden;
	}

	// .page-id-1223 .section01 .text .more-btn,
	// .page-id-1228 .section01 .text .more-btn {
	// 	display: none !important;
	// }
	
	.page-id-1017 .section01 .text .more-btn,
	.page-id-1240 .section01 .text .more-btn,
	.page-id-1223 .section01 .text .more-btn,
	.page-id-1228 .section01 .text .more-btn,
	.page-id-2570 .section01 .text .more-btn,
	.page-id-2590 .section01 .text .more-btn,
	.page-id-2598 .section01 .text .more-btn,
	.page-id-2862 .section01 .text .more-btn,
	.page-id-3180 .section01 .text .more-btn,
    .page-id-3182 .section01 .text .more-btn,
    .page-id-3184 .section01 .text .more-btn,
    .page-id-3186 .section01 .text .more-btn,
    .page-id-3188 .section01 .text .more-btn {
		width: 100%;
		position: absolute;
		text-align: center;
		bottom: 0; 
		left: 0;
		margin: 0;
		padding: 30px 0 18px 0;
		display: inline-block;
		background-image: -ms-linear-gradient(top, rgba(256,256,256,0) 0%, rgb(256,256,256)  100%);
		background-image: -moz-linear-gradient(top, rgba(256,256,256,0) 0%, rgb(256,256,256) 100%);
		background-image: -o-linear-gradient(top, rgba(256,256,256,0) 0%, rgb(256,256,256) 100%);
		background-image: -webkit-gradient(linear, top, bottom, color-stop(0, rgba(256,256,256,0)), color-stop(1, rgb(256,256,256)));
		background-image: -webkit-linear-gradient(top, rgba(256,256,256,0) 0%,rgb(256,256,256) 100%);
		background-image: linear-gradient(to bottom, rgba(256,256,256,0) 0%, rgb(256,256,256) 100%);
	}

	.page-id-1017 .section01 .text .more-btn .button,
	.page-id-1240 .section01 .text .more-btn .button,
	.page-id-1223 .section01 .text .more-btn .button,
	.page-id-1228 .section01 .text .more-btn .button,
	.page-id-2570 .section01 .text .more-btn .button,
	.page-id-2590 .section01 .text .more-btn .button,
	.page-id-2598 .section01 .text .more-btn .button,
	.page-id-2862 .section01 .text .more-btn .button,
	.page-id-3180 .section01 .text .more-btn .buttom,
    .page-id-3182 .section01 .text .more-btn .buttom,
    .page-id-3184 .section01 .text .more-btn .buttom,
    .page-id-3186 .section01 .text .more-btn .buttom,
    .page-id-3188 .section01 .text .more-btn .buttom {
	    font-size: 14px;
	    text-align: center;
	    line-height: 22px;
	    margin: 0 auto;
	    position: relative;
	    background: #00091d;
	    color: #fff;
	    padding: 8px 18px;
	    border: 1px solid #00091d;
	    -webkit-border-radius: 8px;
	    border-radius: 8px;
	    -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in;
	    z-index: 2;
	}

	.page-id-1017 .section01 .text .more-btn .button:hover,
	.page-id-1240 .section01 .text .more-btn .button:hover,
	.page-id-1223 .section01 .text .more-btn .button:hover,
	.page-id-1228 .section01 .text .more-btn .button:hover,
	.page-id-2570 .section01 .text .more-btn .button:hover,
	.page-id-2590 .section01 .text .more-btn .button:hover,
	.page-id-2598 .section01 .text .more-btn .button:hover,
	.page-id-2862 .section01 .text .more-btn .button:hover,
	.page-id-3180 .section01 .text .more-btn .button:hover,
    .page-id-3182 .section01 .text .more-btn .button:hover,
    .page-id-3184 .section01 .text .more-btn .button:hover,
    .page-id-3186 .section01 .text .more-btn .button:hover,
    .page-id-3188 .section01 .text .more-btn .button:hover{
	    background: #fff;
	    color: #00091d;
	}

	.gotop {
		width: 50px;
		height: 50px;
		position: fixed;
		right: 5%;
		bottom: 110px;
		background: no-repeat center center url(https://file.cdn.finance.vivatech.cn/vivaWeb/images/gotop2.png);
		background-size: 100%;
		z-index: 999;
		cursor: pointer;
		display: none;
	}


	.award-list {
		width: 80%;
		margin: 50px auto 180px auto;
		padding: 0;
	}

	.award-list li {
		font-size: 16px;
		padding: 15px 6%;
		list-style-type:none;
		text-align: left;
	}

	.award-list .line {
		width: 100%;
		height: 1px;
		margin: 20px 0;
		border-bottom: 1px #7d7d7d solid;
	}

	.award-list-group {
		width: 100%;
		height: auto;
		position: relative;
	}

	.award-list-group img {
		width: 300px;
		height: 300px;
		position: absolute;
		right: 0px;
	}

	@media only screen and (max-width: 1510px){
		.page-id-46 .section01 > .text .jobs-br1 {
			display: inline-block;
		}
	}

	@media only screen and (max-width: 875px){
		.page-id-46 .section01 > .text .jobs-br1,
		.page-id-46 .section01 > .text .jobs-br2 {
			display: inline-block;
		}
	}

	@media only screen and (max-width: 1855px){
		.page-id-46 .section01 > .text .jobs-br3 {
			display: inline-block;
		}
	}

	@media only screen and (max-width: 1185px){
		.page-id-46 .section01 > .text .jobs-br3,
		.page-id-46 .section01 > .text .jobs-br4 {
			display: inline-block;
		}
	}

	@media only screen and (min-width: 1440px){
		.single .entry-content{margin-top:8%;}
		.page-id-44 .section01 {
			padding: 58px 10% 12% 10%;
			background:url("https://file.cdn.finance.vivatech.cn/vivaWeb/images/contact_p2bg.png") no-repeat 70% 70%;
		}
		.page-id-46 .section02 .bg-right {
		    width: 573px;
		    height: 246px;
		    background: no-repeat center center url(images/bg_jobs_img2.png);
		    background-size: 100%;
		    position: absolute;
		    bottom: 0px;
		    right: 2%;
		}
	}

	.page-id-40 .section02 > .img,
	.page-id-1017 .section02 > .img,
	.page-id-1240 .section02 > .img,
	.page-id-1223 .section02 > .img,
	.page-id-1228 .section02 > .img,
	.page-id-2570 .section02 > .img,
	.page-id-2590 .section02 > .img,
	.page-id-2598 .section02 > .img,
	.page-id-2862 .section02 > .img,
	.page-id-3180 .section02 > .img,
    .page-id-3182 .section02 > .img,
    .page-id-3184 .section02 > .img,
    .page-id-3186 .section02 > .img,
    .page-id-3188 .section02 > .img,
	.page-id-40 .section02 .list,
	.page-id-1017 .section02 .list,
	.page-id-1223 .section02 .list,
	.page-id-1228 .section02 .list,
	.page-id-2570 .section02 .list,
	.page-id-2590 .section02 .list,
	.page-id-2598 .section02 .list,
	.page-id-2862 .section02 .list,
	.page-id-3180 .section02 .list,
    .page-id-3182 .section02 .list,
    .page-id-3184 .section02 .list,
    .page-id-3186 .section02 .list,
    .page-id-3188 .section02 .list {
		width: 80%;
		margin: 50px auto 180px auto;
	}

	.page-id-40 .section02 > .img-full,
	.page-id-1017 .section02 > .img-full,
	.page-id-1240 .section02 > .img-full,
	.page-id-1223 .section02 > .img-full,
	.page-id-1228 .section02 > .img-full,
	.page-id-2570 .section02 > .img-full,
	.page-id-2590 .section02 > .img-full,
	.page-id-2598 .section02 > .img-full,
	.page-id-2862 .section02 > .img-full,
	.page-id-3180 .section01 > .img-full,
    .page-id-3182 .section01 > .img-full,
    .page-id-3184 .section01 > .img-full,
    .page-id-3186 .section01 > .img-full,
    .page-id-3188 .section01 > .img-full{
		width: 100%;
		margin: 50px auto 120px auto;
	}

	.page-id-40 .section02 > .img img,
	.page-id-1017 .section02 > .img img,
	.page-id-1240 .section02 > .img img,
	.page-id-1223 .section02 > .img img,
	.page-id-1228 .section02 > .img img,
	.page-id-2570 .section02 > .img img,
	.page-id-2590 .section02 > .img img,
	.page-id-2598 .section02 > .img img,
	.page-id-2862 .section02 > .img img,
	.page-id-3180 .section02 > .img img,
    .page-id-3182 .section02 > .img img,
    .page-id-3184 .section02 > .img img,
    .page-id-3186 .section02 > .img img,
    .page-id-3188 .section02 > .img img,
	.page-id-40 .section02 > .img-full img,
	.page-id-1017 .section02 > .img-full img,
	.page-id-1240 .section02 > .img-full img,
	.page-id-1223 .section02 > .img-full img,
	.page-id-1228 .section02 > .img-full img,
	.page-id-2570 .section02 > .img-full img,
	.page-id-2590 .section02 > .img-full img,
	.page-id-2598 .section02 > .img-full img,
	.page-id-2862 .section02 > .img-full img,
	.page-id-3180 .section02 > .img-full img,
    .page-id-3182 .section02 > .img-full img,
    .page-id-3184 .section02 > .img-full img,
    .page-id-3186 .section02 > .img-full img,
    .page-id-3188 .section02 > .img-full img {
		width: 100%;
	}

	.page-id-40 .section02 .bg, 
	.page-id-1017 .section02 .bg,
	.page-id-1240 .section02 .bg,
	.page-id-1223 .section02 .bg,
	.page-id-1228 .section02 .bg,
	.page-id-2570 .section02 .bg,
	.page-id-2590 .section02 .bg,
	.page-id-2598 .section02 .bg,
	.page-id-2862 .section02 .bg,
	.page-id-3180 .section02 .bg,
    .page-id-3182 .section02 .bg,
    .page-id-3184 .section02 .bg,
    .page-id-3186 .section02 .bg,
    .page-id-3188 .section02 .bg {
		z-index: -1;
	}


@media only screen and (max-width: 1380px){
	.page-id-46 .section02 {
		padding: 7% 0 260px 0;
	}
	.page-id-46 .section02 .bg-right {
	    width: 573px;
	    height: 246px;
	    background: no-repeat center center url(images/bg_jobs_img2.png);
	    background-size: 100%;
	    position: absolute;
	    bottom: 0px;
	    right: 2%;
	}
}

@media only screen and (max-width: 1200px){
	// .award li {
	// 	width: 50%;
	// }
}

@media only screen and (max-width: 1000px){
	.page-id-46 .section03 {
	    padding: 7% 8%;
	}

	.page-id-46 .section03 .item {
	    font-size: 24px;
	}

	.item-title {
	    font-size: 24px;
	    height: 70px;
	    line-height: 70px;
	}

	.item-content {
	    font-size: 14px;
	    margin-bottom: 12px !important;
	}

	.page-id-46 .section03 .figure1 h6,
	.page-id-46 .section03 .figure2 h6,
	.page-id-46 .section03 .figure3 h6 {
	    font-size: 24px;
	}

	.item-title .icon {
	    width: 25px;
	    height: 12px;
	    background: no-repeat center center url(images/arrow.png);
	    background-size: 100%;
	    float: right;
	    margin-top: 29px;
	}

	.section02 > .img, 
	.page-id-1017 .section02 > .img,
	.page-id-1240 .section02 > .img,
	.page-id-1223 .section02 > .img,
	.page-id-1228 .section02 > .img,
	.page-id-2570 .section02 > .img,
	.page-id-2590 .section02 > .img,
	.page-id-2598 .section02 > .img,
	.page-id-2862 .section02 > .img,
	.page-id-3180 .section02 > .img,
    .page-id-3182 .section02 > .img,
    .page-id-3184 .section02 > .img,
    .page-id-3186 .section02 > .img,
    .page-id-3188 .section02 > .img,
	.award,
	#block-gropp-slide,
	#block-gropp-slide2 {
	    width: 90%;
	}

	.award li .mask h6 {
		font-size: 18px;
		margin: 8px 0 16px 0;
	}

	.award li .mask p {
		font-size: 14px;
	}
}

@media only screen and (max-width: 800px){

	.award li .mask h6 {
		font-size: 18px;
		margin: 6px 0 12px 0;
	}

	.award li .mask p {
		margin: 5px 0;
	}

	.gotop {
		width: 30px;
		height: 30px;
		bottom: 62px;
		z-index: 999;
	}

	#block-gropp-slide2 .swiper-slide h1 {
		font-size: 18px;
	}

	#block-gropp-slide2 .swiper-slide p {
		font-size: 14px;
		line-height: 28px;
	}
}

@media only screen and (max-width: 640px){

	#block-gropp-slide2 .swiper-slide p {
		font-size: 13px;
		line-height: 21px;
	}

	#block-gropp-slide2 .swiper-slide .info {
		width: 100%
	}

	#block-gropp-slide2 {
    	padding-bottom: 200px;
	}	
	
	.item-title {
		font-size: 18px;
	}

	.page-id-46 .section02 .bg-right {
	    width: 80%;
	    height: 246px;
	    background: no-repeat center bottom url(images/bg_jobs_img2.png);
	    background-size: 100%;
	    position: relative;
	    bottom: auto;
	    right: auto;
	    margin: 0 auto;
	}

	.page-id-46 .section02 {
	    padding: 7% 0 0 0;
	}

	.page-id-46 .section03 .figure1,
	.page-id-46 .section03 .figure2,
	.page-id-46 .section03 .figure3 {
		float: none; 
		margin: 70px auto 30px auto;
		display: block;
	}

	.page-id-46 .section03 .item-groups {
		width: 100%;
		margin-left: 0px;
		display: block;
		padding-left: 0px;
	}

	.page-id-46 .section03 .item {
	    font-size: 16px;
	}

	.page-id-46 .section03 .figure1 h6,
	.page-id-46 .section03 .figure2 h6,
	.page-id-46 .section03 .figure3 h6 {
	    font-size: 18px;
	}

	.item-groups1,
	.item-groups2,
	.item-groups3 {
		margin-top: 20px;
		display: block !important;
	}

	.page-id-46 .section03 .figure1,
	.page-id-46 .section03 .figure1 .pic,
	.page-id-46 .section03 .figure2,
	.page-id-46 .section03 .figure2 .pic {
	    width: 150px;
	    height: 208px;
	}

	.page-id-46 .section03 .figure3,
	.page-id-46 .section03 .figure3 .pic {
	    width: 150px;
	    height: 208px;
	}	

	.page-id-40 .section02 > .img,
	.page-id-1017 .section02 > .img,
	.page-id-1017 .section02 > .img-full,
	.page-id-1240 .section02 > .img,
	.page-id-1240 .section02 > .img-full,
	.page-id-1223 .section02 > .img,
	.page-id-1223 .section02 > .img-full,
	.page-id-1228 .section02 > .img,
	.page-id-1228 .section02 > .img-full,
	.page-id-2570 .section02 > .img,
	.page-id-2570 .section02 > .img-full,
	.page-id-2590 .section02 > .img,
	.page-id-2590 .section02 > .img-full,
	.page-id-2598 .section02 > .img,
	.page-id-2598 .section02 > .img-full,
	.page-id-2862 .section02 > .img,
	.page-id-2862 .section02 > .img-full,
	.page-id-3180 .section02 > .img,
    .page-id-3182 .section02 > .img,
    .page-id-3184 .section02 > .img,
    .page-id-3186 .section02 > .img,
    .page-id-3188 .section02 > .img,
    .page-id-3180 .section02 > .img-full,
    .page-id-3182 .section02 > .img-full,
    .page-id-3184 .section02 > .img-full,
    .page-id-3186 .section02 > .img-full,
    .page-id-3188 .section02 > .img-full,
	#block-gropp-slide,
	#block-gropp-slide2 {
		width: 90%;
		margin: 50px auto 100px auto;
	}

	.award {
	    width: 100%;
	    // margin-bottom: 100px;
	}

	.award li .mask {
		width: 180%;
	    height: 0;
	    overflow: hidden;
	    // padding: 0 10%;
	    padding: 0 5%;
	    background: #d8d8d8;
	}

	.award li:hover .mask {
		opacity: 0;
	}

	.award .active:hover .mask {
		width: 100%;
		opacity: 1;
	}

	.award li:hover .mask h6,
	.award li:hover .mask p {
		opacity: 1;
	    -moz-transform: translateY(0px);
	    -webkit-transform: translateY(0px);
	    transform: translateY(0px);
	}

	.award li .mask p {
		transition-delay: 0s;
		-moz-transition-delay: 0s;
		-webkit-transition-delay: 0s;
		-o-transition-delay: 0s;
	}

	.award li:nth-child(even) .mask {
		// left: -90%;
	}

	.award li .mask h6 {
		font-size: 22px;
		margin: 12px 0 12px 0;
		color: #00091d;
	}

	.award li .mask p {
		font-size: 14px;
		color: #00091d;
	}	

	.award .active .mask {
	    position: relative;
	    width: 180%;
	    height: auto;
	    opacity: 1;
	    z-index: 2;
	    color: #00091d;
	    background: #d8d8d8;
	    // left: 10%;
	    -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in;
	}

	.award .active {
	    z-index: 2;
	}

	.award li .mask .container {
		height: 0;
		padding: 0;
	    -webkit-transition: all 0.3s ease-in;
	    -moz-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in;
	}	

	.award .active .mask .container {
		height: auto;
		padding: 8% 0;
	}

	.award .active .mask p,
	.award .active .mask h6 {
		color: #00091d;
	    opacity: 1;
	    -moz-transform: translateY(0px);
	    -webkit-transform: translateY(0px);
	    transform: translateY(0px);
	}

	.award li .triangle {
		position: relative;
		bottom: 0;
		left: 50%;
    	margin-left: -25px;
		width: 0;
		height: 0;
		opacity: 0;
		border-style: solid;
		border-width: 0 25px 25px 25px;
		border-color: transparent transparent #d8d8d8 transparent;
	    -webkit-transition: all 0.2s ease-in;
	    -moz-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	}

	.award .active .triangle {
		opacity: 1;
	}

	// .m-mask {
	// 	width: 100%;
	// 	height: auto;
	// 	float: left;
	// }

	.swiper-pagination {

	}

	.award .stop .mask {
	    -webkit-transition: none;
	    -moz-transition: none;
	    transition: none;
	}

	.item-content {
	    margin-bottom: 0px !important;
	    padding-bottom: 40px;
	}

	.award-list {
		width: 80%;
		margin: 50px auto 180px auto;
		padding: 0;
	}

	.award-list li {
		font-size: 14px;
		padding: 15px 3%;
		list-style-type:none;
		text-align: left;
	}

}

@media only screen and (max-width: 450px){
	.page-id-46 .section02 .bg-right {
	    height: 200px;
	}

	.item-title .icon {
	    width: 25px;
	    height: 12px;
	    background: no-repeat center center url(images/arrow.png);
	    background-size: 100%;
	    float: right;
	    margin-top: 27px;
	}
}

@media only screen and (max-width: 400px){
	.page-id-46 .section02 .bg-right {
	    height: 150px;
	}

	#block-gropp-slide2 .swiper-slide h1 {
		font-size: 16px;
	}

	.award .active .triangle {
		position: relative;
		bottom: 0;
		left: 50%;
    	margin-left: -20px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 20px 20px 20px;
		border-color: transparent transparent #d8d8d8 transparent;
	}

	#block-gropp-slide2 .swiper-slide p {
		font-size: 13px;
		line-height: 21px;
	}

	#block-gropp-slide2 .swiper-slide .info {
		width: 100%
	}

	#block-gropp-slide2 {
    	padding-bottom: 180px;
	}	

}

@media only screen and (max-width: 350px){

	#block-gropp-slide2 {
    	padding-bottom: 200px;
	}	

}

@media only screen and (min-width: 1681px){
.single .entry-content img{margin-top:15px;}
.single .entry-content > p {font-size: 14px;}
}