@charset "utf-8";

/*通用样式*/

html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}

html, body { position: relative; height: 100%; color:#1a272d;}

body{ background:#fff; font:normal 12px/22px "微软雅黑";  }

img{ border:0; max-width:100%;  }

a{ text-decoration:none; color:#000;  }

a:hover{ color:#00b9eb;  }

.clear { clear:both;}

div { box-sizing:border-box;}

p {

    margin-top: 15px;

    font-size: 20px;

    line-height: 1.25;

    letter-spacing: .008em;

}

div {

    font-size: 20px;

    line-height: 1.25;

    letter-spacing: .008em;

}

@font-face

{

    font-family: TQPROOffice-Bold;

    src: url(TQPROOffice-Bold.ttf);

}
.modelBody iframe video { width:100%; height:100%;}
@font-face

{

    font-family: TQPROOffice-Light;

    src: url(TQPROOffice-Light.ttf);

}

@font-face

{

    font-family: TQPROOffice-Regular;

    src: url(TQPROOffice-Regular.ttf);

}

/* CSS Document */
.capcaBanner .viewertitle { top:auto; bottom:40px;}
.capcaBanner { position:relative;}
.picSlide .swiper-pagination { bottom:10%;}
.aboutBox { padding:80px 0 120px;}
.capcaBanner .download-btn .talogo { width:80px;}
.fullMp4 .viewertitle { left:auto; left:3%; margin-left:0; bottom:5vh; top:auto;}

.fullMp4 .viewertitle a:hover {}

.picSlide .swiper-pagination span.swiper-pagination-bullet-active { background:#00b9eb;}

#allmap { width:80%; height:260px;}

#screen { position:fixed; display:none; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:2;}

.container {max-width: 1600px; margin: 0 auto; padding: 0 30px;overflow-x: hidden;}

header { position:fixed; left:0; top:0; transition:all 0.3s; width:100%; height:54px; z-index:100;}

header.curmove { background:#1a272d;}

.headerContainer {max-width: 1600px; margin: 0 auto; height:54px; padding: 0 30px;}

.headerContainer ul { float:right;}

.fullBanner { position:relative; height:100vh; display:flex; background: #1a272d;}

.logo { float:left; width:172px; height:48px; display:block;}

.logo img {margin: 10px 0 0;

    width: 50px;

    height: 30px;}

.fullBanner video { display:block; position:absolute; left:0; top:0; width:100%; height:100%;object-fit: cover;}

.bannerTxt {display: -webkit-box; max-width:1600px; margin:0 auto; position:relative; z-index:2; display: -ms-flexbox; display: flex; width: 100%;-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding:0 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}

.bannerTxt h2 {font-size: 53px;

    font-weight: 600;

    margin-bottom: 50px;color: #fff; line-height:1.2;

    z-index: 2;}

.bannerTxt h4 {font-size: 32px;

    line-height: 1.25;

    font-weight: 600;

    letter-spacing: .008em;

    color: #fff;

    z-index: 2;color: #fff; margin-bottom:35px;}

.bannerTxt a {color: #1fbcd2;

    display: inline-block;

    border: 1px solid #1fbcd2;

    border-radius: 6px;

    text-decoration: none;

    margin: 5px 0;

    position: relative;

    font-size: 16px;

    text-transform: uppercase;

    z-index: 1;padding: 9px 20px 9px 21px; transition:all 0.3s;}

.bannerTxt a:hover { background:rgba(31,188,210,0.5);}

.headerContainer ul {

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 54px;

    list-style: none;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}
.focuseImg a p { text-align:center; color:#fff;}
.headerContainer li.menu-link {

    display: block;

	padding: 0 15px;
    position: relative;

}

.headerContainer li a {
    display: block;

    line-height: 54px;

    color: #fff;

    font-size: 16px;

    font-weight: 300;

    text-decoration: none;

    text-transform: uppercase;

    -webkit-transition: all .2s;

    transition: all .2s;

}

.headerContainer li.cur>a { color:#00b9eb}

.headerContainer li:hover a { color:#00b9eb;}

.headerContainer ul .more-menu {

    color: #fff;

    font-size: 16px;

    font-weight: 300;

    cursor: pointer;

    text-transform: uppercase;

	position: relative;

	transition:all 0.2s;

}

.desc-text { max-width:80%;}

.headerContainer ul .more-menu span { font-weight:300;}

.curmove li span i {font-size: 20px; transition:all 0.2s; font-weight:bold;}

.curmove li.cur span i {transform:rotate(45deg); display:inline-block;}

.headerContainer ul .more-menu:hover { color:#00b9eb;}

.menu-link img { max-width:100%;}

.nuxt-link-active img { display:block; width:30px; height:16px; margin-top:2px;}

.headerContainer li.menu-link ul{
    position: absolute;
    top: 50px;
    left: 0;
    width: 150%;
    height: auto;
    display: none;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #1a272d;
}
.headerContainer li.menu-link ul li a{
    line-height: 33px;
    color: #fff!important;
    /*border-bottom: 1px #fff solid;
    margin: 0 10px;*/
}
.headerContainer li.menu-link ul li:last-child a{
    border-bottom: 0;
}
.headerContainer li.menu-link:hover ul{
    display: block;
}
.headerContainer li.menu-link:hover ul li a{
    color: #fff!important;
}
.headerContainer li.menu-link ul li a:hover{
    color: #00b9eb!important;
}

.fact {    width: 26%;

    margin: 80px 15px 50px;}

.facts-container .facts .fact:nth-child(3) {

    margin-right: 0;

}

.facts .fact p {

    margin-top: 15px;

    font-size: 20px;

    line-height: 1.25;

    letter-spacing: .008em;

    text-align: center;

}

.facts-container .facts {

    color: #1a272d;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    

}

.facts-container .facts .fact .fact-line {

    height: 2px;

    width: 65%;

    margin: 0 auto;

    background: #00b9eb;

}

.facts-container {

    background: #f2f5f7;

}

.container-full {max-width: 100%;

    margin: 0 auto;

    padding: 0;}

.panda-solutions-image img { max-width:100%; display:block; margin:0 auto;}

.panda-solutions { overflow:hidden; margin:15px auto 40px; }

.panda-solutions>div { width:25%; float:left; text-align:center;}

.panda-solutions>div img { width:80px; height:80px; display:block; margin:0 auto 25px;}

.panda-solutions>div h4 {font-size: 24px;

    line-height: 1.25;

    font-weight: 600;

    letter-spacing: .008em; color:#1a272d;}

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

.learn-more a {color: #1fbcd2;

    display: inline-block;

    border: 1px solid #1fbcd2;

    border-radius: 6px;

    text-decoration: none;

    margin: 5px 0;

    padding: 9px 20px 7px;

    position: relative;

    font-size: 16px;

    text-transform: uppercase;

    z-index: 1; margin-bottom:150px;}

.learn-more a img {margin-left: 6px;

    top: 1px;

    position: relative;}

.learn-more a:hover { background:rgba(31,188,210,0.5);}

.focusBox {    background: #1a272d;

    color: #fff;

    padding: 80px 0 110px;}

.focusList h2 {font-size: 58px;

    line-height: 1.25;

    font-weight: 600;

    letter-spacing: .008em;

    margin-bottom: 30px; color:#fff;}

.focuseImg a{width: calc(25% - 20px);

    margin: 20px 0;

    height: 100%; display:block;}

.focuseImg {    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 100%;}

.focuseImg img { transition:all 0.3s;}

.focuseImg img:hover { opacity:0.6}

.focusList a.checkAll {color: #1fbcd2;

    display: inline-block;

    border: 1px solid #1fbcd2;

    border-radius: 6px;

    text-decoration: none;

    margin: 5px 0;

    padding: 9px 20px 7px;

    position: relative;

    font-size: 16px;

    text-transform: uppercase;

    z-index: 1; transition:all 0.3s;}

.focusList a.checkAll:hover {background:rgba(31,188,210,0.5);}

.newsBox {background: #f2f5f7;

    padding: 80px 0 110px;}

.newsBar h2 {font-size: 58px;

    line-height: 1.25;

    font-weight: 600;

    letter-spacing: .008em;

    margin-bottom: 30px; overflow:hidden;}
.newsBar a.checkAl {color: #1fbcd2;
    display: inline-block;
    border: 1px solid #1fbcd2;
    border-radius: 6px;
    text-decoration: none;
    margin: 5px 0;
    padding: 9px 20px 7px;
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    z-index: 1;
    transition: all 0.3s;}

.newsList {position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;}

.newsList>div {    width: calc(25% - 20px);

    margin: 20px 0;

    border-radius: 2px;

    position: relative;}

.newsList>div h4 {
	font-size: 24px;
    line-height: 1.25;

    letter-spacing: .008em;
	 font-weight: 600;
    color: #364654; transition:all 0.3s;}

.newsList>div h3 {text-decoration: none;

    font-size: 16px;

    line-height: 1.25;

   

    letter-spacing: .008em;

    color: #364654;

    margin: 15px 0; transition:all 0.3s;}

.newsList>div:hover h3,.newsList>div:hover h4 { color:#00b9eb}

.friendLink {display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 50vh;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    margin: 60px auto 40px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;}

.friendLink>div {width: calc(25% - 10px);}

.friendImg { height:183px; position:relative;}

.friendLink>div img { vertical-align:middle; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:150px;}

.footer {background: #1a272d;

    color: #fff;

    width: 100%;

    padding: 50px 10px 0;}

.footer-menu{width: 40%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;}

.footerInfor {width: 50%;}

.footerInfor h4 {    color: #fff;

    opacity: .4;

    font-size: 12.8px;

    margin: 0 0 10px;}

.footerInfor li {    display: block;

    line-height: 1.5;}

.footerInfor li a {    font-weight: 300;

    font-size: 18px;

    color: #fff;

    text-decoration: none;}

.footerInfor li:hover a { color:#00b9eb;}

.footerBottom {    width: 100%;

    margin-top: 25px;

    padding: 5px 0;

    border-top: 1px solid #fff;}

.copyRight {display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;}

.imprint ul{margin: 8px 0;}

.imprint li {

    display: inline-block;

    margin-right: 20px;

}

.imprint li a { color:#fff; font-size:14.4px;font-weight: 300;}

.imprint li a:hover { color:#00b9eb;}

.copyRight p {font-size:14.4px;

    font-weight: 300; color:#fff;}

.copyRightBox { line-height:38px;}

.page-container { padding-top:54px;}

.capcaBanner img { display:block; width:100%; margin:0 auto;}

.capcasection h2 {    font-size: 58px;

    font-weight: 600;

    z-index: 2;

    margin: 0 0 10px!important; line-height:1.2;}

.capcasection h3 {font-size: 24px;

    margin-bottom: 15px;

    line-height: 1.25;

    font-weight: 600;

    letter-spacing: .008em;

    text-align: left;}

.capcasection p {margin-top: 15px;

    font-size: 20px;

    line-height: 1.25;

    letter-spacing: .008em;

    max-width: 900px;}

.capcasection {    margin: 120px auto 40px;}

.container-grid {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.container-big-left {    width: calc(50% - 5px);

    margin: 5px 5px 5px 0;

    -webkit-transform: translate(0);

    transform: translate(0);}

.container-grid iframe{ width:100%; height:100%;}

.container-big-right {width: calc(50% - 5px);

    margin: 5px 0 5px 5px;

    -webkit-transform: translate(0);

    transform: translate(0);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;}

.container-big-right .container-small-row {    width: 100%;

    height: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;}

.container-small-right {margin: 0 0 5px 5px;

    width: calc(50% - 5px);

    height: auto;

    position: relative;}

.container-small-left {

    margin: 0 5px 5px 0;

    width: calc(50% - 5px);

    height: auto;

    position: relative;

}

.container-left {

    width: calc(50% - 10px);

    margin: 5px 5px 5px 0;

    -webkit-transform: translate(0);

    transform: translate(0);

}

.container-middle {

    width: calc(50% - 10px);

    margin: 5px;

    -webkit-transform: translate(0);

    transform: translate(0);

}

.container-right {

    width: calc(50% - 10px);

    margin: 5px 0 5px 5px;

    -webkit-transform: translate(0);

    transform: translate(0);

}

.container-capability h3 {    font-size: 24px;

    margin-bottom: 15px;

    line-height: 1.25;

    font-weight: 600;

    letter-spacing: .008em;

    text-align: left;}

	.container-capability p {

    margin-top: 15px;

    font-size: 20px;

    line-height: 1.25;

	margin-bottom:20px;

    letter-spacing: .008em;

    max-width: 900px;

}

.download-btn a {

    padding: 10px 27px;

}

.download-btn .teaser-button-invert {

    color: #1fbcd2;

    display: inline-block;

    border: 1px solid #1fbcd2;

    border-radius: 6px;

    text-decoration: none;

    margin: 5px 0;

    padding: 9px 20px 7px;

    position: relative;

    font-size: 16px;

    text-transform: uppercase;

    z-index: 1;

}

.capabilitysection {

    margin: 120px auto 40px;

}

.cbp-rfgrid {

    margin: 0;

    padding: 0;

    list-style: none;

    position: relative;

    width: 100%;

    display: inline-block;

}

.cbp-rfgrid li {

    float: left;

    width: calc(25% - 10px);

    margin: 5px;

	position:relative;

}

.cbp-rfgrid li a, .cbp-rfgrid li a img {

    display: block;

    width: 100%;

    height: 100%;

    cursor: pointer;

}

.cbp-rfgrid li a div {

    position: absolute;

    width: calc(100% - 20px);

    left: 10px;

    top: 30px;

    right: 50%;

    bottom: 30px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    opacity: 0;

}

.cbp-rfgrid li a:hover div, .cbp-rfgrid li a div {

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.cbp-rfgrid li .app-img {

    max-width: 80px;

    height: auto;

    margin: 10px;

}

.cbp-rfgrid li a div h5 {

    font-size: 24px;

    color: #fff;

    line-height: 1.25;

    font-weight: 600;

    letter-spacing: .008em;

    text-align: left;

    text-overflow: ellipsis;

    overflow: hidden;

}

.cbp-rfgrid li:hover div{ opacity:1;}

.cbp-rfgrid li:hover a>img { opacity:0.6;}

.container-capability h2 {

    font-size: 58px;

    font-weight: 600;

    z-index: 2;

    margin: 0 0 10px!important;

	line-height:1.2;

}

.spacer-smaller {height: 10vh;}

.spacer-small { height:15vh;}

.world-connects a.teaser-button-invert:hover { background:rgba(31,188,210,0.5);}

.container-capability .teaser-button-invert {

    color: #1fbcd2;

    display: inline-block;

    border: 1px solid #1fbcd2;

    border-radius: 6px;

    text-decoration: none;

    margin: 5px 0;

    padding: 9px 20px 7px;

    position: relative;

    font-size: 16px;

    text-transform: uppercase;

    z-index: 1;

}

.container-capability .teaser-button-invert:hover {background:rgba(31,188,210,0.5);}

.worldBanner { background:url(../images/frankwordbanner.png) center no-repeat;background-size: cover;display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100vh;}

.franka-world-teaser {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 40vw;

}

.franka-world-teaser p {margin: 50px auto;

    color: #fff;font-size: 20px;

    line-height: 1.25;

    letter-spacing: .008em;}

.franka-world-teaser .teaser-button {

    color: #fff;

    background: #00b9eb;

    display: inline-block;

    border: 1px solid #00b9eb;

    border-radius: 4px;

    text-decoration: none;

    margin: 5px 0;

    padding: 5px 15px;

    position: relative;

    -webkit-transition: all .4s;

    transition: all .4s;

    z-index: 1; font-size:20px; width:150px; text-align:center; box-sizing:border-box; height:38px;

}

.videoFull {background: transparent;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    height: 640px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-transform: translateY(10vh);

    transform: translateY(10vh);

    -webkit-transition: all 1s;

    transition: all 1s;	    -webkit-transform: translateY(-15vh);

    transform: translateY(-15vh);}

/*.device-image {

    margin: 0;

    background: url(../images/macbook-pro.png) no-repeat;

    background-size: contain;

    background-position: 50%;

    position: relative;

    width: 1200px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}*/

/*.vid {

    width: 930px;

    top: -20px;

    left: 10px;

    position: relative;

}*/

.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 25px;

    height: 0;

}

.video-container embed, .video-container object, .video-container video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.store-desc {

    top: -10vh;

    width: 40vw;

    text-align: center;

    margin: 0 auto;

    position: relative;

}

.store-desc h2 {

    font-size: 34px;

    font-weight: 600;

    line-height: 1.1;

    z-index: 2;

}

.overview-description, .overview-section {



}

.overview-section {

    background-image: none;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 100px auto;

}

.overview-images {

	overflow:hidden;

}

.overview-images>div {

	width:33.33%; float:left; padding:0 55px; text-align:center;

}

.overview-images img {

    max-width: 300px;

	

}

.overview-images .overview-images-desc {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    margin: 0;

}

.overview-images .overview-images-desc p {

    text-align: center;

	font-size: 20px;

    line-height: 1.25;

    letter-spacing: .008em;

	font-weight:400;

}

.community-section {

    background-image: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    height: 50vh;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: #1a272d;

    color: #fff;

}

.community-description {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

    width: 50vw;

    height: 30vh;

    margin: 0 auto;

}

.community-description h2 {

    font-size: 34px;

    font-weight: 600;

    line-height: 1.1;

    z-index: 2;

}

.community-description p {

    font-size: 20px;

    line-height: 1.25;

    letter-spacing: .008em;

	font-weight:400

}

.management-section {    background-size: cover;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    color: #1a272d;

    height: 100vh;

    margin: 100px 0 0;

	}

.management-section .management-screenshot {

    width: 45vw;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 0 0 0 5vw;

}

.update-section .update-screenshot img { width:45vw;}

.management-section .management-screenshot img {

    max-height: 90vh;

    max-width: 100%;

}

.management-section .management-description {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 0 20vw 0 0;

    width: 30vw;

    color: #1a272d;

    -webkit-transition: all 1s;

    transition: all 1s;

}

.management-section .management-description h2 {

    font-size: 34px;

    font-weight: 600;

    line-height: 1.1;

    z-index: 2;

	margin:10px 0;

}

.management-section .management-description p {

    font-size: 20px;

    line-height: 1.25;

    letter-spacing: .008em;

}

.update-section .update-screenshot {

    width: 45vw;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    align-items: center;

    margin: 0 5vw 0 0;

}

.update-section .update-description {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 10vh 5vw 0 15vw;

    width: 32vw;

    color: #1a272d;

    -webkit-transition: all 1s;

    transition: all 1s;

}

.update-section {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    height: 100vh;

}

.update-section h2 {

    font-size: 34px;

    font-weight: 600;

    line-height: 1.1;

    z-index: 2;

	margin:10px 0;

}

.update-section p {

    font-size: 20px;

    line-height: 1.25;

    letter-spacing: .008em;

}

.create {

    background-image: url(../images/frankwordbanner.png);

    background-size: cover;

    background-position: 50%;

}

.create .create-desc {

    width: 45vw;

    text-align: center;

    margin: 0 auto;

    padding: 100px 0;

    position: relative;

}

.create h2 {

    color: #fff;

    margin: 0 0 20px;

	font-size: 34px;

    font-weight: 600;

    line-height: 1.1;

    z-index: 2;

}

.create a {

       color: #fff;

    background: #00b9eb;

    display: inline-block;

    border: 1px solid #00b9eb;

    border-radius: 4px;

    text-decoration: none;

    margin: 5px 0;

    padding: 5px 15px;

    position: relative;

    -webkit-transition: all .4s;

    transition: all .4s;

    z-index: 1; width:150px; box-sizing:border-box; line-height:30px; font-size:20px;

}

.company h2 {

    font-size: 58px;

    font-weight: 600;

    margin-bottom: 50px;

    z-index: 2;

    margin: 0 0 40px!important;

	line-height:1.2;

}

.company p {

    margin-top: 15px;

    font-size: 20px;

	line-height: 1.25;

    letter-spacing: .008em;

}

.company h3 {

    font-size: 24px;



    font-weight: 600;

    text-align: left;

	line-height: 1.25;

    letter-spacing: .008em;

	margin:25px 0;

}

.introsection {

    margin: 90px auto 180px;

}

.careersbanner .franka-world-teaser  {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}

.careersbanner {display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100vh;

    background: #1a272d;}

.careersbanner { position:relative;}

.careersbanner .franka-world-teaser h2 {

    font-size: 58px;

    font-weight: 600;

    margin-bottom: 50px;

    z-index:2;

	color:#fff;

}

.careersbanner .franka-world-teaser button {

	color: #1fbcd2;

    display: inline-block;

    border: 1px solid #1fbcd2;

    border-radius: 6px;

    text-decoration: none;

    margin: 5px 0;

    padding: 9px 20px 7px;

    position: relative;

    font-size: 16px;

    text-transform: uppercase;

    z-index: 1; background:none;

	transition:all 0.3s;

}

.careersbanner .franka-world-teaser button:hover {

	background:rgba(31,188,210,0.5);

}

.careersbanner img {position: absolute;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;}

.careers h3, .careers p {

    line-height: 1.25;

    letter-spacing: .008em;

}

.careers h3 {

    font-size: 24px;

    margin-bottom: 15px;

    font-weight: 600;

    text-align: left;

}

.careers p {

        margin-top: 15px;

    font-size: 20px;

}

.careers a {    color: #1fbcd2;

    display: inline-block;

    border: 1px solid #1fbcd2;

    border-radius: 6px;

    text-decoration: none;

    margin: 5px 0;

    padding: 9px 20px 7px;

    position: relative;

    font-size: 16px;

    text-transform: uppercase;

    z-index: 1; transition:all 0.3s;}

.careers a:hover {background:rgba(31,188,210,0.5);}

.newsroom-container ul {

    list-style: none;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    padding: 0;

    margin: 0;

    width: 100%;

}

.newsroom-container, .newsroom-container ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.newsroom-container {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    max-width: 1200px;

}

.newsroom-container ul .newsroom-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: calc(50% - 20px);

    margin: 10px;

    background: #fff;

    overflow: hidden;

}

.newsroom-container ul .newsroom-list:first-child {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    width: calc(100% - 20px);

    margin: 50px auto 25px;

    background: #1a272d;

    padding: 15px;

}

.newsroom-container ul .newsroom-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: calc(50% - 20px);

    margin: 10px;

    background: #fff;

    overflow: hidden;

}

.newsroom-container ul .newsroom-list .newsroom-teaser-image {

    width: 100%;

    overflow: hidden;

    position: relative;

}

.newsroom-container ul .newsroom-list:first-child .newsroom-teaser-image {

    width: 50%;

}

.newsroom-container ul .newsroom-list .newsroom-teaser-image img {

    width: 100%;

    top: 0;

    position: relative;

    left: 0;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition: -webkit-transform .3s;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition: transform .3s,-webkit-transform .3s;

}

.newsroom-container ul .newsroom-list:first-child .newsroom-teaser-details .newsroom-teaser-description {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 80%;

}

.newsroom-container ul .newsroom-list:first-child .newsroom-teaser-details {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex: auto;

    flex: auto;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: auto;

    text-align: center;

    width: calc(50% - 40px);

}

.newsroom-container ul .newsroom-list a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    text-decoration: none;

    height: 100%;

}

.newsroom-container ul .newsroom-list .newsroom-teaser-details .newsroom-teaser-description h2 {

    margin: 0;

    position: relative;

    font-size: 24px;

    line-height: 1.25;

    text-align: left;

    font-weight: 600;

    letter-spacing: .008em;

}

.newsroom-container ul .newsroom-list:first-child .newsroom-teaser-details h2 {

    color: #fff;

    text-align: center;

    text-transform: none;

}

.newsroom-container ul .newsroom-list:first-child .newsroom-teaser-details .newsroom-teaser-description p {

    color: #fff;

    margin-top: 15px;

    font-size: 20px;

    line-height: 1.25;

    letter-spacing: .008em;

}

.newsroom-container ul .newsroom-list .newsroom-teaser-details, .newsroom-container ul .newsroom-list .newsroom-teaser-details .newsroom-teaser-description {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.newsroom-container ul .newsroom-list .newsroom-teaser-details .newsroom-teaser-description {

    width: 100%;

    margin: 0 auto;

    text-align: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

}

.newsroom-container ul .newsroom-list .newsroom-teaser-details .newsroom-teaser-button {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    height: 50px;

    width: 100%;

}

.newsroom-container ul .newsroom-list:first-child .newsroom-teaser-details .date {

    color: #fff;

    text-align: right;

}

.newsroom {

    background: #f5f5f5;

}

.newsroom-container ul .newsroom-list .newsroom-teaser-details, .newsroom-container ul .newsroom-list .newsroom-teaser-details .newsroom-teaser-description {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.newsroom-container ul .newsroom-list .newsroom-teaser-details {

    margin: 20px;

}

.newsroom-container ul .newsroom-list:first-child {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    width: calc(100% - 20px);

    margin: 50px auto 25px;

    background: #1a272d;

    padding: 15px;

	box-sizing:border-box;

}

.newsroom-container ul .newsroom-list:hover {

    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);

    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);

    -webkit-transition: .4s;

    transition: .4s;

}

.contactBanner img { display:block; margin:0 auto; width:100%;}

.contact-container {

	overflow:hidden;

}

.contact-container strong {

    font-weight: bold;

}

.contact-container a {cursor: pointer;

    text-decoration: underline;}

.contact-container small { font-size:12.8px;}

.container-partner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    max-width: 1200px;

}

.partner-list {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 5vh;

}

.partner-list .partner {

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border-bottom: 2px solid #1a272d;

    margin: 5vh auto;

    padding: 20px;



}

.partner-list .partner.in-viewport {

    -webkit-transition: all 1s;

    transition: all 1s;

}

.partner-list .partner.above-viewport, .partner-list .partner.in-viewport {

    -webkit-transform: translate(0);

    transform: translate(0);

    opacity: 1;

}

.partner-list .partner .partner-details {

    max-width: 80%;

}

.partner-list .partner .partner-logo {

    max-width: 20%;

}

.partner-list .partner .partner-details h2 {

    font-size: 32px;

    line-height: 1.25;

    font-weight: 600;

    letter-spacing: .008em;

    margin: 0;

}

.partner-list .partner .partner-details h3 {

    font-size: 20px;

    margin: 15px 0;

    line-height: 1.25;

    font-weight: 600;

    letter-spacing: .008em;

}

.partner-list .partner .partner-details .multi-adress-blocks {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

}

.partner-list .partner .partner-details .partner-web {

    margin: 10px 0;

}

.partner-list .partner .partner-details .multi-adress-blocks p {

    margin: 10px 60px 10px 0;

}

.partner-list .partner .partner-logo img {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    max-width: 100%;

    width: 100%;

    height: auto;

    -webkit-transition: all .4s;

    transition: all .4s;

    opacity: .7;

}

.partner-list, .partner-list .partner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.partner-list .partner:hover img {

    -webkit-filter: none;

    filter: none;

    opacity: 1;

    -webkit-transition: all .4s;

    transition: all .4s;

}

.training a { transition:all 0.3s; text-decoration:underline;}

.aboutBox { width:1200px; margin:40px auto;}

.aboutBox h1 { font-size:40px; line-height:46px; margin-bottom:40px; text-align:center;}

.aboutBox p { text-indent:40px; font-size:20px; line-height:2;}

.fixMenu {top: 54px;

    right: -110%;

    float: right;

    width: 30vw;

    height: 100vh;

    padding: 0 60px;

    text-align: right;

    background: #1a272d;

    position: fixed;

    z-index: 5;}

.information { margin-top:40px;}

.information li img { max-width:8px; margin-left:5px;}

.information h4 {

    color: #fff;

    opacity: .4;

    font-size: 12.8px;

    margin: 0 0 10px;

	

}

.information li {

    line-height: 1.5;

}

.information li a {color: #fff;

    font-size: 16px;

    font-weight: 300;

    text-decoration: none;

    text-transform: uppercase; transition:all 0.3s;}

.information li a:hover { padding-right:10px; color:#00b9eb;}

.information li.cur a { color:#00b9eb;}

.headerContainer i { font-style:normal;}

.headerContainer .more-menu.cur { color:#00b9eb;}

.videoFix {position: fixed;

    z-index: 9997;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,.5);

    display: table;

    -webkit-transition: opacity .3s ease;

    transition: opacity .3s ease; display:none;}

.altModel {display: table-cell;

    vertical-align: middle;}

	.modelContainer {width: 65vw;

    margin: 0 auto;

    padding: 20px 30px;

    background-color: #fff;

    border-radius: 4px;

    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.33);

    box-shadow: 0 2px 8px rgba(0,0,0,.33);

    -webkit-transition: all .3s ease;

    transition: all .3s ease;}

.modal-header {height: 35px;}

.modal-header button {    color: #fff;

    background: #00b9eb;

    display: inline-block;

    border: 1px solid #00b9eb;

    border-radius: 4px;

    text-decoration: none;

    margin: 5px 0;

    padding: 5px 15px;

    position: relative;

    -webkit-transition: all .4s;

    transition: all .4s;

    z-index: 1; float:right;}

.modelBody {

position: relative;

    padding-bottom: 56.25%;

    padding-top: 0;

    height: 0;

	margin:20px 0;

}

.modelBody iframe { position:absolute; left:0; top:0; width:100%; height:100%;}
.modelBody iframe video { width:100%!important; height:100%!important;}
.language-switcher-mobile { overflow:hidden; margin-bottom:20px; text-align:right;}

.language-switcher-mobile img { float:right;}

.fixMenu .first { display:none;}

.fullMp4 {width: 100%;

    height: 100vh;}

.fullMp4 video {position: absolute;

    right: 0;

    bottom: 0;

    min-width: 100%;

    min-height: 100%;}

.picSlide { height:100vh; width:100%;}

.picSlide .swiper-container {

  width: 100%;

  height: 100%;

}



.picSlide .swiper-slide {

  text-align: center;

  font-size: 18px;

  background: #fff;



  /* Center slide text vertically */

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

}

.viewertitle {

    position: absolute;

    left: 0;

    top: 20vh;

    margin-left: 30px; text-align:left;

    -webkit-transition: all .2s;

    transition: all .2s;

}

.viewer { width:1440px; margin:0 auto; height:100%; position:relative;}

.viewertitle h2 { margin:10px 0; line-height:1.2; font-size: 58px; font-weight: 600;}

.viewertitle h3, .viewertitle p {

    font-size: 20px;

    line-height: 1.25;

    letter-spacing: .008em;

}

.viewertitle p .big-blue {

    font-size: 58px;

    font-weight: 600;

    color: #00b9eb;

    margin: 15px 0;

}

.viewertitle p {

    margin-top: 0;

}

.viewertitle h3 {

    margin: 0;

    font-weight: 600;

}

.viewertitle p { margin-bottom:15px;}

.feature h2 {

    font-size: 24px;

    margin-bottom: 15px;

    line-height: 1.25;

    font-weight: 600;

    letter-spacing: .008em;

}

.featuredetail .val-text, .featuredetail .val-text .big-blue {

    font-size: 20px;

    font-weight: 400;

    line-height: 1.25;

    letter-spacing: .008em;

}

.featuredetail .val-text {

    margin-top: 15px;

    margin: 0;

}

.featuredetail .val-text, .featuredetail .val-text .big-blue {

    font-size: 20px;

    font-weight: 400;

    line-height: 1.25;

    letter-spacing: .008em;

}

.featuredetail {

    position: absolute;

    left: 0;

    top: 20vh;

    margin-left: 30px;

    width: 100vw;

    -webkit-transition: all .2s;

    transition: all .2s;

    z-index: 1; text-align:left;

}

.big-blue, .blue {

    color: #00b9eb;

}

.featuredetail .teaser-button-invert {

    color: #1fbcd2;

    display: inline-block;

    border: 1px solid #1fbcd2;

    border-radius: 6px;

    text-decoration: none;

    margin: 5px 0;

	background:none;

    padding: 9px 20px 10px;

    position: relative;

    font-size: 16px;

    text-transform: uppercase;

    z-index: 1;

}

.teaser-button-play img {    margin-left: 5px; vertical-align: -1px;}

.picSlide .swiper-slide .viewer { background-image:url(../images/joint-modul.png);}

.picSlide .swiper-slide:nth-child(1) .viewer {    background-position: 0 -100px;}

.picSlide .swiper-slide:nth-child(2) .viewer {    background-position:-1440px -100px;}

.picSlide .swiper-slide:nth-child(3) .viewer {    background-position:-4320px -100px;}

.picSlide .swiper-slide:nth-child(4) .viewer {    background-position:-7200px -100px;}

.picSlide .swiper-slide:nth-child(5) .viewer {    background-position:-10080px -100px;}

.picSlide .swiper-slide:nth-child(6) .viewer {    background-position:-12960px -100px;}

.picSlide .swiper-slide:nth-child(7) .viewer {    background-position:-15840px -100px;}

.picSlide .swiper-slide:nth-child(8) .viewer { background:url(../images/gif2.gif) right center no-repeat; background-size:60% auto;}

.picSlide .swiper-slide:nth-child(9) .viewer { background:url(../images/gif2.gif) right center no-repeat; background-size:60% auto;}

.picSlide .swiper-slide:nth-child(10) .viewer { background:url(../images/gif2.gif) right center no-repeat; background-size:60% auto;}

.picSlide .swiper-slide:nth-child(11) .viewer { background:url(../images/motion.gif) right center no-repeat; background-size:90% auto;}

.picSlide .swiper-slide:nth-child(12) .viewer {  background:url(../images/forcesensing.gif) right center no-repeat; background-size:90% auto;}

.picSlide .swiper-slide:nth-child(13) .viewer {  background:url(../images/forceapplication.gif) right center no-repeat; background-size:90% auto;}

.picSlide .swiper-slide:nth-child(14) .viewer {  background:url(../images/interaction.gif) right center no-repeat; background-size:90% auto;}

.dn { display:none;}

.bigImg { margin-bottom:10px; border:1px solid #d8d8d8;}

.bigImg img { box-sizing:border-box; display:block; width:100%;}

.proInfor { margin-bottom:10px; border:1px solid #d8d8d8;}

.gallery-thumbs .swiper-slide { border:1px solid #d8d8d8;}

.gallery-thumbs .swiper-slide-thumb-active { border:1px solid #00b9eb;}

.aboutImg { position:relative; width:406px; float:left;}

.aboutImg .swiper-button-prev { left:-27px; top:168px; margin-top:-27px;  outline:none; background:url(../images/prev.png) center no-repeat; width:54px; height:54px;}

.aboutImg .swiper-button-next { right:-27px; top:168px; margin-top:-27px; outline:none; background:url(../images/next.png) center no-repeat; width:54px; height:54px;}

.aboutImg .swiper-button-prev:after,.aboutImg .swiper-button-next:after  { content:'';}

.smallImg img { display:block; width:100%;}

.aboutSlide { width:1254px; padding:0 27px; margin:0 auto 40px; overflow:hidden;}

.smallImg { overflow:hidden;}

.smallImg span { cursor:pointer; transition:all 0.3s; border:1px solid #d8d8d8; box-sizing:border-box; float:left; display:block; width:32%; margin-right:2%;}

.smallImg span:nth-child(3n){ margin-right:0;}

.smallImg span.cur { border:1px solid #0099cc;}

.aboutTxt { float:left; width:37.25%; margin-left:5%;}

.aboutTxt h2 { font-size:32px; color:#333333; line-height:85px; position:relative;}

.aboutTxt h2:after { content:''; position:absolute; left:0; bottom:0; width:80px; height:3px; background:#00a7e5;}

.aboutTxt p { font-size:14px; color:#333333; line-height:25px; margin-top:25px;}

.aboutButtonbox { float:right; width:225px; height:448px; background:#fafafa;}

.aboutButtonbox a.moreBtn { background:url(../images/morebtn.png) center top no-repeat; transition:all 0.3s; display:block; text-align:center; padding-top:45px; font-size:16px; color:#333333; line-height:44px; margin-bottom:32px; margin-top:122px;}

.aboutButtonbox a.downBtn { transition:all 0.3s; background:url(../images/downbtn.png) center top no-repeat; display:block; text-align:center; padding-top:45px; font-size:16px; color:#333333; line-height:44px;}

.aboutButtonbox a.moreBtn:hover { background:url(../images/morebtncur.png) center top no-repeat; color:#00a7e5;}

.aboutButtonbox a.downBtn:hover { background:url(../images/downiconcur.png) center top no-repeat; color:#00a7e5;}

.contact-page .contact-container>div { width:33.33%; float:left;}

.contact-page .contact-container>div:nth-child(1) { text-align:center; width:29%;}

.contact-page .contact-container>div img { width:62%; margin:0 22px 30px;}
.contact-page .contact-container>div.mapBox img { width:100%; margin:0;}
.contleft h3 { line-height:1.5; font-size:40px; font-weight:bold;}

.contleft h4 { line-height:1.5; font-size:26px; font-weight:300;}

.contact-page .contact-container>div:nth-child(2) { box-sizing:border-box; padding-left:13px; margin-left:52px; width:33.33%;}

.contInfor h5 { font-size:20px; color:#333333; margin-bottom:18px;}

.contInfor p { padding-left:36px; margin-top:0; font-size:16px; color:#333333; line-height:50px;}

.contInfor p.nameIcon { background:url(../images/conticon1.jpg) left center no-repeat;}

.contInfor p.telIcon { background:url(../images/conticon2.jpg) left center no-repeat;}

.contInfor p.mobIcon { background:url(../images/conticon3.jpg) left center no-repeat;}

.contInfor p.maileIcon { background:url(../images/conticon4.jpg) left center no-repeat;}

.contact-container { margin:0 auto; width:1200px; padding:5vh 0;}

.mapBox p { padding-left:20px; text-decoration:none;font-size: 16px;
    color: #333333;
    line-height: 44px;}
.mapBox a { text-decoration:none;}
.mapBox img { display:block; width:100%;}

.smallImg .swiper-slide { border:1px solid #d8d8d8;}

.smallImg .swiper-button-next:after, .smallImg .swiper-button-prev:after { color:#00a7e5;}

.smallImg .swiper-slide-active { border:1px solid #00a7e5;}

.proTxt { padding:0 4% 10px;}

.proTxt h2 { font-family:'TQPROOffice-Bold'; margin-bottom:5px; font-size:24px; line-height:28px; color:#454545;}

.proTxt h2 span { font-family:'TQPROOffice-Bold'; color:#00a7e5;}

.proTxt p { font-family:'TQPROOffice-Regular'; font-size:18px; margin:0; color:#454545;}

.articleBox { background:#f5f5f5;}

.articleInfor { background:#fff; width:1200px; margin:0 auto;}

.articleBar { width:80%; margin:0 auto;}

.articleBar h2 {margin: 60px 0 0;

    font-size: 30px;

    font-weight: 600; line-height:1.2}

.articleBar p {    margin: 50px 0;

    font-size: 20px;

    line-height: 1.45;

    letter-spacing: .008em;}

.dateTag {margin: 15px 0;font-size:20px;

    font-weight: 400;

    line-height: 1.3;}

.articleBar a.back { transition:all 0.3s;    color: #1fbcd2;

    display: inline-block;

    border: 1px solid #1fbcd2;

    border-radius: 6px;

    text-decoration: none;

    margin: 5px 0;

    padding: 9px 20px 7px;

    position: relative;

    font-size: 16px;

    text-transform: uppercase;

    z-index: 1;}

.backBox { overflow:hidden; text-align:center; padding-bottom:80px;}

.backBox a:hover { background:rgb(187,235,241);}
.capcaBanner .viewertitle .download-btn a p { font-weight:200; text-align:center; color:#fff; font-size:16px; line-height:2; margin-bottom:0;}
.capcaBanner .viewertitle .download-btn a { padding:0;}
@media screen and  (max-width:1440px){

.picSlide .swiper-slide .viewer { box-sizing:border-box; width:100%; padding:0 4%; background-image:url(../images/joint-modul-mobile.png);}	

}

@media screen and  (max-width:1200px){
	.articleInfor { width:100%;}
	.articleBar div { padding-left:0!important}
	.articleBar img { max-width:100%; height:auto!important}
	.articleBar { width:92%;}
	.articleBar h2 { font-size:26px;}
	.articleBar p { margin:0; font-size:16px; line-height:1.75;}
	.mapBox { width:100%; box-sizing:border-box;}

	.aboutBox { width:100%; padding:0 15px;}

	.aboutBox h1 { font-size:30px; line-height:36px; margin-bottom:20px;}

	.aboutBox p { font-size:16px; text-indent:32px;}

	.device-image {

    width: 800px;

	} 

	.aboutSlide { width:100%; box-sizing:border-box; padding:0 4%;}

	.aboutButtonbox { margin-top:20px; float:none; width:100%; height:auto; padding:20px 0; overflow:hidden;}

	.aboutTxt { float:none; width:100%; margin:0;}

	.aboutImg { float:none; margin:0 auto;}

	.aboutButtonbox a { float:left; width:50%; margin:0!important;;}

}

@media (max-width: 1110px){

	.vid {

    width: 665px;

    top: -15px;

    left: 8px;

}
	.frankImgbox img { height:auto!important;}

.capabilitysection { margin-top:40px;}
}



@media screen and  (max-width:1024px){
.capcaBanner .download-btn .talogo { width:40px; height:40px;}
.capcaBanner .viewertitle { bottom:0;}
.capcaBanner .viewertitle .download-btn a { padding-bottom:5px;}
.newsList,.contact-container {-webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;}

.newsList>div { width:100%;}

.modelContainer { width:90vw;}

.contact-page { padding-bottom:10vh!important;}

.videoFull { height:55vh;} 

}

@media (max-width: 809px){
.capcaBanner .viewertitle .download-btn a p { font-size:14px;}
.contact-container>div { width:100%!important;}
.contact-page .contact-container>div { width:100%; margin-bottom:20px;}
.contact-page .contact-container>div:nth-child(2) { margin-left:0;}
.contact-page .spacer-smaller { display:none;}

.contact-page .contact-container>div:nth-child(2) { padding-top:0;}

.contact-page .contact-container>div p { font-size:14px;}

.vid {

    width: 455px;

    top: -8px;

    left: 5px;

}

.device-image {

    width: 560px;

}

}



@media screen and  (max-width:780px){
.careersbanner { height:auto;}
.careersbanner img { position:static; height:auto;}
.careersbanner .franka-world-teaser { position:absolute; left:0; bottom:20px;}
body { overflow-x:hidden; width:100%;}
.update-section h2,.management-section .management-description h2,.community-description h2,.store-desc h2{ font-size:24px;}
.create h2  { font-size:22px;}
.update-section p,.management-section .management-description p,.community-description p,.overview-images .overview-images-desc p,.franka-world-teaser p { font-size:16px;}

.overview-images img { max-width:100%;}
.overview-images>div { float:none; width:100%; padding:0 4%;}
	.fullMp4 video { position:static; width:100%;}
	.fullMp4 { height:auto; position:relative;}
.viewertitle p .big-blue { font-size:26px;}
.viewertitle span { font-size:16px;}
.featuredetail .val-text, .featuredetail .val-text .big-blue { font-size:16px;}
.aboutImg .swiper-button-prev { left:0; margin-left:0;}

.aboutImg .swiper-button-next { right:0; margin-right:0;}

.contact-page { padding-bottom:0!important; width:100%;}

.contact-container { padding-bottom:0;}

.newsList, .contact-container { width:100%; background:none;}

.aboutImg { width:100%;}

.viewertitle { top:10vh; left:0; margin:0 auto; padding:0 5%; box-sizing:border-box;}

.viewertitle p { font-size:24px; line-height:1.25;}

.viewertitle h2 { font-size:34px;}

.picSlide .swiper-slide .viewer { background-image:url(../images/joined-min.jpg); background-size:auto 416px;    background-position: -220px 0;}

.picSlide .swiper-slide:nth-child(1) .viewer { background:url(../images/gif2.gif) center bottom no-repeat; background-size:100% auto;}

.picSlide .swiper-slide:nth-child(2) .viewer {  background:url(../images/gif1.gif) center bottom no-repeat; background-size:100% auto;}

.picSlide .swiper-slide:nth-child(3) .viewer {   background:url(../images/gif1.gif) center bottom no-repeat; background-size:100% auto;}

.picSlide .swiper-slide:nth-child(4) .viewer {  background:url(../images/gif1.gif) center bottom no-repeat; background-size:100% auto;}

.picSlide .swiper-slide:nth-child(5) .viewer {  background:url(../images/gif1.gif) center bottom no-repeat; background-size:100% auto;}

.picSlide .swiper-slide:nth-child(6) .viewer {  background:url(../images/gif1.gif) center bottom no-repeat; background-size:100% auto;}

.picSlide .swiper-slide:nth-child(7) .viewer {  background:url(../images/gif1.gif) center 80% no-repeat; background-size:100% auto;}

.picSlide .swiper-slide:nth-child(8) .viewer { background:url(../images/gif2.gif) center 80% no-repeat; background-size:100% auto;}

.picSlide .swiper-slide:nth-child(9) .viewer { background:url(../images/gif2.gif) center 80% no-repeat; background-size:100% auto;}

.picSlide .swiper-slide:nth-child(10) .viewer { background:url(../images/gif2.gif) center 80% no-repeat; background-size:100% auto;}

.picSlide .swiper-slide:nth-child(11) .viewer { background:url(../images/motion.gif) center 80% no-repeat; background-size:120% auto;}

.picSlide .swiper-slide:nth-child(12) .viewer {  background:url(../images/forcesensing.gif) center 80% no-repeat; background-size:120% auto;}

.picSlide .swiper-slide:nth-child(13) .viewer {  background:url(../images/forceapplication.gif) center 80% no-repeat; background-size:120% auto;}

.picSlide .swiper-slide:nth-child(14) .viewer {  background:url(../images/interaction.gif) center 80% no-repeat; background-size:120% auto;}

.picSlide .swiper-slide:nth-child(10) .viewer .viewertitle { top:5vh;}

.picSlide .swiper-slide:nth-child(10) .viewer .viewertitle p { font-size:16px;}

.picSlide .swiper-slide:nth-child(1) .viewer p { font-size:14px;}





.update-section .update-description {

    margin: 50px auto;

    width: 90vw;

    text-align: center;

}

.overview-section { margin:20px auto;}

.update-section .update-screenshot {

    margin: 0 auto;

    width: 90vw;

}

.create .create-desc { width:100vw;}

.update-section {-webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column; height:auto; padding-bottom:100px;}

.update-section .update-description { width:100%; padding:0 4%; margin:0 auto 30px;}

.community-description {    width: 80vw;

    height: auto;

    margin: 100px auto;}

.management-section {-webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    height: auto;

    margin: 100px 4% 100px;}

.management-section .management-screenshot{width: 90vw;

    margin: 0 auto;}

.management-section .management-description {

    margin: 0 auto;

    width: 80vw;

    text-align: center;

}

.management-section .management-description { width:100%; text-align:center;}

.community-section { height:auto;}

.store-desc {width: 100%;

    top: 5vh;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 35vh;}

.videoFull { display:none;}

.newsroom-container ul .newsroom-list:first-child {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

}

.franka-world-teaser { width:80%;}

.introsection { margin:5vh auto;}

.careers p { font-size:16px;}

.newsroom-container ul .newsroom-list:first-child .newsroom-teaser-image {

    width: 100%;

}

.newsroom-container ul .newsroom-list:first-child .newsroom-teaser-details {

    width: auto;

}

.newsroom-container ul .newsroom-list {

    width: 100%;

    margin: 10px auto;

}

.careersbanner .franka-world-teaser h2 {font-size: 26px;
    margin-bottom: 10px;}

.cbp-rfgrid li { width:100%; margin:0 auto 10px;}

.container-grid {-webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;}

.container-big-left { width:100%; margin:0;}

.container-big-right {width: 100%;

    margin: 0;}

.container-small-left { width:100%;}

.container-small-right { width:100%; margin:0;}

.container-left { width:100%; margin:0;}

.container-middle { width:100%; margin:0;}

.container-right { width:100%; margin:0;}

.container-big-right .container-small-row {-webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;}

.company h2 { line-height:1.2;}

.partner-logo { display:none;}

.partner-list .partner .partner-details { width:100%; max-width:100%;}

.fixMenu .first { display:block;} 

.fixMenu { width:100%;}

.headerContainer li.menu-link { display:none;}

.headerContainer ul li.menu-link.more-menu { display:block; border-right:none;}

.bannerTxt { padding:0 15px;}

.container {

    padding: 0 15px;

	overflow:hidden;

}

.bannerTxt h2 {    font-size:26px;}

.bannerTxt h4{font-size: 19px;}
.friendLink>div { width:50%!important; margin:0!important; padding:0 3%!important;}
.friendLink p { font-size:16px;}

.modelContainer { width:100%;}

.facts-container .facts {-webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;}

.fact {width: 80%;

    margin: 15px auto!important;}

.panda-solutions>div {width: 80%;

    margin: 15px auto; float:none;}

.focusList h2 {font-size: 34px;

    margin-bottom: 15px;

    text-align: center;}

.focuseImg {    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;}

.focuseImg a {width:100%;

    margin: 15px auto;}



.focusList a.checkAll { margin:0 auto;}

.focusList { text-align:center;}

.newsList { -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;}

.newsBar h2 { text-align:center;font-size: 34px;

    margin-bottom: 15px;

    text-align: center;}

.newsList>div { width:100%;    margin: 15px auto;}
.newsList>div h4 { font-size:20px;}
.friendLink { -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column; height:auto;}

.friendLink>div {    width: 100%;

    margin: 20px;}

.footer-menu {-webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 37%;}

.footerInfor { width:100%; margin-bottom:25px;}

.facts .fact p { font-size:16px;}

.headerContainer { padding:0 15px;}

.desc-text { width:100%; max-width:100%;}
.viewertitle img { display:none;}
.fullMp4 .viewertitle { bottom:10px; padding:0;}
.download-btn .teaser-button-invert { padding:3px 10px; font-size:14px;}
}