.pic-news-home,.text-news-home{
	max-height:150px;
	min-height:110px
}

.box-text blockquote::before,.control,.people-quote blockquote::before{
	font-family:Arial,Helvetica,sans-serif
}



.details-content,.select-box{
	scrollbar-color:inherit;
	scrollbar-width:thin
}

.overlay-dark,.overlay-menu{
	-ms-touch-action:none;
	-webkit-touch-callout:none
}

.all-album,.all-pics .text-length,.box-slider,.details-content>span,.dragscroll,.img-moving,.overlay-dark,.overlay-menu{
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:-moz-none;
	-ms-user-select:none
}

.loadx{
	background:url(../images/cycle.png) center center no-repeat;
	position:fixed;
	top:50%;
	left:50%;
	width:82px;
	height:82px;
	margin:-41px 0 0 -41px;
	border-radius:50%;
	animation:Preloader 1s linear infinite;
	display:none;
	z-index:110000
}

.bg-menu{
	width:100%;
	height:100vh;
	right:0;
	top:0;
	position:absolute;
	background-color:rgba(237,28,36,.7);
	z-index:9999
}

#canvas-menu>canvas{
	opacity:.7
}

.title-rotate>h1>span>span,.title-rotate>h2>span>span{
	opacity:0
}

#canvas-menu{
	background-color:#0b62f0
}

.details-content .bg-menu{
	background-color:transparent
}

.control-canvas,.play-canvas,.stop-canvas{
	display:none;
	width:0;
	height:0;
	overflow:hidden
}

.navigation.show{
	height:100%
}

.navigation.show .nav li{
	animation-name:goRight;
	animation-duration:.3s;
	animation-fill-mode:forwards
}

.navigation:not(.show) .nav li{
	animation-name:fadeOut;
	animation-duration:.3s;
	animation-fill-mode:forwards
}

.title-rotate>h1>span>span.move,.title-rotate>h2>span>span.move{
	animation-name:fadeIn;
	animation-duration:.5s;
	animation-fill-mode:forwards
}

.overlay-menu{
	height:0;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	overflow:hidden;
	transition:height .3s ease-in-out;
	z-index:50
}

.overlay-menu.show{
	height:100%
}

.social-top{
	position:fixed;
	height:100vh;
	width:60px;
	left:-100px;
	top:0;
	text-align:center;
	border-right:1px solid #eee;
	visibility:hidden;
	z-index:100
}

.copyright,.print,.share-item ul,.title-rotate{
	text-align:left
}

.social-top.fixed{
	visibility:visible;
	left:0;
	z-index: 9999;
}

.outer-nav:not(.second).hide,.upload_target{
	visibility:hidden
}

.social-top ul{
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	top:50%;
	transform:translate(0,-50%)
}

.social-top li{
	position:relative;
	width:50px;
	height:50px;
	display:inline-block;
	vertical-align:middle;
	margin:0 2px
}

.social-top li a{
	width:100%;
	height:100%;
	display:block;
	color:#fff
}

.search-form{
	position:absolute;
	right:0px;
	top:65px;
	display:block;
	width:0px;
	height:60px;
	background-color:#0b62f0;
	transition:all .3s ease-in-out;
	pointer-events:auto;
	z-index:20
}

.form-row-search{
	position:relative;
	width:100%;
	height:100%
}

.form-row-search input[type=text]{
	border:0;
	font-size:16px;
	font-weight:300;
	color:#eee;
	background-color:transparent;
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	padding:0 20px;
	line-height:58px;
	box-shadow:none
}

.bottom-text,.print,.title-group{
	border-top:1px solid #ddd
}

.footer,.print{
	background-color:#fff
}

.bottom-link,.footer,.title-group,.title-group li,.title-group ul{
	position:relative
}

.form-row-search input[type=text]:focus{
	color:#fff
}

.search-form.active{
	width:550px;
	pointer-events:auto
}

.outer-nav.second,.sub-nav li.current a,.title-group li img{
	pointer-events:none
}

.search-but.active{
	color:#0b62f0
}

.footer{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	display:block;
	float:left;
	overflow:hidden
}



.footer .content-right>h3{
	display:block;
	font-weight:700;
	font-size:calc(100vw/30);
	line-height:1.2;
	margin:0 0 20px;
	position:relative;
	color:#d4d4d4;
	width:100%
}

.bottom-group,.bottom-link,.title-group,.title-group ul{
	display:block;
	width:100%;
	margin:0;
	height:auto
}

.bottom-link{
	padding:0;
	overflow:hidden
}

.bottom-group{
	padding:0
}

.title-group{
	padding:20px 0
}

.title-group ul{
	padding:0 0 0 10px
}

.title-group li{
	display:inline-block;
	margin:10px -5px;
	vertical-align:top;
	padding:0 40px 0 0;
	width:30%;
	font-size:15px;
	line-height:1.6;
	font-weight:300
}

.title-group li mark,.title-group li p{
	margin:0 0 0px;
	display:block
}

.title-group li:first-child{
	width:45%
}

.title-group li mark{
	font-weight:700
}

.title-group li>h2{
	font-size:12px;
	font-weight:400;
	color:#999;
	display:block;
	max-width:200px;
	margin:0;
	line-height:1.4;
	padding:0 20px 0 10px
}

.title-group li img{
	max-width:180px;
	height:auto;
	display:block
}

.title-group li>h2::after{
	display:none
}

.bottom-text,.copyright{
	position:relative;
	display:block
}

.title-group li:last-child{
	padding:0;
	width:  22%;
}

.bottom-group a,.title-group a{
	color:#444
}

.bottom-text{
	width:100%;
	height:auto;
	margin:0 0 30px;
	padding:30px 0 0;
	float:left
}

.copyright{
	font-weight:300;
	text-transform:uppercase;
	font-size:14px;
	line-height:1.4;
	width:auto
}

.copyright strong{
	font-weight:700
}

.copyright a{
	color:#6a6a6a;
	display:none
}

.title-rotate{
	width:30%;
	height:auto;
	position:absolute;
	left:0;
	top:0;
	z-index:5
}

.title-rotate>h1,.title-rotate>h2{
	width:100%;
	height:auto;
	padding:20vh 5vh 0 40px;
	color:#0b62f0
}

.title-rotate svg,.title-rotate>h1,.title-rotate>h2{
	position:relative;
	display:block
}

.title-rotate>h1{
	font-size:calc(100vw/60);
	font-weight:300;
	line-height:1
}

.title-rotate.strong>h1{
	font-size:calc(100vw/35);
	font-weight:700
}

.title-rotate>h2{
	font-size:calc(100vw/60);
	font-weight:300
}

.title-rotate.strong>h2{
	font-size:calc(100vw/40);
	font-weight:700
}

.title-rotate svg,
.title-rotate img{
	height:100px;
	margin:10vh 0 0 40px
}

.title-rotate .stroke-line{
	fill-opacity:1;
	fill:#0b62f0;
	stroke:#0b62f0;
	stroke-miterlimit:10;
	stroke-width:.5;
	stroke-dasharray:600;
	stroke-dashoffset:600
}

.show-text .title-rotate .stroke-line,.title-rotate.on-show .stroke-line{
	animation-name:DrawStroke;
	animation-duration:2s;
	transition:all .5s ease-in-out 1.2s;
	fill-opacity:1;
	stroke-opacity:0;
	animation-fill-mode:forwards
}

.header.hide{
	position:fixed
}

.print,.print-box{
	position:relative;
	height:auto
}

.header.hide::after{
	opacity:.8;
	top:0
}

.header.hide .nav-second,.header.hide .right-header{
	top:15px
}

.header.hide .logo{
	color:#0b62f0;
	top:0
}

.header.hide .nav-click{
	top:5px
}

.header.hide .language li a,.header.hide .nav-click,.header.hide .nav-second li:not(.current) a,.header.hide .search-but{
	color:#666
}

.header.hide .logo.fixed{
	color:#fff;
	top:20px
}

.header.hide .nav-second li.active a,.header.hide .nav-second li.current a{
	color:#0b62f0
}

.print{
	display:block;
	width:100%;
	padding:20px
}

.print-box{
	display:inline-block;
	width:auto;
	margin:0
}

.print-but,.save-but,.share-but{
	padding:0 20px 0 10px;
	display:inline-block;
	vertical-align:middle;
	width:auto;
	height:50px;
	line-height:50px;
	font-size:12px;
	text-transform:uppercase;
	color:#4c4c4c;
	border-radius:30px;
	background-color:#fff;
	z-index:1
}

.print-but::before,.save-but::before,.share-but::before{
	content:'';
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:40px
}

.save-but::before{
	height:40px;
	background:url(../images/favorite.svg) 50%/80% no-repeat
}

.print-but::before{
	height:40px;
	background:url(../images/print.svg) 50%/80% no-repeat
}

.share-but::before{
	height:40px;
	background:url(../images/share.svg) 50%/80% no-repeat
}

.share-item{
	position:absolute;
	right:-100%;
	bottom:5px;
	width:100%;
	height:40px
}

.share-item ul{
	position:relative;
	display:block;
	width:auto;
	height:auto;
	padding:0 0 0 10px
}

.box-nav,.outer-nav.second,.sub-nav{
	text-align:center
}

.share-item li{
	display:inline-block;
	position:relative;
	width:40px;
	height:40px;
	margin:0 5px;
	border-radius:50%;
	border:1px solid #aaa;
	transition:all .3s cubic-bezier(.44,.39,.34,1.03);
	transform:scale3d(0,1,1);
	transform-origin:left top;
	left:-40px;
	opacity:0
}

.share-item li a::after,.share-item li a::before{
	position:absolute;
	top:0;
	content:''
}

.share-item li a{
	display:block;
	width:100%;
	height:100%;
	font-size:0;
	text-indent:-9999px
}

.share-item li a::before{
	left:0;
	width:100%;
	height:100%
}

.share-item li a::after{
	left:0;
	width:100%;
	height:100%;
	opacity:0
}

.sub-nav,.sub-nav li,.sub-nav ul{
	position:relative
}

.item-google::before{
	background:url(../images/google-grey.svg) 50%/70% no-repeat
}

.item-google::after{
	background:url(../images/google-orange.svg) 50%/70% no-repeat
}

.item-facebook::before{
	background:url(../images/facebook-grey.svg) 50%/70% no-repeat
}

.item-facebook::after{
	background:url(../images/facebook-orange.svg) 50%/70% no-repeat
}

.item-linkedin::before{
	background:url(../images/linkedin-grey.svg) 50%/70% no-repeat
}

.item-linkedin::after{
	background:url(../images/linkedin-orange.svg) 50%/70% no-repeat
}

.bg-cover,.box-cover{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}

.share-but.active+.share-item li{
	transform:scale3d(1,1,1);
	left:0;
	opacity:1
}

.share-but.active+.share-item li:nth-child(2){
	transition-delay:.2s
}

.share-but.active+.share-item li:nth-child(3){
	transition-delay:.4s
}

.sub-nav{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0
}

.sub-nav ul{
	display:block;
	width:100%;
	height:auto;
	white-space:nowrap;
	z-index:2
}

.sub-nav li{
	display:inline-block;
	width:auto;
	height:auto;
	margin:0 -2px;
	vertical-align:top
}

.sub-nav li a{
	display:block;
	padding:15px;
	margin:0 1px;
	font-weight:500;
	font-size:13px;
	color:#666;
	background-color:#fff
}

.sub-nav li.active a,.sub-nav li.current a{
	background-color:#0b62f0;
	color:#fff
}

.outer-nav{
	transition:all .6s ease-in-out;
	overflow:hidden;
	background-color:#eee;
	box-shadow:0 20px 20px rgba(0,0,0,.1)
}

.outer-nav:not(.second){
	position:relative;
	display:block;
	width:100%;
	height:auto;
	margin:0;
	text-align:center;
	padding:0;
	z-index:5
}

.outer-nav.second{
	width:100%;
	height:auto;
	top:70px;
	left:0;
	position:fixed;
	opacity:0
}

.outer-nav.second .sub-nav li{
	box-shadow:none
}

.outer-nav.second .group,.outer-nav.second .sub-nav ul::after{
	display:none
}

.outer-nav.second .sub-nav li a{
	font-size:12px;
	padding:10px 15px;
	margin:0;
	font-weight:500
}

.outer-nav.second.fixed{
	pointer-events:auto;
	opacity:1;
	z-index:50
}

.outer-nav:not(.second).fixed{
	pointer-events:none;
	height:0
}

.outer-nav.second .sub-nav li.current a{
	background-color:#0b62f0;
	color:#fff;
	pointer-events:none
}

.outer-nav.second .sub-nav li.active a{
	background-color:#0b62f0;
	color:#fff
}

.box-nav{
	font-weight:100;
	line-height:1;
	width:auto;
	height:auto;
	position:absolute;
	left:0;
	top:calc(50% + 50px);
	padding:0;
	transform:translate(0,-50%);
	transition:all .5s ease-in-out;
	z-index:15
}

.box-nav li,.box-nav ul{
	position:relative;
	width:45px;
	display:inline-block
}

.box-nav ul{
	height:auto;
	text-align:right;
	vertical-align:middle;
	margin:0
}

.bg-cover,.box-cover,.box-nav li{
	text-align:center
}

.box-nav li{
	height:45px;
	background-color:rgba(0,0,0,.1)
}

.box-cover,.box-nav li a{
	width:100%;
	display:block
}

.box-nav li a{
	font-size:18px;
	height:100%;
	line-height:50px;
	color:#fff;
	font-weight:300;
	transition:all .3s ease-in-out
}

.box-nav li:hover a{
	color:#0b62f0
}

.box-nav li.current a{
	color:#0b62f0;
	pointer-events:none
}

.bg-cover{
	width:100%;
	height:100vh;
	position:absolute;
	left:0;
	top:0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}

.box-cover{
	height:100vh;
	position:relative
}

.box-cover svg,.box-cover::after{
	height:100%;
	position:absolute;
	left:0;
	top:0;
	width:100%
}

.box-cover::after{
	content:'';
	background:linear-gradient(0deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 50%);
	mix-blend-mode:multiply
}

.bg-fixed,.pic-thumb-bg{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}

.box-cover svg{
	z-index:3
}

.bg-fixed{
	background-attachment:fixed;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:-1
}

html.touch .bg-fixed{
	background-attachment:scroll
}

.is-Edge .box-cover::after,.is-IE .box-cover::after{
	mix-blend-mode:inherit;
	display:none
}

.banner-home,.banner-inner,.pic-thumb-bg img,.slide-mask{
	height:105px;
	position:relative;
	display:block
}

.pic-thumb-bg img{
	width:100%;
	opacity:0;
	pointer-events:none
}

