@charset "utf-8";
/* Start 
Reset Stylesheet
Author: xiez
Last Updated: 2017-10-11 */


/* Catalog */

/* if u want to find somecode plase search "Serial-Number+down here", such as "#001 down here", u will see

#001  ----------  <website default css>
#002  ----------  <website default function css>
#003  ----------  <website default layout css>
#004  ----------  <website common-header css>
  #004-1  ------  <website common-header hover css>
#005  ----------  <website common-footer css>
  #005-1  ------  <website common-footer media css>
  #005-2  ------  <website common-footer hover css>
#006  ----------  <website homepage css>
  #006-1  ----------  <website homepage hover css>

*/


/* #001 down here for website default css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
	box-sizing: border-box
}
:after, :before {
	box-sizing: border-box
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #333333;
	background: #ccc;
}
address, caption, code, figcaption, pre, th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
fieldset, iframe, img {
	border: 0
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}
caption, th {
	text-align: left
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
sup {
	vertical-align: text-top
}
sub {
	vertical-align: text-bottom
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
input, select {
	vertical-align: middle
}
button {
	background: 0 0;
	border: 0;
	box-sizing: content-box;
	color: inherit;
	cursor: pointer;
	font: inherit;
	line-height: inherit;
	overflow: visible;
	vertical-align: inherit
}
button:disabled {
	cursor: default
}
audio:not([controls]) {
	display: none
}
:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
	outline: 0
}
::-moz-focus-inner {
 border:0;
 padding:0
}
a, a:link, a:visited {
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
a:active {
	text-decoration: none
}
ul {
	list-style: none
}
img {
	display: block;
	height: auto;
	max-width: 100%
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #ccc;
opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #ccc;
opacity:1;
}
 input:-ms-input-placeholder {
 color: #ccc;
opacity:1;
}
 input::-webkit-input-placeholder {
 color: #ccc;
opacity:1;
}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */



/* #002 down here for website default function css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */

