html,body {
	font-family: 'Roboto', sans-serif;
	font-size : 14px;
	width:100%;
	margin : auto;
	padding: auto;
	background-color:#fff;
	color:#000000;
}

a {text-decoration : none;}

a img {
	border: 0px; 
	text-decoration: none;
}

.align-center { text-align:center;}

ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0;}
ol { margin:0 0 0 20px; padding:0;}
ol li { padding:10px 0;}

.header-container { max-width:1200px; margin:auto;}
.container { max-width:1200px; margin:auto;}

.header.collapsed .logo { float:left; margin-top:30px; position:relative; z-index:99;}
.header.inner-header.collapsed .logo { float:left; margin-top:15px; position:relative; z-index:99;}
.header .logo { float:left; margin-top:10px; position:relative; z-index:9;}
.header.inner-header .logo { float:left; margin-top:15px; position:relative; z-index:9;}
.logo-descktop { display:block;}
.logo-mobile { display:none;}

.index-page .upper-footer,
.business-page .upper-footer { margin-top:0;}
.upper-footer { background:#eeeeee; padding:50px 0;}
.upper-footer-column { float:left; width:22.5%;}
.upper-footer-column:first-child { width:55%;}
.upper-footer-column span { display:block; padding-right:50px;}
.upper-footer-column:first-child .upper-footer-main-title  { margin-bottom:10px;}
.upper-footer-main-title { font-size:18px; font-weight:bold; margin-bottom:40px; font-weight:bold; cursor:default;}
.upper-footer-main-title-cn { margin-bottom:30px;}
.upper-footer-main-title img { width:200px;}
.upper-footer-main-title-img { padding-top:0;}
.upper-footer-main-title-img img { height:25px;}
.upper-footer-column .collapse { display:block!important;}
.upper-footer-column a { color:#333;}

.lower-footer { background:#cfcfcf; padding:15px 0;}
.lower-footer-sitemap {}
.lower-footer-sitemap ul { text-align:center;}
.lower-footer-sitemap ul li { display:inline-block;}
.lower-footer-sitemap ul li a { display:block; padding:0 13px; margin:5px 0; color:#333; border-right:1px solid #333;}
.lower-footer-sitemap ul li:last-child a { border-right:0;}

.footer { background:#04062e; padding:15px 0; color:#aeaeae; text-align:center;}

#bgvid { position:absolute; left:0; object-fit:cover; top:0; width:100%; height:100vh; z-index:1;}

.index-header { position:absolute; width:100%; z-index:99;}
.inner-header { 
    background-image:url(../images/menubanner.jpg);
    background-repeat:no-repeat;
    background-size:cover;
}

.index-video-header { height:100vh; position:relative; overflow:hidden;}
.index-video-header-bg {
    background-image:url(../images/index-video-bg.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:cover;
    width:100%;
    height:100vh;
    position:absolute;
    bottom:0;
    left:0;
    z-index:2;
}
.index-video-info { position:absolute; z-index:9; text-align:center; max-width:850px; padding:0 15px; left:0; right:0; margin:auto; color:#fff; bottom:50px;}
.index-video-title { font-size:30px; position:relative;}
.index-video-title span { display:inline-block; position:relative; padding-bottom:10px; margin-bottom:20px;}
.index-video-title span:before {
    position:absolute;
    content:"";
    width:300px;
    height:1px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    background:#fff;
    bottom:0;
}
.index-video-title:before {
    content:"";
    position:absolute;
    width:1px;
    height:80px;
    background:#fff;
    left:0;
    right:0;
    bottom:-60px;
    margin-left:auto;
    margin-right:auto;
}
.index-video-content { margin-top:80px; position:relative; padding-bottom:30px; margin-bottom:40px;}
.index-video-content:after {
    position:absolute;
    content:"";
    width:300px;
    height:1px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    background:#fff;
    bottom:0;
}
.index-video-content:before {
    content:"";
    position:absolute;
    width:1px;
    height:80px;
    background:#fff;
    left:0;
    right:0;
    bottom:-80px;
    margin-left:auto;
    margin-right:auto;
}
.index-video-scroll { margin-top:100px; position:relative; cursor:pointer;}
.index-video-scroll:before {
    position:absolute;
    content:"";
    width:60px;
    height:1px;
    background:#fff;
    left:0;
    right:0;
    top:-20px;
    margin:auto;
}


/*dropdown*/
.dp { width: 90px; float: right; margin:45px 0 0 20px; position:relative; z-index:99;}
.cn-db { width:95px;}
.inner-header .dp { margin: 32px 0 0 20px;}
.language{ float:left;}
.dropbtn {
    background-color: unset;
    color: #fff;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.inner-header .dropbtn { color:#333;}
.dropdown { position:relative; display:inline-block; padding-top:4px;}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right:0;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown:hover .dropdown-content { display: block;}

.section-title { display:block; font-size:18px; text-transform: uppercase; position:relative; padding-bottom:5px;}
.section-title:after {
    position:absolute;
    content:"";
    width:140px;
    height:1px;
    background:#333;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.section-title:before {
    position:absolute;
    content:"";
    width:1px;
    height:30px;
    background:#333;
    left:0;
    right:0;
    bottom:-30px;
    margin:auto;
}
.inner-title-banner .section-title { display:block; color:#fff; font-size:18px; font-weight:bold; text-transform: uppercase; position:relative; padding-bottom:5px;}
.inner-title-banner .section-title:after {
    position:absolute;
    content:"";
    width:140px;
    height:1px;
    background:#fff;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.inner-title-banner .section-title:before {
    position:absolute;
    content:"";
    width:1px;
    height:80px;
    background:#fff;
    left:0;
    right:0;
    bottom:-80px;
    margin:auto;
}

.section { margin-top:50px;}

.our-philosophy-icon { max-width:850px; margin:50px auto 0;}
.our-philosophy-icon ul { text-align:center;}
.our-philosophy-icon ul li { display:inline-block; width:18%; vertical-align:top;}
.our-philosophy-icon ul li span { display:block; padding-top:10px; text-transform: uppercase; width:110px; margin:auto;}
.our-philosophy-icon-cn ul li span { width:120px;}

.section-portfolio {
    background-image:url(../images/index-portfolio-bg.jpg);
    background-repeat:no-repeat;
    background-size:cover;
}
.index-portfolio-column { display:table; width:100%; min-height:300px;}
.index-portfolio-info { display:table-cell; vertical-align:middle;}
.index-portfolio-info.left { width:60%; padding-right:50px;}
.index-portfolio-info.right { width:40%; overflow:hidden; position:relative;}
.index-portfolio-info img { position:absolute; top:0; left:0; width:auto; height:100%;}
.index-portfolio-text { margin-top:50px; text-align:right;}

.index-business-slogen { margin-top:50px; text-align:center;}
.index-busniess-logo { margin-top:50px;}
.index-busniess-logo ul { text-align:center;}
.index-busniess-logo ul li { display:inline-block; vertical-align:top; width:18%;}
.index-busniess-logo ul li span { display:block; padding-top:10px; max-width:200px;}
.business-page .index-busniess-logo ul li span { height:50px;}
.index-busniess-logo ul li span.busniess-logo-info { font-size:13px; line-height:16px; max-width:190px; margin:auto; height:auto;}
.index-busniess-logo ul li span.busniess-logo-info-cn { max-width:195px;}
.index-busniess-logo ul li img { height:67px;}

.inner-title-banner {
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:100%;
    padding:200px 0 80px;
    height:300px;
}
.inner-title-banner.about { background-image:url(../images/about-banner.jpg);}
.inner-title-banner.team { background-image:url(../images/team-banner.jpg);}
.inner-title-banner.business { background-image:url(../images/business-banner.jpg);}
.inner-title-banner.contact { background-image:url(../images/contact-banner.jpg);}


.about-page .our-philosophy-column { text-align:center; max-width:100%; margin:50px 0 0;}
.section-philosophy-two-column { display:inline-block; width:45%; vertical-align:top;}
.section-philosophy-span { display:block; padding-top:10px; text-transform: uppercase; width:110px; margin:auto; font-size:16px; font-weight:bold;}
.section-philosophy-span-cn { width:100%;}
.section-philosophy-text { text-align:left;}
.section-philosophy-text ul { text-align:left; max-width:430px; margin:20px auto;}
.section-philosophy-text ul li { list-style-type: disc; width:100%;}

.section-philosophy-second {
    background-image:url(../images/about-page-bg.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;
    padding:50px 0
}
.section-philosophy-one-column { width:100%; color:#fff;}
.section-philosophy-one-column .section-philosophy-text ul { max-width:600px; margin:20px auto;}
.about-page .section-philosophy-second .our-philosophy-column { margin:0 0 0;}

.section-philosophy-last {}
.section-philosophy-two-column-vertical { margin:50px 0;}
.section-philosophy-two-column-vertical:last-child { margin-bottom:0;}
.philosophy-two-column-vertical-img { display:inline-block; vertical-align:top; margin-right:20px;}
.section-philosophy-two-column-vertical .section-philosophy-text { display:inline-block; vertical-align:top;}
.section-philosophy-two-column-vertical .section-philosophy-text ul { max-width:650px; padding:0 0 0 20px; margin:0 0 10px 0;}
.section-philosophy-two-column-vertical .section-philosophy-span { padding-top:0; margin:0 0 5px 0; font-weight:bold;}

.team-leader-ceo { margin-top:50px; text-align:center; position:relative; padding-bottom:30px;}
.team-leader-ceo .team-leader-pic {}
.team-leader-info {}
.team-leader-name { font-size:16px; font-weight:bold; text-transform: uppercase;}
.team-leader-position { text-transform: uppercase;}
.team-leader-text { margin-top:15px;}
.team-leader-ceo .team-leader-text { max-width:700px; margin:15px auto 0;}
.team-leader-ceo .team-leader-info { margin-top:20px;}
.team-leader-ceo:after {
    position:absolute;
    content:"";
    width:300px;
    height:1px;
    background:#333;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.team-leader-ceo:before {
    position:absolute;
    content:"";
    width:1px;
    height:20px;
    background:#333;
    left:0;
    right:0;
    bottom:-20px;
    margin:auto;
}
.section-team-second { margin-top:80px;}
.team-leader-column { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #333;}
.team-leader-column.last { margin-bottom:0; padding-bottom:0; border-bottom:0}
.team-leader-column .team-leader-pic { display:inline-block; vertical-align:top;}
.team-leader-column .team-leader-info { display:inline-block; vertical-align:top; width:75%; padding-left:20px;}

.business-width { max-width:980px; margin:auto;}
.business-column { margin:50px auto;}
.business-column.first {}
.business-icon { display:inline-block; vertical-align:top; padding-right:20px; width:120px;}
.business-info { display:inline-block; width:80%;}
.business-title { font-weight:bold; text-transform:uppercase; padding-bottom:5px;}
.business-text { display:inline-block; vertical-align:top; margin-left:20px;}
.business-text ul { margin:0 0 0 0;}
.business-text ul li { list-style-type: disc;}
.section-business-second { 
    background-image:url(../images/business-bg.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center right;
    background-size:cover;
    padding:80px 0;
}
.business-second-bg-column { max-width:500px; float:right; color:#fff;}
.section-business-third { background:#ccc; padding:80px 0;}
.business-third-column { float:left; width:50%; text-align:center;}
.business-third-column-title { font-size:18px; font-weight:bold; text-transform:uppercase; padding:25px 0 20px;}
.business-third-column-title.img { padding:0 0 20px;}
.business-third-column-info { width:80%; margin:auto;}
.business-page .index-business-slogen { margin:0 0 0 0;}

.section-contact-first { 
    margin-top:120px;
    background-image:url(../images/contact-section1-bg.jpg);
    background-repeat:no-repeat;
    background-position:bottom center;
    padding-bottom:120px;
}
.contact-address-info-main-column { text-align:center;}
.contact-address-column { float:left; width:50%;}
.contact-address-line { display:inline-block; max-width:400px; width:100%; border:1px solid #333; padding:30px;}
.contact-country-icon { text-align:center; background:#fff; width:150px; margin:-80px auto 10px;}
.contact-info { margin:50px 0 0 0;}

.section-contact-second {
    background-image:url(../images/contact-section2-bg.jpg);
    background-repeat:no-repeat;
    background-position:bottom center;
    background-attachment:fixed;
    background-size:cover;
    padding:80px;
}
.contact-form-title { margin-top:-140px;}
.contact-form-column { margin:100px auto 0; max-width:400px;}
.contact-form-column ul {}
.contact-form-column ul li { margin-bottom:7px;}
.contact-form-column ul li:last-child { margin-bottom:0;}
.contact-form-column ul li input { width:100%; padding:5px 7px;}
.contact-form-column ul li textarea { width:100%;  padding:5px 7px;}
.contact-form-column ul li ::placeholder { color:#ccc;}
.contact-form-column ul li.submit-button input { background:#aaaaaa; color:#fff; border-radius:50px; border:0; padding:10px;}
.contact-map { float:left; width:50%;}
.contact-map-title { text-align:center; padding:10px 0; color:#fff; text-transform:uppercase; font-size:16px; margin-top:-5px;}
.contact-map.first .contact-map-title { background:#333;}
.contact-map.last .contact-map-title { background:#646464;}
.protoform-message { color:#fff;}

/*#####################################################################*/
/*#####################################################################*/

@media screen and (max-width: 1500px) {
.inner-title-banner {
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:unset;
    padding:200px 0 80px;
    height:300px;
}
}

@media screen and (max-width: 1200px) {
.logo { margin-left:15px;}
.db { margin-right:15px;}
.header-container { max-width:100%; margin:auto;}
.container { max-width:95%; margin:auto;}
.team-leader-column .team-leader-info { width:70%;}
}

@media screen and (max-width:1100px) {
}

@media screen and (max-width: 991px) {
.logo-descktop { display:none;}
.logo-mobile { display:block;}
.header.index-header.collapsed .logo { margin-top:10px;}
.index-header { 
    background-image:url(../images/menubanner.jpg);
    background-repeat:no-repeat;
    background-size:cover;
}
.dropbtn { color:#333;}
.dp { margin: 35px 0 0 20px;}
.navbar-toggle .icon-bar { background-color:#333!important;}
.navbar-toggle { margin-top:20px!important;}
.index-busniess-logo { margin-top:20px;}
.index-busniess-logo ul li { width:30%; margin:30px 0;}
.upper-footer-column { float:none; width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc;}
.upper-footer-column:first-child { width:100%;}
.upper-footer-column:last-child .nolink:before,
.upper-footer-column:last-child .nolink:after { display:none;}
.upper-footer-column span { padding-right:0;}
.upper-footer-main-title { position: relative; cursor: pointer; margin-bottom:0; font-size:16px;}
.upper-footer-main-title a { display:block; pointer-events:auto;}
.upper-footer-column .nolink.collapsed:before {
    position: absolute;
    content: "+";
    top: -3px;
    right: 0;
    font-size: 22px;
    cursor: pointer;
}
.upper-footer-column .nolink:before {
    position: absolute;
    content: "-";
    top: -5px;
    right: 1px;
    font-size: 22px;
    cursor: pointer;
}
.upper-footer-column .collapse { display:none!important; margin-bottom:15px;}
.upper-footer-column .collapse.in { display: block!important; padding-top:10px;}
.upper-footer-column:last-child { float:none;}
.upper-footer-column:last-child .upper-footer-main-title { border-bottom:0;}
.section-philosophy-two-column { display:block; width:100%; vertical-align: top;}
.section-philosophy-two-column:last-child { margin-top:50px;}
.section-philosophy-two-column-vertical .section-philosophy-span { margin:10px auto; text-align:center;}
.section-philosophy-two-column-vertical .section-philosophy-text ul { padding:0 0 0 0;}
.philosophy-two-column-vertical-img { margin-right:0;}
.team-leader-column .team-leader-pic { display:block; text-align:center;}
.team-leader-column .team-leader-info { text-align:center; width:100%; padding-left:0; margin-top:20px;}
.contact-address-column { float:none; width:100%;}
.contact-address-column.last { margin-top:100px;}
.contact-address-line { max-width:80%;}
}

@media screen and (max-width: 767px) {
.index-video-header { height:100%; position:relative; overflow:hidden;}
.index-video-info { position:relative; margin-top:200px;}
#bgvid { height:100%;}
.section-portfolio { padding:50px 0 0 0;}
.index-portfolio-column { display:block; width:100%;}
.index-portfolio-info { display:block;}
.index-portfolio-info.left { width:100%; padding-right:0;}
.index-portfolio-text { text-align:center;}
.index-portfolio-info.right { width:100%; margin-top:30px;}
.index-portfolio-info img {position: relative; width:100%; height:auto;}
.business-icon { display:block; padding-right:0; margin:auto; text-align: center;}
.business-title { margin-top:20px; text-align:center;}
.business-info { display:block; width:100%;}
.business-second-bg-column { max-width:100%;}
.business-second-bg-column .business-title { text-align:left;}
.business-third-column { float:none; width:100%;}
.business-third-column-title { padding:0 0 10px;}
.business-third-column-title.img { margin:60px 0 0; padding:0 0 10px;}
.contact-map { float:none; width:100%;}
.contact-map.last { margin-top:50px;}
}

@media screen and (max-width: 680px) {
.our-philosophy-icon ul li { width:30%; margin-bottom:50px;}
}

@media screen and (max-width: 580px) {
.logo { margin-top:5px; width:180px;}
.header.index-header.collapsed .logo { margin-top:18px;}
.logo img { width:100%;}
.navbar-toggle { margin-top: 10px!important;}
.contact-address-line { max-width:95%;}
.dp { margin: 26px 0 0 20px;}
.inner-header .dp { margin: 26px 0 0 20px;}
}

@media screen and (max-width: 480px) {
.index-busniess-logo ul li { width:48%;}
}

@media screen and (max-width: 340px) {
.logo { margin-top:5px; width:145px;}
.header.index-header.collapsed .logo { margin-top:20px;}
}