.banner-home,.banner-inner{
	width:100%;
	margin:0;
	transform:translateZ(0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1
}

.bg-home,.slide-mask{
	width:100%;
	-webkit-backface-visibility:hidden
}

.slide-mask{
	overflow:hidden;
	background-color:#fff;
	transform:translateZ(0);
	backface-visibility:hidden
}

.bg-home,.bg-inner{
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:right;
	background-color:#0b62f0;
	display:block
}

.slide-mask .ani-text{
	opacity:1!important
}

.bg-home{
	    height: 100vh;
    background-position: center center;
    backface-visibility: hidden;
}

.bg-inner,.bg-video{
	-webkit-backface-visibility:hidden
}

.bg-inner{
	width:100%;
	height:calc(800/2000 * 100vw);
	background-position:center center;
	backface-visibility:hidden;
	overflow:hidden
}

.box-bg,.rotate-img{
	width:100%;
	position:absolute;
	left:0;
	top:0
}

.rotate-img{
	height:100vh;
	display:block;
	z-index:-1
}

.rotate-img .bg-menu{
	background-color:transparent;
	opacity:.6
}

.box-bg{
	height:100%
}

.ani-one,.ani-two{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate3d(-50%,-50%,0);
	border-radius:50%
}

.ani-one{
	width:50vw;
	height:50vw;
	background:linear-gradient(0deg,#0b62f0 0,rgba(200,28,35,.5) 80%)
}

.ani-two{
	width:75vw;
	height:75vw;
	background:linear-gradient(0deg,#0b62f0 0,rgba(200,28,35,.3) 80%)
}

.bg-video,.control button{
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat
}

.play,.stop{
	display:block;
	position:fixed;
	width:0;
	height:0;
	z-index:-99999
}

.blur{
	filter:blur(5px);
	position:absolute;
	left:0;
	top:0
}


.logo-banner{
	position:absolute;
	top:120px;
	right:10vw;
	width:calc(100vw/5);
	height:auto
}

.logo-banner svg{
	position:relative;
	width:100%;
	height:100%;
	display:block;
	margin:0
}

.logo-banner .stroke-line{
	fill:#0b62f0;
	stroke:none
}

.logo-bottom{
	position:absolute;
	bottom:50px;
	left:5vw;
	width:calc(100vw/9);
	height:auto
}

.logo-bottom svg,.video-youtube-full,.youtube-video{
	position:relative;
	display:block
}

.logo-bottom svg{
	width:100%;
	height:100%;
	margin:0
}

.logo-bottom .stroke-line{
	fill:#ddd;
	stroke:none
}

.video-youtube-full{
	width:100%;
	height:auto
}

.youtube-video{
	width:100%;
	height:100vh
}

.youtube-video iframe{
	width:100%;
	height:calc(100vw * .5625);
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	z-index:-1
}

.bg-video,.control-youtube{
	width:100%;
	left:0;
	top:0;
	position:absolute
}

.youtube-video img{
	width:100%;
	height:auto;
	display:block;
	opacity:0;
	pointer-events:none
}

.control-youtube{
	height:100%
}

.bg-video{
	height:calc(100vw * .5625);
	backface-visibility:hidden;
	transition:opacity .6s ease-in-out
}

.group-central,.news-item{
	-webkit-backface-visibility:hidden
}

.bg-video.hide{
	opacity:0;
	pointer-events:none
}

.play-button{
	width:140px;
	height:140px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-70px 0 0 -70px;
	transition:opacity .5s ease-in-out;
	border-radius:50%
}

.play-button svg{
	width:80%;
	height:80%;
	margin:10%;
	display:block
}

.control,.pause-button{
	position:absolute;
	margin:0
}

.play-button.start .load-vid{
	fill:none;
	stroke-miterlimit:10;
	stroke-width:2px;
	stroke:#fff;
	stroke-dasharray:800;
	stroke-dashoffset:800;
	animation-name:DrawPlay;
	animation-duration:4s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-timing-function:linear
}

.play-button::after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	border-radius:50%;
	background-color:rgba(0,0,0,.5);
	z-index:-1
}

.pause-button{
	width:0;
	height:0;
	left:0;
	top:0
}

.full-frame .bg-video,.full-frame .youtube-video{
	height:100vh
}

.pause-button,.play-button{
	opacity:0;
	pointer-events:none;
	z-index:-99999
}

.pause-button.show,.play-button.show{
	opacity:1;
	pointer-events:auto;
	z-index:999
}

.full-frame .youtube-video iframe{
	height:100vh;
	width:100%;
	top:0;
	left:0;
	transform:none
}

.full-frame .control{
	left:50%;
	transform:translateX(-50%)
}

.control{
	width:auto;
	height:auto;
	padding:10px;
	bottom:15px;
	left:0;
	white-space:nowrap;
	text-align:center;
	color:#fff;
	font-size:12px;
	transition:all .3s ease-in-out;
	font-weight:400;
	z-index:10
}

.control::after,.slide-range::after{
	z-index:-1;
	left:0;
	content:''
}

.button-player{
	width:100%;
	height:auto;
	position:relative;
	display:block
}

.control button,.control span{
	display:inline-block;
	vertical-align:middle
}

.control::after{
	width:100%;
	height:100%;
	position:absolute;
	bottom:0;
	background-color:rgba(0,0,0,0);
	transition:background-color .3s ease-in-out
}

.control button,.slide-range{
	position:relative;
	border:none;
	-webkit-appearance:none;
	cursor:pointer;
	outline:0
}

.control.hide{
	opacity:0
}

.control:hover::after{
	background-color:rgba(0,0,0,.5)
}

.control button,.control button:focus,.control button:hover,.slide-range{
	background-color:transparent
}

.control button{
	transition:all .3s ease-in-out;
	overflow:hidden;
	margin:0 10px;
	padding:0;
	width:30px;
	height:30px
}

.slide-range,.wheel{
	transition:opacity .3s ease-in-out
}

.control button:hover{
	opacity:.5
}

.control button:focus{
	opacity:1
}

.control span{
	margin:0 5px
}

.is-IE .control::after,.is-IE .slide-range,.slide-range{
	display:none
}

.slide-range{
	width:100%;
	height:20px;
	color:transparent;
	margin:0 0 10px;
	opacity:.5
}

.slide-range::after{
	width:100%;
	height:1px;
	position:absolute;
	top:50%;
	background-color:#fff
}

.slide-range:hover{
	opacity:1
}

.slide-range::-webkit-slider-thumb{
	-webkit-appearance:none;
	border:none;
	width:20px;
	height:20px;
	margin:-10px 0;
	background-color:#fff;
	cursor:pointer;
	border-radius:50%
}

.slide-range::-moz-range-thumb{
	border:none;
	width:20px;
	height:20px;
	margin:-10px 0;
	background-color:#fff;
	cursor:pointer;
	border-radius:50%
}

.slide-range::-webkit-slider-runnable-track{
	width:0;
	height:0;
	-webkit-appearance:none;
	border:none
}

.slide-range:focus{
	outline:0
}

.slide-range:focus::-webkit-slider-runnable-track{
	width:0;
	height:0;
	-webkit-appearance:none;
	border:none
}

button[data-state=play]{
	background-image:url(../images/video/play.svg)
}

button[data-state=pause]{
	background-image:url(../images/video/pause.svg)
}

button[data-state=stop]{
	background-image:url(../images/video/stop.svg);
	width:0;
	height:0;
	opacity:0
}

button[data-state=mute]{
	background-image:url(../images/video/mute.svg)
}

button[data-state=unmute]{
	background-image:url(../images/video/unmute.svg)
}

button[data-state=go-fullscreen]{
	background-image:url(../images/video/fullscreen.svg)
}

button[data-state=cancel-fullscreen]{
	background-image:url(../images/video/cancel-fullscreen.svg)
}

.pic-length{
	width:33%;
	height:100vh;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0
}

.pic-length svg{
	width:auto;
	height:100%;
	right:0;
	top:0;
	position:absolute
}

.icon-logo:not(.white){
	fill:#ec3c42;
	opacity:0
}

.icon-logo:not(.white):nth-child(2n){
	animation-delay:.3s
}

.icon-logo:not(.white):nth-child(2n+1){
	animation-delay:.6s
}

.icon-logo:not(.white):nth-child(3n+1){
	animation-delay:.9s
}

.on-show .icon-logo,.show-text .icon-logo{
	animation-name:fadeIn;
	animation-duration:1.5s;
	animation-fill-mode:forwards
}

.icon-logo.white{
	fill-opacity:0;
	fill:#fff;
	stroke:#fff;
	stroke-miterlimit:10;
	stroke-width:1;
	stroke-dasharray:600;
	stroke-dashoffset:600;
	transition:all .5s ease-in-out
}

.on-show .icon-logo.white,.show-text .icon-logo.white{
	animation-name:DrawStroke;
	animation-duration:3s;
	animation-fill-mode:forwards;
	transition-delay:2.2s;
	fill-opacity:1;
	stroke-opacity:0
}

.box-slider{
	width:100%;
	height:100vh;
	position:relative;
	overflow:hidden;
	display:block;
	float:left;
	-webkit-tap-highlight-color:transparent;
	z-index:1
}

.content-main,.group-central{
	height:auto;
	position:relative;
	width:100%
}

.group-central{
	background-color:#fff;
	backface-visibility:hidden;
	overflow:hidden;
	z-index:99
}

.content-main{
	display:block;
	text-align:center
}

.post-center::after,.post-center::before{
	content:'';
	display:inline-block;
	height:100vh;
	vertical-align:middle
}

.content-column,.content-column h2,.content-right{
	display:block;
	position:relative
}

.content-column{
	    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    display: block;
}

.content-column h2{
	font-weight:700;
	font-size:calc(100vw/35);
	line-height:1.2;
	margin:0 0 5vh;
	color:#d4d4d4
}

.content-column h2 strong,.content-column h3 strong{
	color:#0b62f0
}

.content-column h3{
	font-size:calc(100vw/45);
	font-weight:300;
	line-height:1.4;
	margin:0 0 20px;
	position:relative
}

.intro-text{
	color:#444;
	background:linear-gradient(35deg,#444 20%,#666 100%);
	-webkit-background-clip:text
}


.box-text{
	height:auto;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	padding:0 0 0 60px;
	margin:0;
	font-size:calc(100vh/40);
	font-weight:500;
	line-height:1.6
}

.box-text blockquote::before{
	content:'\201C';
	margin:0;
	display:block;
	position:absolute;
	left:10px;
	top:-15px;
	font-size:calc(100vw/16);
	line-height:1;
	color:#0b62f0
}

.box-text p{
	font-size:calc(100vw/90);
	line-height:1.6;
	margin:20px 0;
	position:relative;
	display:block;
	font-weight:300
}

.mention,.quote{
	line-height:1.4;
	margin:0 0 20px;
	position:relative
}

.content-right .title-rotate{
	width:auto;
	display:inline-block;
	position:relative;
	vertical-align:top;
	left:auto;
	top:auto
}

.content-right .title-rotate h1{
	padding:0 0 5vh
}

.mention{
	font-weight:700;
	font-size:calc(100vw/35);
	color:#d4d4d4;
	background:linear-gradient(35deg,#999 20%,#666 100%);
	-webkit-background-clip:text
}

.quote{
	font-weight:400;
	font-size:calc(100vw/60);
	width:100%;
	height:auto;
	display:block
}

.text-quotes::after,.text-quotes::before{
	display:inline-block;
	vertical-align:top;
	line-height:50px;
	font-size:calc(100vw/30);
	font-family:Arial,Helvetica,sans-serif
}

.text-quotes::before{
	content:'\201C';
	margin:0 4px 0 -8px;
	color:#0b62f0
}

.text-quotes::after{
	content:'\201D';
	margin:0 -8px 0 4px;
	color:#0b62f0
}

.group::before,.select-box li.selected:after,.sub-nav-content li a::after{
	content:''
}

.quote-by{
	display:block;
	margin:20px 0;
	font-size:18px;
	font-weight:300;
	font-style:italic
}

.quote-by a{
	color:#444
}

body.hide .group-central{
	height:100vh;
	position:absolute;
	left:0;
	top:0;
	transform:translate(0,100%)
}

body.hide .group-central.show-text{
	z-index:5
}

body.hide .group-central:first-child{
	transform:translate(0,0)
}

body.hide .content-main{
	height:100vh
}

body.hide .content-column{
	display:inline-block;
	float:none;
	vertical-align:middle;
	margin:70px -5px 0
}

body.hide .title-rotate>h1,body.hide .title-rotate>h2{
	padding:120px 0 0 40px
}

body.hide .title-rotate svg{
	margin:110px 0 0 40px
}

.go-page{
	width:50px;
	height:50px;
	border-radius:0 50% 50%;
	box-shadow:0 15px 30px rgba(0,0,0,.2);
	color:#fff;
	position:absolute;
	right:-50px;
	top:50%;
	margin:-25px 0 0;
	background:linear-gradient(120deg,#fff 20%,#666 100%);
	z-index:10
}

.select-header,.select-header .but{
	border:1px solid #ddd;
	display:block
}

.date,.go-back,.go-inner,.go-stock,.view-all{
	color:#666;
	line-height:1.2;
	text-align:center
}

.go-page svg{
	width:100%;
	height:100%
}

.go-back,.go-inner,.go-stock,.view-all{
	display:inline-block;
	position:relative;
	margin:10px 0;
	font-size:calc(100vw/110);
	font-weight:500;
	padding:10px 20px;
	background-color:transparent;
	border:1px solid #ddd;
	z-index:5
}

.date{
	position:absolute;
	left:0;
	top:0;
	width:auto;
	height:auto;
	padding:5px 10px;
	background-color:#f2f2f2;
	font-weight:100;
	font-size:30px;
	z-index:1
}

.date span{
	font-weight:500;
	font-size:11px;
	display:block;
	color:#aaa
}

.sub-nav-content li a,.sub-project li a{
	color:#333;
	line-height:1.4;
	font-weight:500
}

.sub-nav-content{
	width:100%;
	height:auto;
	position:relative;
	display:block;
	margin:3vh 0
}

.sub-nav-content>h3::after{
	display:none
}

.sub-nav-content ul{
	display:block;
	width:100%;
	height:auto;
	margin:0
}

.sub-nav-content li{
	display:inline-block;
	width:calc(27% - 10px);
	height:auto;
	vertical-align:top;
	margin:0;
	padding:20px 50px 20px 0
}

.sub-nav-content li a{
	font-size:calc(100vw/75);
	display:block
}

.sub-nav-content li a::after{
	width:25px;
	height:25px;
	background:url(../images/go.svg) 50%/80% no-repeat;
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 15px
}

.sub-project{
	width:30%;
	height:auto;
	padding:10vh 5vh 0 40px;
	position:absolute;
	left:0;
	top:0;
	text-align:left;
	z-index:5
}

.title-list{
	position:relative;
	display:block;
	font-size:calc(100vw/90);
	line-height:1.4;
	font-weight:500;
	margin:15px 0;
	float:left;
	clear:both
}

.sub-project ul{
	display:block;
	width:100%;
	height:auto;
	margin:0
}

.sub-project li{
	display:inline-block;
	width:auto;
	height:auto;
	margin:0 0 15px;
	float:left;
	clear:both
}

.sub-project li a{
	font-size:calc(100vw/80);
	display:block
}

.sub-project li.current a{
	color:#0b62f0
}

#customer-service-page .sub-project{
	padding:16vh 5vh 0 40px
}

.open-button{
	display:none
}

.select-list{
	position:relative;
	width:calc(98% - 10px);
	height:60px;
	display:inline-block;
	vertical-align:top;
	margin:0 0 20px;
	z-index:20
}

.select-header{
	position:relative;
	width:100%;
	height:auto;
	background-color:#fff;
	cursor:pointer
}

.select-header .but{
	position:absolute;
	right:5px;
	top:5px;
	width:48px;
	height:48px;
	background:url(../images/arrow-down.svg) 50%/70% no-repeat;
	border-radius:5px;
	z-index:1
}

.select-header h3{
	display:block;
	padding:0 40px 0 20px;
	margin:0;
	font-weight:700;
	font-size:18px;
	color:#666;
	line-height:60px;
	text-align:left;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}

.select-box,.select-header h3::after{
	display:none
}

.select-box{
	position:absolute;
	top:60px;
	left:0;
	width:100%;
	height:180px;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	z-index:99999
}

.select-box li,.select-box li a,.select-box ul{
	height:auto;
	display:block;
	width:100%
}

.sub-nav>*{
	transform:translate3d(0,0,0)
}

.select-box ul{
	position:relative;
	text-align:center;
	font-size:0
}

.select-box li{
	position:relative;
	margin:0;
	background-color:#929292;
	border-bottom:1px solid #eee;
	cursor:pointer
}

.select-box li h3{
	display:block;
	padding:10px 40px 10px 20px;
	font-size:18px;
	line-height:1.4;
	font-weight:500;
	color:#fff;
	text-align:left;
	margin:0
}

.select-box li h3::after{
	display:none
}

.select-box li.selected{
	background-color:#444;
	pointer-events:none
}

.select-box li.selected:after{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%
}

.select-list.float{
	float:right;
	margin:0 25px 20px 0;
	display:inline-block;
	vertical-align:top;
	padding:0;
	width:280px
}

.group,.scrollA{
	position:relative;
	display:block;
	margin:0
}

.select-list.float .select-box{
	overflow-x:hidden;
	height:285px
}

.scrollA{
	width:100%;
	height:auto
}

.select-box::-webkit-scrollbar{
	width:8px
}

.select-box::-webkit-scrollbar-track{
	background-color:#f1f1f1
}

.select-box::-webkit-scrollbar-thumb{
	background-color:#aaa
}

.group-central[data-name=about-home]{
	background-color:#dcdcdc
}

.group-central[data-name=news-home]{
	background-color:#999
}

.group-central[data-name=news-home] .view-all{
	color:#ddd
}

.group{
	width:100%;
	float:left
}

.group::before{
	width:50%;
	height:calc(100vh/3);
	position:absolute;
	right:-5vh;
	bottom:0;
	border:1px solid #bbb
}

.box-news-home,.pic-news-home{
	position:relative;
	float:left;
	display:block
}

.is-Edge .group-central[data-name=about-value] .list-item,.is-IE .group-central[data-name=about-value] .list-item,.portrait img{
	border-radius:50%
}

.box-news-home{
	overflow:hidden;
	width:55%;
	margin:0 0 20px;
	padding:0 20px 0 0
}

.pic-news-home{
	width:45%;
	height:130px;
	    min-height: calc(100vh/5.3);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat
}

.pic-news-home::before{
	content:' ';
	width:0;
	height:0;
	position:absolute;
	border-style:solid;
	border-width:20px 20px 20px 0;
	border-color:transparent #fff transparent transparent;
	top:50%;
	margin:-20px 0 0;
	right:0
}

.text-news-home{
	float:left;
	padding:10px 20px;
	width:45%;
	display:block;
	background-color:#fff;
	height:calc(100vh/6);
	position:relative
}

.text-news-home::after,.text-news-home::before{
	content:' ';
	display:inline-block;
	vertical-align:middle;
	height:100%
}

.center-text-news>h3{
	font-size:calc(100vw/90);
	line-height:1.5;
	margin:0;
	display:block;
	font-weight:300;
	color:#444
}

.box-news-home:nth-child(1) .center-text-news>h3,.text-title{
	font-weight:500
}

.center-text-news>h3::after{
	display:none
}

.center-text-news{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	width:100%;
	margin:0 -5px;
	max-height:100px;
	overflow:hidden
}

.text-title{
	position:relative;
	width:100%;
	height:auto;
	font-size:calc(100vw/70);
	display:block;
	color:#0b62f0;
	padding:0;
	margin:0 0 30px
}

.box-news-home:nth-child(4){
	margin:0 0 10px
}

.box-news-home:nth-child(1){
	width:40%;
	margin: 0 20px 0 0;
	padding: 0;
}

.box-news-home:nth-child(1) .pic-news-home{

	max-height:340px;
	min-height:295px;
	width:100%
}

.box-news-home:nth-child(1) .pic-news-home::before{
	border-width:0 20px 20px;
	border-color:transparent transparent #fff;
	margin:0 0 0 -20px;
	right:auto;
	left:50%;
	top:auto;
	bottom:0
}

.box-news-home:nth-child(1) .text-news-home{
	width:100%
}

.box-news-home:nth-child(1) .date,.box-news-home:nth-child(1) .date span{
	background-color:#0b62f0;
	color:#fff
}

.group-central[data-name=message-home] .content-main{
	color:#444
}

.group-central[data-name=message-home] .content-column{
	width:50%;
	position:absolute;
	right:0;
	top:0
}

.box-project,.box-project-home{
	position:relative;
	text-align:left
}

.group-central[data-name=message-home] .content-right{
	width:100%;
	padding:30px 5%
}

.group-central[data-name=project-home]{
	background-color:#dcdcdc
}

.group-central[data-name=project-home] .content-right{
	width:80%;
	padding:5vh 5vw 5vh 0
}

.group-central[data-name=project-home] .go-inner{
	border-color:#999
}

.box-project-home{
	display:block;
	float:left;
	width:45%;
	height:auto;
	margin:0;
	padding:0 40px 0 0
}

.box-project-home .pic-project{
	width:100%;
	height:calc(100vh/3)
}

.box-project-home .text-project{
	width:100%
}

.box-project-home .text-project p{
	margin:10px 0;
	font-size:calc(100vw/100)
}

.box-project-home .project-time span{
	font-size:calc(100vw/110)
}

.box-project-home .text-project h3{
	margin:10px 0
}

.box-project-home .project-time::after,.box-project-home .project-time::before{
	background-color:#999;
	margin:10px 0
}

.box-project{
	display:inline-block;
	width:100%;
	height:auto;
	margin:0
}

.pic-project,.text-project{
	width:50%;
	margin:0;
	position:relative;
	display:block
}

.pic-project{
	height:calc(100vh/1.5);
	overflow:hidden
}
.page-template-template-duan .pic-project {
    height: 340px;
    overflow: hidden;
    background-size: cover;
    background-position: top center;
}
.text-project{
	height:auto;
	text-align:left;
	z-index:2
}

.text-project h3{
	font-size:calc(100vh/20);
	line-height:1.4;
	margin:0 0 20px;
	position:relative;
	display:block;
	font-weight:700;
	color:#0b62f0
}

.project-time span,.text-project p{
	position:relative;
	font-weight:300;
	line-height:1.6
}

.text-project p{
	font-size:calc(100vw/90);
	margin:0 0 20px;
	display:block;
	color: #000 !important;
    font-weight: 400;
}

.text-project p a{
	color:#444
}
.text-project a{
	color: #000;
}
.box-project:nth-child(even) .pic-project{
	float:left
}

.box-project:nth-child(even) .text-project{
	float:right;
	padding:30px 0 60px 40px
}

.box-project:nth-child(odd) .pic-project{
	float:right
}

.box-project:nth-child(odd) .text-project{
	float:left;
	padding:0 40px 60px 0
}

.project-time{
	display:block;
	width:100%;
	height:auto;
	padding:0;
	margin:0
}

.point,.year{
	padding:0 1vw 0 0
}

.project-time::after,.project-time::before{
	content:'';
	position:relative;
	display:block;
	height:1px;
	background-color:#ddd;
	width:0;
	overflow:hidden;
	margin:20px 0
}

.block-des,.block-title{
	display:block;
	width:100%;
	height:auto;
	position:relative;
	text-align: left;
}

.project-time span{
	display:inline-block;
	margin:10px 0;
	vertical-align:top;
	font-size:calc(100vw/100)
}

.year{
	width:20%
}

.point{
	width:100%
}

.status{
	width:25%;
	padding:0
}

.group-central[data-name=section6],.group-central[data-name=client-home]{
	background-color:#0b62f0;
	color:#fff
}

.group-central[data-name=section6] .people-quote blockquote::before,.group-central[data-name=section6] .title-rotate>h2,.group-central[data-name=client-home] .people-quote blockquote::before,.group-central[data-name=client-home] .title-rotate>h2{
	color:#fff
}

.group-central[data-name=section6] .bottom-text{
	position:absolute;
	bottom:0;
	right:10vw;
	width:calc(70% - 10vw)
}

.testimonial,.testimonial-slide{
	width:100%;
	height:auto;
	display:block
}

.group-central[data-name=section6] .copyright{
	color:#ddd
}

.testimonial-slide{
	position:relative;
	margin:0
}

.testimonial{
	position:relative;
	margin:auto
}

.people-pic,.people-quote{
	position:relative;
	display:inline-block;
	vertical-align:middle
}

.people-pic{
	    width: 30%;
    max-width: 400px;
    height: 300px;
    position: relative;
    z-index: 2;
    margin-top: 45px;
}

.people-quote{
	    width: 60%;
    height: auto;
    margin: 0;
    font-size: calc(100vh/40);
    font-weight: 500;
    line-height: 1.6;
    position: absolute;
    background-color: #0b62f0;
    display: block;
    max-width: 80%;
    top: 0;
    right: 0;
    padding: 40px 30px 50px 50px;
    color: #fff;
    padding-left: 15%;
}

.people-quote blockquote::before{
	    content: '\201C';
    margin: 0;
    display: block;
    position: absolute;
    left: 0px;
    top: -30px;
    font-size: calc(100vw/10);
    line-height: 1;
    color: #fff;
}

.des-project::after,.history-slide::after,.list-box a .list-num::after,.list-title>h3::before,.pic-value::after,.r-date::before,.regu-pdf::before,.text-milestone>h3::before{
	content:''
}

.details-center.testi .close-popup::before,.details-outer .testimonial-slide .slide-pagination{
	display:none
}

.testimonial-slide .slide-buttons{
	width:100px;
	right:0;
	bottom:0;
	left:auto;
	top:auto;
	margin:0
}

.testimonial-slide .slide-pagination{
	position:absolute;
	width:auto;
	height:auto;
	right:calc(120px + 5%);
	bottom:-32px;
	margin:0;
	padding:0;
	text-align:right
}

.details-outer .testimonial-slide .slide-buttons{
	bottom:50px
}

.details-center.testi .details-outer{
	box-shadow:0 30px 30px rgba(0,0,0,.1)
}

.details-center.testi h2{
	font-size:calc(100vw/30);
	line-height:1.4;
	font-weight:700;
	color:#aaa;
	text-align:left;
	background:linear-gradient(35deg,#999 20%,#666 100%);
	-webkit-background-clip:text;
	margin:0 0 20px
}

.details-center.testi .close-popup{
	background-image:none;
	background-color:transparent;
	color:#aaa;
	position:absolute
}

.details-center.testi .close-popup svg{
	width:100%;
	height:100%;
	display:block
}

.group-central[data-name=section7] .content-right{
	padding:15vh 10vh 0 0
}

.group-central[data-name=section7] .content-right>h3{
	display:block;
	font-weight:700;
	font-size:50px;
	line-height:1.2;
	margin:0 0 20px;
	position:relative;
	color:#d4d4d4;
	width:100%
}

#about-page .footer,.group-central[data-name=about-intro] .content-column h2::after{
	display:none
}

.group-central[data-name=about-intro] .content-column h2{
	font-size:calc(100vw/50);
	position:absolute;
	top:0;
	right:0;
	margin:12vh 50px;
	color:#fff;
	text-align:right
}

.group-central[data-name=about-intro] .content-right{
	width:30%;
	padding:0 5vw 0 10px;
	display:inline-block;
	vertical-align:middle;
	margin:0 -5px;
	float:none
}

.group-central[data-name=about-intro] .box-text{
	font-size:calc(100vw/74)
}

.group-central[data-name=about-intro] .content-column h3{
	font-size:calc(100vw/64);
	padding:30px 0 0 60px
}

.group-central[data-name=about-intro] .content-column h3::after{
	right:0;
	left:auto
}

.content-left{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:70%;
	height:auto;
	padding:10vh 0 10vh 20vw;
	margin:0 -5px
}

.pic-intro,.pic-intro img{
	width:100%;
	display:block;
	height:auto
}

.pic-intro{
	position:relative;
	box-shadow:0 20px 30px rgba(0,0,0,.1)
}

.group-central[data-name=about-milestone] .content-right{
	overflow:hidden;
	width:80%
}

.history-slide{
	position:relative;
	display:block;
	width:100%;
	max-width:calc(100vw/1.5);
	height:auto;
	margin:0;
	padding:0;
	z-index:5
}

.history-slide::after{
	position: absolute;
	width: 100%;
	height: 120%;
	right: -60%;
	top: -10%;
	background: linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 60%);
	border-left: none;
	z-index: 9;
}

.box-history,.pic-milestone,.text-milestone{
	width:100%;
	position:relative;
	display:block
}

.history-slide.hide-border::after{
	border-left:1px solid #fff
}

.box-history{
	height:auto
}

.pic-milestone{
	height:calc(100vh/2.2);
	overflow:hidden
}

.text-milestone{
	height:auto;
	min-height:70px;
	background-color:#f0f0f0;
	padding:10px 20px
}

.text-milestone>h3{
	font-size:calc(100vw/35);
	line-height:1;
	font-weight:700;
	color:#fff;
	text-align:left;
	display:block;
	padding:0 20px;
	position:absolute;
	left:0;
	bottom:100%
}

.text-milestone>h3::after{
	display:none
}

.text-milestone>h3::before{
	position:relative;
	top:calc(100vw/35 + 25px);
	display:block;
	width:0;
	height:10px;
	transition:width .6s ease-in-out;
	overflow:hidden;
	background-color:#0b62f0
}

.text-milestone p{
	font-size:16px;
	line-height:1.6;
	font-weight:400;
	display:block
}

.history-slide .slide-wrapper{
	background-color:#f0f0f0
}

.history-slide .slide-wrapper-outer{
	overflow:visible
}

.history-slide .slide-buttons{
	width:100px;
	position:absolute;
	top:auto;
	left:auto;
	margin:0;
	right:-50%;
	bottom:30px;
	z-index:5
}

.list-content,.list-item{
	position:relative;
	display:block;
	margin:0
}

.history-slide .slide-pagination{
	width:auto;
	text-align:right;
	right:calc(-50% + 100px);
	z-index:5
}

.history-slide .swiper-slide-active .text-milestone>h3::before{
	width:100%;
}


.list-content{
	width:100%;
	height:auto
}

.list-item{
	float:left;
	width:calc(100%/3);
	height:calc(100vh/3.4);
	padding:0;
	overflow:hidden
}

.list-title,.pic-value{
	width:100%;
	position:absolute;
	left:0
}

.pic-value::after{
	background:linear-gradient(0deg,rgba(0,0,0,.6) 20%,rgba(0,0,0,0) 100%);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	opacity:0
}

.list-item:first-child{
	height:calc(100vh/1.7)
}

.list-item:first-child .pic-value{
	background-position:center top
}

.pic-value{
	height:100%;
	top:0
}

.list-title{
	display:block;
	height:150px;
	top:50%;
	padding:0 20px;
	padding-left: 0px;
	width: 100%;
	max-width: 100%;
	transform:translateY(-50%)
}

.list-title>h3{
	display:block;
	font-size:calc(100vw/60);
	line-height:1.4;
	font-weight:700;
	margin:0;
	padding:0;
	text-transform:uppercase
}

.list-title>h3::after{
	display:none
}

.list-title>h3::before{
	width:0;
	height:1px;
	background-color:#eee;
	position:absolute;
	left:0;
	bottom:-5px;
	overflow:hidden
}

.box-left,.list-title>p,.st-arrow{
	position:relative
}

.list-title>p{
	margin:10px 0;
	font-size:calc(100vw/90);
	font-weight:500;
	display:block;
	line-height:1.4
}

.st-arrow{
	width:40px;
	height:40px;
	margin:auto;
	display:block;
	background:url(../images/next2.svg) 50%/80% no-repeat;
	transform:rotate(-90deg)
}

.box-left{
	width:50%;
	display:inline-block;
	vertical-align:middle;
	margin:0 -5px
}

.group-central[data-name=about-value] .list-content{
	display:inline-block;
	vertical-align:middle;
	width:45%;
	height:calc(100vw/6 * 2.07);
	margin:0 -5px;
	text-align:center;
	margin-top: 30px;
}

.group-central[data-name=about-value] .box-text{
	width:44%;
	margin:0 -5px;
	font-weight:300;
	font-size:calc(100vw/45);
	padding:0 0 0 7%;
	line-height:1.4;
	vertical-align:top
}

.group-central[data-name=about-value] .pic-value::after{
	background:linear-gradient(0deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
	opacity:1
}
.group-central[data-name=about-value] .box-text blockquote{
	font-size: 30px;
	font-weight: 100;
}
.group-central[data-name=about-value] .box-text strong{
	display:block;
	text-transform:uppercase;
	font-size: 30px;
}

.group-central[data-name=about-value] .list-title>h3{
	font-size:calc(100vw/70);
	color: #fff;
}

.group-central[data-name=about-value] .list-title>p{
	line-height:1.2
}

.group-central[data-name=about-value] .list-item{
	width:calc(100vw/6.2);
	height:calc(100vw/6);
	clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
	position:absolute
}

.leader,.leader-slide{
	position:relative;
	height:auto
}

.group-central[data-name=about-value] .list-item:first-child{
	width:calc(100vw/6.2);
	height:calc(100vw/6)
}

.group-central[data-name=about-value] .list-item:nth-child(1){
	left:5.4%;
	top:-2.5%
}

.group-central[data-name=about-value] .list-item:nth-child(2){
	right:5.4%;
	top:-2.5%
}

.group-central[data-name=about-value] .list-item:nth-child(3){
	left:5.4%;
	bottom:-2.5%
}

.group-central[data-name=about-value] .list-item:nth-child(4){
	right:5.4%;
	bottom:-2.5%
}

.group-central[data-name=about-value] .list-item:nth-child(5){
	left:50%;
	top:50%;
	margin-left:calc(0% - (100vw/12.4));
	margin-top:calc(0% - (100vw/12))
}

.group-central[data-name=about-leader] .pic-length{
	width:25%
}

.group-central[data-name=about-leader]{
	background-color:#0b62f0
}

.group-central[data-name=about-leader] .title-rotate>h2{
	color:#fff
}

.group-central[data-name=about-leader] .content-right{
	width:90%;
	padding:10vh 3vw 0 0;
	color:#fff
}

.leader-slide{
	display:block;
	width:100%;
	margin:0;
	text-align:center
}

.leader{
	width:calc(100vw/5);
	display:inline-block;
	vertical-align:top;
	padding:0 40px;
	margin:0
}

.leader:nth-child(1) .portrait img,.leader:nth-child(1) .quote{
	vertical-align:middle;
	display:inline-block;
	margin:0
}
.leader:nth-child(1) .portrait img {
    margin-right: 15px;
}
.leader .quote{
	font-weight:500;
	font-size:calc(100vw/105);
	line-height:1.4;
	width:110%;
	max-width:320px;
	margin:10px 0 0 10%
}

.leader .quote-by{
	font-size:calc(100vw/115);
	font-weight:400;
	line-height:1.8;
	margin:10px 0
}

.leader .text-quotes::before{
	color:#fff;
	line-height:0;
	font-size:calc(100vw/18);
	margin:0;
	position:absolute;
	left:calc(-100vw/45);
	top:calc(100vw/50)
}

.leader .text-quotes::after{
	display:none
}

.portrait{
	width:100%;
	height:auto;
	display:block;
	margin:0;
	text-align:left
}

.all-project,.box-top{
	text-align:center;
	margin:0
}

.portrait img{
	width:calc(100vh/3.2);
	max-width:320px;
	height:calc(100vh/3.2);
	max-height:320px;
	display:block;
	position:relative
}

.partner-detail,.partner-slide,.sub-nav-content li img{
	height:auto;
	width:100%;
	display:block
}

.leader:nth-child(1){
	display:block;
	width:auto;
	margin:0 0 0 calc(100vw/3.1);
	white-space:nowrap
}

.leader:nth-child(1) .quote{
	width:calc(100vw/5);
	font-size:calc(100vw/95);
	max-width:inherit;
	white-space:normal
}

.leader:nth-child(1) .quote-by{
	font-size:calc(100vw/105)
}

.group-central[data-name=about-partner] .content-column h3::after{
	right:0;
	left:auto
}

.group-central[data-name=about-partner] .content-column h3{
	font-size:calc(100vw/50)
}

.group-central[data-name=about-partner] .sub-nav-content li a::after{
	display:none
}

.sub-nav-content li img{
	max-width:200px;
	filter:grayscale(100%);
	pointer-events:none
}

.details-center.partners{
	max-width:1000px
}

.details-center.partners .details-outer{
	box-shadow:0 30px 30px rgba(0,0,0,.1);
	padding:5%
}

.details-center.partners .close-popup{
	position:absolute;
	color:#aaa
}

.all-project,.box-top,.partner-detail,.partner-logo,.partner-quote,.partner-slide{
	position:relative
}

.partner-slide{
	margin:0
}

.partner-detail{
	margin:auto
}

.details-center.partners h3{
	font-size:calc(100vw/50);
	line-height:1.4;
	font-weight:700;
	color:#0b62f0;
	display:block;
	margin:0
}

.details-center.partners h3::after{
	display:none
}

.partner-logo{
	width:250px;
	height:auto;
	display:block;
	background-color:#fff;
	margin:auto
}

.all-project,.box-top,.partner-logo img,.partner-quote{
	display:block;
	width:100%;
	height:auto
}

.partner-quote{
	margin:0 0 10px;
	font-size:calc(100vh/45);
	font-weight:500;
	line-height:1.6
}

.partner-slide .slide-buttons{
	top:auto;
	bottom:30px;
	margin:0
}

#project-page .box-project:nth-child(even) .pic-project{
	float:left;
	max-height:500px
}

#project-page .box-project:nth-child(even) .text-project{
	float:right;
	padding:30px 0 60px 40px
}

#project-page .box-project:nth-child(odd) .pic-project{
	float:right;
	max-height:500px
}

#project-page .box-project:nth-child(odd) .text-project{
	float:left;
	padding:30px 40px 60px 0
}