/* if u want to change function for JQcode , plase open function.js file , search function's name , that name is css's name */
/* css for function dgib */
/* function dgib default width:height is 1:1 , if u want to change that height , addclass name's "dgib-h10" <div class="dgib dgib-h10"> that this dom height = width * 0.1 */
.dgib {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.dgib:after {
	display: block;
	content: "";
	padding-top: 100%;
}
.dgib-h10:after {
	padding-top: 10%;
}
.dgib-h20:after {
	padding-top: 20%;
}
.dgib-h30:after {
	padding-top: 30%;
}
.dgib-h40:after {
	padding-top: 40%;
}
.dgib-h50:after {
	padding-top: 50%;
}
.dgib-h60:after {
	padding-top: 60%;
}
.dgib-h70:after {
	padding-top: 70%;
}
.dgib-h80:after {
	padding-top: 80%;
}
.dgib-h90:after {
	padding-top: 90%;
}
.dgib > img {
	display: none;
}
/* css for function dpxc */
.dpxc {
	position: absolute;
	left: 50%;
}
/* css for function dpyc */
.dpyc {
	position: absolute;
	top: 50%;
}
/* css for function dpxyc */
.dpxyc {
	position: absolute;
	top: 50%;
	left: 50%;
}
/* css for function dommove */
.scroll_ani {  /* down up */
	opacity: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	transition: all 1s;
	-webkit-transition: all 1s;
}
.scroll_ani1 {  /* fadeIn */
	opacity: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.scroll_ani2 {  /* left right */
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	transition: all 1s;
	-webkit-transition: all 1s;
}

.scroll_ani4 {  /* up down */
	opacity: 0;
	-webkit-transform: translateY(-100px);
	transform: translateY(-100px);
	transition: all 1s;
	-webkit-transition: all 1s;
}


.itemsshow {
	opacity: 1!important;
	-webkit-transform: translateY(0)!important;
	transform: translateY(0)!important;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.itemsshow1 {
	opacity: 1!important;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.itemsshow2 {
	-webkit-transform: translateX(0)!important;
	transform: translateX(0)!important;
	transition: all 1s;
	-webkit-transition: all 1s;
}

/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */


/* #003 down here for website default layout css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.clear:after { content: ""; display: block; clear: both;}
.layout { max-width:2000px; min-width: 1160px; margin: 0 auto; background: #fff;}
::-webkit-scrollbar {
 width: 6px;
 background-color: #f3f3f3;
 border-left:1px solid #dddddd;
}
::-webkit-scrollbar:hover {
 background-color: transparent;
}
::-webkit-scrollbar-thumb {
 cursor:pointer;
 background-color: #cccccc;
}
::-webkit-scrollbar-thumb:hover {
 background-color:#111111;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
 display: none;
}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */

/* #004 down here for website common-header css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.common-header .layout .header .top { width: 100%; background: #fff;}
.common-header .layout .header .top ul { width: 1100px; height: 75px; margin: 0 auto; position: relative;}
.common-header .layout .header .top ul li a { display: block; line-height: 0; transition: .3s;}
.common-header .layout .header .top ul li:nth-child(1) { left: 0px;}
.common-header .layout .header .top ul li:nth-child(2) { right: 200px;}
.common-header .layout .header .top ul li:nth-child(3) { right: 0px;}
.common-header .layout .nav { padding: 50px 0; background:#00b2ce;}
.common-header .layout .nav > div { width: 1100px; margin: 0 auto;}
.common-header .layout .nav > div > ul { margin: 0 -25px 0 auto;}
.common-header .layout .nav > div > ul li { float: left; padding-right: 25px; width: 25%;}
.common-header .layout .nav > div > ul li a { display: block; background: #fff; border-radius: 4px; height: 75px; position: relative; color: #000; transition: .3s;}
.common-header .layout .nav > div > ul li a div { padding-left: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.common-header .layout .nav > div > ul li a div:after { content: ""; display: block; position: absolute; width:40px; height: 100%; left: 0; top: 0;}
.common-header .layout .nav > div > ul li:nth-child(1) a div:after { background: url(img/nav-pic-1.png) left center no-repeat;}
.common-header .layout .nav > div > ul li:nth-child(2) a div:after { background: url(img/nav-pic-2.png) left center no-repeat;}
.common-header .layout .nav > div > ul li:nth-child(3) a div:after { background: url(img/nav-pic-3.png) left center no-repeat;}
.common-header .layout .nav > div > ul li:nth-child(4) a div:after { background: url(img/nav-pic-4.png) left center no-repeat;}
.common-header .layout .nav > div > ul li a div span {font-size: 16px; font-weight: bold; display: block; text-align: center;}
.common-header .layout .nav > div > ul li a div i { font-family: "Arial"; font-size: 12px; color: rgba(0, 0, 0, 0.2); text-transform: uppercase; display: inline-block; text-align: center;}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */

/* #004-1 down here for website common-header hover css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.common-header .layout .header .top ul li a:hover { opacity: .7;}
.common-header .layout .nav > div > ul li a:hover { transform: translateY(-5px); box-shadow: 0px 0px 10px 2px #8e8e8e;}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */

/* #005 down here for website common-footer css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.common-footer .layout .footer{
  background: #f2f2f2;
  border-top: 1px solid #dedede;
  padding: 30px 0 0;
  overflow: hidden;
}
.common-footer .layout .footer .inner { width: 1100px; margin: 0 auto;}
.common-footer .layout .footer .flogo {
  border-right: 1px solid #dedede;
  display: inline-block;
  margin-right: 30px;
  width: 240px;
  vertical-align: top;
  height: 130px;
}

.common-footer .layout .footer .fnavi {
  border-right: 1px solid #dedede;
  display: inline-block;
  margin-right: 30px;
  width: 460px;
  vertical-align: top;
  height: 130px;
}

.common-footer .layout .footer .fnavi li {
  float: left;
  margin-right: 20px;
  width: 45%;
  line-height: 2;
}

.common-footer .layout .footer .fnavi a {
  color: #3c3c3c;
  font-size: 12px;
  text-decoration: none;
}

.common-footer .layout .footer .fnavi a:before {
  content: url(img/icon_fnavi.png);
  padding-right: 5px;
  vertical-align: middle;
}

.common-footer .layout .footer .fnavi a:hover {
  color: #32b2cb;
}
  
.common-footer .layout .footer .office {
  display: inline-block;
  color: #999;
  font-size: 12px;
  vertical-align: top;
}

.common-footer .layout .footer .copyright {
  background: #00b4cd;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 10px;
  margin-top: 30px;
  text-align: center;
}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */

/* #006 down here for website homepage css ↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙↙ */
.homepage .layout .banner { display: block; height: 600px; position: relative; overflow: hidden;}
.homepage .layout .banner:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url(img/mask.png); z-index: 10;}
.homepage .layout .banner .animation { z-index: 5;}
.homepage .layout .banner .animation li:after { display: none;}
@-webkit-keyframes banneranimation {
 0% {
 -webkit-transform:scale(1.5, 1.5);
transform:scale(1.5, 1.5);
}
 50% {
 -webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
 100% {
 -webkit-transform:scale(1.5, 1.5);
transform:scale(1.5, 1.5);
}
}
@-moz-keyframes banneranimation {
 0% {
 -webkit-transform:scale(1.5, 1.5);
transform:scale(1.5, 1.5);
}
 50% {
 -webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
 100% {
 -webkit-transform:scale(1.5, 1.5);
transform:scale(1.5, 1.5);
}
}
@-ms-keyframes banneranimation {
 0% {
 -webkit-transform:scale(1.5, 1.5);
transform:scale(1.5, 1.5);
}
 50% {
 -webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
 100% {
 -webkit-transform:scale(1.5, 1.5);
transform:scale(1.5, 1.5);
}
}
@-o-keyframes banneranimation {
 0% {
 -webkit-transform:scale(1.5, 1.5);
transform:scale(1.5, 1.5);
}
 50% {
 -webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
 100% {
 -webkit-transform:scale(1.5, 1.5);
transform:scale(1.5, 1.5);
}
}
@keyframes banneranimation {
 0% {
 -webkit-transform:scale(1.5, 1.5);
transform:scale(1.5, 1.5);
}
 50% {
 -webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
 100% {
 -webkit-transform:scale(1.5, 1.5);
transform:scale(1.5, 1.5);
}
}
.homepage .layout .banner .animation li {
	position:absolute; width:100%; height:100%;
	-webkit-animation: banneranimation 100s linear infinite 0s;
	-moz-animation: banneranimation 100s linear infinite 0s;
	-ms-animation: banneranimation 100s linear infinite 0s;
	-o-animation: banneranimation 100s linear infinite 0s;
	animation: banneranimation 100s linear infinite 0s;
}
.homepage .layout .banner .featured {z-index: 20; background-color: rgba(255, 255, 255, .7); padding: 60px;}
.homepage .layout .banner .featured img { margin: 0 auto;}
.homepage .layout .banner .featured h1 { font-size: 48px; font-weight: normal; line-height: 1.1; margin: 10px 0;}
.homepage .layout .banner .featured p { font-size: 28px; font-weight: normal; line-height: 1.1;}

.homepage .layout .banner .meeting { z-index: 20; position: absolute; background-color: #00b2ce; color: #fff; padding: 35px; bottom:30px; right: 80px;}
.homepage .layout .banner .meeting h2 { line-height: 1.1; font-size: 16px;}
.homepage .layout .banner .meeting ul { font-size: 14px; line-height: 1.6; }
.homepage .layout .banner .meeting ul li {  margin: 0.5em 0;}
.homepage .layout .banner .meeting p { font-size: 12px; line-height: 1.6; margin-bottom: 1em;}

.homepage .layout .banner .link { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 999; background: #f19e1c; padding: 30px; max-width: 320px;}
.homepage .layout .banner .link h3 { color: #fff; font-size: 18px;}
.homepage .layout .banner .link ul li { margin-top: 1em; font-size: 16px;}
.homepage .layout .banner .link ul li a { color: #fff;}

.homepage .layout .title { text-align: center;}
.homepage .layout .title h2 { line-height: 1.1; font-size: 30px;}
.homepage .layout .title h2 span { color: #00b2ce;}
.homepage .layout .title hr { display: inline-block; width: 37px; height: 5px; background: #00b2ce; border: 0; margin: 0; line-height: 0;}
.homepage .layout .title p { line-height: 1.1; font-size: 14px; color: #00b2ce; text-transform: uppercase; margin-top: 1em;}

.homepage .layout .part-1 { padding-top: 80px; background: url(img/about-project-pic-1.png) right 70px no-repeat;}
.homepage .layout .part-1 .title { margin-bottom: 40px;}
.homepage .layout .part-1 .part-1-main { width: 1100px; margin: 0 auto 80px; text-align: center;}
.homepage .layout .part-1 .part-1-main p { font-size: 14px; line-height: 1.8;}
.homepage .layout .part-1 .part-1-main p span:nth-child(1) { color: #00b2ce; font-weight: bold;}

.homepage .layout .part-1 .part-1-choice { background: #00b2ce;}
.homepage .layout .part-1 .part-1-choice div { width: 1100px; margin: 0 auto; overflow: hidden;}
.homepage .layout .part-1 .part-1-choice div h2 { width: 420px; height: 55px; line-height: 55px; background: #ffc107; text-align: center; color: #fff; font-size: 20px; border-radius:0 0 5px 5px;}
.homepage .layout .part-1 .part-1-choice div h2 span { font-size: 14px; margin-left: 10px; text-transform: uppercase;}
.homepage .layout .part-1 .part-1-choice div > ul { margin: 40px 0; position: relative; height: 195px;}
.homepage .layout .part-1 .part-1-choice div > ul > li { width: 50%; font-size: 14px; color: #fff; padding-left: 20px; padding-right: 30px; position: relative; margin-bottom: 1.1em;}

.homepage .layout .part-1 .part-1-choice div > ul > li:nth-child(5) { right: 0; top: 0; position: absolute; margin-bottom: 0;}
.homepage .layout .part-1 .part-1-choice div > ul > li:after {content: ""; display: block; width: 10px; height: 10px; background: #fff; position: absolute; border-radius: 50%; left: 0; top:5px;}
.homepage .layout .part-1 .part-1-choice div > ul > li > ul { background: #1ebfd8; font-size: 12px; padding: 20px; margin-top: 1em;}
.homepage .layout .part-1 .part-1-choice div > ul > li > ul > li { padding-left: 10px; position: relative;}
.homepage .layout .part-1 .part-1-choice div > ul > li > ul > li:first-child { margin-bottom: 1em;}
.homepage .layout .part-1 .part-1-choice div > ul > li > ul > li:after { content: ""; display: block; position: absolute; width: 3px; height: 3px; background: #fff; border-radius: 50%; left: 0; top: 7px;}

.homepage .layout .part-2 { padding-top: 80px; padding-bottom: 80px; background: url(img/technology-bg.jpg) center center/cover no-repeat;}
.homepage .layout .part-2 .title { margin-bottom: 40px;}
.homepage .layout .part-2 .part-2-main { width: 1100px;background-color: rgb(255, 255, 255); box-shadow: 1px 1.732px 7px 0px rgba(44, 44, 44, 0.59); margin: 0 auto;}
.homepage .layout .part-2 .part-2-main > div { padding: 45px 50px; overflow: hidden;}
.homepage .layout .part-2 .part-2-main > div > h2 { font-size: 24px; text-align: center; margin-bottom: 1em;}
.homepage .layout .part-2 .part-2-main > div > h3 { background: #00b2ce; text-indent: 20px; color: #fff; line-height: 2; font-size: 14px; font-weight: normal;}
.homepage .layout .part-2 .part-2-main > div > .part-2-content { padding: 20px;}
.homepage .layout .part-2 .part-2-main > div > .part-2-content ul li { padding-left: 10px; position: relative;}
.homepage .layout .part-2 .part-2-main > div > .part-2-content ul li:not(:last-child) { margin-bottom: 5px;}
.homepage .layout .part-2 .part-2-main > div > .part-2-content ul li:after {content: ""; display: block; position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #333; left: 0; top: 8px;}



.homepage .layout .part-2 .part-2-main > div > .haspic ul { overflow: hidden;}
.homepage .layout .part-2 .part-2-main > div > .haspic ul li { padding: 0; margin-bottom: auto!important; width: 50%; float: left;}
.homepage .layout .part-2 .part-2-main > div > .haspic ul li:nth-child(1) { text-align: left;}
.homepage .layout .part-2 .part-2-main > div > .haspic ul li:nth-child(2) { text-align: right;}
.homepage .layout .part-2 .part-2-main > div > .haspic ul li img { display: inline-block;}
.homepage .layout .part-2 .part-2-main > div > .haspic ul li:after { display: none;}

/*
.homepage .layout .part-2 .part-2-main > div > .hasyoutube { padding: 0; position: relative; line-height: 0; background: #000;}
.homepage .layout .part-2 .part-2-main > div > .hasyoutube video {height: 711px; display: block;}
.homepage .layout .part-2 .part-2-main > div > .hasyoutube .play { position: absolute; width: 100%; height: 100%; cursor: pointer; background: rgba(0,0,0,.4); top: 0; left: 0;}
.homepage .layout .part-2 .part-2-main > div > .hasyoutube .play p img { width: 100px; height: 100px; transition: .3s;}
.homepage .layout .part-2 .part-2-main > div > .hasyoutube .play p img:hover { transform: scale(.9);}

.homepage .layout .part-2 .part-2-main > div > .w50 { float: right; width: calc(50% - 25px);}
.homepage .layout .part-2 .part-2-main > div > .w50 h3 { background: #00b2ce; text-indent: 20px; color: #fff; line-height: 2; font-size: 14px; font-weight: normal; position: relative; z-index: 50;}
.homepage .layout .part-2 .part-2-main > div > .floatright { float: left; width: calc(50% - 25px); background: #ecf6f8; padding: 64px 40px;}
.homepage .layout .part-2 .part-2-main > div > .floatright h4 { font-size: 22px; text-align: center; color: #00b2ce; margin-bottom: 35px; line-height: 1.1;}
.homepage .layout .part-2 .part-2-main > div > .floatright img { width: 100%;}
*/

.homepage .layout .part-2 .part-2-main .part-2-content-double { display: flex; justify-content: space-between; margin-bottom: 50px;}
.homepage .layout .part-2 .part-2-main .part-2-content-double > * { width:calc(50% - 20px);}
.homepage .layout .part-2 .part-2-main .part-2-content-double > * > h3 {background: #00b2ce;text-indent: 20px;color: #fff;line-height: 2;font-size: 14px;font-weight: normal;}
.homepage .layout .part-2 .part-2-main .part-2-content-double > * > div  {position: relative;}
.homepage .layout .part-2 .part-2-main .part-2-content-double > * > div > video {display: block;}
.homepage .layout .part-2 .part-2-main .part-2-content-double > * > div > .play { position: absolute; width: 100%; height: 100%; cursor: pointer; background: rgba(0,0,0,.4); top: 0; left: 0;}
.homepage .layout .part-2 .part-2-main .part-2-content-double > * > div > .play p img { width: 100px; height: 100px; transition: .3s;}
.homepage .layout .part-2 .part-2-main .part-2-content-double > * > div > .play p img:hover { transform: scale(.9);}


.homepage .layout .part-2 .part-2-main .part-2-photo { background: #ecf6f8; padding: 30px; margin-bottom: 50px;}
.homepage .layout .part-2 .part-2-main .part-2-photo h2 { font-size: 20px; text-align: center; color: #00b2ce; margin-bottom: 1em;}
.homepage .layout .part-2 .part-2-main .part-2-photo p { line-height: 0;}
.homepage .layout .part-2 .part-2-main .part-2-photo p img { width: 100%;}

.homepage .layout .part-2 .part-2-main .gray > * > h3 {background: #898989!important;}

.homepage .layout .part-2 .part-2-main .part-2-gallery div { overflow: hidden;}
.homepage .layout .part-2 .part-2-main .part-2-gallery div ul { margin-left: -30px; margin-top: -30px;}
.homepage .layout .part-2 .part-2-main .part-2-gallery div ul li { float: left; width: 33.33333333333%; padding-left: 30px; padding-top: 30px;}
.homepage .layout .part-2 .part-2-main .part-2-gallery div ul li a div { margin-bottom: 5px; position: relative;}
.homepage .layout .part-2 .part-2-main .part-2-gallery div ul li a div:before { position: absolute; content: ""; display: block; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4) url(img/zoom.svg) center center/40px auto no-repeat; transform: scale(1.3); opacity: 0; transition: .3s;}
.homepage .layout .part-2 .part-2-main .part-2-gallery div ul li a:hover div:before { transform: scale(1); opacity: 1;}
.homepage .layout .part-2 .part-2-main .part-2-gallery div ul li a { display: block; text-align: center; color: #333; text-decoration: none;}



.homepage .layout .part-2 .part-2-main .part-2-main-menu { background: #00b2ce; padding-top: 0; overflow: hidden;}
.homepage .layout .part-2 .part-2-main .part-2-main-menu > * { float: left; width: 50%;}
.homepage .layout .part-2 .part-2-main .part-2-main-menu > * h2 { width: auto; height: 55px; padding: 0 20px; line-height: 55px; background: #ffc107; color: #fff; font-size: 20px; border-radius:0 0 5px 5px; display: inline-block;}
.homepage .layout .part-2 .part-2-main .part-2-main-menu > * h2 span { font-size: 14px; margin-left: 10px; text-transform: uppercase;}
.homepage .layout .part-2 .part-2-main .part-2-main-menu > * ul { color: #fff; overflow: hidden; min-height: 150px;}
.homepage .layout .part-2 .part-2-main .part-2-main-menu > * ul li { padding-left: 10px; position: relative;}
.homepage .layout .part-2 .part-2-main .part-2-main-menu > * ul li:first-child { margin-top: 1em;}
.homepage .layout .part-2 .part-2-main .part-2-main-menu > * ul li:not(:last-child) { margin-bottom: 1em;}
.homepage .layout .part-2 .part-2-main .part-2-main-menu > * ul li:after {content: "";display: block;position: absolute;width: 3px;height: 3px;background: #fff;border-radius: 50%;left: 0;top: 7px;}

.homepage .layout .part-2 .part-2-main .part-2-main-menu .part-2-main-menu-l ul { padding-right: 30px; border-right: 1px solid #34cbe3;}
.homepage .layout .part-2 .part-2-main .part-2-main-menu .part-2-main-menu-r ul { padding-left: 30px; border-left: 1px solid #238fa0;}
.homepage .layout .part-2 .part-2-main .part-2-main-menu .part-2-main-menu-r h2 { margin-left: 30px;}

.homepage .layout .part-3 { margin-top: 80px;}
.homepage .layout .part-3 .title { margin-bottom: 40px;}
.homepage .layout .part-3 .part-3-main { width: 100%; max-width: 1100px; margin: 0 auto;}
.homepage .layout .part-3 .part-3-main > p { line-height: 0; margin-bottom: 40px;}
.homepage .layout .part-3 .part-3-main .part-3-main-step { display: flex;}
.homepage .layout .part-3 .part-3-main .part-3-main-step > * { width:50%;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l { border-right: 1px solid #00b2ce; padding-right: 110px; padding-top:100px; padding-bottom: 100px;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r { border-left: 1px solid #00b2ce; padding-left: 110px; padding-top:100px; padding-bottom: 100px;}

.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 { position: relative;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1:after {content: ""; display: block; position: absolute; width: 16px; height: 16px; background: #00b2ce; border-radius: 50%; right: -119px; top: 0;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 h2 { font-size: 18px; padding-left: 70px; line-height: 1.1; position: relative;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 h2:after { content: attr(data-title); display: block; position: absolute; width: 70px; line-height:38px; left: 0; top: 0; font-size: 40px; color: #00b2ce;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 h2 span { font-size: 14px; color: #00b2ce;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 h2 p { font-size: 12px; font-weight: normal; margin-top: 0.5em;}

.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 > p:nth-child(2) { line-height: 1.8; margin: 1.5em 0;}

.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 > div:nth-child(3) { background: #00b2ce; padding: 0 20px 30px 20px;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 > div:nth-child(3) h3 { display: inline-block; background: #ffc107; color: #fff; font-size: 18px; line-height: 1.1; padding:8px 10px;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 > div:nth-child(3) h4 { font-size: 16px; color: #fff; margin-top: 1em; margin-bottom: 0.5em;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 > div:nth-child(3) .table { background: #fff; font-size: 14px; padding: 10px;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 > div:nth-child(3) .table dl { overflow: hidden; line-height: 1.8;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 > div:nth-child(3) .table dl dt { float: left; font-weight: bold;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 > div:nth-child(3) .table dl dd { padding-left: 40px;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 > div:nth-child(3) .table dl dd a { font-size: 12px; color: #00b2ce}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 > div:nth-child(3) .table dl dd~p { font-size: 12px; color: #b5b5b5;}

.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 > div:nth-child(3) .table ~ p { color: #fff; font-size: 12px; margin: 1em 0;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 > div:nth-child(3) .table ~ p ~ a { display: block; text-align: center; background-color: rgb(255, 193, 7);width: 245px; height: 50px; line-height: 50px; border-radius: 5px; color: #fff; text-decoration: none; margin: 0 auto; transition: .3s;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-1 > div:nth-child(3) .table ~ p ~ a:hover { background: #cc9902; }

.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-3 { margin: 100px 0; position: relative;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-3:after {content: ""; display: block; position: absolute; width: 16px; height: 16px; background: #00b2ce; border-radius: 50%; right: -119px; top: 0;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-3 h2 { font-size: 22px; padding-left: 70px; line-height: 40px; position: relative;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-3 h2:after { content: attr(data-title); display: block; position: absolute; width: 70px; left: 0; top: 0; font-size: 40px; color: #00b2ce; line-height: 1;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-3 h2 span { font-size: 14px; color: #00b2ce;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-3 > p:nth-child(2) { line-height: 1.8; margin-bottom: 1em;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-3 > div:nth-child(3) { padding: 30px 20px;background: #00b2ce;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-3 > div:nth-child(3) .table { background: #fff; font-size: 14px; padding: 10px;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-3 > div:nth-child(3) .table dl { overflow: hidden; line-height: 1.8;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-3 > div:nth-child(3) .table dl dt { float: left; font-weight: bold;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-3 > div:nth-child(3) .table dl dd { padding-left: 40px;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-3 > div:nth-child(3) .table dl dd a { font-size: 12px; color: #00b2ce;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-3 > div:nth-child(3) .table p { font-size: 12px; color: #b5b5b5;}

.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-5 { position: relative;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-5:after {content: ""; display: block; position: absolute; width: 16px; height: 16px; background: #00b2ce; border-radius: 50%; right: -119px; top: 0;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-5 h2 { font-size: 22px; padding-left: 70px; line-height: 40px; position: relative;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-5 h2:after { content: attr(data-title); display: block; position: absolute; width: 70px; left: 0; top: 0; font-size: 40px; color: #00b2ce; line-height: 1;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-5 h2 span { font-size: 14px; color: #00b2ce;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-l .step-5 > p:nth-child(2) { line-height: 1.8; margin-bottom: 1em;}

.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 { margin-top: 170px; position: relative;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2:after {content: ""; display: block; position: absolute; width: 16px; height: 16px; background: #00b2ce; border-radius: 50%; left: -119px; top: 0;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 h2:after { content: attr(data-title); display: block; position: absolute; width: 70px; left: 0; top: 0; font-size: 40px; color: #00b2ce; line-height: 1;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 h2 { font-size: 22px; padding-left: 70px; line-height: 40px; position: relative;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 h2:after { content: attr(data-title); display: block; position: absolute; width: 70px; left: 0; top: 0; font-size: 40px; color: #00b2ce; line-height: 1;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 h2 span { font-size: 14px; color: #00b2ce;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 p:nth-child(2) { line-height: 1.8; margin-bottom: 1em;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 ul li {padding-left:10px; position: relative;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 ul li a {display: block; background: #00b2ce; border-radius: 4px; width: 250px; height: 75px; position: relative; color: #000; transition: .3s; margin-top: 5px; position: relative;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 ul li a:hover { background: #009bb3;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 ul li a div { padding-left: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 ul li a div:after { content: ""; display: block; position: absolute; width:40px; height: 100%; left: 0; top: 0;}

.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 ul li:nth-child(2) a div:after { background: url(img/nav-pic-2-white.png) left center no-repeat;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 ul li:nth-child(3) a div:after { background: url(img/nav-pic-3-white.png) left center no-repeat;}

.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 ul li a div span {font-size: 16px; font-weight: bold; display: block; text-align: center; color: #fff;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 ul li a div i { font-size: 12px; font-family: "Arial"; color: #fff; font-weight: bold; text-transform: uppercase; display: block; text-align: center;}


.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 ul li:not(:last-child) { margin-bottom: 1em;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-2 ul li:after { content: ""; display: block; position: absolute; width: 3px; height: 3px; background: #333; top: 8px; left: 0;}


.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-4 { margin-top: 500px; position: relative;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-4:after {content: ""; display: block; position: absolute; width: 16px; height: 16px; background: #00b2ce; border-radius: 50%; left: -119px; top: 0;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-4 h2 { font-size: 22px; padding-left: 70px; line-height: 40px; position: relative;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-4 h2:after { content: attr(data-title); display: block; position: absolute; width: 70px; left: 0; top: 0; font-size: 40px; color: #00b2ce; line-height: 1;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-4 h2 span { font-size: 14px; color: #00b2ce;}
.homepage .layout .part-3 .part-3-main .part-3-main-step .part-3-main-step-r .step-4 p:nth-child(2) { line-height: 1.8; margin-bottom: 1em;}

.homepage .layout .part-3 .part-3-main-menu { background: #00b2ce;}
.homepage .layout .part-3 .part-3-main-menu > div { width: 1100px; margin: 0 auto; display: flex; padding-bottom: 30px;}
.homepage .layout .part-3 .part-3-main-menu > div > * { width: 50%;}
.homepage .layout .part-3 .part-3-main-menu > div > * h2 {width: auto; height: 55px; padding: 0 20px; line-height: 55px; background: #ffc107; color: #fff; font-size: 20px; border-radius:0 0 5px 5px; display: inline-block;}
.homepage .layout .part-3 .part-3-main-menu > div > * h2 span { font-size: 14px; margin-left: 10px; text-transform: uppercase;}

.homepage .layout .part-3 .part-3-main-menu > div .part-3-main-menu-l > div { padding-right: 30px; border-right: 1px solid #34cbe3;  min-height: 182px;}
.homepage .layout .part-3 .part-3-main-menu > div .part-3-main-menu-l > div dl { overflow: hidden; margin: 1em 0;}
.homepage .layout .part-3 .part-3-main-menu > div .part-3-main-menu-l > div dl dt { float: left; width: 90px;}
.homepage .layout .part-3 .part-3-main-menu > div .part-3-main-menu-l > div dl dd { float: left; width: calc(100% - 90px); color: #fff;}
.homepage .layout .part-3 .part-3-main-menu > div .part-3-main-menu-l > div dl dd ul li { padding-left: 10px; position: relative;}
.homepage .layout .part-3 .part-3-main-menu > div .part-3-main-menu-l > div dl dd ul li:after {content: "";display: block;position: absolute;width: 3px;height: 3px;background: #fff;border-radius: 50%;left: 0;top: 8px;}
.homepage .layout .part-3 .part-3-main-menu > div .part-3-main-menu-l > div dl dt span { background: #fff; color: #00b2ce; line-height: 1.1; padding: 5px 10px; display: inline-block;}

.homepage .layout .part-3 .part-3-main-menu > div .part-3-main-menu-r > h2 { margin-left: 30px;}

.homepage .layout .part-3 .part-3-main-menu > div .part-3-main-menu-r > div { padding-left: 30px; border-left: 1px solid #238fa0; min-height: 182px;}
.homepage .layout .part-3 .part-3-main-menu > div .part-3-main-menu-r > div > p { color: #fff; margin: 1em auto; font-weight: bold;}
.homepage .layout .part-3 .part-3-main-menu > div .part-3-main-menu-r > div > ul li { padding-left: 10px; position: relative; color: #fff;}
.homepage .layout .part-3 .part-3-main-menu > div .part-3-main-menu-r > div > ul li:not(:last-child) { margin-bottom: 1em;}
.homepage .layout .part-3 .part-3-main-menu > div .part-3-main-menu-r > div > ul li:after {content: "";display: block;position: absolute;width: 3px;height: 3px;background: #fff;border-radius: 50%;left: 0;top: 8px;}
/* Close Label ↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖↖ */

.red { color: #ff0000!important;}
.bigfont { font-size: 21px!important;}
.bigfont-2 { font-size: 18px!important;}
@media screen and (max-width:1450px) {
	.homepage .layout .banner .featured { margin-left:-420px!important;}
	.homepage .layout .banner .meeting { right: 30px;}
}