#container-wrapper .wrapper.right::-webkit-scrollbar {display:none}
@font-face {font-family:National-Regular;src:url(../../fonts/font-gn/National-Regular.otf)}
@font-face {font-family:National-Bold;src:url(../../fonts/font-gn/National-Bold.otf)}
* {-webkit-box-sizing:border-box;box-sizing:border-box}
/* h1,h2,h3,h4,h5,h6,i {font-weight:400;font-style:normal} */
body.block {overflow:hidden}
#container-general {position:relative;width:100%;font-size:0}
.anim-btnHover-1,.anim-btnHover-2 {white-space:pre}
.anim-btnHover-1 span,.anim-btnHover-2 span {display:inline-block;-webkit-transition:transform 250ms cubic-bezier(0,.785,0,1);-o-transition:transform 250ms cubic-bezier(0,.785,0,1);-webkit-transition:-webkit-transform 250ms cubic-bezier(0,.785,0,1);transition:-webkit-transform 250ms cubic-bezier(0,.785,0,1);transition:transform 250ms cubic-bezier(0,.785,0,1);transition:transform 250ms cubic-bezier(0,.785,0,1),-webkit-transform 250ms cubic-bezier(0,.785,0,1)}

#container-general {-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
#container-general.ready {-webkit-filter:blur(0px);filter:blur(0px);opacity:1}
#container-general>.container-text {position:absolute;z-index:2;top:240px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
#container-general>.container-text h1 {color:#363f54;font-family:National-Bold;font-size:42px;line-height:51px;padding-left:95px}
#container-general>.container-text h1:before {content:'';position:absolute;top:28px;left:0;height:2px;width:60px;border-radius:2px;background-color:#363f54}
#container-general>.container-text p {display:none;font-family:National-Regular;color:#fff;font-size:16px;line-height:24px;max-width:210px}
#container-wrapper {position:relative;height:100vh}
#container-wrapper .wrapper {display:inline-block;vertical-align:top;width:50%;height:100%}
#container-wrapper .wrapper.left {position:relative;overflow:hidden}
#container-wrapper .wrapper.left:before {content:'';position:absolute;z-index:1;top:0;left:0;width:200%;height:100%;background-color:#fff;-webkit-transform:translateX(-50%) skew(-20deg);-ms-transform:translateX(-50%) skew(-20deg);transform:translateX(-50%) skew(-20deg);-webkit-transition:all .35s cubic-bezier(.7,0,.3,1);-o-transition:all .35s cubic-bezier(.7,0,.3,1);transition:all .35s cubic-bezier(.7,0,.3,1)}
#container-general.ready #container-wrapper .wrapper.left:before {-webkit-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%)}
#container-wrapper .wrapper.left .illu {position:relative;height:100%;width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}
#container-wrapper .wrapper.left .illu video {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto!important;height:auto!important;min-height:100%;min-width:100%}
#container-wrapper .wrapper.right {-webkit-overflow-scrolling:touch;overflow:auto;position:relative;padding:180px 75px 60px; background:#fbfbfb;}
#container-wrapper .wrapper.right .desc {position:relative;text-align:right;margin-bottom:80px}
#container-wrapper .wrapper.right .desc p {display:inline-block;width:50%;color:#8a99c0;font-family:National-Regular;font-size:18px;line-height:28px;text-align:left}
#container-wrapper .wrapper.right form {width:100%}
#container-wrapper .wrapper.right form .li-qs {width:100%;position:relative}
#container-wrapper .wrapper.right form .li-qs .qs {width:100%;position:relative;padding:19px 0;border-bottom:1px solid #e1e5ef;text-align:right}
#container-wrapper .wrapper.right form .li-qs .qs.select {z-index:1}
#container-wrapper .wrapper.right form .li-qs .qs .container-text {width:35%;padding-right:25px;display:inline-block;vertical-align:middle}
#container-wrapper .wrapper.right form .li-qs .qs .container-text p {color:#363f54;font-family:National-Bold;font-size:14px;line-height:17px;text-align:left}
#container-wrapper .wrapper.right form .li-qs .qs .container-input {width:65%;display:inline-block;vertical-align:middle;position:relative;text-align:left}
#container-wrapper .wrapper.right form .li-qs .qs .container-input input {font-family:National-Regular;color:#363f54;font-size:14px;outline:none;height:50px;padding-left:18px;width:100%;border:1px solid #dfdfdf;border-radius:3px;background-color:#fdfdfd;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#container-wrapper .wrapper.right form .li-qs .qs .container-input input:focus{background:#f1f3f5; border:1px solid #f1f3f5; border-bottom:1px solid #3d6afe;}
#container-wrapper .wrapper.right form .li-qs .qs .container-input.op-dp input {cursor:pointer}
#container-wrapper .wrapper.right form .li-qs .qs .container-input .arrow {fill:#363f54;height:8px;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}
#container-wrapper .wrapper.right form .li-qs .qs .container-input input:focus {}
#container-wrapper .wrapper.right form .li-qs .qs .container-input .dropdown {z-index:1;display:none;max-height:160px;overflow:auto;position:absolute;left:0;top:calc(100% + 5px);width:100%;background-color:#fff;-webkit-box-shadow:0 15px 28px 0 rgba(0,0,0,.12);box-shadow:0 15px 28px 0 rgba(0,0,0,.12);opacity:0;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#container-wrapper .wrapper.right form .li-qs .qs .container-input .dropdown.show {opacity:1}
#container-wrapper .wrapper.right form .li-qs .qs .container-input .dropdown .container-el {position:relative}
#container-wrapper .wrapper.right form .li-qs .qs .container-input .dropdown .container-el .el {position:relative;cursor:pointer;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#container-wrapper .wrapper.right form .li-qs .qs .container-input .dropdown .container-el .el:hover {background-color:rgba(0,0,0,.2)}
#container-wrapper .wrapper.right form .li-qs .qs .container-input .dropdown .container-el .el:hover p {color:#fff}
#container-wrapper .wrapper.right form .li-qs .qs .container-input .dropdown .container-el .el.select {color:#fff;background-color:rgba(0,0,0,.2)}
#container-wrapper .wrapper.right form .li-qs .qs .container-input .dropdown .container-el .el.select p {color:#fff}
#container-wrapper .wrapper.right form .li-qs .qs .container-input .dropdown .container-el .el p {padding:15px;font-family:National-Regular;color:#363f54;font-size:14px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#container-wrapper .wrapper.right form .li-qs .qs .container-error {display:none;color:#ff505e;font-family:National-Regular;font-size:13px;font-style:italic;margin-top:10px;line-height:18px;width:65%;text-align:left}
#container-wrapper .wrapper.right form .li-qs .qs.label-input.error .container-error {display:inline-block}
#container-wrapper .wrapper.right form .prj {padding-top:25px}
#container-wrapper .wrapper.right form .prj p {color:#363f54;font-family:National-Bold;font-size:14px;line-height:17px;margin-bottom:25px}
#container-wrapper .wrapper.right form .prj textarea {width:100%;height:180px;resize:none;padding:14px 18px;font-family:National-Regular;color:#363f54;font-size:14px;outline:none;border:1px solid #dfdfdf;border-radius:3px;background-color:#fdfdfd;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#container-wrapper .wrapper.right form .prj textarea:focus {border-color:#2884f6}
#container-wrapper .wrapper.right form .container-submit {margin-top:55px;text-align:right}
#container-wrapper .wrapper.right form .container-submit .submit {display:inline-block;width:100px;height:50px;border-radius:3px;background-color:#2884f6;text-align:center;cursor:pointer;position:relative;overflow:hidden}
#container-wrapper .wrapper.right form .container-submit .submit.error {background-color:#ff505e}
#container-wrapper .wrapper.right form .container-submit .submit.valid {background-color:#73dcc2}
#container-wrapper .wrapper.right form .container-submit .submit .text {display:block;width:100%;left:0;position:absolute;z-index:1;top:50%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .35s cubic-bezier(.7,0,.3,1);-o-transition:all .35s cubic-bezier(.7,0,.3,1);transition:all .35s cubic-bezier(.7,0,.3,1)}
#container-wrapper .wrapper.right form .container-submit .submit.error .text,#container-wrapper .wrapper.right form .container-submit .submit.valid .text {opacity:0;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}
#container-wrapper .wrapper.right form .container-submit .submit p {color:#fff;font-family:National-Bold;font-size:14px}
#container-wrapper .wrapper.right form .container-submit .submit .error,#container-wrapper .wrapper.right form .container-submit .submit .valid {position:absolute;top:50%;left:50%;height:10px;opacity:0;-webkit-transform:translateY(100%) translateX(-50%);-ms-transform:translateY(100%) translateX(-50%);transform:translateY(100%) translateX(-50%);-webkit-transition:all .35s cubic-bezier(.7,0,.3,1);-o-transition:all .35s cubic-bezier(.7,0,.3,1);transition:all .35s cubic-bezier(.7,0,.3,1)}
#container-wrapper .wrapper.right form .container-submit .submit.error .error,#container-wrapper .wrapper.right form .container-submit .submit.valid .valid {opacity:1;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}
#container-wrapper .wrapper.right form .container-submit .submit .error svg,#container-wrapper .wrapper.right form .container-submit .submit .valid svg {height:100%;stroke:#fff}
#container-wrapper .wrapper.right form .label-input.error input,#container-wrapper .wrapper.right form .label-input.error textarea {border-color:rgba(255,80,94,.08)!important;background-color:rgba(255,80,94,.08)!important}
footer {display:none}
.dd{text-align:right; margin:0 0 19px;}
.dd .bg{width:53px; height:64px; background:url(/images/106.png) no-repeat; margin:0 -16px 0 0;}
.dd .dd1{font-size:30px; font-family:'SourceHanSansCNLight'; color:#f99635; line-height:60px;}
.dd .dd2{font-size:14px; font-family:'SourceHanSansCBold'; color:#a7a7a7; line-height:22px;}