.all-project{
	padding:0 10vh;
}

.box-top{
	padding:5vh 10vh 0
}

.box-intro,.box-top h1,.box-top h2{
	position:relative;
	display:inline-block;
	vertical-align:top
}

.box-top h1,.box-top h2{
	     font-size: calc(75vw/26);
    line-height: 1.4;
    font-weight: 700;
    color: #0b62f0;
    text-align: center;
    margin-bottom: 50px;
}

.box-intro{
	width:60%;
	height:auto;
	margin:0 -5px;
	padding:30px 0 0 10%;
	text-align:left
}

.box-intro p,.des-project,.des-project::after{
	position:relative;
	display:block
}

.box-intro p{
	margin:0 0 20px;
	font-size:calc(100vw/95);
	line-height:1.6;
	font-weight:300
}

.r-left,.r-text{
	line-height:75px;
	float:left
}

.box-intro a{
	color:#0b62f0
}

#project-details-page .description h2>span:nth-child(2){
	font-weight:300;
	font-size:80%
}

#project-details-page .text-project{
	width:100%;
	margin:5vh 0
}

#project-details-page .project-time span{
	width:20%;
	padding:0 5% 0 0
}

#project-details-page .project-time span:nth-child(1){
	width:calc(40% - 20px)
}

#project-details-page .project-time span:last-child{
	padding:0
}

.block-des p{
	font-size:calc(100vw/100)
}

.group-central[data-post=introduction]{
	background-color:#f5f5f5
}

.des-project{
	width:100%;
	height:auto
}

.des-project::after{
	height:1px;
	background-color:#ddd;
	width:0;
	overflow:hidden;
	margin:20px 0
}

.album-picture,.content-progress,.list-thumb-pic,.project-picture,.project-picture .album-pic-center img,.project-picture .thumbs{
	width:100%;
	display:block;
	position:relative
}

.project-picture{
	height:auto;
	margin:0
}

.album-picture{
	height:auto;
	margin:0 0 10px
}

.project-picture .album-pic-center,.project-picture .album-pic-center img{
	height:auto
}

.project-picture .thumbs{
	max-width:465px;
	left:auto;
	bottom:auto;
	transform:none;
	text-align:left
}

.project-picture .slide-wrapper{
	margin:0
}

.group-central[data-post=progress]{
	background-color:#ebebeb
}

.content-progress{
	height:auto;
	margin:0;
	float:left;
	min-height:100vh
}

.content-progress.show{
	min-height:0
}

.list-thumb-pic{
	height:auto;
	margin:0
}

.box-progress{
	position:relative;
	width:calc(50% - 5px);
	height:auto;
	display:inline-block;
	margin:0;
	vertical-align:top;
	padding:0 20px 0 0
}

.pic-progress{
	position:relative;
	width:100%;
	height:calc(100vh/3);
	display:block;
	margin:0;
	overflow:hidden
}

.list-box a,.relation-box{
	position:relative;
	height:auto
}

.box-progress h3{
	font-size:14px;
	font-weight:700;
	width:100%;
	padding:10px 0;
	display:block
}

.box-progress h3::after{
	display:none
}

.group-central[data-post=guideline] .text-title{
	color:#979797;
	font-size:calc(100vw/60);
	font-weight:700
}

.relation-box{
	display:block;
	vertical-align:top;
	width:100%;
	margin:0;
	opacity:0;
	overflow:hidden
}

.relation-box.on-show{
	animation-name:fadeInUp;
	animation-duration:1s;
	animation-fill-mode:forwards
}

.list-box{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:calc(50% - 5px);
	margin:0 0 10px;
	padding:0 20px 10px 0;
	z-index:5
}

.r-text,.r-text p{
	vertical-align:middle;
	overflow:hidden
}

.list-box.hide{
	display:none
}

.list-box a{
	display:block;
	width:100%;
	background-color:#fff;
	color:#444;
	border:1px solid #ddd
}

.list-box a .list-num{
	font-size:calc(100vw/40);
	padding:0 15px;
	color:#aaa
}

.list-box a .list-num::after{
	width:1px;
	height:60%;
	right:0;
	top:20%;
	position:absolute;
	background-color:#aaa
}

.list-outer,.r-left,.r-text{
	position:relative;
	display:block
}

.list-outer{
	width:100%;
	height:75px;
	overflow:hidden
}

.r-left,.r-link,.r-text{
	height:100%
}

.r-left{
	width:90px;
	padding-right:20px
}

.r-text{
	width:calc(100% - 90px);
	text-align:left;
	padding:0 64px 0 0;
	margin:0
}

.contact-in,.r-date,.stock-but{
	text-align:center
}

.r-text p{
	display:inline-block;
	font-size:14px;
	line-height:1.4;
	max-height:55px;
	font-weight:400
}

.r-link{
	position:absolute;
	right:0;
	top:0;
	width:auto;
	line-height:75px;
	padding-left:20px
}

.r-pdf,.r-zip{
	width:62px;
	height:62px;
	display:inline-block;
	vertical-align:middle
}

.r-pdf{
	background:url(../images/icon-pdf.png) center center no-repeat;
	background-size:contain
}

.r-zip{
	background:url(../images/icon-zip.png) center center no-repeat;
	background-size:contain
}

.r-date{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:auto;
	height:100%;
	padding:5px 10px;
	font-weight:300;
	font-size:30px;
	color:#666;
	line-height:1.4;
	z-index:1
}

.r-date::before{
	position:absolute;
	width:1px;
	height:70%;
	top:15%;
	right:0;
	background-color:#bbb
}

.r-date span{
	font-weight:700;
	font-size:11px;
	display:block
}

.regu-pdf{
	position:relative;
	display:inline-block;
	width:112px;
	height:112px;
	padding:10px;
	background:linear-gradient(0deg,#be171c 0,#e95220 100%);
	border-radius:50%;
	z-index:11
}

.regu-pdf span{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	background:url(../images/icon-download.png) center center no-repeat;
	border:1px solid #fff;
	border-radius:50%;
	z-index:3
}

.regu-pdf::before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:linear-gradient(-45deg,#e95220 0,#be171c 100%);
	border-radius:50%;
	opacity:0;
	z-index:2
}

.share-box .share-but::before,.stock-but::before{
	content:'';
	opacity:.2
}

.title-page{
	display:none
}

#investor-relation-page{
	background-color:#fff
}

#investor-relation-page .pic-length{
	width:120px;
	height:120px;
	left:auto;
	top:5vh;
	right:70px;
	overflow:visible
}

.report-item,.report-pic,.report-pic img,.report-slider{
	height:auto;
	display:block
}

#investor-relation-page .pic-length svg{
	width:100%
}

#investor-relation-page .text-title{
	color:#999;
	padding-left:335px;
	margin:0 0 10px
}

#investor-relation-page .content-right{
	width:80%;
	max-width:1100px;
	float:none;
	margin:auto;
	padding:0 0 10vh
}

#investor-relation-page .content-right:first-child{
	padding:10vh 0
}

#investor-relation-page .content-column,#investor-relation-page .group-central{
	overflow:visible
}

#investor-relation-page .group-central:nth-child(1){
	z-index:11
}

#investor-relation-page .group-central:nth-child(2){
	z-index:10
}

#investor-relation-page .group-central:nth-child(3){
	z-index:9
}

#investor-relation-page .group-central:nth-child(4){
	z-index:8
}

#investor-relation-page .group-central:nth-child(5){
	z-index:7
}

#investor-relation-page .group-central:nth-child(6){
	z-index:6
}

#investor-relation-page .group-central:nth-child(7){
	z-index:5
}

#investor-relation-page .group-central:nth-child(8){
	z-index:4
}

#investor-relation-page .group-central:nth-child(9){
	z-index:3
}

#investor-relation-page .group-central:nth-child(10){
	z-index:2
}

.group-central[data-post=shareholders] .content-right:first-child{
	padding:10vh 0 5vh!important
}

.group-central[data-post=shareholders] .content-right:first-child .select-list{
	z-index:30
}

.group-central[data-post=shareholders]{
	background-color:#eee
}

.group-central[data-post=shareholders] .icon-logo:not(.white){
	fill:#e8e8e8
}

.group-central[data-post=shareholders] .icon-logo.white{
	fill:#0b62f0;
	stroke:#0b62f0
}

.group-central[data-post=report]{
	background-color:#cecece
}

.group-central[data-post=annual]{
	background-color:#0b62f0
}

.group-central[data-post=annual] .list-box{
	max-width:48%;
	padding:0
}

.group-central[data-post=annual] .list-box a{
	border-width:5px
}

.group-central[data-post=annual] .title-rotate>h2{
	color:#fff
}

.group-central[data-post=communication] .title-rotate{
	position:relative;
	text-align:center;
	left:auto;
	top:auto;
	width:100%
}

.group-central[data-post=communication] .title-rotate>h2{
	padding:20vh 20px 20px;
	color:#fff;
	font-weight:700
}

.select-list.select-1{
	width:300px;
	margin:0 30px 0 0
}

.report-slider{
	position:relative;
	width:90%;
	margin:auto;
	max-width:600px
}

.report-item{
	position:relative;
	width:100%
}

.report-pic{
	position:relative;
	width:100%;
	overflow:hidden
}

.report-pic img{
	width:100%
}

.container-in,.stock-but,.stock-but span{
	display:inline-block
}

.report-pic::after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd
}

.stock-but{
	position:relative;
	margin:200px 0;
	width:200px;
	height:200px;
	line-height:200px;
	background:linear-gradient(135deg,#f59e03 0,#f1662f 100%);
	border-radius:50%;
	z-index:5
}

.stock-but span{
	margin-top:-10px;
	line-height:1.2;
	font-size:24px;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	vertical-align:middle
}

.stock-but::before{
	position:absolute;
	left:-20px;
	top:-20px;
	width:calc(100% + 40px);
	height:calc(100% + 40px);
	border:20px solid #a9a9a9;
	border-radius:50%;
	z-index:-1
}

.container-in{
	position:relative;
	vertical-align:top;
	width:calc(100% - 340px);
	margin:0;
	padding:0;
	overflow:hidden
}

.contact-in{
	position:relative;
	display:block;
	height:auto;
	width:70%;
	padding:40px;
	margin:0 auto 20vh;
	background-color:#0b62f0;
	max-width:700px;
	color:#fff
}

.contact-in h3{
	font-weight:700;
	margin:0 0 20px;
	font-size:calc(100vw/80)
}

.contact-in li{
	margin:0 0 10px;
	font-size:calc(100vw/95);
	line-height:1.6;
	font-weight:300
}

.contact-in a{
	color:#fff;
	font-weight:400
}

.contact-in li span{
	width:40px;
	height:30px;
	position:relative;
	display:inline-block;
	vertical-align:middle
}

.stock,.stock span{
	vertical-align:top
}

.contact-in li .address{
	background:url(../images/location.svg) center center/contain no-repeat
}

.contact-in li .phone{
	background:url(../images/phone.svg) center center/contain no-repeat
}

.contact-in li .email{
	background:url(../images/email.svg) center center/contain no-repeat
}

.newsletter{
	position:fixed;
	left:-300px;
	top:calc(800/2000 * 100vw - 70px);
	width:300px;
	height:auto;
	transition:all .6s ease-in-out;
	z-index:100
}

.newsletter h3{
	font-weight:700;
	position:absolute;
	width:auto;
	max-width:200px;
	height:auto;
	right:-125px;
	top:0;
	font-size:12px;
	line-height:1.2;
	text-align:right;
	color:#fff;
	text-transform:uppercase;
	padding:12px 45px 12px 12px;
	background-color:#0b62f0;
	transform:rotate(-90deg);
	transition:all .3s ease-in-out;
	cursor:pointer;
	box-shadow:0 20px 20px rgba(0,0,0,.2)
}

.newsletter h3::before{
	content:'';
	width:40px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	background:url(../images/mail.svg) 50%/100% no-repeat
}

.form-newsletter,.newsletter.show h3{
	width:100%;
	height:auto;
	position:relative
}

.newsletter.show{
	left:20px;
	box-shadow:0 30px 30px rgba(0,0,0,.2)
}

.newsletter.show h3{
	display:inline-block;
	right:auto;
	top:auto;
	max-width:inherit;
	text-align:left;
	transform:none;
	padding:10px 40px 2px 10px;
	background:url(../images/close.svg) 98% 0 no-repeat #0b62f0;
	background-size:30px 35px;
	box-shadow:none
}

.newsletter.show h3::before{
	display:none
}

.form-newsletter{
	display:block;
	padding:10px;
	background-color:#0b62f0;
	float:left;
	transition:background-color .3s ease-in-out
}

.form-newsletter input[type=text]{
	line-height:40px;
	height:40px;
	float:left;
	border:none;
	padding:0 10px;
	font-size:16px;
	font-weight:400
}

.form-newsletter .but{
	height:40px;
	width:auto;
	padding:10px;
	font-size:14px;
	margin:10px 0 0;
	float:right
}

.graphci-stock img,.stock,.stock-des,.stock-title{
	height:auto;
	position:relative
}

.form-newsletter .but::after{
	display:none
}

.stock{
	display:inline-block;
	margin:0 -5px
}

.stock:nth-child(1){
	width:65%;
	padding:0 5% 0 0
}

.stock:nth-child(2){
	width:35%
}

.code-title{
	font-size:calc(100vw/90);
	font-weight:500;
	color:#0b62f0;
	display:block;
	margin:0 0 20px
}

.stock-des,.stock-title{
	display:block;
	width:100%;
	margin:0 0 20px
}

.stock-title{
	background-color:#eee
}

.stock span{
	display:inline-block;
	position:relative;
	margin:10px 0;
	font-size:calc(100vw/100);
	line-height:1.6;
	width:32%;
	font-weight:400
}

.stock-title span{
	color:#666
}

.graphci-stock,.info-stock{
	position:relative;
	display:block;
	width:100%;
	margin:0
}

.graphci-stock img{
	width:auto;
	display:block
}

.down,.dunggia,.up{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin:0 10px;
	width:40px;
	height:40px;
	border:1px solid #aaa;
	border-radius:50%
}

.group-stock .title-rotate,.share-box{
	display:block;
	width:100%;
	position:relative
}

.up{
	background:url(../images/arrow-up.png) 50%/80% no-repeat
}

.down{
	background:url(../images/arrow-down.png) 50%/80% no-repeat
}

.dunggia{
	background:url(../images/arrow-dunggia.png) 50%/80% no-repeat
}

.share-box{
	height:auto;
	padding:0
}

.group-stock .content-right:first-child{
	padding:4vh 0 5vh!important
}

.group-stock .title-rotate{
	text-align:center;
	left:auto;
	top:auto
}

#investor-relation-page .group-stock .content-right{
	max-width:1300px;
	width:90%
}

