/*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter,Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%}img{max-width:80%;margin:0 auto}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}p{margin:0;padding:0}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1~h6{margin:0;padding:0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.mask{position:absolute;width:100%;height:100%;z-index:-1;opacity:0;background-color:var(--mask-color)}:root{--border-radius:4px;--mask-color:rgba(0, 0, 0, 0.3);--dark-font-color:#323233;--blue-font-color:#1d4fff;--black-font-color:rgba(255, 255, 255, 0.7);--grey-font-color:#71748d;--white-font-color:#ffffff;--dark-background-color:#0a1742;--grey-background-color:#f7f8fa;--blue-background-color:#062665;--white-background-color:#ffffff;--footer-background-color:#242c4b;--button-white-color:#ffffff;--button-hover-white-color:rgba(255, 255, 255, 0.8);--button-blue-color:#1d4fff;--button-hover-blue-color:rgba(29, 79, 255, 0.8);--button-blue2-color:#062665;--button-hover-blue2-color:#082a6e;--button-dark-color:#0a1742;--button-hover-dark-color:rgba(10, 23, 66, 0.6);--customer-background-color:#1d6aff}
.section-column{width:100%;padding:40px 0}.section-column.dark{background-color:var(--dark-background-color)}.section-column.dark .title{color:var(--white-font-color)}.section-column.dark .subtitle{color:var(--white-font-color)}.section-column.grey{background-color:var(--grey-background-color)}.section-column.blue{background-color:var(--blue-background-color)}.section-column.white{background-color:var(--white-background-color)}.section-screen{width:1200px;margin:0 auto;overflow:hidden}.describe,.title{line-height:160%}.title{color:#323233;font-size:36px;font-weight:600;text-align:center}.title.white{color:var(--white-font-color)}.subtitle{color:#323233;font-size:20px;font-weight:500;text-align:center}.subtitle.white{color:var(--white-font-color)}.describe{font-size:16px;text-align:center;margin-top:16px !important;color:var(--grey-font-color)}.describe.white{color:var(--white-font-color)}.describe .pc{display:block}.describe .wap{display:none}.textAlign{text-align:center}.button{font-size:16px;padding:6px 20px;height:36px;display:inline-block;background-color:transparent;border-radius:var(--border-radius);transition:all .3s}.button:hover{color:#222;background-color:#f6f6f6}.button:hover.white{color:var(--button-hover-white-color);border:1px solid var(--button-hover-white-color)}.button:hover.blue{color:var(--button-white-color);border:1px solid var(--button-hover-blue-color);background-color:var(--button-hover-blue-color);box-shadow:0 0 5px var(--button-hover-blue-color)}.button:hover.blue2{color:var(--button-white-color);border:1px solid var(--button-white-color);background-color:var(--button-hover-blue2-color);box-shadow:0 0 5px var(--button-hover-blue2-color)}.button:hover.dark{color:var(--button-white-color);border:1px solid var(--button-white-color);background-color:var(--button-hover-dark-color);box-shadow:0 0 5px var(--button-hover-dark-color)}.button.white{color:var(--button-white-color);border:1px solid var(--button-white-color)}.button.blue{color:var(--button-white-color);border:1px solid var(--button-blue-color);background-color:var(--button-blue-color);box-shadow:0 0 5px var(--button-blue-color)}.button.blue2{color:var(--button-white-color);border:1px solid var(--button-white-color);background-color:var(--button-blue2-color);box-shadow:0 0 5px var(--button-blue2-color)}.button.dark{color:var(--button-white-color);border:1px solid var(--button-white-color);background-color:var(--button-dark-color);box-shadow:0 0 5px var(--button-dark-color)}.button.marginTop{margin-top:30px}.describe,.title{padding:0 60px}.header{width:100%;padding:8px;z-index:10;top:0;position:fixed;background-color:#fff;box-shadow:0 4px 40px rgba(76,117,239,.06),0 4px 30px rgba(4,36,153,.06),0 6px 20px rgba(4,36,153,.04)}.header .section-screen{display:flex;align-items:center}.header .oper{flex:1}.header .oper{text-align:right}.banner{width:100%;padding:0 40px;margin-top:77px;height:49.10569106vw;max-height:604px;background-color:#f9fbff;background-image:url(../image/banner-pc.png);background-position:center;background-repeat:no-repeat}.banner .section-screen{display:flex;align-items:center;justify-content:center;height:100%}.banner .text{flex:1;text-align:left}.banner .text .title{padding:0;font-size:58px;text-align:left}.banner .text .subtitle{text-align:left}.banner .text .describe{padding:0;text-align:left;padding-bottom:20px}.banner .text label{color:var(--blue-font-color)}.banner .image{flex:1;text-align:right}.section-grid{display:grid;margin-top:40px;grid-column-gap:24px;grid-template-columns:repeat(3,1fr)}.section-grid .image{text-align:center}.section-grid .describe,.section-grid .title{padding:0 24px}.choice-flex{margin-top:40px}.choice-flex .choice-flex-item{display:block;height:350px;margin:30px 0}.choice-flex .choice-flex-item img{max-height:100%}.choice-flex .text{padding:0 20px;padding-top:20px}.choice-flex .image{padding:0 20px}.choice-flex .describe,.choice-flex .subtitle,.choice-flex .title{padding:0;text-align:left}.choice-flex .image,.choice-flex .text{width:50%}.choice-flex .right{float:right}.choice-flex .left{float:left}.themes-grid{display:grid;margin-top:60px;box-sizing:border-box;grid-template-columns:repeat(3,1fr);grid-row-gap:40px;grid-column-gap:40px}.themes-grid .themes-grid-item{position:relative;max-height:520px;height:39.96774194vw;border-radius:8px;overflow:hidden;cursor:pointer}.themes-grid .themes-grid-item img{max-width:100%;transform:translateY(0)}.themes-grid .themes-grid-item:hover .mask{z-index:1;opacity:1}.themes-grid .mask{z-index:1;transition:opacity .3s}.application .choice-flex{overflow:hidden}.application-grid{display:grid;margin-top:60px;box-sizing:border-box;grid-template-columns:repeat(2,1fr);grid-row-gap:40px;grid-column-gap:80px}.application-grid .application-grid-item{display:flex;align-items:flex-start;justify-content:center}.application-grid img{max-width:100%}.application-grid .image{width:62px;margin-right:20px}.application-grid .text{flex:1}.application-grid .describe,.application-grid .subtitle,.application-grid .title{padding:0;text-align:left}.application-grid .describe{margin-top:8px}.partner-grid{display:grid;margin-top:60px;box-sizing:border-box;grid-template-columns:repeat(4,1fr);grid-row-gap:40px;grid-column-gap:40px}.partner-grid .partner-grid-item{padding:0 40px}.partner-grid .partner-grid-item img{max-width:100%}.footer{padding:12px 0;font-size:12px;text-align:center;color:var(--white-font-color);background-color:var(--footer-background-color)}.customer-mask{position:fixed;width:100%;height:100%;left:0;top:0;z-index:-1;opacity:0;transition:all .3s;background-color:rgba(0,0,0,.45)}.customer-fixed{position:fixed;width:76px;border-top-left-radius:76px;border-top-right-radius:76px;right:10px;bottom:50px;padding:72px 0 4px 0;background-image:url(../image/customer01.png);background-color:var(--customer-background-color);background-repeat:no-repeat;background-position:2px 2px;z-index:10}.customer-fixed .iphone,.customer-fixed .webchat{width:76px;font-size:14px;color:var(--white-font-color);text-align:center;padding:10px 0;user-select:none;cursor:pointer;position:relative}.customer-fixed .iphone .tips,.customer-fixed .webchat .tips{position:absolute;width:180px;padding:12px;border-radius:6px;top:0;left:-182px;display:none;background-color:var(--white-background-color);box-shadow:0 0 5px rgba(0,0,0,.12)}.customer-fixed .iphone .tips.tips-flex .image,.customer-fixed .webchat .tips.tips-flex .image{width:42px;margin-right:12px}.customer-fixed .iphone .tips.tips-flex .image img,.customer-fixed .webchat .tips.tips-flex .image img{max-width:100%}.customer-fixed .iphone .tips.tips-flex .text,.customer-fixed .webchat .tips.tips-flex .text{flex:1;text-align:left;color:var(--grey-font-color)}.customer-fixed .iphone .tips.tips-flex .text>p,.customer-fixed .webchat .tips.tips-flex .text>p{color:#323233;font-size:14px;font-weight:700}.customer-fixed .iphone .describe,.customer-fixed .webchat .describe{padding:0;margin:0;text-align:left}.customer-fixed .iphone:hover .tips,.customer-fixed .webchat:hover .tips{display:block}.customer-fixed .iphone:hover .tips.tips-flex,.customer-fixed .webchat:hover .tips.tips-flex{display:flex}.customer-fixed .webchat{border-bottom:1px solid rgba(6,41,108,.3)}.customer-fixed .webchat .tips{top:-60px}.customer-fixed .webchat img{max-width:100%}.customer-fixed .iphone{border-bottom:4px solid var(--white-background-color);padding-bottom:4px}.customer-pop{position:fixed;width:380px;padding:0 22px;padding-top:135px;top:50%;left:50%;z-index:-1;opacity:0;transition:all .3s;background-repeat:no-repeat;background-image:url(../image/customer-title.png);transform:translateX(-50%) translateY(-50%) translateZ(0);background-color:var(--white-background-color);box-shadow:4px 0 20px rgba(0,0,0,.05),-4px 4px 20px rgba(0,0,0,.05);border-radius:8px;text-align:center}.customer-pop .close{width:20px;height:20px;position:absolute;top:12px;right:12px;cursor:pointer;transition:all .3s}.customer-pop .close:hover{transform:rotate(180deg)}.customer-pop .close:hover:after,.customer-pop .close:hover:before{background-color:#f1f1f1}.customer-pop .close:after{content:'';width:2px;height:16px;display:block;background-color:#fff;position:absolute;left:9px;top:2px;transform:rotate(-45deg)}.customer-pop .close:before{content:'';width:2px;height:16px;display:block;background-color:#fff;position:absolute;left:9px;top:2px;transform:rotate(45deg)}.customer-pop .customer-header{position:absolute;width:246px;height:72px;left:50%;top:30px;display:flex;align-items:center;transform:translateX(-50%)}.customer-pop .customer-header .image{width:72px;margin-right:12px}.customer-pop .customer-header .text{flex:1;text-align:left;line-height:160%;font-size:18px;color:var(--white-font-color)}.customer-pop img{max-width:100%;display:inline-block;vertical-align:middle}.customer-pop .contact{margin-top:20px}.customer-pop .contact-item{width:100%;height:48px;line-height:48px;margin-bottom:20px;background-color:#f7fafe}@media screen and (max-width:1280px){.section-screen{width:100%;padding:0 40px}.header .section-screen{padding:0}.banner .text .title{font-size:24px}.banner .image{margin-top:40px;text-align:center}.choice-flex .choice-flex-item{height:auto;height:280px;margin:10px 0}.themes-grid{width:100%;padding:0 20px}.title{font-size:26px}.describe{font-size:14px}}@media screen and (max-width:820px){.themes-grid{grid-template-columns:repeat(2,1fr);grid-row-gap:20px;grid-column-gap:20px}.themes-grid .themes-grid-item{height:62.96774194vw}.title{font-size:22px}.describe{font-size:12px}.describe .pc{display:none}.describe .wap{display:block}.describe,.subtitle,.title{padding:0 40px}.partner-grid{grid-row-gap:20px;grid-column-gap:20px}.partner-grid .partner-grid-item{padding:0 10px}.banner .text .title{font-size:32px}}@media screen and (max-height:768px){.customer-pop img{max-width:210px;max-height:210px}}@media screen and (max-width:768px){.title{font-size:20px}.subtitle{font-size:16px}.subtitle.white{color:var(--white-font-color)}.describe,.subtitle,.title{padding:0 20px}.themes-grid{margin-top:40px}.application-grid{margin-top:16px}.themes-grid{padding:0}.section-screen{padding:0 16px}.banner{padding:40px 0;height:auto;max-height:unset}.banner .section-screen{display:block}.banner .text{text-align:center}.banner .text .describe,.banner .text .subtitle,.banner .text .title{text-align:center}.banner .text .title{font-size:26px}.banner .image{margin-top:40px;text-align:center}.section-grid{grid-template-columns:repeat(1,1fr)}.section-grid .describe{max-width:450px;margin:0 auto}.choice-flex{margin-top:0;overflow:hidden}.choice-flex .choice-flex-item{display:block;height:auto;max-height:none}.choice-flex .describe,.choice-flex .subtitle,.choice-flex .title{text-align:center}.choice-flex .image,.choice-flex .text{width:100%;padding-top:0;text-align:center}.choice-flex .image{max-height:315px}.choice-flex .image img{max-width:100%;max-height:315px}.choice-flex .right{float:unset}.choice-flex .left{float:unset}.application-grid{grid-template-columns:repeat(1,1fr);grid-row-gap:20px;grid-column-gap:20px}.application-grid .application-grid-item{align-items:flex-start}.application-grid .image{padding-right:12px;margin-right:0}.application-grid img{width:100%}.partner-grid{margin-top:20px;grid-template-columns:repeat(2,1fr);grid-row-gap:0;grid-column-gap:0}.partner-grid .partner-grid-item{padding:0 20px}}@media screen and (max-width:421px){.customer-pop{width:calc(100% - 40px);min-width:280px;margin:0 auto}}
.header .logo{
	width: 180px;
}
.header .logo img{
	width: 156px;
}

@keyframes fadeInDown {
	0% {
	  opacity: 0;
	  transform: translateY(-100%);
	}
	100% {
	  opacity: 1;
	  transform: translateY(0);
	}
}
.fade-in-down {
	animation: fadeInDown 0.5s ease-out;
  }

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(100%);
	  }
	  100% {
		opacity: 1;
		transform: translateY(0);
	  }
}
.fade-in-up {
	animation: fadeInUp 0.5s ease-out;
}