.share-box .outer-but{
	display:inline-block;
	width:auto;
	height:auto
}

.iframe-sroll{
	width:100%;
	height:360px;
	margin:0 auto;
	display:block;
	position:relative;
	overflow:hidden!important;
	background-color:#fff;
	border:1px solid #c3c3c3;
	box-shadow:5px 5px 0 rgba(0,0,0,.1)
}

.iframe-sroll iframe{
	width:100%;
	height:1100px;
	margin:25px auto;
	position:relative;
	display:inline-block
}

.hide-bottom,.hide-top{
	width:100%;
	position:absolute;
	left:0;
	background-color:#fff
}

.hide-top{
	top:0;
	height:30px;
	z-index:1
}

.hide-bottom{
	height:5px;
	z-index:10;
	bottom:0
}

.share-box .share-but{
	position:relative;
	display:inline-block;
	margin-top:60px;
	width:146px;
	height:146px;
	line-height:146px;
	background:linear-gradient(135deg,#0b62f0 0,#0b62f0 100%);
	border-radius:50%;
	text-align:center;
	transition:all .3s ease-in-out
}

.share-box .share-but span{
	display:inline-block;
	margin-top:-10px;
	line-height:1.2;
	font-family:Futurab;
	font-weight:400;
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	vertical-align:middle
}

.chart,.chart img{
	display:block;
	width:100%
}

.share-box .share-but::before{
	position:absolute;
	left:-20px;
	top:-20px;
	width:calc(100% + 40px);
	height:calc(100% + 40px);
	border:20px solid #838383;
	border-radius:50%;
	background:0 0
}

.chart,.library-thumb,.pic-library,.text-stock,.title-pic{
	position:relative
}

.group-central[data-post=chart],.group-central[data-post=form]{
	background-color:#cecece
}

.share-box share-but:hover{
	transform:scale(.96)
}

.text-stock{
	display:block;
	margin:30px auto;
	text-align:center;
	max-width:850px
}

.text-stock p{
	font-size:14px;
	color:#666;
	font-style:italic;
	font-weight:400
}

.text-stock a{
	font-size:14px;
	color:#0b62f0;
	font-weight:700;
	font-style:normal;
	transition:all .3s ease-in-out
}

.text-stock a:hover{
	color:#333
}

#chart-page .pic-length{
	width:50%;
	height:140vh;
	left:-10vw
}

.group-central[data-post=chart] .icon-logo:not(.white){
	fill:#c9c9c9
}

.footer.contact .title-rotate .stroke-line,.group-central[data-post=chart] .icon-logo.white{
	fill:#fff;
	stroke:#fff
}

.group-central[data-post=adminis] .box-text blockquote::before{
	top:15px;
	left:-50px;
	line-height:45px
}

.group-central[data-post=adminis] .box-text{
	width:100%;
	display:block;
	padding:0;
	margin:50px 0
}

.group-central[data-post=adminis] .box-text p{
	font-weight:500;
	font-size:calc(100vw/100)
}

.chart,.chart img{
	height:auto
}

.chart .zoom{
	display:none
}

.group-central[data-post=form] .text-title{
	color:#fff;
	font-size:calc(100vw/60);
	font-weight:700
}

.group-central[data-post=contact]{
	background-color:#ebebeb
}

.group-central[data-post=contact] .box-intro{
	width:100%;
	margin:0 0 5vh;
	padding:0;
	display:block
}

.group-central[data-post=contact] .box-intro::after{
	display:none
}

.group-central[data-post=contact] .select-header h3{
	font-weight:300;
	color:#666
}

.group-central[data-post=contact] .input-area,.group-central[data-post=contact] .input-but,.group-central[data-post=contact] .input-text{
	animation-delay:0!important
}

.group-central[data-post=contact] .contact-form{
	background-color:#0b62f0
}

.group-central[data-post=picture] .content-right,.group-central[data-post=video] .content-right{
	width:80%;
	padding:10vh 5vw 10vh 0
}

.group-central[data-post=picture]{
	background-color:#dcdcdc
}

.group-central[data-post=video]{
	background-color:#ed1c23;
	color:#fff
}

.group-central[data-post=video] .title-rotate>h2{
	color:#fff
}

.arranged,.pic-center,.slide-library{
	width:100%;
	height:auto;
	position:relative;
	display:block;
	margin:0
}

.library-thumb{
	width:calc(33% - 5px);
	height:auto;
	display:inline-block;
	margin:0;
	vertical-align:top;
	padding:0 5px 0 0;
	cursor:pointer
}

.pic-library,.title-pic,.title-pic h3{
	width:100%;
	display:block
}

.pic-library{
	height:calc(100vh/2.5);
	margin:0;
	overflow:hidden
}

.title-pic{
	height:auto;
	margin:0 0 20px
}

.title-pic h3{
	font-size:14px;
	font-weight:700;
	padding:10px;
	margin:0
}

.title-pic h3::after{
	display:none
}

.slide-library .slide-buttons{
	width:100px;
	left:auto;
	top:auto;
	right:20px;
	bottom:-10px;
	margin:0
}

.item-video,.video-center{
	width:100%;
	height:calc(1125/2000 * 1150px);
	position:relative;
	display:block
}

.group-central[data-post=video] .slide-library .slide-prev{
	background:url(../images/previous2.svg) 50%/90% no-repeat
}

.group-central[data-post=video] .slide-library .slide-next{
	background:url(../images/next2.svg) 50%/90% no-repeat
}

.group-central[data-post=video] .slide-pagi a.current{
	background-color:#666
}

.video-center{
	margin:auto
}

.item-video{
	margin:0
}

.bottom-video{
	position:relative;
	display:block;
	width:620px;
	height:auto;
	margin:0 auto;
	padding:20px 0
}

.box-slogan,.title-video{
	position:absolute;
	width:100%
}

.title-video{
	bottom:0;
	left:0;
	text-align:center;
	z-index:5
}

.title-video>h3{
	display:block;
	padding:10px 20px;
	font-size:calc(100vw/80);
	font-weight:500;
	line-height:1.4;
	background-color:#000;
	text-align:center;
	color:#fff;
	margin:0!important
}

.slide-video-playing .title-video,.title-video>h3::after{
	display:none
}

.video-center .slide-buttons{
	margin:0;
	top:auto;
	bottom:-25px
}

.group-central[data-post=intro] .box-text{
	width:100%;
	display:block;
	padding:0;
	margin:50px 0
}

.group-central[data-post=intro] .box-text p{
	font-weight:500;
	font-size:calc(100vw/100)
}

.group-central[data-post=intro] .box-text blockquote::before{
	top:15px;
	left:-50px;
	line-height:45px
}

.group-central[data-post=intro] .content-column h3{
	font-size:calc(100vw/50)
}

.box-slogan{
	left:0;
	bottom:0;
	height:auto;
	padding:5%;
	z-index:3
}

.box-slogan h2{
	font-size:calc(100vw/40);
	line-height:1.4;
	display:block;
	font-weight:700;
	color:#fff
}

.box-slogan h2 strong{
	color:#0b62f0
}

.group-central[data-post=benefit] .title-rotate>h2,.list-item.text-red{
	color:#fff
}

.group-central[data-post=benefit] .pic-value{
	transform:scale(1.05)
}

.group-central[data-post=benefit]{
	background-color:#0b62f0
}

.group-central[data-post=benefit] .content-right{
	width:80%
}

.group-central[data-post=benefit] .list-title{
	height:auto;
	top:0;
	transform:none
}

.group-central[data-post=benefit] .list-title>h3{
	line-height:1.2;
	font-size:calc(100vw/60)
}

.group-central[data-post=benefit] .list-title>p{
	font-size:16px
}

.group-central[data-post=benefit] .list-item:first-child{
	height:calc(100vh/1.5);
	min-height:500px
}

.group-central[data-post=benefit] .list-item{
	height:calc(100vh/3);
	min-height:250px
}

.list-num{
	position:relative;
	display:block;
	height:auto;
	font-size:calc(100vw/30);
	font-weight:100
}

.list-item:first-child.text-red{
	color:#0b62f0
}

.group-central[data-post=member]{
	background:linear-gradient(0deg,#b4b4b4 0,#fff 100%)
}

.group-central[data-post=member] .content-right{
	width:100%;
	float:none;
	padding:10vh 0;
	text-align:center
}

.group-central[data-post=member] .people-quote{
	width:80%;
	max-width:800px;
	display:block;
	margin:50px auto;
	position:relative;
	padding:0
}

.career-list tbody td,.career-list thead th{
	padding:20px 0;
	font-size:calc(100vw/95);
	border-bottom:1px solid #ddd;
	vertical-align:middle
}

.group-central[data-post=member] .people-quote blockquote::before{
	left:-50px;
	line-height:50px;
	top:25px
}

.group-central[data-post=member] .testimonial-slide .slide-pagination{
	width:100%;
	right:auto;
	bottom:auto;
	position:relative;
	text-align:center
}

.group-central[data-post=member] .testimonial-slide .slide-buttons{
	width:80%;
	max-width:800px;
	right:auto;
	left:50%;
	bottom:calc(100vw/8 - 40px);
	transform:translateX(-50%)
}

#map-canvas,.link-page,.news-item,.size-large{
	transform:translate3d(0,0,0)
}

.group-central[data-post=member] .testimonial-slide .slide-next{
	background:url(../images/next2.svg) 50%/90% no-repeat;
	width:50px;
	height:50px;
	opacity:1
}

.group-central[data-post=member] .testimonial-slide .slide-prev{
	background:url(../images/previous2.svg) 50%/90% no-repeat;
	width:50px;
	height:50px;
	opacity:1
}

.resource-pic{
	height:calc(100vw/8);
	width:calc(100vw/8);
	position:relative;
	display:block;
	margin:0 auto 40px;
	border-radius:50%;
	overflow:hidden;
	box-shadow:0 0 20px 5px #fff
}

.group-central[data-post=join] .content-column h3::after{
	display:none
}

.career-box{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	margin:5vh 0
}

.content-table table{
	width:100%;
	margin:0 auto;
	font-size:calc(100vw/95);
	table-layout:fixed;
	line-height:1.6;
	font-weight:300
}

.career-list thead th{
	border-top:1px solid #ddd;
	color:#aaa
}

.career-title{
	cursor:pointer
}

.career-title>h3{
	font-size:calc(100vw/50);
	font-weight:500;
	line-height:1.4;
	margin:0
}

.career-title>h3::after{
	display:none
}

.career-form,.career-list,.join-title{
	display:block;
	height:auto;
	position:relative
}

.career-title a{
	color:#444
}

.career-list{
	width:100%;
	margin:0
}

.head-list th[scope=Number]{
	width:100px
}

.head-list th[scope=Position]{
	width:auto
}

.head-list th[scope=Expire]{
	width:200px;
	text-align:right
}

.career-list td:nth-child(3){
	text-align:right
}

.career-form,.download-but,.download-but a,.join-us{
	text-align:left
}

.career-list td:nth-child(1){
	font-size:calc(100vw/30);
	font-weight:100;
	color:#d4d4d4
}

.career-form{
	width:70%;
	margin:0;
	float:right;
	padding:5vh 10vw 5vh 0
}

.join-title,.join-us{
	margin:0 auto;
	width:100%
}

.join-title>h3{
	font-size:calc(100vw/50);
	font-weight:300;
	color:#aaa
}

.join-title>h3::after{
	display:none
}

.download-but,.join-form,.join-us{
	display:block;
	height:auto;
	position:relative
}

.join-form{
	width:100%;
	margin:0 0 0 -1%
}

.join-form .input-but{
	width:99%
}

.download-but{
	width:100%;
	background-color:#fff;
	padding:40px 0 80px 50px
}

.download-but a{
	position:relative;
	display:inline-block;
	color:#fff;
	padding:10px 60px 10px 20px;
	background-color:#0b62f0
}

.download-but a::after,.download-but a::before{
	position:absolute;
	content:''
}

.download-but a::before{
	left:-7px;
	top:-7px;
	width:calc(100% + 14px);
	height:calc(100% + 14px);
	border:1px solid #0b62f0
}

.download-but a::after{
	width:40px;
	height:40px;
	right:10px;
	top:10px;
	background:url(../images/select.png) center center no-repeat #a3a3a3;
	border-radius:50%
}

.news-pic,.pic-thumb{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}

.details-center .download-but span{
	font-size:20px;
	font-weight:400;
	text-transform:uppercase
}

.details-center .download-but h3{
	font-size:36px;
	font-weight:700;
	color:#fff;
	margin:0
}

.details-content{
	position:fixed;
	width:100%;
	height:100vh;
	left:0;
	top:0;
	text-align:center;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:3000
}

.details-center h2,.details-center h3{
	font-weight:500;
	text-align:left;
	line-height:1.4
}

.news-item,.news-list,.news-txt,.news-txt>h3{
	overflow:hidden
}

.details-content::after,.details-content::before{
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle
}

.details-content.no-after::after,.details-content.no-after::before{
	display:none
}

.details-content>span{
	width:100%;
	height:100vh;
	position:fixed;
	left:0;
	top:0;
	z-index:1
}

.details-center{
	position:relative;
	display:inline-block;
	width:90%;
	height:auto;
	vertical-align:middle;
	max-width:1100px;
	margin:0 auto;
	padding:0;
	z-index:10;
}

.details-outer,.details-text{
	width:100%;
	height:auto;
	position:relative
}

.news-pic img,.pic-thumb img{
	z-index:-1;
	pointer-events:none
}

.details-center h2{
	font-size:calc(100vw/45);
	display:block;
	margin:20px 0;
	padding:0 50px 0 0
}

.details-center h3{
	font-size:calc(100vw/50);
	margin:10px 0
}

.details-center h3.align-center{
	text-align:center;
	margin:20px auto
}

.details-outer{
	margin:0;
	padding:0 50px;
	background-color:#fff
}

.details-text{
	padding:0;
	display:block;
	font-size:15px;
	line-height:1.4;
	color:#404040;
	text-align:left
}

.details-text>h3{
	margin-bottom:5px;
	font-size:18px;
	font-weight:700;
	color:#404040;
	text-transform:uppercase;
	text-align:left
}

.details-text>h3::after{
	display:none
}

.details-text p{
	margin-bottom:15px;
	font-size:16px;
	line-height:1.6;
	font-weight:400
}

.details-text img{
	display:block;
	width:auto!important;
	height:auto!important;
	max-width:100%;
	margin:0 auto
}

.details-text ol,.details-text ul{
	text-align:left;
	list-style:inherit;
	-webkit-margin-start:16px
}

.details-text li,.details-text ol li,.details-text p span,.details-text span{
	text-align:left;
	margin:5px 0;
	font-size:inherit;
	font-weight:inherit;
	color:inherit
}

.details-text a{
	color:#0b62f0;
	font-weight:700
}

.details-text table{
	border-spacing:1px;
	width:auto;
	max-width:100%;
	height:auto;
	display:table;
	min-width:inherit;
	margin:30px auto;
	table-layout:fixed
}

.details-text iframe{
	max-width:100%
}

.details-text table tbody{
	display:table;
	width:100%;
	min-width:500px;
	position:relative
}

.details-text table td,.details-text table th{
	border:1px solid #788892;
	background-color:#eee;
	text-align:left;
	font-size:16px;
	font-weight:300;
	color:#333;
	line-height:1.6;
	padding:10px 15px
}

.details-center .close-popup{
	color:#fff
}

#news-page{
	background-color:#fff
}

#news-page .bg-inner{
	height:calc(500/2000 * 100vw)
}

#news-page .text-title{
	font-size:calc(100vw/50);
	color:#666;
	padding:0;
	margin:0 0 30px
}

.load-news-list,.news-list{
	width:100%;
	margin:0;
	position:relative
}

.load-news-list{
	height:auto;
	display:block;
	float:left;
	min-height:100vh
}

.load-news-list::after{
	content:'';
	height:0;
	clear:both;
	display:block
}

.load-news-list.show{
	min-height:0
}

.news-pic,.news-txt{
	float:left;
	display:block;
	max-height:150px;
	min-height:120px
}



.load-text iframe,.load-text img{
	max-width:100%
}

.group-central[data-post=news-company]{
	background-color:#999
}

.group-central[data-post=news-company] .title-rotate>h2{
	color:#fff
}

.group-central[data-post=pagination]{
	border-bottom:1px solid #ddd
}

.news-item{
	position:relative;
	float:left;
	display:block;
	width:calc(50% - 20px);
	margin:0 10px 20px 0;
	backface-visibility:hidden
}

.news-item::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#fff
}

.news-pic{
	position:relative;
	width:50%;
	height:calc(100vh/5)
}

.news-pic::before{
	content:' ';
	width:0;
	height:0;
	position:absolute;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	border-right:20px solid #fff;
	top:50%;
	margin-top:-20px;
	right:0
}

.infobox .close-box-map::after,.link-page::before,.link-text::after,.link-text::before,.load-text ul li::before,.news-txt::after,.news-txt::before,button::after{
	content:''
}

.news-pic img{
	position:relative;
	width:100%;
	height:auto;
	display:block;
	opacity:0
}

.news-txt{
	padding:10px 20px;
	width:50%;
	height:calc(100vh/5);
	position:relative
}

.news-txt::after,.news-txt::before{
	height:100%;
	display:inline-block;
	vertical-align:middle
}

.news-txt>h3{
	font-size:16px;
	line-height:1.6;
	font-weight:400;
	color:#444;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	width:100%;
	margin:0 -5px;
	max-height:100px
}

.news-list.first .news-item::before,.news-list.first .news-pic::before,.news-list.first .news-txt::after,.news-list.first .news-txt::before,.news-txt>h3::after{
	display:none
}

.news-list.first .news-item{
	overflow:visible
}

.news-list.first .news-txt>h3{
	margin:0;
	line-height:1.4;
	font-weight:300
}

.news-list.first .news-pic{
	width:100%;
	filter:none;
	max-height:inherit;
	min-height:inherit
}

.news-list.first .news-txt{
	width:100%;
	padding:10px 0;
	max-height:inherit;
	min-height:inherit;
	height:auto;
	overflow:visible
}

.news-list.first .news-item:nth-child(1) .news-txt{
	padding:20px 8vw
}

.news-list.first .news-item:nth-child(1){
	width:calc(100% - 40px);
	height:auto;
	margin:0 0 40px
}

.news-list.first .news-item:nth-child(2),.news-list.first .news-item:nth-child(3){
	width:calc(50% - 40px);
	height:auto;
	margin:0 40px 40px 0
}

.news-list.first .news-item:nth-child(1) .news-pic{
	height:calc(1125/2000 * 40vw)
}

.news-list.first .news-item:nth-child(2) .news-pic,.news-list.first .news-item:nth-child(3) .news-pic{
	height:200px
}

.news-list.first .news-item:nth-child(1) .news-txt>h3{
	font-size:calc(100vw/60);
	max-height:inherit
}

.news-list.first .news-item:nth-child(2) .news-txt>h3,.news-list.first .news-item:nth-child(3) .news-txt>h3{
	font-size:calc(100vw/80);
	max-height:inherit
}

.link-text,.pic-thumb{
	max-height:150px;
	min-height:120px;
	overflow:hidden
}

.news-list.first .news-item:nth-child(1) .go-inner{
	position:absolute;
	right:0;
	top:calc(1125/2000 * 40vw + 20px);
	margin:0
}

.link-page,.news-link{
	position:relative;
	display:block;
	float:left
}

.news-list.first .date{
	font-size:calc(100vw/45);
	padding:10px 15px
}

.news-list.first .news-item:nth-child(1) .date{
	font-size:calc(100vw/30);
	padding:10px 20px;
	top:calc(1125/2000 * 40vw + 20px);
	background-color:#0b62f0;
	color:#fff
}

.news-list.first .news-item:nth-child(1) .date span{
	color:#fff
}

.group-central[data-post=news-related]{
	opacity:0;
	background-color:#ddd
}

.group-central[data-post=news-related] .go-back{
	color:#666;
	border-color:#999
}

.group-central[data-post=news-related].show{
	opacity:1
}

.load-details .date{
	font-size:calc(100vw/30);
	padding:10px 20px;
	background-color:#0b62f0;
	color:#fff
}

.load-details .date span{
	color:#fff
}

.news-link{
	width:100%;
	height:auto;
	margin:0
}

.link-page{
	overflow:hidden;
	width:calc(50% - 20px);
	margin:0 20px 20px 0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}

.link-page::before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#eee
}

.link-text,.link-text>h3,.pic-thumb,.pic-thumb img{
	position:relative
}

.pic-thumb{
	float:left;
	display:block;
	width:50%;
	height:calc(100vh/5);
	margin:0;
	filter:grayscale(100%)
}

.pic-thumb img{
	height:auto;
	width:100%;
	margin:0;
	opacity:0
}

.link-text{
	float:left;
	padding:10px 20px;
	width:50%;
	display:block;
	height:calc(100vh/5)
}

.load-content,.normal-height{
	min-height:100vh
}

.link-text::after,.link-text::before{
	height:100%;
	display:inline-block;
	vertical-align:middle
}

.link-text>h3{
	font-size:16px;
	line-height:1.6;
	font-weight:300;
	color:#444;
	display:inline-block;
	vertical-align:middle;
	width:100%;
	margin:0 -5px;
	max-height:100px;
	overflow:hidden
}

.link-text>h3::after{
	display:none
}

.link-page a{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
	z-index:2
}

.load-content,.load-data{
	position:relative;
	display:block
}

.load-content{
	width:100%;
	height:auto;
	background-color:#eee;
	z-index:4
}

.load-content.show{
	min-height:inherit
}

.load-data{
	height:auto
}

.load-details,.load-text,.load-title{
	width:100%;
	height:auto;
	position:relative
}

.load-details{
	display:block;
	margin:0
}

.load-title{
	display:block;
	padding:0 0 50px 150px;
	text-align:left
}

.single .load-title{
    padding: 15px 0 0px 150px;
}


.load-title>h3{
	font-size:calc(100vw/50);
	font-weight:100;
	line-height:1.4
}

.load-title>h3::after{
	display:none
}

.load-text{
	display:block;
	padding:40px;
	background-color:#fff;
	font-size:16px;
	color:#666;
	line-height:1.4
}

.load-text p{
	margin:0 0 20px;
	line-height:1.6;
	font-size:calc(100vw/100);
	font-weight:400
}

.load-text a{
	color:#e51b24
}

.load-text img{
	width:auto!important;
	height:auto!important;
	margin:10px auto;
	display:block
}

.load-text h1,.load-text h2,.load-text h3,.load-text h4,.load-text h5,.load-text h6{
	font-size:18px;
	color:#383838;
	font-weight:700;
	line-height:1.4;
	margin:10px 0
}

.load-text table{
	width:auto;
	max-width:100%;
	height:auto;
	display:table;
	min-width:inherit;
	margin:30px auto;
	table-layout:fixed
}

.load-text table tbody{
	display:table;
	width:100%;
	min-width:500px;
	position:relative
}

.load-text table td,.load-text table th{
	background-color:#7e8387;
	text-align:left;
	font-size:16px;
	font-weight:300;
	color:#fff;
	line-height:1.6;
	padding:10px 15px
}

.button-bottom{
	margin:20px 0;
	width:100%;
	display:block;
	position:relative;
	float:left
}

.load-text ul li{
	padding:0 0 3px 15px;
	position:relative;
	display:block
}

.load-text ul li::before{
	position:absolute;
	width:5px;
	height:5px;
	border-radius:50%;
	background-color:#444;
	top:10px;
	left:0;
	overflow:hidden
}

.list-pagination,.slide-pagi{
	height:auto;
	position:relative
}

.list-pagination{
	width:70%;
	display:block;
	text-align:left;
	padding:30px 10vw 30px 0;
	float:right
}

.require-col,.slide-pagi li{
	text-align:center
}

.slide-pagi{
	width:250px;
	display:inline-block;
	margin:0 0 0 40px;
	z-index:10
}

.slide-pagi li{
	width:40px;
	height:40px;
	position:relative;
	display:block
}

.slide-pagi a{
	font-size:13px;
	font-weight:700;
	line-height:40px;
	display:block;
	width:100%;
	height:100%;
	color:#444;
	background-color:#fff
}

.group-central[data-post=contact-info] .title-group a,.group-central[data-post=contact-info] .title-rotate>h2,.group-central[data-post=contact-info] mark,.slide-pagi a.current{
	color:#fff
}

.slide-pagi a.current{
	background-color:#0b62f0;
	pointer-events:none
}

.slide-pagi .slide-buttons{
	top:0;
	margin:0
}

.slide-pagi .slide-prev{
	background:url(../images/previous2.svg) 50%/50% no-repeat #bbb;
	width:40px;
	height:40px;
	top:0;
	left:-42px;
	opacity:1
}

.slide-pagi .slide-next{
	background:url(../images/next2.svg) 50%/50% no-repeat #bbb;
	width:40px;
	height:40px;
	top:0;
	right:-42px;
	opacity:1
}

.list-pagination.pagi-picture,.list-pagination.pagi-video{
	width:100%;
	padding:10px 0;
	float:left
}

.slide-pagi.current-left{
	margin:0;
	width:auto
}

.slide-pagi.current-left .slide-item{
	float:none;
	display:inline-block;
	vertical-align:top
}

.group-central[data-post=welcome] .content-column h2{
	font-size:calc(100vw/24)
}

.group-central[data-post=contact-info]{
	background-color:#e51b24;
	color:#fff
}

.group-central[data-post=contact-info] .title-group li{
	font-size:calc(100vw/90)
}

.footer.contact .copyright,.footer.contact .title-group li>h2{
	color:#eee
}

.footer.contact .content-right{
	padding:0 10vw 0 0
}

.footer.contact{
	background-color:#e51b24
}

.footer.contact .title-rotate svg{
	margin:50px 0 0
}

.footer.contact .title-group{
	border:none;
	padding:20px 0;
	width:200px;
	display:inline-block;
	float:right
}

.contact-form,.require-col{
	width:100%;
	display:block;
	height:auto;
	position:relative
}

.footer.contact .title-group li:first-child{
	width:100%
}

.footer.contact .title-group ul{
	padding:0
}

input[type=password],input[type=text],textarea{
	color:#666;
	font-weight:300;
	transition:all .3s ease-in-out;
	font-family:Roboto,Arial,Helvetica,sans-serif
}

.contact-form{
	margin:0;
	float:left;
	padding:50px;
	background-color:rgba(0,0,0,.2)
}

.file-up,textarea{
	background-color:#fff;
	border:1px solid #ddd
}

.input-text{
	width:calc(48% - 5px);
	height:auto;
	position:relative;
	margin:0 1% 20px;
	display:inline-block;
	vertical-align:top
}

.input-area,.input-but{
	margin:0;
	height:auto;
	position:relative;
	display:inline-block
}

.file-up{
	width:48%;
	z-index:5
}

input[type=password],input[type=text]{
	font-size:18px;
	padding:0 20px;
	width:100%;
	height:60px;
	line-height:60px;
	background-color:#fff;
	border:1px solid #ddd
}

input[type=file]{
	position:relative;
	display:block;
	width:100%;
	height:60px;
	opacity:0;
	padding:12px 0;
	font-size:calc(100vw/80);
	cursor:pointer;
	z-index:1
}

.input-area{
	width:calc(98% - 5px);
	vertical-align:top
}

textarea{
	font-size:18px;
	line-height:1.6;
	padding:20px;
	width:100%;
	height:200px;
	resize:none
}

input[type=text]:focus,textarea:focus{
	color:#333;
	border-color:#333
}

.input-but{
	width:calc(98% - 5px);
	text-align:right
}

button{
	font-family:Roboto,Arial,Helvetica,sans-serif;
	font-weight:700;
	font-size:calc(100vw/70);
	line-height:1.4;
	padding:10px 20px;
	text-align:center;
	color:#fff;
	width:auto;
	height:auto;
	position:relative;
	-webkit-appearance:none;
	cursor:pointer;
	display:inline-block;
	margin:5px 7px;
	text-transform:uppercase;
	border:none;
	background-color:#727272
}

.file-mark,.file-name{
	position:absolute;
	display:block;
	transition:all .3s ease-in-out
}

button::after{
	width:calc(100% + 10px);
	height:calc(100% + 10px);
	position:absolute;
	left:-5px;
	top:-5px;
	border:1px solid #727272
}

.file-name{
	left:0;
	top:0;
	width:calc(100% - 10px);
	color:#666;
	font-weight:300;
	font-size:16px;
	white-space:nowrap;
	padding:20px 100px 20px 20px;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
	z-index:0
}

.captcha,.file-mark,.g-recaptcha{
	height:auto;
	text-align:center
}

.file-mark{
	top:5px;
	right:5px;
	width:auto;
	background-color:#a3a3a3;
	font-weight:700;
	padding:0 12px;
	font-size:calc(100vw/95);
	line-height:50px;
	text-transform:uppercase;
	color:#fff
}

.captcha,.g-recaptcha,.g-recaptcha>div{
	display:inline-block
}

.contact-form .input-but{
	margin:20px 0
}

.g-recaptcha,.map-box{
	position:relative;
	margin:0
}

.captcha{
	width:304px;
	vertical-align:middle;
	position:relative;
	float:left
}

.g-recaptcha{
	width:100%
}

.g-recaptcha>div{
	width:100%!important;
	height:auto!important;
	position:relative
}

.captcha+button[type=submit]{
	float:right
}

.map-box{
	width:100%;
	height:60vh;
	display:block;
	overflow:hidden;
	background-color:#fff;
	transition:height .5s ease-in-out
}

#map-canvas>div,.gm-style div div div div div div div{
	background-color:transparent!important
}

.map-box.full-screen{
	position:fixed;
	width:100vw;
	height:100vh;
	max-height:inherit;
	max-width:inherit;
	left:0;
	top:0;
	z-index:100000
}

#map-canvas,.googlemap{
	height:100%;
	width:100%;
	display:block
}

.googlemap{
	position:relative;
	z-index:1
}

#map-canvas{
	position:absolute;
	left:0;
	top:0
}

.gm-style .gm-style-iw>div{
	max-width:inherit!important;
	max-height:inherit!important;
	overflow:inherit!important
}

.gm-style .gm-style-iw>div>div{
	overflow:inherit!important;
	width:100%;
	height:auto
}

.gm-style div div div div{
	z-index:200!important
}

.gm-style div div div div:nth-child(4){
	z-index:10!important
}

.gm-style div div div div div div div{
	box-shadow:none!important
}

.gm-style .gmnoprint{
	z-index:300!important
}

.gm-style div.infobox{
	position:relative;
	display:inline-block;
	width:260px;
	height:auto;
	z-index:999!important
}

.gm-style .infobox-inner{
	position:relative;
	display:block;
	width:auto;
	height:auto;
	margin:15px 15px 0 0;
	padding-bottom:15px;
	background-color:#696969!important
}

.pic-map,.pic-map img{
	width:100%;
	display:block
}

.pic-map{
	height:130px;
	position:relative;
	overflow:hidden!important
}

.pic-map img{
	height:auto
}

.infobox{
	font-family:Roboto,Arial,Helvetica,sans-serif;
	text-align:left;
	line-height:1.4
}

.infobox-inner>h3{
	font-family:Roboto,Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	position:relative;
	display:block;
	padding:15px 20px 10px 15px;
	margin:0
}

.infobox-inner>h3::after{
	display:none
}

.infobox-inner>p{
	font-size:13px;
	color:#fff;
	position:relative;
	display:block;
	padding:0 15px;
	font-weight:400
}

.album-pic-center .pic-name h3,.all-pics .text-length h3{
	font-weight:500;
	color:#fff;
	font-size:16px;
	line-height:1.4;
	text-align:center;
	text-transform:uppercase
}

.infobox-inner a{
	color:#fff
}

.infobox .close-box-map{
	position:absolute;
	right:0;
	top:0;
	width:30px;
	height:30px;
	cursor:pointer;
	z-index:99999!important
}

.infobox .close-box-map::after{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../images/close.png) 50%/80% no-repeat #696969;
	border-radius:50%
}

.gm-style .gm-style-iw-t::after,.gm-style-iw-t::before{
	display:none
}

.gm-style .gm-style-iw-c{
	overflow:visible!important
}

.all-album,.all-pics,.full{
	overflow:hidden
}

.gm-style button[title=Close],.gm-style button[title=Close] img{
	display:none!important
}

.gm-style .gm-style-iw+div img,.gm-style button img{
	display:none
}

.gm-style .gm-style-iw~img{
	right:-10px!important;
	top:calc(50% - 20px)!important;
	width:40px!important;
	height:40px!important;
	opacity:0
}

.zoom-control{
	position:absolute;
	bottom:20px;
	right:20px;
	display:block;
	width:auto;
	height:auto;
	margin:0;
	z-index:20
}

.zoom-control a{
	display:block;
	width:35px;
	height:35px;
	border-radius:5px;
	box-shadow:0 10px 20px rgba(0,0,0,.1);
	margin:10px 0
}

.display-none,.put-hide,.put-show{
	display:none!important
}



.fullcontent .header{
	pointer-events:none;
	z-index:-9999
}

.all-album{
	width:100vw;
	height:100vh;
	position:fixed;
	left:0;
	top:0;
	display:none;
	z-index:99999
}

.album-center,.album-load,.album-pic-center{
	position:relative;
	display:block
}

.album-load{
	width:100%;
	height:100%;
	opacity:0;
	text-align:center
}

.album-center{
	width:100vw;
	height:100vh
}

.album-pic-center{
	width:100%;
	height:100%;
	text-align:center
}

.album-pic-center .pic-name{
	position:absolute;
	left:0;
	top:1.5%;
	z-index:5;
	width:100%;
	height:auto;
	padding:0 40px
}

.album-pic-center .pic-name h3{
	display:inline-block;
	position:relative;
	padding:10px 15px
}

.album-pic-center .pic-name h3>span>span{
	transition:all .2s ease;
	opacity:0
}

.album-pic-center .pic-name.move h3>span>span.move{
	opacity:1
}

.container-zoom{
	width:100vw;
	height:100vh;
	position:relative;
	display:block
}

.container-zoom::after,.container-zoom::before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:100%
}

.container-zoom>img{
	width:auto;
	height:auto;
	max-height:80vh;
	max-width:100%;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	margin:0 -3px
}

.all-pics{
	height:100%;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	display:none;
	z-index:9999
}

.all-pics.show{
	display:block
}

.all-pics .text-length{
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	top:0;
	padding:0 40px;
	opacity:0;
	text-align:center;
	z-index:9998
}

.all-pics .text-length h3{
	display:inline-block;
	position:relative;
	padding:10px 15px;
	background-color:rgba(0,0,0,.5)
}

.full,.full img{
	display:block;
	position:relative
}

.full{
	width:100vw;
	height:100vh
}

.full img{
	width:auto;
	height:auto;
	outline:0;
	border:none;
	margin:0 auto;
	opacity:0;
	cursor:url(../images/openhand.png) 6 8,move;
	z-index:5
}

.full.size-large img{
	max-width:inherit;
	max-height:inherit
}

.size-large::after,.size-large::before{
	display:none
}

.size-large img{
	max-width:inherit!important;
	max-height:inherit!important;
	left:0;
	top:0;
	display:block;
	margin:0
}

.size-large{
	overflow:auto;
	-webkit-overflow-scrolling:touch
}

.allvideo,.overlay-dark,.size-large.dragscroll{
	overflow:hidden
}

.full span{
	width:100vw;
	height:100vh;
	position:absolute;
	left:0;
	top:0;
	z-index:1
}

.pinch-zoom-container{
	width:100vw!important;
	height:100vh!important;
	position:relative;
	display:block;
	margin:0
}

.pinch-zoom{
	width:100%;
	left:0;
	top:0;
	text-align:center
}

.pinch-zoom::after,.pinch-zoom::before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:100%
}

.formErrorContent::after,.go-top::before,.wheel span::after,.wheel span::before,.zoom-hover::before{
	content:''
}

.pinch-zoom>img{
	width:auto;
	height:auto;
	max-width:100%;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	margin:0 -3px
}

.allvideo,.video-list,.video-wrap{
	width:100%;
	height:100%;
	left:0;
	top:0
}

.allvideo{
	position:fixed;
	display:none;
	z-index:99999
}

.video-list,.video-wrap{
	position:absolute;
	z-index:100
}

.video-skin,.video-wrap iframe{
	position:absolute;
	left:0;
	z-index:10
}

.video-skin{
	bottom:0;
	width:100vw;
	height:auto;
	min-height:100%
}

.video-wrap iframe{
	width:100%;
	height:100%;
	background-color:#000;
	display:block;
	top:0
}

.close-pics-small{
	background:url(../images/close.svg) 50%/80% no-repeat;
	width:40px;
	height:40px;
	cursor:pointer;
	position:fixed;
	right:10px;
	top:10px;
	display:none;
	z-index:99999
}

.close,.close-album,.close-box,.close-map,.close-news,.close-pics,.close-popup,.close-video{
	display:block;
	width:50px;
	height:50px;
	cursor:pointer;
	position:fixed;
	right:20px;
	top:20px;
	color:#aaa;
	z-index:999999
}

.close,.close-album,.close-pics,.close-video{
	color:#fff
}

.close-box{
	width:30px;
	height:30px
}

.close svg,.close-album svg,.close-box svg,.close-map svg,.close-news svg,.close-pics svg,.close-popup svg,.close-video svg{
	width:100%;
	height:100%;
	display:block
}

.close-video{
	top:50%;
	margin:-20px 0 0
}

.next-pic,.prev-pic{
	width:40px;
	height:80px;
	top:0;
	position:absolute;
	cursor:pointer
}

.next-pic{
	background:url(../images/next.svg) center center/contain no-repeat;
	right:20px
}

.prev-pic{
	background:url(../images/previous.svg) center center/contain no-repeat;
	left:20px
}

.next-pic.disabled,.prev-pic.disabled{
	opacity:.2;
	pointer-events:none
}

.player,.view-album{
	width:calc(100vw/15);
	height:calc(100vw/15);
	max-width:100px;
	max-height:100px;
	position:absolute;
	left:0;
	top:calc(100vh/2.5 - 100px);
	margin:0;
	color:#fff;
	z-index:10
}

.zoom,.zoom-hover{
	z-index:20;
	position:absolute
}

.player svg,.view-album svg{
	width:100%;
	height:100%;
	display:block
}

.zoom{
	background:url(../images/zoom.svg) 50%/80% no-repeat rgba(0,0,0,.1);
	width:60px;
	height:60px;
	right:10px;
	top:10px;
	border:1px solid #fff;
	border-radius:50%;
	display:block
}

.zoom-hover{
	background:url(../images/zoom-in.svg) 50%/80% no-repeat #0b62f0;
	width:30px;
	height:30px;
	right:0;
	bottom:15px;
	border-radius:50%
}

.zoom-hover::before{
	width:36px;
	height:36px;
	left:-3px;
	top:-3px;
	position:absolute;
	border:5px solid #b0b0b0;
	border-radius:50%;
	z-index:-1
}

.overlay-dark{
	background-color: rgba(100,100,100,.5);
    height: 0;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    transition: height .5s ease-in-out;
    z-index: 90000000000;
}

.overlay-dark.index-low{
	z-index:1500
}

.overlay-dark.show{
	height:100%
}

.overlay-dark.overlay-dark-2{
	background:rgba(237,28,36,.9);
	z-index:9996
}

.go-top{
	background:url(../images/top.svg) 50%/80% no-repeat #c7c7c7;
	width:40px;
	height:40px;
	position:fixed;
	bottom:-100px;
	right:20px;
	margin:0;
	cursor:pointer;
	opacity:0;
	z-index:15
}

.map-background,.touch{
	background-repeat:no-repeat
}

.go-top::before{
	width:50px;
	height:50px;
	left:-5px;
	top:-5px;
	position:absolute;
	border:1px solid #c7c7c7
}

.go-top.show{
	opacity:1;
	bottom:20px
}

.no-scroll{
	overflow-x:hidden;
	overflow-y:hidden!important;
	overflow:hidden
}

.no-link{
	pointer-events:none
}

.level-index-out{
	z-index:-9999;
	pointer-events:none
}

.level-index-in{
	z-index:9990
}

.visible{
	overflow:visible
}

.touch{
	background-image:url(../images/pinchzoom.png);
	background-position:left top
}

.cursor{
	cursor:url(../images/openhand.png) 8 8,move
}

.drag-cursor{
	cursor:url(../images/grabbing.png) 8 8,move
}

.desktop{
	display:block
}

.mobile{
	display:none
}

img.desktop{
	display:block
}

img.mobile{
	display:none
}

.percent-30,.percent-50,.percent-70{
	display:inline-block
}

.headermap{
	z-index:-999!important;
	pointer-events:none
}

.two-column{
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-gap:40px;
	-moz-column-gap:40px;
	column-gap:40px;
	-webkit-column-rule:1px solid #ddd;
	-moz-column-rule:1px solid #ddd;
	column-rule:1px solid #ddd
}

.text-grey-dark{
	color:#444
}

.text-red{
	color:#0b62f0
}

.text-grey{
	color:#d4d4d4
}

.text-white{
	color:#fff
}

.align-center{
	text-align:center
}

.align-justify{
	text-align:justify
}

.align-left{
	text-align:left
}

.align-right{
	text-align:right
}

.percent-30{
	width:30%
}

.percent-70{
	width:68%;
	vertical-align:top;
	margin:0;
	padding:0 0 0 5vh
}

.percent-50{
	width:50%;
	vertical-align:top
}

.percent-100{
	width:100%;
	display:block;
	padding:30px 0
}

.bg-grey{
	background-color:#f2f2f2
}

.bg-red{
	background-color:#0b62f0
}

.text-slogan{
	float:right;
	width:70%;
	height:auto;
	padding:10vh 20vw 5vh 0
}

.wheel{
	width:30px;
	height:30px;
	position:fixed;
	right:40px;
	bottom:20px;
	opacity:0;
	pointer-events:none;
	z-index:10
}

.wheel span{
	position:absolute;
	width:100%;
	height:1px;
	opacity:0;
	transform:scale(.3)
}

.wheel span::after,.wheel span::before{
	position:absolute;
	top:0;
	height:100%;
	width:50%;
	background-color:#999
}

.wheel span::before{
	left:0;
	transform:skewY(30deg)
}

.wheel span::after{
	right:0;
	width:50%;
	transform:skewY(-30deg)
}

.wheel.show span{
	animation:Move-Arrow 2s ease-out infinite
}

.wheel.show span:first-child{
	animation:Move-Arrow 2s ease-out .5s infinite
}

.wheel.show span:nth-child(2){
	animation:Move-Arrow 2s ease-out 1s infinite
}

.wheel.show{
	opacity:1
}

.map-background{
	width:100%;
	height:100%;
	position:relative;
	display:block;
	background-position:top center;
	background-size:contain
}

.map-background img{
	opacity:0;
	position:absolute;
	left:0;
	top:0
}

.map-background canvas{
	width:2000px;
	height:1125px;
	position:absolute;
	left:0;
	top:0;
	padding:0;
	display:block;
	opacity:1
}

.img-moving{
	position:relative;
	overflow:hidden;
	height:100%;
	width:100%;
	cursor:url(../images/hand.cur) 6 8,move
}

.img-moving img{
	transform:translateZ(0);
	position:absolute;
	top:0;
	left:0
}

.hidemouse{
	pointer-events:none
}

#contact-loader{
	position:fixed;
	top:50%;
	left:50%;
	z-index:110000;
	width:82px;
	height:82px;
	margin:-41px 0 0 -41px;
	border-radius:50%;
	animation:Rotate 2.5s linear infinite;
	display:none
}

.contact-success,.register-success{
	position:fixed;
	top:50%;
	left:50%;
	margin:-30px 0 0 -150px;
	padding:20px;
	font-size:15px;
	line-height:1.6;
	width:300px;
	height:auto;
	background-color:#c30004;
	-webkit-border-radius:20px;
	border-radius:20px;
	color:#fff;
	font-family:Roboto,Arial,Helvetica,sans-serif;
	font-weight:700;
	text-align:center;
	z-index:99999;
	text-shadow:1px 1px 0 rgba(0,0,0,.5)
}

.formErrorContent,.item-link-name,.item-search::before,.resultCount span{
	font-family:Arial,Helvetica,sans-serif
}

.color-red{
	background-color:#d00;
	color:#fff
}

.color-blue{
	background-color:#696969;
	color:#fff
}

.inputContainer{
	position:relative;
	float:left
}

.formError{
	position:absolute;
	top:-30px;
	left:20px;
	display:block;
	cursor:pointer;
	z-index:5000
}

.formErrorContent{
	background-color:rgba(209,0,8,.8);
	position:relative;
	display:inline-block;
	color:#fff;
	width:auto;
	height:auto;
	max-width:250px;
	font-size:14px;
	line-height:1.4;
	box-shadow:0 0 10px rgba(0,0,0,.3);
	padding:8px 12px;
	border-radius:10px;
	z-index:5001
}

.formErrorContent::after{
	position:absolute;
	left:20px;
	bottom:-10px;
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 7px 0;
	border-color:rgba(209,0,8,.8) transparent transparent
}

.greenPopup .formErrorContent{
	background-color:#008c44
}

.blackPopup .formErrorContent{
	background-color:#393939;
	color:#fff
}

.ajaxSubmit{
	padding:20px;
	background-color:#008c44;
	display:none
}

.details-outer .container-in{
	width:100%
}

.upload_target{
	width:1px;
	height:0;
	border:0 solid #fff;
	opacity:0;
	overflow:hidden;
	z-index:-99999;
	position:absolute;
	left:-999999px;
	top:-999999px
}

.data-updating{
	margin:20px 0;
	text-align:center
}

.chart .details-text{
	border-bottom:none
}

.details-chart{
	position:relative
}

.list-shareholder{
	border-top:1px dotted #404040;
	padding-top:30px
}

.list-shareholder .details-text{
	border:none;
	padding-top:0
}

.list-shareholder .container-in{
	margin-bottom:30px
}

.popup-home{
	overflow:hidden!important;
	opacity:0
}

.popup-home img{
	width:100%;
	height:auto;
	display:block
}

.popup-home.details-content:after,.popup-home.details-content:before{
	display:inline-block
}

.popup-home.details-content{
	position:fixed;
	width:100%;
	height:100%;
	opacity:0;
	z-index:9999;
	text-align:center;
	margin:0
}

.popup-home.details-content::after,.popup-home.details-content::before{
	content:'';
	position:relative;
	display:inline-block;
	width:auto;
	height:100%;
	vertical-align:middle
}

.popup-home.details-content>span{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:1
}

.popup-home .details-center{
	min-height:0;
	position:relative;
	display:inline-block;
	width:90%;
	height:auto;
	vertical-align:middle;
	max-width:1000px;
	padding:0;
	margin:0 auto;
	z-index:5;
	background-color:#fff;
	opacity:0
}

.popup-home.details-content .close-popup{
	top:30px;
	right:30px;
	position:fixed;
	margin:0
}

#search-page .content-text{
	background:0 0;
	box-shadow:none;
	padding:0
}

#search-page .content-picture,#search-page .content-text p,#search-page .slide-award .slide-item{
	opacity:1!important
}

.search-content{
	background-color:#fff;
	z-index:1
}

.search-content .title{
	padding:0 0 20px
}

.search-content h2{
	font-size:36px
}

.search-result{
	position:relative;
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
	padding:0
}

.item-link-name,.item-search,.item-search a,.resultCount,.search-box{
	position:relative;
	width:100%;
	height:auto;
	display:block
}

.search-box{
	counter-reset:div
}

.resultCount{
	padding:10px 0
}

.resultCount span{
	font-size:16px;
	line-height:1.4;
	color:#444;
	font-weight:700;
	text-transform:uppercase
}

.item-search{
	margin:0 0 1px;
	text-align:left
}

.item-search a{
	padding:15px 30px
}

.item-search:nth-child(odd) a{
	background-color:#676767
}

.item-search:nth-child(even) a{
	background-color:#788892
}

.item-link-name{
	font-size:13px;
	line-height:1.4;
	margin:7px 0;
	color:#d2d2d2;
	word-break:break-word
}

.item-search h3,.item-search::before{
	font-size:15px;
	color:#fff;
	font-weight:700
}

.item-search::before{
	content:counter(div) " ";
	counter-increment:div;
	position:absolute;
	left:-20px;
	top:50%;
	width:40px;
	height:40px;
	margin:-20px 0 0;
	line-height:40px;
	border-radius:50%;
	text-align:center;
	z-index:1
}

.item-search:nth-child(-n+9)::before{
	content:"0" counter(div)
}

.item-search:nth-child(odd)::before{
	background-color:#44484d
}

.item-search:nth-child(even)::before{
	background-color:#676767
}

.item-search h3{
	margin:0
}

.item-date,.item-search p{
	font-size:13px;
	color:#eee;
	font-family:Arial,Helvetica,sans-serif
}

.item-search h3::after{
	content:normal!important
}

.item-date{
	display:block;
	width:100%;
	height:auto;
	text-align:left;
	margin:0 0 5px
}

.item-search p{
	line-height:1.4;
	margin:7px 0
}

.search-mess p,.search-tempty p{
	font-size:18px;
	text-transform:uppercase;
	text-align:center
}

.item-search h3 strong,.item-search p strong{
	font-weight:700;
	color:#fff
}

.item-search p .item-date{
	display:inline-block;
	width:auto;
	margin:0 5px 0 0
}

.search-mess{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	padding:30px 0
}

.search-mess p{
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.4;
	color:#333
}

.search-content .page-num{
	max-width:252px
}

.search-tempty{
	padding:5% 0
}

#map-canvas iframe{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
}

@media screen and (max-width:1600px){
	.box-text{
		padding:0 0 0 50px
	}

	.box-intro p,.box-title p,.location-text p,.project-time span,.text-project p{
		font-size:calc(100vw/85)
	}

	.text p{
		font-size:calc(100vw/75)
	}

	.box-project-home .text-project p{
		margin:10px 0;
		font-size:calc(100vw/90)
	}

	.block-des p{
		font-size:calc(100vw/90)
	}

	.box-project-home .project-time span{
		font-size:calc(100vw/100)
	}

	.group-central[data-post=benefit] .list-title>p{
		font-size:15px
	}

	.group-central[data-post=intro] .box-text p,.load-text p{
		font-size:calc(100vw/90)
	}

	.text-quotes::after,.text-quotes::before{
		line-height:40px
	}

	.sub-nav-content li img{
		max-width:180px
	}

	.box-nav li a{
		font-size:16px
	}

	.title-group li{
		font-size:calc(100vw/90)
	}

	.group-central[data-post=contact-info] .title-group li{
		font-size:calc(100vw/85)
	}

	.box-project:nth-child(even) .text-project{
		padding:30px 0 60px 30px
	}

	.box-project:nth-child(odd) .text-project{
		padding:0 30px 60px 0
	}

	
.single-duan .group-central[data-post=introduction] .content-right{
	padding:0vh 7vw 10vh 0
}
body.single-duan .title-rotate>h1, body.single-duan .title-rotate>h2 {
    padding: 5vh 5vw 0vh 40px;
}
body.single-duan .title-rotate.title-cus {
	width: 25%;
}
	.title-list{
		font-size:calc(100vw/80)
	}

	.sub-project li a{
		font-size:calc(100vw/70)
	}

	.group-central[data-post=adminis] .box-text p{
		font-size:calc(100vw/90)
	}

	#investor-relation-page .content-right{
		width:90%;
		padding:0 0 15vh
	}

	#investor-relation-page .content-right:first-child{
		padding:15vh 0
	}

	.group-central[data-post=shareholders] .content-right:first-child{
		padding:15vh 0 5vh!important
	}

	#investor-relation-page .title-rotate{
		width:100%;
		text-align:center
	}

	#investor-relation-page .title-rotate>h2{
		padding:5vh 0;
		font-size:calc(100vw/50)
	}
}

@media screen and (max-width:1400px){
	.box-text{
		padding:0 0 0 40px
	}

	.group-central[data-post=benefit] .list-title>p{
		font-size:14px
	}

	.group-central[data-post=intro] .box-text p,.load-text p{
		font-size:calc(100vw/85)
	}

	.text-quotes::after,.text-quotes::before{
		line-height:35px
	}

	.group-central[data-post=contact-info] .title-group li{
		font-size:calc(100vw/80)
	}

	.box-project-home .text-project p{
		margin:10px 0;
		font-size:calc(100vw/85)
	}

	.box-title p,.project-time span,.text-project p{
		font-size:calc(100vw/80)
	}

	.block-des p{
		font-size:calc(100vw/85)
	}

	.contact-form{
		padding:30px
	}

	.content-right{
		padding:0
	}
	.group-central[data-name=section4] .content-right{
		padding:10vh 5vw 10vh 0
	}
	.group-central[data-name=section5] .content-right{
		padding:10vh 0vw 10vh 0
	}
	.footer .content-right{
		padding:10vh 5vw 0 0
	}

	.contact-in h3{
		font-size:calc(100vw/70)
	}

	.contact-in li{
		font-size:calc(100vw/85)
	}

	.group-central[data-name=about-intro] .content-column h3{
		padding:30px 0 0 40px
	}

	.portrait img{
		max-width:260px;
		max-height:260px
	}

	.leader .quote{
		max-width:280px
	}

	.leader .quote,.leader:nth-child(1) .quote{
		font-size:calc(100vw/90)
	}

	.leader .quote-by,.leader:nth-child(1) .quote-by{
		font-size:calc(100vw/100)
	}

	.title-list{
		font-size:calc(100vw/75)
	}

	.sub-project li a{
		font-size:calc(100vw/65)
	}

	.footer.large .content-right,.group-central[data-post=introduction] .content-right{
		width:78%
	}

	.resource-pic{
		height:calc(100vw/6);
		width:calc(100vw/6)
	}

	.group-central[data-post=contact-info] .content-right{
		width:80%
	}

	.group-central[data-post=adminis] .box-text p{
		font-size:calc(100vw/85)
	}
}

@media screen and (max-width:1200px){
	.title-rotate>h1,.title-rotate>h2{
		font-size:calc(100vw/55)
	}

	.portrait img{
		max-width:210px;
		max-height:210px
	}

	.leader .quote{
		max-width:250px
	}

	.leader .quote,.leader:nth-child(1) .quote{
		font-size:calc(100vw/80)
	}

	.leader .quote-by,.leader:nth-child(1) .quote-by{
		font-size:calc(100vw/90)
	}

	.group-central[data-post=adminis] .box-text p,.group-central[data-post=intro] .box-text p,.load-text p,.title-group li{
		font-size:calc(100vw/80)
	}
}

@media screen and (max-width:1100px){
	.title-group,.title-group li{
		text-align:left
	}

	.bottom-text,.outer-nav:not(.second){
		margin:0
	}

	.album-pic-center img,.full img{
		max-height:inherit
	}

	.bg-cover,.bg-fixed,.box-cover{
		background-attachment:scroll
	}

	.content-wrap{
		width:100%
	}

	.navigation.show{
		overflow-y:auto;
		width:100%;
		height:calc(100vh - 70px)
	}

	.navigation.show .nav li{
		animation-name:goLeft;
		animation-duration:.3s;
		animation-fill-mode:forwards
	}

	.title-rotate>h1>span>span.move,.title-rotate>h2>span>span.move{
		animation:none
	}

	.overlay-menu{
		background-color:rgba(237,28,36,.95)
	}

	#canvas-menu,.bg-menu{
		background-color:transparent
	}

	.search-form{
		right:20px;
		top:70px
	}

	.search-form.active{
		width:calc(100vw - 40px)
	}

	.search-but.active{
		color:#0b62f0
	}

	.header.hide .right-header{
		top:15px
	}

	.header.hide .nav-click{
		color:#666;
		top:10px
	}

	.header.hide .nav-click.active{
		top:10px
	}

	.header.hide .language li a,.header.hide .search-but{
		color:#999
	}

	.header.hide .logo.fixed{
		color:#0b62f0;
		top:0
	}

	.header.hide::after{
		opacity:1
	}

	.footer .content-right{
		padding:30px 5%
	}

	.footer .content-right>h3{
		font-size:calc(100vw/28)
	}

	.title-group li{
		padding:0 40px 0 0;
		width:35%;
		font-size:16px
	}

	.title-group li:last-child{
		width:25%;
		padding:0
	}

	.title-group li:first-child{
		width:40%
	}

	.copyright{
		font-size:12px
	}

	.sub-nav{
		width:100%;
		height:auto;
		overflow-y:hidden;
		overflow-x:auto;
		-webkit-overflow-scrolling:touch;
		float:none;
		text-align:center
	}

	.full.lock,.scrollA{
		overflow-x:hidden
	}

	.sub-nav>*{
		transform:translate3d(0,0,0)
	}

	.sub-nav ul::after{
		display:none
	}

	.sub-nav li a{
		padding:10px 15px
	}

	.outer-nav.second.fixed{
		top:70px
	}

	.outer-nav.second.fixed .sub-nav{
		width:100%;
		padding:0
	}

	#customer-service-page .sub-project,.sub-project{
		padding:20px 5% 50px
	}

	.select-box::-webkit-scrollbar{
		width:0
	}

	.select-box,.sub-nav{
		scrollbar-width:none
	}

	.open-button{
		width:50px;
		height:50px;
		position:absolute;
		right:20px;
		top:20px;
		display:block;
		color:#666;
		z-index:5
	}

	.open-button::after,.open-button::before{
		position:absolute;
		top:0;
		left:0;
		content:''
	}

	.open-button,.open-button::after,.open-button::before{
		transition:all .3s ease-in-out
	}

	.open-button svg{
		width:100%;
		height:100%;
		display:block
	}

	.open-button::before{
		width:100%;
		height:100%;
		z-index:-1
	}

	.open-button.active::after,.open-button.active::before{
		width:30px;
		height:4px;
		background-color:#666;
		left:14px;
		top:calc(50% - 2px)
	}

	.open-button.active{
		color:rgba(255,255,255,0)
	}

	.open-button.active::before{
		transform:rotate(-45deg)
	}

	.open-button.active::after{
		transform:rotate(45deg)
	}

	.sub-project{
		height:50px;
		left:auto;
		top:0;
		right:0
	}

	.sub-project ul{
		float:left;
		background-color:#fff
	}

	.sub-project li{
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:10px 20px;
		border-top:1px solid #eee
	}

	.sub-project li:last-child{
		border-bottom:1px solid #eee
	}

	.sub-project li a{
		font-size:30px;
		line-height:1.8
	}

	.title-list{
		font-size:18px;
		margin:20px 0;
		color:#999
	}

	.sub-project ul,.title-list{
		opacity:0;
		visibility:hidden;
		transition:all .3s ease-in-out 0s,visibility 0 linear .3s
	}

	.control button:hover,.control.hide,.share-item li,.title-rotate>h1>span>span,.title-rotate>h2>span>span,.zoom{
		opacity:1
	}

	.show-height{
		width:70px;
		text-align:left;
		transition:all .3s ease-in-out;
		overflow:hidden;
		z-index:50
	}

	.bg-home,.bg-inner,.description,.description h2,.print,.share-item ul{
		text-align:center
	}

	.details-content,.details-text table,.scrollA{
		-webkit-overflow-scrolling:touch
	}

	.show-height.show{
		width:100%;
		height:100%;
		background-color:#fff;
		box-shadow:0 20px 30px rgba(0,0,0,.1)
	}

	.box-content,.colum-box{
		height:auto;
		position:relative;
		display:block
	}

	.details-center.partners .details-outer,.details-center.testi .details-outer,.pic-intro,.zoom{
		box-shadow:none
	}

	.show-height.show .title-list,.show-height.show ul{
		opacity:1;
		visibility:visible;
		transition-delay:0s,0s
	}

	.go-top{
		background-color:#000;
		right:20px
	}

	.go-top::before{
		border-color:#000
	}

	.go-top.show{
		bottom:30px
	}

	.box-content{
		top:auto;
		left:auto;
		width:auto
	}

	.colum-box{
		width:100%;
		float:left;
		margin:0;
		padding:0
	}

	.full img{
		max-width:100%
	}

	.all-pics .text-length h3{
		font-size:13px
	}

	.allvideo{
		top:0
	}

	.overlay-video.show{
		height:100%
	}

	.slide-pic-nav{
		top:auto;
		margin-top:0;
		bottom:60px;
		left:0
	}

	.control,.thumb-box{
		left:auto;
		bottom:auto
	}

	.album-pic-center .pic-name h3{
		font-size:15px;
		padding:10px
	}

	.thumb-content{
		bottom:60px
	}

	.gallery-thumbs .item-container{
		width:80px;
		height:50px
	}

	.thumb-box{
		position:relative
	}

	.scrollA{
		overflow-y:auto
	}

	.scrollA>*{
		transform:translate3d(0,0,0)
	}

	.zoom{
		width:40px;
		height:40px;
		right:10px;
		top:10px;
		background-color:rgba(0,0,0,.3)
	}

	.player,.view-album{
		transform:scale(.8)
	}

	.close-pics-small{
		display:block
	}

	.close-news,.close-pics{
		display:none
	}

	.close,.close-album,.close-box .close-popup,.close-map,.close-popup,.close-video{
		width:40px;
		height:40px;
		right:10px;
		top:10px;
		margin:0
	}

	.close-popup{
		position:absolute
	}

	.desktop{
		display:none!important
	}

	.mobile{
		display:block;
		pointer-events:auto
	}

	img.desktop{
		display:none
	}

	img.mobile{
		display:block
	}

	.two-column{
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
		-webkit-column-gap:40px;
		-moz-column-gap:40px;
		column-gap:40px;
		-webkit-column-rule:1px solid #ddd;
		-moz-column-rule:1px solid #ddd;
		column-rule:1px solid #ddd
	}

	.content-right .title-rotate,.title-rotate{
		width:100%;
		height:auto;
		position:relative;
		left:auto;
		top:auto;
		margin:30px 0 0;
		display:block;
		padding:0
	}

	.title-rotate.strong>h1,.title-rotate>h1,.title-rotate>h2{
		font-size:calc(100vw/30);
		padding:0 0 0 5%;
		font-weight:500
	}

	.title-rotate svg{
		width:80px;
		height:80px;
		margin:30px 0 30px 5%
	}

	.content-right .title-rotate{
		margin:0 0 30px
	}

	.content-right .title-rotate.strong>h1{
		font-size:calc(100vw/20);
		padding:0
	}

	.control{
		font-size:11px;
		width:100%;
		height:auto;
		margin:0;
		padding:10px 0;
		position:relative;
		background-color:#000
	}

	.control button{
		width:25px;
		height:25px;
		transition:none;
		margin:0 15px;
		pointer-events:auto
	}

	.control::after{
		transition:none;
		background-color:rgba(0,0,0,.5)
	}

	.play-button{
		width:80px;
		height:80px;
		margin:-40px 0 0 -40px
	}

	.video-wrap,.video-wrap iframe{
		height:100%;
		width:100%
	}

	.video-wrap iframe{
		left:0;
		bottom:auto;
		top:0
	}

	.bg-video,.control-youtube,.youtube-video,.youtube-video iframe{
		height:calc(1125/2000 * 100vw)
	}

	.youtube-video iframe{
		width:100%;
		left:0;
		top:0;
		transform:none
	}

	.full-frame .control{
		left:0;
		bottom:0;
		height:auto;
		transform:none;
		position:absolute
	}

	.full-frame .bg-video{
		height:100vh;
		left:0;
		top:0;
		transform:none
	}

	.full-frame .control-youtube{
		height:100%
	}

	.is-IOS .control{
		display:none;
		z-index:-9999
	}

	.is-IOS .youtube-video iframe{
		z-index:auto
	}

	.print-but,.save-but,.share-but::before{
		display:none
	}

	.share-but{
		height:auto;
		line-height:inherit;
		padding:0 0 10px
	}

	.share-item{
		position:relative;
		right:auto;
		bottom:auto;
		height:auto
	}

	.share-item ul{
		padding:0
	}

	.share-item li{
		transform:none;
		left:auto
	}

	.details-content{
		height:calc(100% - 70px);
		top:70px
	}

	.details-center{
		width:90%;
		margin:5vw 0
	}

	.details-center>h2{
		font-size:calc(100vw/32)
	}

	.details-center>h3{
		font-size:calc(100vw/36)
	}

	.details-outer{
		padding:30px 5%
	}

	.details-text{
		padding:10px 0
	}

	.details-text>h3{
		font-size:18px
	}

	.details-text p,.details-text table tbody:only-child tr:first-child td,.details-text table thead td,.details-text table thead th{
		font-size:15px
	}

	.details-text table{
		display:block;
		min-width:inherit;
		overflow-y:hidden;
		overflow-x:auto
	}

	.details-text table td,.details-text table th{
		font-size:15px;
		padding:8px 10px;
		font-weight:400
	}

	.download-but{
		padding:30px 0 30px 5%
	}

	.download-but a::after{
		width:30px;
		height:30px;
		top:15px
	}

	.bg-cover,.box-cover,.box-slider,body.hide .group-central{
		left:auto;
		top:auto;
		position:relative
	}

	.details-center .download-but span{
		font-size:15px;
		font-weight:400
	}

	.details-center .download-but h3{
		font-size:18px
	}

	.details-content.hidden{
		opacity:0!important;
		pointer-events:none
	}

	.zoom-control{
		display:none
	}

	.close-map{
		width:40px;
		height:40px
	}

	.is-IOS .gm-style button{
		display:none!important
	}

	.box-cover::after,.box-nav{
		display:none
	}

	.box-slider{
		height:auto;
		overflow:visible
	}

	.bg-cover,.box-cover{
		height:calc(1125/2000 * 100vw)
	}

	.bg-inner{
		height:calc(800/2000 * 100vw)
	}

	.bg-home{
		height:calc(1125/2000 * 100vw)
	}

	body.hide .group-central{
		width:100%;
		height:auto;
		display:block;
		float:left;
		text-align:center;
		transform:translate(0,0)!important;
		z-index:auto!important;
		overflow:visible
	}

	.content-main,body.hide .content-main{
		height:auto
	}

	.content-column,body.hide .content-column{
		display:block;
		float:left;
		margin:0
	}

	body.hide .title-rotate>h1,body.hide .title-rotate>h2{
		padding:0 0 0 5%
	}

	body.hide .title-rotate svg{
		margin:30px 0 30px 5%
	}

	.bg-home .text-banner{
		top:40px;
		bottom:auto;
		width:90%
	}

	.bg-inner .text-banner{
		bottom:40px;
		top:auto;
		width:90%
	}

	.description{
		max-width:90vw;
		padding:0 5%
	}

	.description h2{
		font-size:calc(100vw/20)
	}

	.description h2>span>span.move{
		animation-duration:.3s
	}

	.rotate-img{
		display:none
	}

	.go-page{
		width:40px;
		height:40px;
		right:-30px
	}

	.group-central[data-name=about-home]{
		background-color:#fff
	}

	.sub-nav-content{
		margin:30px 0
	}

	.sub-nav-content li{
		padding:10px 0;
		text-align:left
	}

	.sub-nav-content li::before{
		content:'';
		width:70%;
		height:1px;
		border-top:1px solid #ddd;
		position:relative;
		display:block;
		margin:0 0 10px
	}

	.group::before,.pic-news-home::before,.post-center::after,.post-center::before{
		display:none
	}

	.sub-nav-content li a{
		font-size:15px;
		line-height:1.6;
		color:#333;
		font-weight:500
	}

	.content-right{
		float:left;
		width:100%;
		padding:30px 5%
	}

	.content-column h2{
		font-size:calc(100vw/20);
		line-height:1.4;
		margin:0 0 30px
	}

	.content-column h3{
		font-size:calc(100vw/28)
	}

	.mention{
		font-size:calc(100vw/24);
		color:#aaa;
		line-height:1.4
	}

	.center-text-news>h3{
		font-size:15px!important;
		text-align:left
	}

	.center-text-news{
		max-height:90px
	}

	.go-back,.go-inner,.go-stock,.view-all{
		float:left;
		font-size:14px;
		padding:15px
	}

	.box-news-home{
		margin:0 0 10px;
		padding:0
	}

	.text-news-home{
		padding:10px 15px
	}

	.box-news-home:nth-child(1){
		padding:0 10px 0 0
	}

	.box-news-home:nth-child(1) .pic-news-home{
		max-height:275px;
		min-height:260px
	}

	.group-central[data-name=message-home]{
		background-color:#0b62f0
	}

	.group-central[data-name=message-home] .bg-cover{
		max-height:inherit
	}

	.group-central[data-name=message-home] .content-main{
		color:#fff
	}

	.group-central[data-name=message-home] .content-column{
		width:100%;
		float:none;
		position:relative;
		right:auto;
		top:auto
	}

	.group-central[data-name=message-home] .content-right{
		padding:30px 5%
	}

	.text-quotes::after,.text-quotes::before{
		font-size:calc(100vw/20);
		color:#fff;
		line-height:45px
	}

	.quote{
		font-size:calc(100vw/30);
		margin:0
	}

	.quote-by{
		font-size:16px;
		font-weight:400
	}

	.pic-length{
		height:100%
	}

	.icon-logo:not(.white){
		opacity:1;
		animation:none
	}

	.icon-logo:not(.white):nth-child(2n),.icon-logo:not(.white):nth-child(2n+1),.icon-logo:not(.white):nth-child(3n+1){
		animation-delay:0
	}

	.group-central[data-name=project-home] .content-right{
		width:100%;
		padding:30px 5%
	}

	.box-project-home{
		width:100%;
		padding:0
	}

	.box-project-home .pic-project{
		width:50%;
		height:calc(100vw/2.2);
		float:left
	}

	.box-project-home .text-project{
		width:50%
	}

	.box-project-home .project-time span,.box-project-home .text-project p{
		font-size:15px
	}

	.box-project-home .text-project h3,.text-project h3{
		font-size:calc(100vw/26)
	}

	.box-project-home:nth-child(1) .text-project{
		float:left;
		padding:0 30px 0 0
	}

	.box-project-home:nth-child(2) .text-project{
		float:right;
		padding:0 0 0 30px
	}

	.box-project{
		width:100%
	}

	.pic-project{
		width:50%;
		height:calc(100vw/2.2)
	}

	.text-project p{
		font-size:15px;
		margin:10px 0
	}

	.block-des p{
		font-size:15px
	}

	.box-project:nth-child(even) .text-project{
		padding:20px 0 40px 20px
	}

	.box-project:nth-child(odd) .text-project{
		padding:0 20px 20px 0
	}

	.project-time::after,.project-time::before{
		width:100%
	}

	.project-time span{
		margin:0;
		font-size:15px
	}

	.point,.year{
		padding:0 20px 0 0
	}

	.people-pic{
		height:calc(100vw/4);
		min-height:300px
	}

	.people-quote{
		font-size:18px;
		padding:20px 0 0 50px
	}

	.testimonial-slide .slide-pagination{
		position:relative;
		width:100%;
		right:auto;
		bottom:auto;
		margin:30px 0;
		text-align:center
	}

	.people-quote blockquote::before{
		font-size:calc(100vw/10);
		top:0
	}

	.details-outer .testimonial-slide .slide-pagination{
		display:block
	}

	.details-center.testi h2{
		color:#0b62f0;
		line-height:1.4
	}

	.group-central[data-name=section7] .content-right{
		padding:30px 5%
	}

	.group-central[data-name=section7] .content-right>h3{
		font-size:calc(100vw/28)
	}

	#about-page .pic-length{
		display:none
	}

	.logo-banner{
		top:5%;
		right:5%
	}

	.group-central[data-name=section6] .bottom-text{
		position:relative;
		bottom:auto;
		right:auto;
		width:90%;
		text-align:center;
		padding:30px 0;
		margin:0 5%
	}

	.group-central[data-name=section6] .copyright{
		color:#fff
	}

	.text-title{
		font-size:18px
	}

	.sub-nav-content li img{
		max-width:180px;
		margin:auto
	}

	.group-central[data-name=about-intro] .content-column h2{
		font-size:calc(100vw/30);
		margin:0;
		left:8%;
		top:10%;
		text-align:left
	}

	.arranged,.history-slide .slide-pagination,.list-pagination,.list-thumb-pic,.title-page{
		text-align:center
	}

	.group-central[data-name=about-intro] .content-right{
		width:100%;
		padding:0 5% 30px;
		display:block;
		margin:0;
		float:left
	}

	.group-central[data-name=about-intro] .box-text{
		font-size:16px;
		width:35%;
		vertical-align:middle;
		margin:0
	}

	.group-central[data-name=about-intro] .content-column h3{
		font-size:20px;
		padding:0 0 0 5%;
		display:inline-block;
		width:65%;
		vertical-align:middle;
		margin:0 -5px
	}

	.group-central[data-name=about-intro] .content-column h3::after{
		display:none
	}

	.content-left,.pic-intro{
		width:100%;
		display:block
	}

	.content-left{
		float:left;
		padding:30px 5%;
		margin:0
	}

	.pic-intro{
		height:auto;
		position:relative
	}

	.history-slide.hide-border::after,.history-slide::after,.st-arrow{
		display:none
	}

	.group-central[data-name=about-milestone] .content-right{
		padding:30px 0
	}

	.history-slide{
		width:80%;
		max-width:inherit;
		margin:0 10%
	}

	.pic-milestone{
		height:calc(100vh/2);
		min-height:250px;
		max-height:350px
	}

	.text-milestone{
		min-height:inherit
	}

	.text-milestone>h3{
		font-size:60px
	}

	.text-milestone>h3::before{
		top:70px;
		height:5px;
		transition:width .3s ease-in-out
	}

	.text-milestone p{
		font-size:15px
	}

	.history-slide .slide-pagination{
		width:100%;
		right:auto
	}

	.logo-bottom{
		top:-10px;
		bottom:auto;
		left:auto;
		right:5%;
		width:calc(100vw/11)
	}

	.list-item{
		height:calc(100vw/3.4);
		max-height:225px
	}

	.list-item:first-child{
		height:calc(100vw/1.7);
		max-height:450px
	}

	.pic-value{
		transform:scale(1)
	}

	.pic-value::after{
		opacity:.5
	}

	.list-title{
		height:auto;
		top:auto;
		bottom:0;
		transform:none
	}

	.list-title>h3{
		font-size:calc(100vw/40)
	}

	.list-title>h3::before{
		width:100%
	}

	.list-title>p{
		margin:15px 0;
		font-size:15px;
		line-height:1.4
	}

	.box-left{
		width:100%;
		display:block;
		margin:0
	}

	.group-central[data-name=about-value] .content-right{
		padding:30px 5%
	}

	.group-central[data-name=about-value] .list-content{
		display:block;
		width:100%;
		height:auto;
		margin:40px 0 0
	}

	.group-central[data-name=about-value] .list-title{
		top:50%;
		transform:translateY(-50%);
		bottom:auto
	}

	.group-central[data-name=about-value] .list-title>h3{
		font-size:24px
	}

	.group-central[data-name=about-value] .list-title>p{
		font-size:15px;
		line-height:1.4
	}

	.group-central[data-name=about-value] .box-text{
		font-weight:400;
		font-size:30px;
		padding:0 0 0 40px;
		width:100%;
		margin:0 0 40px
	}

	.group-central[data-name=about-value] .list-item{
		width:250px;
		height:270px;
		position:relative;
		float:none;
		display:inline-block;
		margin:-40px 15px 0;
		vertical-align:top;
		max-height:inherit
	}

	.group-central[data-name=about-value] .list-item:first-child{
		width:250px;
		height:270px;
		max-height:inherit
	}

	.group-central[data-name=about-value] .list-item:nth-child(1){
		left:auto;
		top:auto
	}

	.group-central[data-name=about-value] .list-item:nth-child(2){
		right:auto;
		top:auto
	}

	.group-central[data-name=about-value] .list-item:nth-child(3){
		left:auto;
		bottom:auto
	}

	.group-central[data-name=about-value] .list-item:nth-child(4){
		right:auto;
		bottom:auto
	}

	.group-central[data-name=about-value] .list-item:nth-child(5){
		left:auto;
		top:auto;
		margin:-40px 15px 0
	}

	.group-central[data-name=about-leader] .content-right{
		width:100%;
		padding:30px 2%
	}

	.leader{
		width:calc(50% - 10px);
		padding:0 10px;
		margin:0 0 20px
	}

	.leader .quote,.leader:nth-child(1) .quote{
		font-size:18px;
		width:100%;
		max-width:inherit;
		margin:0;
		padding:10px;
		text-align:center
	}

	.leader .quote-by,.leader:nth-child(1) .quote-by{
		font-size:15px
	}

	.leader .text-quotes::before{
		font-size:100px;
		left:auto;
		top:auto;
		display:block;
		margin:20px 0 0;
		position:relative;
		height:auto
	}

	.portrait img{
		margin:auto;
		width:240px;
		height:240px;
		max-width:inherit;
		max-height:inherit
	}

	.leader:nth-child(1){
		width:50%;
		max-width:600px;
		margin:auto;
		white-space:normal
	}

	.leader:nth-child(1) .portrait img{
		display:block;
		margin:auto
	}

	.group-central[data-name=about-partner] .content-column h3::after,.group-central[data-name=about-partner] .sub-nav-content li a::after,.group-central[data-name=about-partner] .sub-nav-content li::before{
		display:none
	}

	.details-center.partners{
		max-width:inherit
	}

	.details-center.partners h3{
		font-size:calc(100vw/30)
	}

	.partner-logo{
		width:200px
	}

	.partner-quote{
		font-size:18px
	}

	#project-page .box-project:nth-child(even) .text-project{
		padding:20px 0 40px 20px
	}

	#project-page .box-project:nth-child(odd) .text-project{
		padding:20px 20px 40px 0
	}

	.all-project{
		padding:30px 5%
	}

	.box-top{
		position:relative;
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:30px 5% 0
	}

	.box-top h1,.box-top h2{
		font-size:calc(100vw/30);
		line-height:1.4
	}

	.box-intro{
		padding:10px 0 0 10%
	}

	.box-intro p,.location-text p{
		font-size:18px
	}

	#project-details-page .text-project{
		width:100%;
		margin:30px 0
	}

	.footer.large .content-right,.group-central[data-post=introduction] .content-right{
		width:100%;
		padding:30px 5%
	}

	.group-central[data-post=picture] .content-right,.group-central[data-post=video] .content-right{
		width:100%;
		padding:30px 20px
	}

	.library-thumb{
		padding:0
	}

	.pic-library{
		height:calc(1125/2000 * 40vw)
	}

	.title-pic h3{
		font-size:13px!important
	}

	.player,.view-album{
		top:0;
		left:0;
		width:60px;
		height:60px
	}

	.bottom-video,.group-central[data-post=benefit] .content-right{
		width:100%
	}

	.item-video,.video-center{
		height:calc(1125/2000 * 90vw)
	}

	.slide-library .slide-buttons{
		display:none
	}

	.video-center{
		margin:auto
	}

	.title-video>h3{
		padding:10px;
		font-size:16px
	}

	.iframe-sroll{
		height:584px
	}

	.group-stock .content-right:first-child{
		padding:40px 0 30px!important
	}

	.group-central[data-post=intro] .box-text{
		margin:-30px 0 40px
	}

	.group-central[data-post=intro] .box-text p,.load-text p{
		font-size:18px
	}

	.group-central[data-post=intro] .box-text blockquote::before{
		position:relative;
		display:inline-block;
		font-size:90px;
		line-height:0;
		top:60px;
		left:-20px
	}

	.group-central[data-post=intro] .content-column h3{
		font-size:24px
	}

	.group-central[data-post=benefit] .list-title{
		bottom:0;
		top:auto
	}

	.group-central[data-post=benefit] .list-title>h3{
		font-size:calc(100vw/40)
	}

	.group-central[data-post=benefit] .list-title>p{
		margin:15px 0;
		font-size:15px;
		line-height:1.4
	}

	.group-central[data-post=benefit] .list-item:first-child{
		height:calc(100vw/1.6);
		max-height:600px
	}

	.group-central[data-post=benefit] .list-item{
		height:calc(100vw/3.2);
		max-height:300px
	}

	.group-central[data-post=benefit] .pic-value::after{
		opacity:.8
	}

	.list-item:first-child.text-red{
		color:#fff
	}

	.group-central[data-post=member] .content-right{
		padding:30px 0
	}

	.group-central[data-post=member] .people-quote{
		width:90%;
		margin:0 auto
	}

	.group-central[data-post=member] .people-quote blockquote::before{
		left:-40px;
		line-height:40px;
		top:20px
	}

	.group-central[data-post=member] .testimonial-slide .slide-buttons{
		display:block;
		bottom:0
	}

	.content-column.bg-grey,.news-pic::before{
		display:none
	}

	.resource-slide{
		max-width:600px;
		padding-bottom:calc(100vw/5);
		margin:50px auto
	}

	.resource{
		transition:left .5s ease-in-out
	}

	.resource[data-resource="3"]{
		left:calc(100% - 100vw/6);
		z-index:1
	}

	.resource-pic{
		height:calc(100vw/5);
		width:calc(100vw/5)
	}

	.resource.center .resource-pic{
		box-shadow:0 0 50px 20px #fff
	}

	.group-central[data-post=member] .testimonial-slide .slide-next,.group-central[data-post=member] .testimonial-slide .slide-prev{
		width:40px;
		height:40px
	}

	.career-box{
		margin:30px 0
	}

	.career-list tbody td,.career-list thead th,.content-table table{
		font-size:15px
	}

	.career-title>h3{
		font-size:24px
	}

	.head-list th[scope=Number]{
		width:60px
	}

	.head-list th[scope=Expire]{
		width:100px
	}

	.career-list td:nth-child(1){
		font-size:15px;
		font-weight:300
	}

	.list-num{
		font-size:calc(100vw/20);
		font-weight:300
	}

	#news-page .text-title,#news-page .title-rotate>h1,.box-slogan h2{
		font-size:calc(100vw/30)
	}

	.box-slogan{
		padding:20px
	}

	#news-page .bg-inner{
		height:calc(800/2000 * 100vw)
	}

	.news-list{
		padding:0 0 30px
	}

	.news-item{
		width:calc(50% - 10px);
		margin:0 10px 10px 0
	}

	.news-txt{
		padding:10px 15px
	}

	.news-txt>h3{
		font-size:15px
	}

	.news-list.first .news-txt{
		padding:10px 0 0
	}

	.news-list.first .news-item:nth-child(1) .news-txt{
		padding:10px 100px
	}

	.news-list.first .news-item:nth-child(1){
		width:100%;
		margin:0 0 20px
	}

	.news-list.first .news-item:nth-child(2){
		width:calc(50% - 10px);
		margin:0 20px 20px 0
	}

	.news-list.first .news-item:nth-child(3){
		width:calc(50% - 10px);
		margin:0 0 20px
	}

	.news-list.first .news-item:nth-child(1) .news-pic{
		height:calc(1125/2000 * 60vw)
	}

	.news-list.first .news-item:nth-child(2) .news-pic,.news-list.first .news-item:nth-child(3) .news-pic{
		height:160px
	}

	.news-list.first .news-item:nth-child(1) .news-txt>h3{
		font-size:calc(100vw/34)
	}

	.news-list.first .news-item:nth-child(2) .news-txt>h3,.news-list.first .news-item:nth-child(3) .news-txt>h3{
		font-size:18px
	}

	.news-list.first .date{
		font-size:30px;
		padding:10px
	}

	.news-list.first .news-item:nth-child(1) .date{
		font-size:calc(100vw/30);
		padding:10px;
		top:calc(1125/2000 * 60vw + 20px)
	}

	.news-list.first .news-item:nth-child(1) .go-inner{
		top:calc(1125/2000 * 60vw + 20px)
	}

	.list-pagination{
		width:100%;
		padding:30px 0;
		float:left
	}

	.list-pagination.pagi-picture .slide-pagi,.list-pagination.pagi-video .slide-pagi,.slide-pagi{
		margin:0
	}

	.slide-pagi .slide-next,.slide-pagi .slide-next:hover,.slide-pagi .slide-prev,.slide-pagi .slide-prev:hover{
		opacity:1
	}

	#news-details-page .bg-inner{
		height:calc(800/2000 * 100vw)
	}

	.group-central[data-post=news-load]{
		border-bottom:1px solid #ddd
	}

	.load-details .date{
		font-size:30px
	}

	.load-content{
		background-color:#fff
	}

	.load-title>h3{
		font-size:calc(100vw/30);
		font-weight:300
	}

	.load-title{
		padding:0 0 20px 100px
	}

	.load-data{
		width:100%
	}

	.load-text{
		padding:0
	}

	.load-text p{
		font-size:16px
	}

	.link-text{
		padding:10px 15px
	}

	.link-text>h3{
		font-size:15px;
		font-weight:400
	}

	.box-progress{
		padding:0 5px
	}

	.pic-progress{
		display:block;
		margin:0;
		overflow:hidden;
		height:calc(1125/2000 * 50vw)
	}

	.box-progress h3{
		font-size:14px!important;
		font-weight:500;
		padding:10px
	}

	.group-central[data-post=guideline] .text-title{
		font-size:18px
	}

	.list-box{
		width:calc(50% - 5px);
		padding:10px 10px 10px 0
	}

	.list-box a .list-num{
		font-size:30px
	}

	#contact-page .title-group li,.group-central[data-post=form] .text-title,textarea{
		font-size:18px
	}

	#contact-page .content-column h2{
		margin:0 0 30px
	}

	.group-central[data-post=contact-info] .content-right{
		width:100%
	}

	.footer.contact .content-right{
		padding:30px 5% 0
	}

	.footer.contact .content-right .title-rotate{
		width:auto;
		display:inline-block;
		vertical-align:top
	}

	.footer.contact .title-group{
		width:180px
	}

	.footer.contact .bottom-text{
		margin:20px 0
	}

	.input-area,.input-text{
		margin:0 0 10px;
		width:100%
	}

	.input-text{
		padding:0
	}

	.file-mark,.file-name,.file-up,input[type=file]{
		display:none
	}

	input[type=password],input[type=text]{
		font-size:18px;
		padding:20px
	}

	.input-area{
		padding:0
	}

	textarea{
		padding:10px 20px
	}

	.input-but{
		padding:0
	}

	button{
		font-size:16px
	}

	.contact-form .input-but{
		margin:10px 0 30px
	}

	.map-box{
		height:80vh;
		transition:none;
		max-height:500px
	}

	.select-list{
		margin:0 0 10px;
		width:100%
	}

	.select-header h3{
		font-size:18px!important
	}

	.select-list.float{
		float:left;
		margin:0 0 30px;
		display:block;
		width:220px
	}

	.text-slogan{
		float:none;
		width:100%;
		padding:30px 5%
	}

	.popup-home.details-content{
		top:0
	}

	.popup-home.details-content .close-popup::after{
		width:50px;
		height:50px;
		margin:-25px 0 0 -25px;
		border:1px solid rgba(255,255,255,.5);
		box-shadow:0 0 60px rgba(0,0,0,.2);
		border-radius:0
	}

	.popup-home.details-content .close-popup{
		top:0;
		right:0
	}

	.item-search h3{
		font-size:15px
	}

	#investor-relation-page .pic-length{
		pointer-events:none;
		top:0;
		right:20px;
		width:calc(100vw/6);
		height:calc(100vw/6);
		max-width:100px
	}

	.group-central[data-post=communication] .title-rotate>h2{
		padding:80px 20px 20px!important
	}

	#investor-relation-page .content-right{
		width:90%;
		padding:0 0 30px
	}

	#investor-relation-page .content-right:first-child{
		padding:30px 0
	}

	#investor-relation-page .title-rotate>h2{
		padding:20px 0;
		font-size:calc(100vw/30)
	}

	.group-central[data-post=shareholders] .content-right:first-child{
		padding:30px 0 20px!important
	}

	.group-central[data-post=annual] .list-box{
		padding:10px 0
	}

	.title-page{
		display:block;
		position:absolute;
		width:100%;
		height:auto;
		left:0;
		bottom:0;
		z-index:5
	}

	.title-page h1{
		font-size:calc(100vw/30);
		padding:20px;
		font-weight:500;
		color:#fff;
		display:block
	}

	.container-in{
		max-width:inherit;
		width:100%
	}

	.contact-in h3{
		font-size:24px
	}

	.contact-in li{
		font-size:18px
	}

	.container-in .text-title{
		font-size:calc(100vw/30)
	}

	.contact-in{
		width:90%;
		padding:30px;
		margin:0 auto;
		max-width:600px
	}

	.newsletter{
		transition:all .3s ease-in-out
	}

	.code-title{
		font-size:16px
	}

	.stock span{
		font-size:14px
	}

	.group-central[data-post=adminis] .box-text{
		margin:30px 0
	}

	.group-central[data-post=adminis] .box-text p{
		font-size:18px
	}

	.group-central[data-post=adminis] .box-text blockquote::before{
		position:relative;
		display:inline-block;
		font-size:90px;
		line-height:0;
		top:60px;
		left:-20px
	}

	.chart .zoom{
		display:block
	}
}

@media only screen and (max-width:1100px) and (orientation:landscape){
	#home-page .bg-home{
		min-height:inherit
	}

	.bg-inner{
		height:calc(800/2000 * 100vw)
	}
}

@media only screen and (max-width:1100px) and (orientation:portrait){
	#home-page .bg-home{
		min-height:50vh
	}

	.bg-inner{
		height:calc(1125/2000 * 100vw)
	}
}

@media screen and (max-width:900px){
	.two-column{
		-webkit-column-count:1;
		-webkit-column-gap:0;
		column-count:1;
		column-gap:0;
		-webkit-column-rule:none;
		-moz-column-rule:none;
		column-rule:none
	}

	.footer .content-right{
		padding:0 5% 30px
	}

	.footer .content-right>h3,.group-central[data-name=section7] .content-right>h3{
		font-size:calc(100vw/22);
		color:#fff;
		padding:15px;
		background-color:#666;
		cursor:pointer;
		z-index:10
	}

	.footer .content-right>h3::before,.group-central[data-name=section7] .content-right>h3::before{
		content:'';
		background:url(../images/zoom-in.svg) 50%/80% no-repeat;
		width:40px;
		height:100%;
		position:absolute;
		right:10px;
		top:0
	}

	.footer .content-right>h3.active{
		background-color:#0b62f0
	}

	.footer .content-right>h3.active::before{
		background:url(../images/zoom-out.svg) 50%/80% no-repeat
	}

	.group-central[data-name=section7] .content-right>h3.active{
		background-color:#0b62f0
	}

	.group-central[data-name=section7] .content-right>h3.active::before{
		background:url(../images/zoom-out.svg) 50%/80% no-repeat
	}

	.title-group li,.title-group li:first-child,.title-group li:last-child{
		width:100%;
		padding:0
	}

	.title-group li>h2{
		max-width:inherit
	}

	.fix-height{
		height:0;
		transition:height .3s ease-in-out
	}

	.copyright{
		font-size:11px
	}

	.pic-news-home,.text-news-home{
		max-height:128px
	}

	.box-project-home .pic-project{
		width:100%;
		height:calc(1125/2000 * 90vw)
	}

	.box-project-home .text-project{
		width:100%
	}

	.box-project-home .text-project h3{
		font-size:calc(100vw/22);
		margin:20px 0
	}

	.box-project-home:nth-child(1) .text-project,.box-project-home:nth-child(2) .text-project{
		float:left;
		padding:0
	}

	.box-project-home:nth-child(1) .pic-project{
		position:absolute;
		top:0;
		left:0
	}

	.box-project-home:nth-child(1) .text-project{
		margin-top:calc(1125/2000 * 90vw);
		margin-bottom:40px
	}

	.pic-project{
		width:100%;
		height:calc(100vw/2)
	}

	.text-project{
		width:100%
	}

	.box-project:nth-child(even) .text-project,.box-project:nth-child(odd) .text-project{
		padding:20px 0
	}

	.project-time span{
		margin:0
	}

	.point,.year{
		padding:0 20px 0 0
	}

	#project-page .box-project:nth-child(even) .text-project,#project-page .box-project:nth-child(odd) .text-project{
		padding:20px 0
	}

	.box-top h1,.box-top h2{
		width:100%;
		display:block;
		white-space:normal
	}

	.box-intro{
		width:100%;
		display:block;
		margin:0;
		padding:20px 0 0
	}

	.box-text{
		font-size:18px
	}

	.group-central[data-name=about-leader] .content-right{
		padding:20px
	}

	.portrait img{
		width:220px;
		height:220px
	}

	.leader .quote,.leader:nth-child(1) .quote{
		font-size:16px
	}

	.leader .quote-by,.leader:nth-child(1) .quote-by{
		font-size:14px
	}

	.group-central[data-name=about-partner] .content-column h3{
		font-size:calc(100vw/40)
	}

	.news-list.first .news-item:nth-child(1) .date{
		font-size:calc(100vw/20)
	}

	.news-list.first .news-item:nth-child(1) .news-txt{
		padding:10px 100px 10px 80px
	}

	.group-central[data-post=benefit] .list-title>h3{
		font-size:calc(100vw/30)
	}

	.group-central[data-post=benefit] .list-item:first-child .list-title>h3{
		font-size:calc(100vw/20)
	}

	.group-central[data-post=benefit] .list-item:first-child{
		height:calc(100vw/2);
		width:100%;
		max-height:350px;
		min-height:250px
	}

	.group-central[data-post=benefit] .list-item{
		height:calc(100vw/2);
		width:50%
	}

	.group-central[data-post=benefit] .list-item:first-child .pic-value{
		background-position:center center
	}

	.group-central[data-post=member] .people-quote{
		padding:20px 0
	}

	.group-central[data-post=member] .people-quote blockquote::before{
		left:-20px;
		top:20px
	}

	.group-central[data-post=member] .testimonial-slide::after{
		top:calc(100vw/2.4)
	}

	.resource-slide{
		width:80%;
		max-width:500px;
		padding-bottom:180px
	}

	.resource[data-resource="3"]{
		left:calc(100% - 160px)
	}

	.resource-pic{
		height:200px;
		width:200px
	}

	.group-central[data-name=about-value] .box-text{
		font-size:24px
	}

	.group-central[data-name=about-value] .list-item{
		margin:0 5px 10px
	}

	.group-central[data-name=about-value] .list-item:nth-child(5){
		margin:-65px 5px 0
	}
}

@media screen and (max-width:855px){
	.iframe-sroll{
		height:calc(580px + 63vw)
	}
}

@media screen and (max-width:780px){
	.people-pic{
		height:calc(100vw/2.5);
		min-height:inherit
	}

	.group-central[data-name=about-intro] .content-column h2{
		font-size:calc(100vw/20)
	}

	.sub-nav-content li img{
		max-width:150px
	}

	.portrait img{
		width:200px;
		height:200px
	}

	.leader .quote,.leader:nth-child(1) .quote{
		font-size:15px
	}

	.leader .quote-by,.leader:nth-child(1) .quote-by{
		font-size:13px
	}

	.list-item{
		height:calc(100vw/2);
		width:50%
	}

	.list-item:first-child{
		height:calc(100vw/2);
		width:100%;
		max-height:300px
	}

	.list-title>h3{
		font-size:calc(100vw/30)
	}

	.group-central[data-post=benefit] .list-item{
		width:100%;
		max-height:350px
	}

	.group-central[data-post=benefit] .list-title>h3{
		font-size:calc(100vw/20)
	}

	.group-central[data-post=member] .testimonial-slide .slide-buttons{
		width:100%
	}

	.resource-slide{
		width:100%;
		margin:0 auto
	}

	.resource[data-resource="3"]{
		left:calc(100% - 150px)
	}

	#investor-relation-page .title-rotate{
		text-align:center
	}

	#investor-relation-page .title-rotate>h2{
		padding:0 5%
	}

	#investor-relation-page .content-column .content-right{
		width:90%;
		text-align:center
	}

	#investor-relation-page .content-column .content-right:first-child{
		padding:50px 0
	}

	#investor-relation-page .text-title{
		padding:0 20px
	}

	.stock:nth-child(1),.stock:nth-child(2){
		width:100%;
		padding:0;
		margin:0 0 40px
	}

	.go-stock{
		float:none
	}

	.contact-in{
		margin:0 auto 50px
	}

	.container-in{
		max-width:600px;
		margin:auto
	}

	.group-central[data-post=annual] .list-box,.list-box{
		width:100%;
		max-width:500px
	}

	.select-list.select-1{
		margin:20px 0
	}

	.newsletter{
		top:auto;
		bottom:30px
	}

	.list-box{
		padding:0
	}
}

@media screen and (max-width:620px){
	.outer-nav.second.fixed,.search-form{
		top:60px
	}

	.navigation.show{
		height:calc(100vh - 60px)
	}

	.go-page{
		width:30px;
		height:30px
	}

	.open-button{
		right:15px
	}

	.details-content{
		height:calc(100% - 60px);
		top:60px
	}

	.details-center{
		width:94%;
		margin:3vw 0
	}

	.header.hide .right-header{
		top:10px
	}

	.header.hide .nav-click,.header.hide .nav-click.active{
		top:5px
	}

	.captcha{
		width:110px;
		height:60px;
		overflow:hidden;
		margin:0;
		border-radius:10px
	}

	.g-recaptcha>div{
		margin:-6px 0 0 -2px;
		overflow:hidden
	}

	.captcha::after{
		content:'';
		position:absolute;
		right:0;
		top:0;
		display:inline-block;
		width:60px;
		height:60px;
		background:url(https://www.gstatic.com/recaptcha/api2/logo_48.png) center center no-repeat #f9f9f9;
		z-index:2
	}

	.captcha+.outer-but{
		float:none;
		display:inline-block;
		vertical-align:top
	}

	.captcha+.outer-but button{
		height:60px;
		line-height:60px;
		padding:0 20px;
		font-size:18px
	}

	button.but{
		margin:10px 0
	}

	.link-page,.news-item{
		margin:0 0 10px
	}

	.box-news-home,.box-news-home:nth-child(1){
		padding:0;
		width:100%;
		margin:0 0 10px
	}

	.box-news-home:nth-child(1) .text-news-home{
		width:50%
	}

	.box-news-home:nth-child(1) .pic-news-home{
		max-height:150px;
		min-height:120px;
		height:calc(100vh/6);
		width:50%
	}

	.library-thumb,.link-page,.news-item{
		width:100%
	}

	.pic-news-home,.text-news-home{
		    max-height: 130px;
    min-height: 130px;
	}

	.news-list.first .news-item:nth-child(2) .news-txt>h3,.news-list.first .news-item:nth-child(3) .news-txt>h3{
		font-size:16px
	}

	.news-list.first .news-item:nth-child(1) .date{
		font-size:30px
	}

	.news-list.first .date{
		font-size:24px
	}

	.pic-library{
		height:calc(1125/2000 * 90vw)
	}

	.title-pic h3{
		font-size:14px!important
	}

	.leader,.leader:nth-child(1){
		width:100%;
		padding:0;
		margin:0 0 20px;
		max-width:inherit
	}

	.portrait img{
		width:220px;
		height:220px
	}

	.leader .quote,.leader:nth-child(1) .quote{
		font-size:16px
	}

	.leader .quote-by,.leader:nth-child(1) .quote-by{
		font-size:14px
	}

	.people-pic{
		    width: 100%;
    height: calc(100vw/1.5);
    max-width: 100%;
    display: block;
    margin: auto;
	}

	.people-quote{
		width:100%;
		font-size:16px;
		padding:30px 10px 0;
		display:block;
		margin:0
	}

	.people-quote blockquote::before{
		font-size:calc(100vw/4);
		left:15px;
		top:-40px
	}
}

@media screen and (max-width:580px){
	.date{
		font-size:24px
	}

	.details-center h2{
		font-size:calc(100vw/16)
	}

	.details-center h3{
		font-size:calc(100vw/20)
	}

	.details-text>h3{
		font-size:16px
	}

	.details-outer{
		padding:20px 5%
	}

	.title-rotate li a{
		font-size:calc(100vw/16)
	}

	#news-page .title-rotate>h1,.title-rotate.strong>h1,.title-rotate>h1,.title-rotate>h2{
		font-size:calc(100vw/20)
	}

	#contact-page .content-column h2,.content-right .title-rotate.strong>h1{
		font-size:calc(100vw/16)
	}

	.bg-home .text-banner{
		top:20px
	}

	.bg-inner .text-banner{
		bottom:20px
	}

	.description h2{
		font-size:calc(100vw/14)
	}

	.sub-nav-content li{
		padding:0 0 20px;
		width:100%;
		text-align:left
	}

	.sub-nav-content li::before{
		width:100%;
		margin:0 0 20px
	}

	.sub-nav-content li a{
		font-size:18px
	}

	.content-column h2,.content-column h3,.group-central[data-name=about-intro] .content-column h2{
		font-size:calc(100vw/20)
	}

	.mention{
		font-size:calc(100vw/16)
	}

	.text-quotes::after,.text-quotes::before{
		font-size:calc(100vw/10);
		line-height:30px;
		height:30px
	}

	.text-quotes::after{
		margin:10px -8px 0 4px
	}

	.pic-length{
		width:100%
	}

	.quote{
		font-size:calc(100vw/20)
	}

	.quote-by{
		font-size:15px
	}

	.box-project-home .text-project h3,.text-project h3{
		font-size:calc(100vw/18)
	}

	.block-title{
		display:none
	}

	.block-des span::before{
		content:attr(data-label);
		font-size:15px;
		font-weight:700;
		position:relative;
		display:inline;
		margin:0 20px 0 0
	}

	.block-des span{
		display:block
	}

	.point,.status,.year{
		width:100%;
		padding:0
	}

	.point,.year{
		margin:0 0 10px!important
	}

	.box-top h1,.box-top h2{
		font-size:calc(100vw/20)
	}

	.box-intro p,.location-text p{
		font-size:16px
	}

	.details-center.testi h2{
		font-size:calc(100vw/20)
	}

	.group-central[data-name=about-intro] .box-text{
		font-size:15px;
		width:100%;
		display:block;
		margin:0 0 20px
	}

	.group-central[data-name=about-intro] .content-column h3{
		font-size:18px;
		padding:0;
		display:block;
		width:100%;
		margin:0;
		font-weight:400
	}

	.box-text blockquote::before{
		line-height:30px;
		font-size:60px;
		top:10px
	}

	.history-slide{
		width:90%;
		margin:0 5%
	}

	.pic-milestone{
		height:calc(100vw/2)
	}

	.text-milestone>h3{
		font-size:50px
	}

	.list-title>p,.text-milestone p{
		font-size:14px
	}

	.text-milestone>h3::before{
		top:60px
	}

	.list-item{
		width:100%
	}

	.list-title{
		padding:0 10px
	}

	.group-central[data-name=about-value] .box-text{
		font-size:20px
	}

	.group-central[data-name=about-value] .list-item,.group-central[data-name=about-value] .list-item:nth-child(5){
		margin:0 0 10px
	}

	.text-stock a,.text-stock p{
		font-size:13px
	}

	.iframe-sroll{
		height:calc(580px + 70vw)
	}

	.group-central[data-name=about-partner] .content-column h3{
		font-size:calc(100vw/25)
	}

	.group-central[data-name=about-partner] .sub-nav-content li{
		width:calc(50% - 5px)
	}

	.details-center.partners h3{
		font-size:calc(100vw/20)
	}

	.partner-quote{
		font-size:16px
	}

	.news-list.first .news-item:nth-child(1) .date{
		top:0
	}

	.news-list.first .news-item:nth-child(1) .go-inner{
		top:auto;
		right:auto;
		position:relative;
		margin:10px 0 0
	}

	.news-list.first .news-item:nth-child(1) .news-txt>h3{
		font-size:18px
	}

	.news-txt>h3{
		font-size:15px
	}

	.news-list.first .news-item:nth-child(1) .news-txt{
		padding:10px 0 0
	}

	.news-list.first .news-item:nth-child(2),.news-list.first .news-item:nth-child(3){
		width:100%;
		margin:0 0 10px
	}

	.load-title{
		padding:0 0 20px 80px
	}

	.load-title>h3{
		font-size:calc(100vw/20)
	}

	.link-text>h3{
		font-size:15px
	}

	.load-details .date{
		font-size:24px;
		padding:10px
	}

	.box-progress{
		width:100%
	}

	.pic-progress{
		height:calc(1125/2000 * 90vw)
	}

	.bg-cover,.box-cover{
		min-height:300px
	}

	.group-central[data-post=intro] .box-text blockquote::before{
		left:-10px
	}

	.box-slogan{
		bottom:auto;
		top:0;
		padding:10px 20px
	}

	.box-slogan h2{
		font-size:20px
	}

	.list-num{
		font-size:24px
	}

	.group-central[data-post=member] .people-quote blockquote::before{
		left:auto;
		top:20px;
		position:relative;
		display:block;
		font-size:90px
	}

	.resource-slide{
		width:80%;
		max-width:500px;
		padding-bottom:180px
	}

	#contact-page .title-group li,#contact-page .title-group li:first-child,.percent-30{
		width:100%
	}

	.resource[data-resource="3"]{
		left:calc(100% - 120px)
	}

	.group-central[data-post=member] .people-quote{
		padding:10px 0
	}

	.contact-form{
		padding:10px
	}

	.percent-70{
		width:100%;
		display:block;
		padding:0
	}

	.head-list th[scope=Number]{
		width:50px
	}

	.group-central[data-post=adminis] .box-text blockquote::before{
		left:-10px
	}

	.down,.up{
		display:block;
		margin:10px auto
	}

	.item-search h3{
		font-size:15px
	}

	#investor-relation-page .title-rotate>h2{
		font-size:calc(100vw/20)
	}
}

@media screen and (max-width:440px){
	.open-button{
		top:10px
	}

	#customer-service-page .sub-project,.sub-project{
		padding:10px 5% 50px
	}

	.sub-project li a{
		font-size:18px
	}

	.title-list{
		font-size:14px
	}

	.content-left,.content-right,.group-central[data-name=about-leader] .content-right,.group-central[data-post=picture] .content-right,.group-central[data-post=video] .content-right{
		padding:20px
	}

	.footer.contact .content-right{
		padding:20px 20px 0
	}

	.box-news-home:nth-child(1) .pic-news-home,.pic-news-home{
		    width: 45%;
    min-height: 130px;
	}

	.box-news-home:nth-child(1) .text-news-home,.text-news-home{
		width:55%
	}

	.people-quote blockquote::before{
		font-size:calc(100vw/3);
		top:-30px
	}

	.text-slogan{
		padding:30px 5% 0
	}

	.career-title>h3,.group-central[data-post=intro] .box-text p,.load-text p{
		font-size:16px
	}

	.group-central[data-post=intro] .content-column h3{
		font-size:18px
	}

	.group-central[data-post=adminis] .box-text{
		margin:10px 0
	}

	.group-central[data-post=adminis] .box-text p{
		font-size:16px
	}

	.group-central[data-post=adminis] .content-column h3{
		font-size:18px
	}
}

@media screen and (max-width:360px){
	button{
		font-size:14px;
		padding:10px
	}

	.r-text p{
		font-size:13px
	}
}

.scroll-slide::-webkit-scrollbar{
	width:0!important;
	height:0!important;
	display:none!important
}

.sub-nav::-webkit-scrollbar{
	width:0!important;
	height:0!important;
	display:none!important
}

:-webkit-full-screen,:-webkit-full-screen-ancestor:not(iframe){
	background-color:#fff!important;
	position:fixed!important;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:2147483647!important
}

:-webkit-full-screen .header,:-webkit-full-screen-ancestor:not(iframe) .header{
	opacity:0;
	z-index:-9999
}

:-webkit-full-screen-ancestor:not(iframe) .wheel,:-webkit-full-screen.wheel{
	opacity:0;
	z-index:-9999
}

:-webkit-full-screen .slide-mask,:-webkit-full-screen-ancestor:not(iframe) .slide-mask{
	opacity:0;
	z-index:-9999
}

:-webkit-full-screen .outer-nav,:-webkit-full-screen-ancestor:not(iframe) .outer-nav{
	opacity:0;
	z-index:-9999
}

:-webkit-full-screen .footer,:-webkit-full-screen-ancestor:not(iframe) .footer{
	opacity:0;
	z-index:-9999
}

:-webkit-full-screen .sub-project,:-webkit-full-screen-ancestor:not(iframe) .sub-project{
	opacity:0;
	z-index:-9999
}

.is-Chrome.fullvideo .header{
	opacity:0
}

.is-Chrome.fullvideo .wheel{
	display:none
}