:root {
 --domColor:#596efb;
 --whiteColor:#fff;
 --hoverColor:#4457d6
}
body {
 font-family:"寰蒋闆呴粦","Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size:14px;
 line-height:1.5;
 color:#575d6c;
 background-color:#fff
}
input,
button {
 outline:0;
 border:0
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
 color:#767785;
 font-size:16px
}
input:-moz-placeholder,
textarea:-moz-placeholder {
 color:#767785;
 font-size:16px
}
input::-moz-placeholder,
textarea::-moz-placeholder {
 color:#767785;
 font-size:16px
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
 font-size:16px;
 color:#767785
}
.thumbnails {
 width:101% !important;
 height:103% !important;
 filter:blur(4px);
 -webkit-filter:blur(4px)
}
.pc-show {
 display:block
}
.mobile-show {
 display:none
}
.left {
 float:left
}
.right {
 float:right
}
header,
main,
section,
footer {
 padding:0;
 margin:0
}
.max-width-1200 {
 max-width:1200px;
 width:100%;
 height:100%;
 position:relative;
 margin:0 auto
}
.clearfix {
 height:100%
}
.clearfix::after {
 content:"";
 clear:both;
 display:block
}
.box-sizing {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.layui-tab {
 margin-top:25px;
 margin-bottom:0
}
.layui-tab-title {
 border:0;
 text-align:center;
 height:42px
}
.layui-tab-title li {
 line-height:42px;
 color:#14182d;
 font-size:16px;
 min-width:auto;
 padding:0
}
.layui-tab-title .layui-this:after {
 display:none
}
.layui-tab-content {
 padding:0
}
.layui-tab-title .open-line:before {
 height:2px;
 background-color:#596efb
}
.layui-tab-title .open-line.layui-this:before {
 transform:scale(1);
 -webkit-transform:scale(1)
}
.layui-tab-title .layui-this:after {
 display:none
}
.layui-tab-content {
 padding:0
}
.layui-tab-content .main-title {
 display:flex
}
.even-share {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 margin-left:-15px;
 margin-right:-15px
}
.even-share .subelement {
 -webkit-box-flex:1;
 -webkit-flex:1;
 -ms-flex:1;
 flex:1;
 margin-left:15px;
 margin-right:15px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:relative
}
.drop-down-arron {
 position:absolute;
 right:0;
 top:0;
 width:50px;
 height:100%
}
.drop-down-arron:after {
 content:'';
 margin:-4px 0 0 -8px;
 width:8px;
 height:8px;
 border-top:2px solid #cececc;
 border-left:2px solid #cececc;
 border-radius:2px;
 position:absolute;
 top:50%;
 left:50%;
 transform:rotate(225deg);
 transition:transform .3s ease-in-out;
 -webkit-transform:rotate(225deg);
 -webkit-transition:transform .3s ease-in-out
}
.drop-down-arron1:after {
 border-color:#fff
}
.drop-down-arron.active:after {
 transform:rotate(45deg);
 -webkit-transform:rotate(45deg)
}
.btn-moreA {
 height:36px;
 text-align:center
}
.btn-moreA a {
 display:inline-block;
 width:120px;
 height:36px;
 line-height:36px;
 color:#333;
 font-size:14px;
 border:1px solid #333
}
.btn-moreA a:hover {
 background-color:#596efb;
 border-color:#596efb;
 color:#fff
}
.ban-btn {
 height:36px;
 text-align:left;
 font-size:0;
 margin-top:34px
}
.ban-btn a {
 display:inline-block;
 vertical-align:top;
 width:auto;
 min-width:123px;
 height:36px;
 padding:0 25px;
 text-align:center;
 line-height:36px;
 font-size:14px;
 color:#fff;
 position:relative;
 cursor:pointer;
 margin-right:20px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.ban-btn a .icon-video {
 display:inline-block;
 vertical-align:middle;
 margin-left:8px;
 width:20px;
 height:20px;
 border-radius:50%;
 background:rgba(251,252,255,.23);
 position:relative;
 top:-2px
}
.ban-btn a .icon-video:before {
 content:'';
 position:absolute;
 left:50%;
 top:50%;
 margin:-5px 0 0 -3px;
 width:0;
 height:0;
 border-left:8px solid rgba(251,252,255,.4);
 border-top:5px solid transparent;
 border-bottom:5px solid transparent;
 border-radius:3px





}
.ban-btn a.btn-href1 {
 background-image:linear-gradient(90deg,#00aeff 0,#596efb 100%);
 background-color:#596efb
}
.ban-btn a.btn-href2 {
 line-height:34px;
 border:1px solid rgba(235,235,235,.85)
}
.ban-btn a.btn-href1:hover {
 background-image:linear-gradient(90deg,#09f 0,#575dfa 100%);
 background-color:#5064e6
}
.ban-btn a.btn-href2:hover {
 border:1px solid rgba(235,235,235,1)
}
.ban-title.text-center .ban-btn {
 text-align:center
}
.ban-title.text-center .ban-btn a {
 margin:0 10px
}
.title-href {
 padding:20px 0 0;
 height:25px
}
.title-href a {
 display:inline-block;
 height:25px;
 line-height:25px;
 position:relative;
 color:#596efb;
 font-size:14px;
 padding-right:28px
}
.title-href a:after {
 content:'';
 position:absolute;
 right:0;
 top:50%;
 margin-top:-4px;
 width:20px;
 height:9px;
 background-image:url(../../static/images/veryxiao/common/icon-common.png);
 background-position:0 0;
 background-repeat:no-repeat
}
.title-href a:before,
.characteristics .proCord dt:after {
 content:"";
 width:0;
 height:1px;
 background:#596efb;
 position:absolute;
 bottom:0;
 left:50%;
 transition:all .3s;
 -webkit-transition:all .3s
}
.characteristics .proCord dt:after {
 bottom:5px
}
.title-href a:hover:before,
.characteristics .proCord:hover dt:after {
 width:100%;
 left:0;
 right:0
}
.btn-application {
 padding:20px 0 0;
 height:32px
}
.btn-application a {
 display:inline-block;
 width:120px;
 height:32px;
 line-height:32px;
 font-size:14px;
 color:#fff;
 text-align:center;
 cursor:pointer;
 background-color:#596efb;
 border-radius:1px
}
.btn-application a:hover {
 background-color:#5266eb
}
.more-sub {
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%)
}
.more-sub span {
 display:inline-block;
 width:4px;
 height:4px;
 border:1px solid #888;
 border-radius:50%;
 margin:0 1px
}
.open-line {
 position:relative
}
.open-line:before {
 content:"";
 width:100%;
 height:1px;
 background:#fff;
 position:absolute;
 bottom:0;
 left:0;
 transform:scale(0);
 transition:transform .3s ease-in-out;
 -webkit-transform:scale(0);
 -webkit-transition:transform .3s ease-in-out
}
.open-line.active:before,
.open-line:hover:before {
 transform:scale(1);
 -webkit-transform:scale(1)
}
.surround-line1,
.surround-line2 {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 overflow:hidden
}
.surround-line1:before,
.surround-line1:after,
.surround-line2:before,
.surround-line2:after {
 content:'';
 position:absolute;
 transition:transform .35s cubic-bezier(.25,.46,.45,.94);
 -webkit-transition:transform .35s cubic-bezier(.25,.46,.45,.94)
}
.surround-line1:before {
 width:100%;
 height:1px;
 background-image:linear-gradient(90deg,rgba(3,171,254,.5),rgba(86,111,251,.5));
 top:0;
 left:0;
 transform:translate(100%,0);
 -webkit-transform:translate(100%,0)
}
.surround-line1:after {
 width:100%;
 height:1px;
 background-image:linear-gradient(90deg,rgba(3,171,254,.5),rgba(86,111,251,.5));
 bottom:0;
 left:0;
 transform:translate(-100%,0);
 -webkit-transform:translate(-100%,0)
}
.surround-line2:before {
 width:1px;
 height:100%;
 background:rgba(3,171,254,.5);
 top:0;
 left:0;
 transform:translate(0,-100%);
 -webkit-transform:translate(0,-100%)
}
.surround-line2:after {
 width:1px;
 height:100%;
 background:rgba(86,111,251,.5);
 top:0;
 right:0;
 transform:translate(0,100%);
 -webkit-transform:translate(0,100%)
}
.title:hover .surround-line1:before,
.title:hover .surround-line1:after,
.title:hover .surround-line2:before,
.title:hover .surround-line2:after {
 transform:translate(0);
 -webkit-transform:translate(0)
}
.text-underline {
 position:relative
}
.text-underline:after {
 content:'';
 width:100%;
 height:1px;
 background-color:#e0f1ff;
 position:absolute;
 bottom:3px;
 left:0;
 transform:translateX(-100%);
 transition:all .3s ease;
 -webkit-transform:translateX(-100%);
 -webkit-transition:all .3s ease
}
.text-underline:hover:after {
 transform:translateX(0);
 -webkit-transform:translateX(0)
}
header {
 width:100%;
 height:72px;
 background-color:rgba(255,255,255,1);
 border-bottom:1px solid #dae1ea;
 position:fixed;
 top:0;
 left:0;
 z-index:101
}
header .max-width-1200 {
 position:static
}
header .menu-drop .max-width-1200 {
 position:relative
}
.logo {
 float:left;
 width:140px;
 height:100%;
 position:relative
}
.logo a {
 display:block;
 position:absolute;
 left:0;
 top:18%;
 /*! margin-top:-12px; */width:300px;
 height:49px;
 overflow:hidden
}
.logo a:before {
 content:'';
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background-image:url(../../static/images/veryxiao/common/logo-E.png);
 background-position:left center;
 background-repeat:no-repeat
}
.tel {
 float:left;
 width:185px;
 height:100%;
 position:relative
}
.tel span {
 display:block;
 position:absolute;
 left:0;
 top:50%;
 margin-top:-9px;
 width:185px;
 height:18px;
 overflow:hidden
}
.tel span:before {
 content:'';
 position:absolute;
 left:0;
 top:0;
 width:185px;
 height:18px;
 background-image:url(../../static/images/veryxiao/common/icon-common.png);
 background-position:-1px -140px;
 background-repeat:no-repeat
}
header .nav-right {
 float:right;
 height:100%
}
.top-login {
 float:left;
 height:34px;
 padding:19px 0;
 margin-left:32px
}
.top-login a {
 display:block;
 width:34px;
 height:34px;
 position:relative
}
.top-login a:before {
 content:'';
 position:absolute;
 left:50%;
 top:50%;
 margin:-17px 0 0 -17px;
 width:34px;
 height:34px;
 background-image:url(../../static/images/veryxiao/common/icon-common.png);
 background-position:-68px -161px;
 background-repeat:no-repeat
}
.top-login a.leave:hover:before {
 background-position:-102px -161px
}
.top-login a.logIn:before {
 background-position:0 -161px
}
.top-login a.logIn:hover:before {
 background-position:-34px -161px
}
.main-nav a.application {
 display:block;
 float:left;
 margin:20px 0 0 30px;
 width:98px;
 height:34px;
 line-height:34px;
 font-size:15px;
 color:#fff;
 text-align:center;
 letter-spacing:.5px;
 background-image:linear-gradient(90deg,#00aeff 0,#596efb 100%);
 background-color:#596efb;
 border-radius:4px
}
.main-nav a.application:hover {
 background-image:linear-gradient(90deg,#09f 0,#575dfa 100%);
 background-color:#5064e6
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
 color:rgba(101,106,128,.65);
 font-size:14px
}
input:-moz-placeholder,
textarea:-moz-placeholder {
 color:rgba(101,106,128,.65);
 font-size:14px
}
input::-moz-placeholder,
textarea::-moz-placeholder {
 color:rgba(101,106,128,.65);
 font-size:14px
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
 color:rgba(101,106,128,.65);
 font-size:14px
}
.layui-input-block .layui-form-danger {
 border-color:red
}
.layui-layer-wrap ::-webkit-scrollbar-track-piece {
 background-color:#f9f9f9;
 -webkit-border-radius:0;
 margin-left:-10px;
 opacity:.5;
 filter:alpha(finishopacity=0,opacity=0,style=2,startx=20,starty=40,finishx=0,finishy=0)
}
.layui-layer-wrap ::-webkit-scrollbar {
 width:8px;
 height:8px;
 opacity:.5;
 filter:alpha(finishopacity=0,opacity=0,style=2,startx=20,starty=40,finishx=0,finishy=0)
}
.layui-layer-wrap ::-webkit-scrollbar-thumb {
 height:50px;
 background-color:#d6d9db;
 -webkit-border-radius:4px;
 outline:2px solid #f9f9f9;
 outline-offset:-2px;
 border:2px solid #f9f9f9;
 opacity:.5
}
.layui-layer-wrap ::-webkit-scrollbar-thumb:hover {
 height:50px;
 background-color:#9f9f9f;
 -webkit-border-radius:4px
}
.layui-layer {
 border-radius:10px !important
}
.m-layer0 .layui-layer-content {
 overflow:hidden !important
}
.layer-tip0 {
 display:none;
 width:511px;
 height:auto;
 background-image:linear-gradient(180deg,#e1edff 0,#f2f7ff 100%);
 background-color:#f2f7ff;
 box-shadow:0 0 8px rgba(255,255,255,1) inset;
 border-radius:10px;
 letter-spacing:1px;
 overflow:hidden
}
.layer-tip0:before {
 content:'';
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background-image:url(../../static/images/veryxiao/solutions/dx/from-bg.jpg);
 background-position:center top;
 background-repeat:no-repeat;
 border-radius:10px
}
.layer-tip0 .s-title {
 position:relative;
 z-index:2;
 margin-top:60px;
 line-height:38px;
 font-size:28px;
 color:#000;
 font-weight:bold;
 text-align:center
}
.layer-tip0 .m-contact-form {
 padding:0;
 position:relative;
 z-index:2
}
.layer-tip0 .m-contact-form form.layui-form {
 width:78.28%;
 padding:8px 0 0;
 margin:20px auto 66px
}
.layer-tip0 .layui-form .layui-form-item {
 margin-bottom:14px
}
.layer-tip0 .layui-form-pane .layui-form-label {
 display:block;
 float:none;
 text-align-last:left;
 text-align:left;
 width:calc(100% - 12px);
 height:26px;
 line-height:26px;
 font-size:16px;
 color:#3d485d;
 font-weight:normal;
 padding:0;
 border:0;
 background:none;
 margin:0 6px
}
.layer-tip0 .layui-form-pane .layui-form-label i {
 margin-left:10px;
 color:red;
 font-style:normal;
 position:relative;
 top:2px
}
.layer-tip0 .layui-form-pane .layui-input-block {
 margin-left:0;
 padding-top:1px
}
.layer-tip0 .layui-input,
.layer-tip0 .layui-textarea {
 width:calc(100% - 12px);
 height:40px;
 line-height:26px;
 text-align:left;
 font-size:16px;
 color:#000;
 padding:7px 14px;
 background-color:#f8fbff;
 border:1px solid #fff;
 border-radius:3px;
 box-shadow:0 0 6px rgba(46,125,235,.12);
 margin:6px
}
.layer-tip0 .layui-form-pane .layui-textarea {
 height:74px;
 min-height:74px;
 padding-top:10px;
 padding-bottom:10px
}
.layer-tip0 .layui-form-pane .layui-form-text3 {
 padding-top:30px;
 margin:0 auto
}
.layer-tip0 .layui-form-pane .layui-form-text3 .layui-btn {
 margin:0 6px;
 width:calc(100% - 12px);
 height:42px;
 line-height:42px;
 font-size:16px;
 color:#fff;
 background-image:linear-gradient(90deg,#03adff 0,#586ffb 100%);
 background-color:#586ffb;
 border-radius:3px
}
.layer-tip0 .layui-form-pane .layui-form-text3 .layui-btn:hover {
 background-image:linear-gradient(90deg,#09f 0,#575dfa 100%);
 background-color:#5064e6;
 opacity:1
}
.layui-layer .layui-layer-setwin {
 right:-18px !important;
 top:-23px !important;
 width:28px;
 height:28px;
 background:rgba(255,255,255,.35);
 border-radius:50%
}
.layui-layer .layui-layer-setwin:hover {
 background:rgba(255,255,255,.55) !important
}
.layui-layer .layui-layer-setwin .layui-layer-close2 {
 right:0 !important;
 top:0 !important;
 width:100% !important;
 height:100% !important;
 background:none !important
}
.layui-layer .layui-layer-setwin .layui-layer-close2:before,
.layui-layer .layui-layer-setwin .layui-layer-close2:after {
 content:'';
 width:1px !important;
 height:15px !important;
 background-color:#fff !important;
 position:absolute;
 top:6px !important;
 left:14px !important;
 transform:rotate(45deg);
 -webkit-transform:rotate(45deg)
}
.layui-layer .layui-layer-setwin .layui-layer-close2:after {
 right:9px;
 left:auto;
 transform:rotate(315deg);
 -webkit-transform:rotate(315deg)
}
.layui-layer-shade {
 opacity:.6 !important
}
.icon-pro1:before {
 background-position:0 -25px
}
.icon-pro2:before {
 background-position:-48px -25px
}
.icon-pro3:before {
 background-position:-96px -25px
}
.icon-pro4:before {
 background-position:-144px -25px
}
.icon-pro5:before {
 background-position:-192px -25px
}
.icon-pro11:before {
 background-position:0 -73px
}
.icon-pro12:before {
 background-position:-48px -73px
}
.icon-pro13:before {
 background-position:-96px -73px
}
.icon-pro14:before {
 background-position:-144px -73px
}
.icon-pro15:before {
 background-position:-192px -73px
}
.icon-pro16:before {
 background-position:-240px -73px
}
.icon-pro17:before {
 background-position:-288px -73px
}
.icon-pro21:before {
 background-position:0 -121px
}
.icon-pro22:before {
 background-position:-48px -121px
}
.icon-pro23:before {
 background-position:-96px -121px
}
.icon-pro31:before {
 background-position:0 -169px
}
.icon-pro32:before {
 background-position:-48px -169px
}
.even-share,
.even-share0,
.even-share1,
.even-share01,
.even-share2 {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 margin-left:-15px;
 margin-right:-15px
}
.even-share .subelement {
 -webkit-box-flex:1;
 -webkit-flex:1;
 -ms-flex:1;
 flex:1;
 margin-left:15px;
 margin-right:15px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:relative
}
.even-share0 {
 margin-left:-11px;
 margin-right:-11px;
 justify-content:left
}
.even-share0 .subelement {
 width:calc(50% - 22px);
 margin:11px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:relative
}
.even-share1 {
 margin-left:-11px;
 margin-right:-11px;
 justify-content:center
}
.even-share1 .subelement {
 width:calc(33.33% - 22px);
 margin:11px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:relative
}
.even-share01 {
 margin-left:-11px;
 margin-right:-11px;
 justify-content:left
}
.even-share01 .subelement {
 width:calc(33.33% - 22px);
 margin:11px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:relative
}
.even-share2 {
 margin-left:0;
 margin-right:0;
 justify-content:center
}
.even-share2 .subelement {
 width:25%;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:relative
}
.tab-stop {
 text-align:center;
 font-size:0;
 margin-left:-10px;
 margin-right:-10px
}
.tab-stop .subelement {
 width:calc(33.33% - 22px);
 display:inline-block;
 vertical-align:top;
 position:relative;
 margin:0 10px 20px
}
.tab-stop.four-sub .subelement {
 width:calc(25% - 22px)
}
.tab-stop1 {
 text-align:left;
 font-size:0;
 margin-left:-15px;
 margin-right:-15px
}
.tab-stop1 .subelement {
 width:calc(33.33% - 30px);
 display:inline-block;
 vertical-align:top;
 position:relative;
 margin:0 15px 30px
}
.classified-navigation {
 height:57px;
 overflow:hidden;
 position:relative;
 margin-top:2px
}
.classified-navigation:before {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:1px;
 background:#dae1e9
}
.classified-navigation a {
 display:block;
 float:left;
 color:#333;
 font-size:16px;
 line-height:57px;
 font-weight:bold;
 padding-right:25px;
 margin-right:25px;
 position:relative
}
.classified-navigation a:after {
 content:'';
 position:absolute;
 top:24px;
 right:0;
 width:1px;
 height:11px;
 background:#c7cdd4
}
.classified-navigation a:last-child:after {
 display:none
}
.classified-navigation a:before {
 content:'';
 width:0;
 height:2px;
 background:var(--domColor);
 position:absolute;
 bottom:0;
 left:0;
 transition:all .3s;
 -webkit-transition:all .3s
}
.classified-navigation a:hover,
.classified-navigation a.active {
 color:var(--domColor)
}
.classified-navigation a.active:before {
 width:calc(100% - 25px)
}
.classified-navigation span {
 display:block;
 float:left;
 color:#666;
 font-size:14px;
 line-height:57px
}
.breadcrumb a {
 font-size:14px;
 color:#666;
 font-weight:normal
}
.breadcrumb a:after {
 width:6px;
 height:6px;
 background:none;
 border-bottom:1px solid #666;
 border-right:1px solid #666;
 top:26px;
 transform:rotate(315deg);
 -webkit-transform:rotate(315deg)
}
.breadcrumb a:before {
 display:none
}
.pro-documents {
 padding:60px 0 71px
}
.pro-documents ul {
 margin-top:30px
}
.pro-documents ul li {
 position:relative;
 background:var(--whiteColor);
 text-align:left;
 border:1px solid #d5dce6
}
.pro-documents ul li a {
 display:block;
 padding:20px 25px;
 position:relative;
 z-index:2
}
.pro-documents ul li:before {
 content:'';
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
 background-image:url(../../static/images/veryxiao/product/small-bg.png);
 background-position:left top;
 background-repeat:no-repeat
}
.pro-documents ul li:after {
 content:'';
 position:absolute;
 right:25px;
 top:50%;
 margin-top:-7px;
 width:9px;
 height:13px;
 background-image:url(../../static/images/veryxiao/common/icon-common.png);
 background-position:-22px 0;
 background-repeat:no-repeat
}
.pro-documents ul li h6 {
 line-height:32px;
 font-size:18px;
 color:#333
}
.pro-documents ul li p {
 line-height:24px;
 font-size:14px;
 color:gray
}
.pro-documents ul li:hover {
 box-shadow:0 8px 12px rgba(194,215,236,.2)
}
.related-products ul li:before {
 display:none
}
.related-products ul li .icon {
 float:left;
 width:56px;
 height:56px;
 background-image:linear-gradient(-45deg,var(--domColor) 0,#77cbff 100%);
 background-color:var(--domColor);
 position:relative
}
.related-products ul li .icon:before {
 content:'';
 position:absolute;
 left:50%;
 top:50%;
 margin:-24px 0 0 -24px;
 width:48px;
 height:48px;
 background-image:url(../../static/images/veryxiao/common/icon-pro.png);
 background-repeat:no-repeat
}
.related-products ul li h6,
.related-products ul li p {
 padding-left:72px
}
.s-layer-video,
.s-layer-video0 {
 display:none
}
.m-layer-video {
 width:770px !important;
 background-color:#000
}
.m-layer-video video {
 width:770px;
 height:auto
}
.m-layer-video .layui-layer-setwin .layui-layer-close2 {
 right:-31px;
 top:-31px;
 background:rgba(0,0,0,.75);
 border:2px solid #fff;
 border-radius:50%;
 opacity:.8
}
.m-layer-video .layui-layer-setwin .layui-layer-close2:after,
.m-layer-video .layui-layer-setwin .layui-layer-close2:before {
 content:'';
 margin:-8px 0 0 -1px;
 width:2px;
 height:16px;
 background:#fff;
 position:absolute;
 top:50%;
 left:50%;
 transform:rotate(45deg);
 -webkit-transform:rotate(45deg)
}
.m-layer-video .layui-layer-setwin .layui-layer-close2:before {
 transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg)
}
.m-layer-video .layui-layer-setwin .layui-layer-close2:hover {
 opacity:1;
 background-position:-190px 0
}
.m-layer-video .layui-layer-setwin,
.m-layer-video .layui-layer-setwin:hover {
 background:none !important
}
.m-layer-video .layui-layer-setwin .layui-layer-close2:before,
.m-layer-video .layui-layer-setwin .layui-layer-close2:after {
 left:50% !important;
 top:50% !important;
 margin:-8px 0 0 -1px !important
}
.page-banner {
 height:500px;
 overflow:hidden;
 position:relative;
 background-color:#0140c1
}
.page-banner-bg {
 width:100%;
 height:100%;
 background-position:center center;
 background-size:1920px 501px;
 background-repeat:no-repeat;
 position:absolute;
 top:0;
 left:0;
 transition:width .26s ease-in-out,height .26s ease-in-out;
 -webkit-transition:width .26s ease-in-out,height .26s ease-in-out
}
.page-banner-main {
 position:absolute;
 left:0;
 top:0;
 z-index:2;
 width:100%;
 height:calc(100% - 31px);
 text-align:left;
 padding-top:31px
}
.page-banner-main .max-width-1200 {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-align-items:center;
 align-items:center
}
.page-banner-main .ban-title {
 width:100%;
 text-align:left;
 color:#fff
}
.page-banner-main .ban-title.text-center {
 text-align:center;
 padding:0 6%
}
.page-banner-main h2 {
 line-height:51px;
 font-size:34px;
 font-weight:normal;
 color:var(--whiteColor)
}
.page-banner-main p {
 line-height:26px;
 font-size:14px;
 color:rgba(255,255,255,.9);
 font-weight:300;
 margin-top:15px
}
.page-ban-nav {
 position:absolute;
 bottom:0;
 left:0;
 z-index:2;
 width:100%;
 height:49px;
 background-color:rgba(0,0,0,.1);
 border-top:1px solid rgba(255,255,255,.13)
}
.page-ban-nav .logo {
 display:none;
 float:left;
 margin-right:90px
}
.page-ban-nav .ban-btn {
 display:none
}
.page-ban-nav .aiming-point-nav {
 float:left;
 height:49px
}
.page-ban-nav .title-nav {
 display:block;
 float:left;
 line-height:49px;
 font-size:14px;
 color:#fff;
 letter-spacing:1px;
 margin-right:60px
}
.page-ban-nav .title-nav:before {
 bottom:1px
}
.page-ban-nav.fixed {
 position:fixed;
 bottom:auto;
 top:0;
 z-index:101;
 background:#0659AA
}
.page-ban-nav.fixed .logo {
 display:block
}
.page-ban-nav.fixed .ban-btn {
 display:block;
 float:right;
 margin-top:7px
}
.page-ban-nav.fixed .ban-btn a {
 margin-right:0
}
.page-ban-nav.fixed .title-nav {
 margin-right:45px
}
.page-ban-nav.fixed .title-nav:last-child {
 margin-right:0
}
header.fixed.point {
 position:absolute !important
}
header.fixed .logo,
.page-ban-nav .logo {
 width:285px;
}
header.fixed .logo a,
.page-ban-nav .logo a {
 width:285px;
 height:26px;
 margin-top:2px;
}
header.fixed .logo a:before,
.page-ban-nav .logo a:before {
 background-image:url(../../static/images/veryxiao/common/logo-C-w.png);
 background-position:center
}
header.index-header.fixed {
 position:fixed
}
header.main-nav.fixed {
 position:fixed;
 height:50px;
 background:rgba(255,255,255,.97)
}
header.main-nav.fixed .logo a:before {
 background-image:url(../../static/images/veryxiao/common/logo-C.png)
}
header.main-nav.fixed:hover {
 background:rgba(255,255,255,1)
}
header.main-nav.fixed .top-login {
 padding-top:8px;
 padding-bottom:8px
}
header.main-nav.fixed .application {
 margin-top:8px
}
.yban-common {
 position:relative;
 z-index:3;
 height:220px;
 text-align:center;
 color:#fff;
 background-image:url(../../static/images/veryxiao/common/yban.jpg);
 background-size:cover;
 background-position:center top;
 background-repeat:no-repeat
}
.yban-common .max-width-1200 {
 width:90%;
 height:auto;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%)
}
.yban-common h3 {
 line-height:44px;
 font-size:24px;
 color:#fff;
 letter-spacing:1px
}
.yban-common h6 {
 line-height:30px;
 font-size:18px;
 color:#fff;
 letter-spacing:1px
}
.yban-common .btn-href1 {
 text-align:center;
 font-size:0;
 padding:15px 0 0
}
.yban-common .btn-href1 a {
 display:inline-block;
 margin:0 14px;
 padding:0 30px;
 width:auto;
 height:40px;
 line-height:38px;
 font-size:16px;
 color:#fff;
 border-radius:2px;
 border:1px solid #0db2ff;
 background:#1f52c2;
 transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out
}
.yban-common .btn-href1 a:hover,
.yban-common .proCord:hover dt {
 border:1px solid transparent;
 background-clip:padding-box,border-box;
 background-origin:padding-box,border-box;
 background-image:linear-gradient(90deg,rgba(12,44,135,.9),rgba(12,44,135,.9)),linear-gradient(120deg,#069eff,#0db2ff);
 background-color:#255cd6;
 box-shadow:0 6px 14px rgba(2,34,197,.32);
 cursor:pointer;
 transform:translateY(-5px);
 -webkit-transform:translateY(-5px)
}
footer {
 position:relative;
 z-index:3
}
.footer-top {
 background:#242e49;
 padding:42px 0 22px
}
.footer-top .title-main {
 text-align:left;
 font-size:0;
 letter-spacing:.5px;
 margin:0 -20px
}
.footer-top dl {
 display:inline-block;
 vertical-align:top;
 width:auto;
 text-align:left;
 margin:0 20px
}
.footer-top dl:nth-child(4) {
 width:380px;
 float: right;
}
.footer-top dl dt {
 height:50px;
 overflow:hidden;
 line-height:50px;
 border-bottom:1px solid rgba(141,146,153,.4);
 font-size:14px;
 color:#fff;
 margin:0 0 17px
}
.footer-top dl:nth-child(4) dd {
 padding:5px 140px 0 0;
 position:relative
}
.footer-top dl dd .list-text {
 float:left;
 padding-right:20px
}
.footer-top dl dd .list-text:last-child,
.footer-top dl:nth-child(3) dd .list-text:last-child {
 padding-right:0
}
.footer-top dl:nth-child(3) dd .list-text {
 padding-right:32px
}
.footer-top dl dd a {
 display:block;
 line-height:36px;
 color:#b4bacc;
 font-size:14px
}
.footer-top dl dd p {
 padding-left:30px;
 color:#b4bacc;
 font-size:14px;
 line-height:26px;
 height:auto;
 overflow:hidden;
 position:relative;
 margin-bottom:19px
}
.footer-top dl dd p:before,
.mc-footer-top dd p:before,
.footer-top dd .QR-code b:before {
 content:'';
 position:absolute;
 left:0;
 top:5px;
 width:19px;
 height:17px;
 background-image:url(../../static/images/veryxiao/common/icon-common.png);
 background-position:-211px -142px;
 background-repeat:no-repeat
}
.footer-top dl dd p:nth-child(2):before,
.mc-footer-top dd p:nth-child(2):before {
 background-position:-234px -142px
}
.footer-top dl dd p:nth-child(3):before,
.mc-footer-top dd p:nth-child(3):before {
 background-position:-256px -142px
}
.footer-top dl dd .QR-code b:before,
.mc-footer-top dd .QR-code b:before {
 background-position:-279px -142px
}
.footer-top dl dd p span {
 display:inline-block
}
.footer-top dl dd .QR-code {
 position:absolute;
 top:7px;
 right:0;
 text-align:center;
 height:121px
}
.footer-top dl dd .QR-code b {
 display:block;
 font-weight:normal;
 line-height:26px;
 color:#b4bacc;
 font-size:14px;
 padding-left:30px;
 position:relative
}
.footer-top dl dd .QR-code img {
 display:block;
 width:80px;
 height:auto;
 margin:13px auto 0
}
.footer-link {
 background:#242e49
}
.footer-link .max-width-1200 {
 padding:11px 0 10px;
 border-bottom:1px solid rgba(141,146,153,.4);
 border-top:1px solid rgba(141,146,153,.4)
}
.footer-link dt {
 float:left;
 height:29px;
 line-height:29px;
 text-align:left;
 color:#fff;
 font-size:14px
}
.footer-link dd {
 margin-left:92px;
 height:auto;
 overflow:hidden;
 text-align:left
}
.footer-link dd a {
 display:block;
 float:left;
 width:120px;
 height:29px;
 font-size:14px;
 color:#b4bacc;
 margin-right:40px
}
.footer-link dd .shenq {
 color:#596efb
}
.footer-link dd a:hover {
 color:#fff
}
.footer-bottom {
 background:#242e49;
 padding:28px 0 44px
}
.footer-bottom p {
 text-align:center;
 line-height:24px;
 font-size:14px;
 color:#7a8299
}
.footer-bottom p a,
.footer-bottom p span {
 display:inline-block;
 font-size:14px;
 color:#7a8299;
 padding:0 8px
}
.footer-top dl dd a:hover,
.footer-link dd a:hover,
.footer-bottom p a:hover {
 color:#fff
}
.layui-esen-common-right-fixed {
 position:fixed;
 right:-6px;
 bottom:23%;
 margin-top:87px;
 width:100px;
 z-index:100
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-customer {
 width:100px;
 height:117px;
 position:relative
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-customer a {
 text-decoration:none;
 color:#fff
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-customer .layui-esen-common-right-fixed-customer-circle {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 margin:auto
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-customer .layui-esen-common-right-fixed-customer-circle1 {
 width:68px;
 height:68px;
 border-radius:50%;
 border-color:#f50;
 border-width:1px;
 border-style:solid;
 opacity:0;
 animation-name:layui-esen-common-right-fixed-customer-circle1;
 animation-duration:1s;
 animation-iteration-count:infinite;
 -webkit-animation-name:layui-esen-common-right-fixed-customer-circle1;
 -webkit-animation-duration:1s;
 -webkit-animation-iteration-count:infinite
}
@-webkit-keyframes layui-esen-common-right-fixed-customer-circle1 {
 60% {
  -webkit-transform:scale(1)
 }
 70% {
  opacity:1
 }
 100% {
  opacity:0;
  -webkit-transform:scale(1.11)
 }
}
@keyframes layui-esen-common-right-fixed-customer-circle1 {
 60% {
  transform:scale(1)
 }
 70% {
  opacity:1
 }
 100% {
  opacity:0;
  transform:scale(1.11)
 }
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-customer .layui-esen-common-right-fixed-customer-circle2 {
 width:66px;
 height:66px;
 background-color:#fff;
 border-radius:50%;
 border-color:#f50;
 border-width:2px;
 border-style:solid
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-customer .layui-esen-common-right-fixed-customer-circle3 {
 width:60px;
 height:60px
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-customer .layui-esen-common-right-fixed-customer-circle3 img {
 width:100%;
 height:100%;
 animation-name:layui-esen-common-right-fixed-customer-circle3;
 animation-duration:1s;
 animation-iteration-count:infinite;
 -webkit-animation-name:layui-esen-common-right-fixed-customer-circle3;
 -webkit-animation-duration:1s;
 -webkit-animation-iteration-count:infinite
}
@-webkit-keyframes layui-esen-common-right-fixed-customer-circle3 {
 70% {
  -webkit-transform:translateZ(0) scale(1.11)
 }
 100% {
  -webkit-transform:translateZ(0) scale(1)
 }
}
@keyframes layui-esen-common-right-fixed-customer-circle3 {
 70% {
  transform:translateZ(0) scale(1.11)
 }
 100% {
  transform:translateZ(0) scale(1)
 }
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-customer .layui-esen-common-right-fixed-customer-circle4 {
 width:70px;
 height:30px;
 background-color:#f50;
 text-align:center;
 border-radius:3px;
 top:87px
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-customer .layui-esen-common-right-fixed-customer-circle4 p {
 font-size:14px;
 color:#fff;
 line-height:30px
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service {
 width:56px;
 height:auto;
 margin:10px auto 0;
 background-color:#596efb;
 border-radius:4px;
 text-align:center
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service a {
 text-decoration:none
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service i {
 display:block;
 width:24px;
 height:24px;
 margin:0 auto
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service i:before {
 content:'';
 display:block;
 width:24px;
 height:24px;
 background-image:url(../../static/images/veryxiao/common/icon-common.png);
 background-repeat:no-repeat;
 background-position:left center
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service p {
 font-size:12px;
 color:#fff;
 margin-top:6px
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-show-how:hover {
 border-top-left-radius:4px;
 border-top-right-radius:4px
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-back-to-top:hover {
 border-bottom-left-radius:4px;
 border-bottom-right-radius:4px
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-trial:after {
 margin-top:13px
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service1 {
 position:relative
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service1 a {
 display:block;
 padding:13px 0;
 position:relative
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service1:hover {
 background-color:#5064e6
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service1 a:after {
 content:'';
 position:absolute;
 left:8px;
 right:8px;
 bottom:0;
 height:1px;
 background-color:rgba(255,255,255,.2)
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-back-to-top a:after {
 display:none
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-show-how:hover .layui-esen-common-right-fixed-service-show-how-tips {
 display:block
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-show-how i:before {
 background-position:-1px -239px
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-show-how .layui-esen-common-right-fixed-service-show-how-tips {
 display:none;
 position:absolute;
 top:0;
 right:50px;
 width:225px;
 height:72px;
 padding:20px 30px 24px;
 text-align:justify
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-show-how .layui-esen-common-right-fixed-service-show-how-tips:before {
 content:'';
 position:absolute;
 left:0;

 right:30px;
 top:0;
 width:calc(100% - 30px);
 height:100%;
 background-color:#fff;
 border-radius:5px;
 box-shadow:0 0 8px rgba(0,0,0,.15);
 -webkit-box-shadow:0 0 8px rgba(0,0,0,.15);
 -moz-box-shadow:0 0 8px rgba(0,0,0,.15)
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-show-how .layui-esen-common-right-fixed-service-show-how-tips:after {
 content:'';
 width:13px;
 height:13px;
 border-radius:2px;
 background-color:#fff;
 border-top:1px solid rgba(0,0,0,.08);
 border-right:1px solid rgba(0,0,0,.08);
 position:absolute;
 top:15px;
 right:23px;
 transform:rotate(45deg);
 -webkit-transform:rotate(45deg)
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-show-how .layui-esen-common-right-fixed-service-show-how-tips h6 {
 line-height:32px;
 font-size:18px;
 color:#333;
 padding:0 0 8px;
 position:relative;
 z-index:2
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-show-how .layui-esen-common-right-fixed-service-show-how-tips p {
 font-size:14px;
 color:#666;
 line-height:32px;
 padding-left:28px;
 position:relative;
 margin:0
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-show-how .layui-esen-common-right-fixed-service-show-how-tips p:before {
 content:'';
 position:absolute;
 left:0;
 top:5px;
 width:22px;
 height:22px;
 background-image:url(../../static/images/veryxiao/common/icon-common.png);
 background-position:-143px -74px;
 background-repeat:no-repeat
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-trial i:before {
 background-position:-26px -239px
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-line i:before {
 background-position:-284px 1px
}
.layui-esen-common-right-fixed .layui-esen-common-right-fixed-service .layui-esen-common-right-fixed-service-back-to-top i:before {
 background-position:-50px -239px
}
@media screen and (min-width:835px) {
 header .max-width-1200 {
  max-width:1780px;
  width:95%
 }
 .nav-menu {
  float:right;
  max-width:calc(100% - 345px);
  width:auto;
  height:72px;
  letter-spacing:.5px
 }
 .nav-menu li {
  float:left;
  width:auto;
  height:72px
 }
 .nav-menu li .menu-title {
  display:block;
  width:auto;
  height:72px;
  line-height:72px;
  font-size:15px;
  color:#000;
  letter-spacing:.5px;
  position:relative;
  margin:0 29px
 }
 .nav-menu li .menu-title[href^="javascript:void (0)"] {
  cursor:text
 }
 .nav-menu li .open-line:before {
  height:2px;
  background-color:#596efb;
  bottom:0;
  transition:transform .5s cubic-bezier(.25,.46,.45,.94);
  -webkit-transition:transform .5s cubic-bezier(.25,.46,.45,.94)
 }
 .nav-menu li.click-after .open-line:before,
 .nav-menu li.active .open-line:before {
  transform:scale(1);
  -webkit-transform:scale(1)
 }
 .nav-menu li .menu-drop {
  position:absolute;
  left:0;
  top:73px;
  z-index:99;
  width:100%;
  height:0;
  overflow:hidden;
  text-align:left;
  font-size:0;
  background-color:#fff;
  -webkit-box-shadow:5px 8px 27px 0 rgba(55,99,170,.15);
  box-shadow:5px 8px 27px 0 rgba(55,99,170,.15)
 }
 header .max-width-1200 .menu-drop .max-width-1200 {
  height:100%;
  text-align:left;
  font-size:0
 }
 header .max-width-1200 .menu-drop .menu-main {
  /*! padding:0 70px; */
  height:100%
 }
 .nav-menu li .menu-drop .menu-down-left {
  display:inline-block;
  vertical-align:top;
  /*! width:calc(74.7% - 20px); 
  border-right:1px solid #dae1ea;*/
  padding:45px 0px 0 0;
  
  width: 100%;
 }
 .nav-menu li .menu-drop h4.title-top {
  margin-left:24px;
  height:28px
 }
 .nav-menu li .menu-drop h4.title-top a {
  display:inline-block;
  line-height:28px;
  font-size:18px;
  color:#596efb;
  font-weight:bold;
  letter-spacing:.75px;
  padding-left:48px;

  position:relative
 }
 .nav-menu li .menu-drop h4.title-top .icon-0:before {
  content:'';
  width:32px;
  height:32px;
  border-radius:3px;
  background-image:linear-gradient(94deg,#5dc5ff 0,#18dfc2 100%);
  background-color:#687cff;
  position:absolute;
  top:-2px;
  left:0
 }
 .nav-menu li .menu-drop h4.title-top .icon-0:after {
  content:'';
  position:absolute;
  left:4px;
  top:4px;
  width:24px;
  height:19px;
  background-image:url(../../static/images/veryxiao/common/icon-common.png);
  background-position:-136px -164px;
  background-repeat:no-repeat
 }
 .nav-menu li .menu-drop h4.title-top .icon-1:before {
  content:'';
  width:32px;
  height:32px;
  border-radius:3px;
  background-image:linear-gradient(94deg,#5dc5ff 0,#18dfc2 100%);
  background-color:#687cff;
  position:absolute;
  top:-2px;
  left:0
 }
 .nav-menu li .menu-drop h4.title-top .icon-1:after {
  content:'';
  position:absolute;
  left:4px;
  top:4px;
  width:24px;
  height:19px;
  background-image:url(../../static/images/veryxiao/common/icon-common.png);
  background-position:-137px -182px;
  background-repeat:no-repeat
 }
 .nav-menu li .menu-drop h4.title-top .icon-2:before {
  content:'';
  width:32px;
  height:32px;
  border-radius:3px;
  background-image:linear-gradient(94deg,#5dc5ff 0,#18dfc2 100%);
  background-color:#687cff;
  position:absolute;
  top:-2px;
  left:0
 }
 .nav-menu li .menu-drop h4.title-top .icon-2:after {
  content:'';
  position:absolute;
  left:4px;
  top:4px;
  width:24px;
  height:19px;
  background-image:url(../../static/images/veryxiao/common/icon-common.png);
  background-position:-160px -182px;
  background-repeat:no-repeat
 }
 
 .nav-menu li .menu-drop h4.title-top .icon-3:before {
  content:'';
  width:32px;
  height:32px;
  border-radius:3px;
  background-image:linear-gradient(94deg,#5dc5ff 0,#18dfc2 100%);
  background-color:#687cff;
  position:absolute;
  top:-2px;
  left:0
 }
 .nav-menu li .menu-drop h4.title-top .icon-3:after {
  content:'';
  position:absolute;
  left:4px;
  top:4px;
  width:24px;
  height:19px;
  background-image:url(../../static/images/veryxiao/common/icon-common.png);
  background-position:-160px -146px;
  background-repeat:no-repeat
 }
 
 
 .nav-menu li .menu-drop h4.title-top .icon-4:before {
  content:'';
  width:32px;
  height:32px;
  border-radius:3px;
  background-image:linear-gradient(94deg,#5dc5ff 0,#18dfc2 100%);
  background-color:#687cff;
  position:absolute;
  top:-2px;
  left:0
 }
 .nav-menu li .menu-drop h4.title-top .icon-4:after {
  content:'';
  position:absolute;
  left:4px;
  top:4px;
  width:24px;
  height:19px;
  background-image:url(../../static/images/veryxiao/common/icon-common.png);
  background-position:-136px -164px;
  background-repeat:no-repeat
 }
 .nav-menu li .menu-drop .menu-down-left .title-center {
  margin:24px 0 24px;
  text-align:left;
  font-size:0;

 }
 .nav-menu li .menu-drop .menu-down-left .title-center .list-text {
  display:inline-block;
  vertical-align:top;
  /*! width:calc(33.33% - 39px); */
  /*! margin:0 18px 3px 19px */
  /*! margin-left: 19px; */
  width: 200px;
 }
 .nav-menu li .menu-drop .menu-down-left .title-center .list-text a {
  display:block;
  letter-spacing:.5px;
  padding:11px 20px 11px 25px;
  /*! font-size: 12px; */
 }
 .nav-menu li .menu-drop .menu-down-left .title-center .list-text a[href^="javascript:"] {
  cursor:text
 }
 .nav-menu li .menu-drop .menu-down-left .title-center .list-text h6 {
  line-height:31px;
  font-size:14px;
  color:#000
 }
 .nav-menu li .menu-drop .icon-tags {
  display:inline-block;
  vertical-align:middle;
  width:37px;
  height:23px;
  background:#ffe7e4;
  border-radius:2px;
  margin-left:8px;
  position:relative;
  top:-2px
 }
 .nav-menu li .menu-drop .icon-tags:before {
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  margin:-6px 0 0 -14px;
  width:28px;
  height:13px;
  background-image:url(../../static/images/veryxiao/common/icon-common.png);
  background-position:-268px -164px;
  background-repeat:no-repeat
 }
 .nav-menu li .menu-drop .icon-new {
  color:#596efb;
  background:#e3ebff
 }
 .nav-menu li .menu-drop .icon-new:before {
  margin:-6px 0 0 -15px;
  width:30px;
  background-position:-267px -181px
 }
 .nav-menu li .menu-drop .menu-down-left .title-center .list-text p {
  height:auto;
  overflow:hidden;
  line-height:24px;
  font-size:14px;
  color:#767785
 }
 .nav-menu li .menu-drop .menu-down-left .title-bottom {
  height:23px;
  line-height:23px;
  font-size:16px;
  color:#3d485d;
  position:relative;
  padding-left:38px;
  margin:0 0 32px 40px
 }
 .nav-menu li .menu-drop .menu-down-left .title-bottom:before {
  content:'';
  position:absolute;
  left:0;
  top:1px;
  width:26px;
  height:21px;
  background-image:url(../../static/images/veryxiao/common/icon-common.png);
  background-position:-187px -165px;
  background-repeat:no-repeat
 }
 .nav-menu li .menu-drop .menu-down-right {
  display:inline-block;
  vertical-align:top;
  width:calc(25.3% - 2px);
  height:544px
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top {
  padding:38px 0 38px;
  width:318px;
  height:36px;
  letter-spacing:.5px;
  border-bottom:1px solid #dae1ea;
  margin:0 auto
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top span {
  display:block;
  float:left;
  line-height:36px;
  font-size:16px;
  color:#3d485d
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top a {
  display:block;
  float:right;
  width:111px;
  height:36px;
  line-height:36px;
  font-size:16px;
  color:#fff;
  text-align:center;
  background-image:linear-gradient(90deg,#07a8ff 0,#596efb 100%);
  background-color:#596efb;
  border-radius:3px
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top a:after {
  content:'';
  display:inline-block;
  margin-left:7px;
  width:7px;
  height:12px;
  background-image:url(../../static/images/veryxiao/common/icon-common.png);
  background-position:-256px -165px;
  background-repeat:no-repeat;
  vertical-align:middle;
  position:relative;
  top:-2px;
  transition:all .3s ease-out;
  -webkit-transition:all .3s ease-out
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top a:hover {
  background-image:linear-gradient(90deg,#09f 0,#575dfa 100%);
  background-color:#5064e6
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top a:hover:after {
  transform:translateX(5px);
  -webkit-transform:translateX(5px)
 }
 .nav-menu li .menu-drop .menu-down-right .title-bottom {
  padding-top:45px;
  letter-spacing:.5px;
  width:318px;
  margin:0 auto
 }
 .nav-menu li .menu-drop .menu-down-right .title-bottom p {
  line-height:26px;
  font-size:16px;
  color:#3d485d
 }
 .nav-menu li .menu-drop .menu-down-right .title-bottom .btn-video {
  width:308px;
  height:144px;
  overflow:hidden;
  background:#fff;
  border:5px solid #fff;
  border-radius:5px;
  box-shadow:0 0 10px rgba(55,99,170,.2);
  position:relative;
  cursor:pointer;
  margin:11px auto
 }
 .nav-menu li .menu-drop .menu-down-right .title-bottom .btn-video img {
  width:100%;
  height:100%;
  object-fit:cover
 }
 .nav-menu li .menu-drop .menu-down-right .title-bottom .btn-video:before {
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  margin:-16px 0 0 -16px;
  width:32px;
  height:32px;
  background-image:url(../../static/images/veryxiao/common/icon-common.png);
  background-position:-218px -164px;
  background-repeat:no-repeat
 }
 .nav-menu li .menu-drop .menu-down-left .title-center .list-text:hover {
  background-image:linear-gradient(180deg,#f2f8ff,#fff);
  box-shadow:6px 6px 6px 0 rgba(55,99,170,.07),0 0 0 1px #fff inset
 }
 .nav-menu li .menu-drop .menu-down-left .title-center .list-text:hover h6 {
  color:#596efb
 }
 .nav-menu li .menu-down-pro2 .menu-down-right {
  height:544px
 }
 .nav-menu li .menu-down-pro2 h4.title-top .icon-0:after {
  top:5px;
  background-position:-160px -164px
 }
 .nav-menu li .menu-down-solutions .menu-down-left .title-center .list-text a {
  padding-bottom:14px
 }
 .nav-menu li .menu-down-solutions .menu-down-left .title-top .icon-0:after {
  background-position:-136px -183px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-top .icon-0:after {
  background-position:-160px -183px
 }
 .nav-menu li .menu-down-solutions .menu-down-left .title-center .list-text p {
  max-width:94%;
  line-height:22px;
  font-size:13px
 }
 .nav-menu li .menu-down-solutions .menu-down-right {
  width:calc(25.3% - 8px);
  padding:45px 0 0 6px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom {
  padding:34px 0 0 44px;
  text-align:left;
  font-size:0;
  width:auto;
  margin-left:0
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a {
  display:inline-block;
  vertical-align:top;
  width:76px;
  height:32px;
  line-height:26px;
  font-size:16px;
  color:#000;
  padding-left:46px;
  position:relative;
  margin:0 0 25px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:nth-child(odd) {
  margin-right:25px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:before {
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:32px;
  height:32px;
  background-color:#edf5ff;
  border-radius:50%
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:after {
  content:'';
  position:absolute;
  left:4px;
  top:4px;
  width:24px;
  height:24px;
  background-image:url(../../static/images/veryxiao/common/icon-common.png);
  background-position:0 -205px;
  background-repeat:no-repeat
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:nth-child(2):after {
  background-position:-24px -205px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:nth-child(3):after {
  background-position:-96px -205px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:nth-child(4):after {
  background-position:-144px -205px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:nth-child(5):after {
  background-position:-48px -205px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:nth-child(6):after {
  background-position:-72px -205px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:nth-child(7):after {
  background-position:-120px -205px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:nth-child(8):after {
  background-position:-99px -241px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:nth-child(9):after {
  background-position:-75px -241px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:nth-child(10):after {
  background-position:-147px -241px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:nth-child(11):after {
  background-position:-168px -205px
 }
 .nav-menu li .menu-down-case .menu-down-left {
  padding-top:15px
 }
 .nav-menu li .menu-down-case .menu-down-left .title-center {
  height:378px
 }
 .nav-menu li.menu-less {
  position:relative
 }
 .nav-menu li .menu-drop.menu-down-less {
  width:auto;
  padding:0 15px;
  letter-spacing:.5px
 }
 .nav-menu li .menu-drop.menu-down-less .list-less {
  float:left;
  /*! width:148px; */
  margin:0 22px
 }
 .nav-menu li .menu-drop.menu-down-less .list-less p {
  line-height:39px;
  font-size:16px;
  color:#767785;
  border-bottom:1px solid #dae1ea;
  margin:35px 0 11px
 }
 .nav-menu li .menu-drop.menu-down-less .list-less a {
  display:block;
  line-height:40px;
  font-size:16px;
  color:#000
 }
 .nav-menu li .menu-drop.menu-down-less .list-less a:last-child {
  margin-bottom:39px
 }
 .nav-menu li .menu-drop.menu-down-less .list-less p a {
  color:#767785 !important;
  margin-bottom:0 !important
 }
 .nav-menu li .menu-drop.menu-down-less .list-less p a:hover {
  color:#596efb !important
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:hover,
 .nav-menu li .menu-drop.menu-down-less .list-less a:hover {
  color:#596efb
 }
 .nav-menu li .menu-drop.menu-down-resources {
  width:861px;
  left:-810px
 }
 .nav-menu li.active .menu-drop.menu-down-resources {
  height:245px
 }
 .nav-menu li .menu-drop.menu-down-partner {
  width:344px;
  left:-182px
 }
 .nav-menu li.active .menu-drop.menu-down-partner {
  height:205px
 }
 .nav-menu li .menu-drop.menu-down-service {
  width:210px;
  left:-60px;
 }
 .nav-menu li.active .menu-drop.menu-down-service {
  height:248px;
  padding-top:10px
 }
 .nav-menu li .menu-drop.menu-down-about {
  width:110px;
  left:-10px;
 }
 .nav-menu li.active .menu-drop.menu-down-about {
  height:210px;
  padding-top:10px
 }
 
 .nav-menu li .menu-drop.menu-down-news {
  width:110px;
  left:-10px;
 }
 .nav-menu li.active .menu-drop.menu-down-news {
  height:90px;
  padding-top:10px
 }
 
 .nav-menu li .menu-drop.menu-down-case {
  width:110px;
  left:-10px;
 }
 .nav-menu li.active .menu-drop.menu-down-case {
  height:60px;
  padding-top:10px
 }
 .nav-menu li.active .menu-drop {
  height:544px
 }
 .nav-menu li .menu-drop .list-title a:hover,
 .nav-menu li .menu-drop dl dt a:hover {
  color:#fff
 }
 header.main-nav.fixed .nav-menu,
 header.main-nav.fixed .nav-menu li {
  height:50px
 }
 header.main-nav.fixed .nav-menu li .menu-title {
  height:50px;
  line-height:50px
 }
 header.main-nav.fixed .nav-menu li .menu-drop {
  top:51px
 }
 header.main-nav.fixed .nav-menu li .open-line:before {
  bottom:0
 }
 .menu-drop ::-webkit-scrollbar-track-piece {
  background-color:#f9f9f9;
  -webkit-border-radius:0;
  margin-left:-10px;
  opacity:.5;
  filter:alpha(finishopacity=0,opacity=0,style=2,startx=20,starty=40,finishx=0,finishy=0)
 }
 .menu-drop ::-webkit-scrollbar {
  width:8px;
  height:8px;
  opacity:.5;
  filter:alpha(finishopacity=0,opacity=0,style=2,startx=20,starty=40,finishx=0,finishy=0)
 }
 .menu-drop ::-webkit-scrollbar-thumb {
  height:50px;
  background-color:#e0e4e7;
  -webkit-border-radius:4px;
  outline:2px solid #f9f9f9;
  outline-offset:-2px;
  border:2px solid #f9f9f9;
  opacity:.5
 }
 .menu-drop ::-webkit-scrollbar-thumb:hover {
  height:50px;
  background-color:#9f9f9f;
  -webkit-border-radius:4px
 }
 .pc-menu-close {
  position:absolute;
  right:6px;
  top:44px;
  width:22px;
  height:22px;
  cursor:pointer
 }
 .pc-menu-close:after,
 .pc-menu-close:before {
  content:"";
  margin:-1px 0 0 -8px;
  width:16px;
  height:2px;
  border-radius:1px;
  background-color:#a3a5b8;
  position:absolute;
  top:50%;
  left:50%;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg)
 }
 .pc-menu-close:before {
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg)
 }
 .pc-menu-close:hover:after,
 .pc-menu-close:hover:before {
  background-color:#596efb
 }
 .layer-tip0 {
  height:646px
 }
 .layer-tip0 .m-contact-form {
  height:calc(100% - 117px)
 }
 .layer-tip0 .m-contact-form form.layui-form {
  height:calc(100% - 74px);
  overflow-y:auto
 }
 @media screen and (max-height:690px) {
  .layer-tip0 {
   height:557px
  }
  .layer-tip0 .s-title {
   margin-top:35px;
   line-height:32px;
   font-size:26px
  }
  .layer-tip0 .m-contact-form {
   height:calc(100% - 67px)
  }
  .layer-tip0 .m-contact-form form.layui-form {
   height:calc(100% - 69px);
   margin:10px auto 52px
  }
  .layer-tip0 .layui-form .layui-form-item {
   margin-bottom:10px
  }
  .layer-tip0 .layui-input,
  .layer-tip0 .layui-textarea {
   margin:4px 6px
  }
  .layer-tip0 .layui-form-pane .layui-form-text3 {
   padding-top:20px;
   margin-bottom:0
  }
  .m-layer0 .layui-layer-setwin {
   right:-38px !important;
   top:-13px !important
  }
 }
}
@media only screen and (max-width:1550px) and (min-width:1521px) {
 .nav-menu li .menu-title {
  margin:0 27px
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top,
 .nav-menu li .menu-drop .menu-down-right .title-bottom {
  width:298px
 }
 .nav-menu li .menu-drop .menu-down-right .title-bottom .btn-video {
  width:288px;
  height:134px
 }
 .nav-menu li .menu-down-solutions .menu-down-right h4.title-top {
  margin-left:24px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom {
  width:298px;
  padding-left:24px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a:nth-child(odd) {
  margin-right:10px
 }
}
@media screen and (max-width:1520px) and (min-width:1491px) {
 .nav-menu li .menu-title {
  margin:0 25px
 }
 .footer-top .title-main {
  margin:0 -16px
 }
 .footer-top dl {
  margin:0 16px
 }
 .footer-top dl:nth-child(4) {
  width:360px
 }
 .footer-top dl dd {
  padding-right:0
 }
 .footer-top dl dd .list-text {
  padding-right:12px
 }
 .footer-top dl:nth-child(3) dd .list-text {
  padding-right:20px
 }
 .footer-top dl:nth-child(4) dd {
  padding-right:130px
 }
}
@media screen and (max-width:1490px) and (min-width:835px) {
 .nav-menu {
  margin-left:35px
 }
 .nav-menu li .menu-title {
  margin:0 20px
 }
 header .application,
 header .top-login {
  margin-left:16px !important
 }
 .nav-menu li .menu-drop .menu-down-left {
  /*! width:calc(74.7% - 15px); */
  padding-right:15px;
  width: 100%;
 }
 .nav-menu li .menu-drop h4.title-top,
 .nav-menu li .menu-drop .menu-down-left .title-bottom {
  margin-left:24px
 }
 .nav-menu li .menu-drop .menu-down-left .title-center {
  margin-left:-9px
 }
 .nav-menu li .menu-drop .menu-down-left .title-center .list-text {
  /*! width:calc(33.33% - 19px); */
  margin:0 8px 3px 9px;
  /*! font-size: 12px; */
  width:170px;
 }
 .nav-menu li .menu-drop .menu-down-left .title-center .list-text a {
  padding:11px 16px 11px 22px
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top,
 .nav-menu li .menu-drop .menu-down-right .title-bottom {
  width:278px
 }
 .nav-menu li .menu-down-pro1 .menu-down-right .title-bottom {
  padding-top:30px
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top a {
  width:103px
 }
 .nav-menu li .menu-drop .menu-down-right .title-bottom .btn-video {
  width:268px;
  height:125px
 }
 .nav-menu li .menu-down-solutions .menu-down-right h4.title-top {
  margin-left:28px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom {
  width:298px;
  padding-left:28px
 }
 .nav-menu li .menu-down-solutions .menu-down-left .title-center .list-text p {
  max-width:100%
 }
 .nav-menu li .menu-drop h4.title-top a {
  font-size:16px
 }
 .nav-menu li .menu-drop .icon-tags {
  width:34px;
  height:19px;
  margin-left:6px
 }
 .nav-menu li .menu-drop .menu-down-left .title-center .list-text h6 {
  font-size:12px;
 }
 .nav-menu li .menu-drop .menu-down-left .title-center .list-text p {
  line-height:22px;
  font-size:13px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom a {
  font-size:15px
 }
 .nav-menu li .menu-drop.menu-down-less .list-less p,
 .nav-menu li .menu-drop.menu-down-less .list-less a {
  font-size:14px
 }
 .nav-menu li.active .menu-drop {
  max-height:calc(95vh - 73px)
 }
 .nav-menu li.active .menu-down-pro1 {
  height:472px
 }
 .nav-menu li.active .menu-down-pro1.menu-down-pro2,
 .nav-menu li.active .menu-down-solutions {
  height:495px
 }
 .nav-menu li.active .menu-down-case {
  height:329px
 }
 .nav-menu li .menu-drop .menu-down-left {
  padding-top:10px;
  margin-top:0;
  height:calc(100% - 10px)
 }
 .nav-menu li .menu-drop .menu-down-right {
  height:calc(100% - 45px)
 }
 .nav-menu li .menu-down-solutions .menu-down-right {
  padding-top:35px;
  height:calc(100% - 35px)
 }
 .nav-menu li .menu-down-case .menu-down-right .title-bottom {
  padding-top:40px
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top {
  padding:33px 0
 }
 .nav-menu li .menu-down-pro1 .height-scroll,
 .nav-menu li .menu-down-solutions .height-scroll,
 .nav-menu li .menu-down-case .height-scroll,
 .nav-menu li .menu-down-pro1 .height-scroll1,
 .nav-menu li .menu-down-solutions .height-scroll1,
 .nav-menu li .menu-down-case .height-scroll1 {
  /*! width:100%; */
  /*! max-height:calc(100% - 78px); */
  /*! height:100%; */
  /*! overflow-y:auto; */
  padding-top:25px;
 }
 .nav-menu li .menu-drop .menu-down-left .title-center {
  height:auto;
  margin:20px 0 23px -9px
 }
 .nav-menu li .menu-down-case .height-scroll {
  max-height:calc(100% - 60px);
  padding-top:15px
 }
 .nav-menu li .menu-down-case .menu-down-left .title-center {
  height:224px;
  margin-top:0;
  margin-bottom:25px
 }
 .nav-menu li .menu-down-case .menu-down-left .title-center .list-text {
  width:calc(25% - 19px)
 }
 .nav-menu li .menu-drop.menu-down-less .list-less p {
  color:#5b5c66
 }
 .nav-menu li .menu-drop.menu-down-less {
  padding:0 30px
 }
 .nav-menu li .menu-drop.menu-down-less .list-less {
  margin:0 15px
 }
 .nav-menu li .menu-drop.menu-down-less .list-less p {
  margin-top:20px
 }
 .nav-menu li .menu-drop.menu-down-less .list-less a {
  line-height:35px
 }
 .nav-menu li .menu-drop.menu-down-less .list-less a:last-child {
  margin-bottom:29px
 }
 .nav-menu li .menu-drop.menu-down-less .list-less p a {
  margin-bottom:0 !important
 }
 .nav-menu li .menu-drop.menu-down-resources {
  width:1000px;
  left:-970px
 }
 .nav-menu li.active .menu-drop.menu-down-resources {
  height:305px;
  overflow-y:auto
 }
 .nav-menu li .menu-drop.menu-down-service {
  width:200px;
  left:-100px
 }
 .nav-menu li.active .menu-drop.menu-down-service {
  height:248px;
  padding-top:15px
 }
 
 .nav-menu li .menu-drop.menu-down-news {
  width:90px;
  left:-30px
 }
 .nav-menu li.active .menu-drop.menu-down-news {
  height:90px;
  padding-top:15px
 }
 
 .nav-menu li .menu-drop.menu-down-case {
  width:90px;
  left:-30px
 }
 .nav-menu li.active .menu-drop.menu-down-case {
  height:60px;
  padding-top:15px
 }
 .nav-menu li .menu-drop.menu-down-partner,
 .nav-menu li .menu-drop.menu-down-about {
  width:90px;
  left:-30px
 }
 .nav-menu li.active .menu-drop.menu-down-partner {
  height:170px
 }
 .nav-menu li.active .menu-drop.menu-down-about {
  height:200px;
  padding-top:15px
 }
 .pc-menu-close {
  top:39px
 }
}
@media screen and (max-width:1440px) {
 .nav-menu li .menu-title {
  margin:0 17px
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top,
 .nav-menu li .menu-drop .menu-down-right .title-bottom {
  width:260px
 }
 .nav-menu li .menu-drop .menu-down-right .title-bottom .btn-video {
  width:250px;
  height:117px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom {
  width:270px
 }
 .layui-esen-common-right-fixed {
  bottom:10%
 }
}
@media screen and (max-width:1280px) {
 .nav-menu li .menu-title {
  margin:0 13px
 }
 .nav-menu li .menu-drop .menu-down-right div.title-top,
 .nav-menu li .menu-drop .menu-down-right .title-bottom {
  width:248px
 }
 .nav-menu li .menu-drop .menu-down-right .title-bottom .btn-video {
  width:238px;
  height:111px
 }
 .nav-menu li .menu-down-solutions .menu-down-right .title-bottom {
  width:270px
 }
}
@media screen and (min-width:835px) and (max-width:1519px) {
 .max-width-1200 {
  max-width:1140px
 }
 header .max-width-1200 .menu-drop .menu-main {
  padding:0 10px
 }
 .footer-top .title-main {
  margin:0 -17px
 }
 .footer-top dl {
  margin:0 17px
 }
 .footer-top dl:nth-child(4) {
  width:360px
 }
 .footer-top dl dd {
  padding-right:0
 }
 .footer-top dl dd .list-text {
  padding-right:11px
 }
 .footer-top dl:nth-child(3) dd .list-text {
  padding-right:20px
 }
 .footer-top dl:nth-child(4) dd {
  padding-right:130px
 }
}
@media screen and (max-width:834px) {
 body {
  width:100%
 }
 body.fixed {
  position:fixed
 }
 main {
  overflow:hidden
 }
 .pc-show {
  display:none
 }
 .mobile-show {
  display:block
 }
 .even-share,
 .even-share0,
 .even-share1,
 .even-share01,
 .even-share2 {
  width:90%;
  display:block;
  margin:0 auto
 }
 .even-share .subelement,
 .even-share0 .subelement,
 .even-share1 .subelement,
 .even-share01 .subelement,
 .even-share2 .subelement {
  width:100%;
  margin:0 auto 20px
 }
 .tab-stop,
 .tab-stop1 {
  width:90%;
  display:block;
  margin:20px auto 0 !important
 }
 .tab-stop .subelement,
 .tab-stop.four-sub .subelement,
 .tab-stop1 .subelement {
  display:block;
  width:calc(100% - 2px);
  margin:0 auto 20px
 }
 .layui-tab {
  margin-top:15px
 }
 .layui-tab-title {
  overflow-x:auto
 }
 .layui-tab-title::-webkit-scrollbar,
 .page-ban-nav .aiming-point-nav .snav-tit::-webkit-scrollbar {
  display:none
 }
 .layui-tab-title li {
  margin:0 12px
 }
 .layui-tab-content .main-title {
  display:block
 }
 .tab-special .layui-tab-title li:before {
  content:"";
  width:100%;
  height:2px;
  background:#596efb;
  position:absolute;
  bottom:0;
  left:0;
  transform:scale(0);
  transition:transform .3s ease-in-out;
  -webkit-transform:scale(0);
  -webkit-transition:transform .3s ease-in-out
 }
 .tab-special .layui-tab-title li.layui-this:before {
  transform:scale(1);
  -webkit-transform:scale(1)
 }
 .m-layer0 {
  width:86% !important
 }
 .layer-tip0 {
  width:100%
 }
 .layer-tip0 .s-title {
  margin-top:35px;
  font-size:24px
 }
 .layer-tip0 .m-contact-form form.layui-form {
  width:86%;
  margin:10px auto 50px
 }
 .layer-tip0 .layui-form .layui-form-item {
  margin-bottom:10px
 }
 .layer-tip0 .layui-form-pane .layui-form-text3 {
  padding-top:20px;
  margin:0 auto
 }
 .m-layer0 .layui-layer-setwin .layui-layer-close2 {
  border-radius:0 8px 0 0
 }
 .classified-navigation p {
  padding-left:25px;
  text-align:left;
  font-size:0;
  box-sizing:border-box;
  white-space:nowrap;
  overflow-x:auto;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-lines:single;
  flex-wrap:nowrap
 }
 .classified-navigation a {
  padding-right:12px;
  margin-right:12px
 }
 .classified-navigation a.active:before {
  width:calc(100% - 12px)
 }
 .page-ban-nav.fixed .logo,
 .page-ban-nav.fixed .ban-btn {
  display:none
 }
 .page-ban-nav.fixed:before {
  display:block
 }
 .page-ban-nav .aiming-point-nav {
  position:relative;
  padding-left:5px;
  float:none
 }
 .page-ban-nav .aiming-point-nav .snav-tit {
  text-align:left;
  font-size:0;
  box-sizing:border-box;
  white-space:nowrap;
  overflow-x:auto;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-lines:single;
  flex-wrap:nowrap;
  margin:0 52px 0 6px
 }
 .page-ban-nav .aiming-point-nav:before {
  content:'';
  position:absolute;
  right:0;
  top:0;
  z-index:2;
  width:52px;
  height:49px;
  background:rgba(255,255,255,.18);
  box-shadow:-6px 0 12px -6px rgba(0,0,0,.1)
 }
 .page-ban-nav .aiming-point-nav:after {
  content:'';
  position:absolute;
  right:15px;
  top:13px;
  z-index:2;
  width:23px;
  height:25px;
  background-image:url(../../static/images/veryxiao/common/icon-common0.png);
  background-position:-98px -66px;
  background-repeat:no-repeat
 }
 .page-ban-nav .title-nav,
 .page-ban-nav.fixed .title-nav {
  margin:0 10px
 }
 .page-ban-nav .title-nav:last-child {
  padding-right:0
 }
 header,
 header.fixed,
 header.main-nav.fixed {
  height:52px
 }
 header.fixed,
 header.main-nav.fixed {
  border-bottom:1px solid #dae1ea
 }
 header.fixed.point {
  position:absolute
 }
 header:before {
  display:none
 }
 header .max-width-1200 {
  padding:0;
  width:100%
 }
 header .logo {
  margin-left:5px;
  float:none;
  position:absolute;
  left:0;
  top:0
 }
 .logo a {
  /*! width:122px; */
  /*! height:20px; */
  margin-top:-8px;
 }
 header.fixed .logo a {
  /*! width:83px; */
  /*! height:20px; */
  /*! margin-top:-10px */
 }
 header.fixed .logo a:before {
  /*! width:83px; */
  /*! height:20px; */
  background-image:url(../../static/images/veryxiao/common/logo-C.png)
 }
 header .btn-tel {
  display:block;
  float:right;
  width:auto;
  height:53px;
  text-align:center;
  padding:0 10px;
  position:relative;
  background-color:#596efb
 }
 header .btn-tel:before {
  content:'鍏嶈垂璇曠敤';
  line-height:52px;
  font-size:16px;
  color:#fff;
  letter-spacing:.75px
 }
 header .btn-menu {
  float:right;
  padding:19px 23px 13px;
  height:20px;
  line-height:44px;
  font-size:0;
  text-align:center;
  cursor:pointer;
  transition:transform .3s ease-in;
  -webkit-transition:transform .3s ease-in
 }
 header .btn-menu span {
  display:block;
  margin-bottom:5px;
  width:20px;
  height:2px;
  background:#596efb;
  border-radius:3px;
  transform-origin:19px;
  transition:background .5s cubic-bezier(0.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(0.77,.2,.05,1),width .5s;
  -webkit-transform-origin:19px;
  -webkit-transition:background .5s cubic-bezier(0.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(0.77,.2,.05,1),width .5s
 }
 header.active .btn-menu span {
  opacity:1;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg)
 }
 header.active .btn-menu span:nth-last-child(2) {
  width:0;
  opacity:0;
  transform:rotate(0);
  transition:width .5s;
  -webkit-transform:rotate(0);
  -webkit-transition:width .5s
 }
 header.active .btn-menu span:nth-last-child(3) {
  opacity:1;
  position:relative;
  top:1px;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg)
 }
 .nav-menu {
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  height:0;
  box-sizing:border-box;
  background-color:#fff;
  position:fixed;
  left:0;
  top:53px;
  z-index:99;
  overflow:hidden;
  transition:height .5s cubic-bezier(.25,.46,.45,.94);
  -webkit-transition:height .5s cubic-bezier(.25,.46,.45,.94)
 }
 .nav-menu .main {
  width:100%;
  height:0;
  overflow:hidden;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
 }
 .nav-menu .left-title {
  position:relative;
  width:138px;
  background:#f2f8ff;
  padding:11px 0;
  z-index:10
 }
 .nav-menu .left-title li {
  display:block;
  padding:12px 5px 12px 15px;
  line-height:22px;
  font-size:14px;
  color:#000;
  position:relative;
  transition:all .2s;
  -webkit-transition:all .2s
 }
 .nav-menu .left-title li:after {
  content:"";
  display:block;
  width:2px;
  height:16px;
  background-color:#596efb;
  position:absolute;
  top:31%;
  bottom:0;
  left:0;
  transform:scaleX(0);
  transform-origin:left;
  transition:.2s;
  -webkit-transform:scaleX(0);
  -webkit-transform-origin:left;
  -webkit-transition:.2s
 }
 .nav-menu .left-title li.active {
  font-weight:600;
  background:#fff
 }
 .nav-menu .left-title li.active:after {
  transform:scaleX(1);
  -webkit-transform:scaleX(1)
 }
 .nav-menu .right-title {
  padding:20px 15px 0 20px;
  width:calc(100% - 138px);
  height:calc(100% - 76px);
  overflow-y:auto;
  background-color:#fff;
  flex-grow:1;
  -webkit-box-flex:1
 }
 .nav-menu .right-title .list-title {
  display:none
 }
 .nav-menu .right-title .list-title .title-top,
 .nav-menu .right-title .list-title .list-text .text-head,
 .nav-menu .right-title .list-title .list-text .text-body-list {
  font-size:14px;
  line-height:22px;
  color:#252b3a;
  padding:0 0 24px
 }
 .nav-menu .right-title .list-title .title-top {
  padding-bottom:0
 }
 .nav-menu .right-title .list-title .title-top a {
  display:inline-block;
  font-size:14px;
  line-height:22px;
  color:#000
 }
 .nav-menu .right-title .list-title .title-top span,
 .nav-menu .right-title .list-title .title-top i {
  display:inline-block;
  vertical-align:middle
 }
 .nav-menu .right-title .list-title .title-top .icon-arron-right {
  position:relative;
  width:15px;
  height:6px;
  margin-top:-4px;
  margin-left:10px
 }
 .nav-menu .right-title .list-title .title-top .icon-arron-right:before {
  content:"";
  position:absolute;
  bottom:0;
  right:0;
  border-bottom:1px solid;
  border-radius:1px;
  width:100%
 }
 .nav-menu .right-title .list-title .title-top .icon-arron-right:after {
  content:"";
  width:6px;
  border-bottom:1px solid;
  border-radius:1px;
  position:absolute;
  right:0;
  bottom:0;
  transform:rotate(45deg);
  transform-origin:right;
  -webkit-transform:rotate(45deg);
  -webkit-transform-origin:right
 }
 .nav-menu .right-title .list-title .list-text .text-head {
  color:#333;
  position:relative;
  padding:0;
  border-bottom:1px solid #dfe1e6;
  margin-bottom:0
 }
 .nav-menu .right-title .list-title .list-text .text-head:after {
  content:'';
  position:absolute;
  left:-1px;
  top:14px;
  width:26px;
  height:26px;
  background-image:url(../../static/images/veryxiao/common/mc-nav-icon.png);
  background-position:0 0;
  background-size:182px 52px;
  background-repeat:no-repeat
 }
 .nav-menu .right-title .list-title:nth-child(2) .list-text:nth-child(1) .text-head:after {
  background-position:-26px 0
 }
 .nav-menu .right-title .list-title:nth-child(3) .list-text:nth-child(1) .text-head:after {
  background-position:-52px 0
 }
 .nav-menu .right-title .list-title:nth-child(3) .list-text:nth-child(2) .text-head:after {
  background-position:-78px 0
 }
 .nav-menu .right-title .list-title:nth-child(4) .list-text:nth-child(1) .text-head:after {
  background-position:-104px 0
 }
 .nav-menu .right-title .list-title:nth-child(6) .list-text:nth-child(1) .text-head:after {
  background-position:-130px 0
 }
 .nav-menu .right-title .list-title:nth-child(6) .list-text:nth-child(2) .text-head:after {
  background-position:-156px 0
 }
 .nav-menu .right-title .list-title:nth-child(6) .list-text:nth-child(3) .text-head:after {
  background-position:0 -26px
 }
 .nav-menu .right-title .list-title:nth-child(6) .list-text:nth-child(4) .text-head:after {
  background-position:-26px -26px
 }
 .nav-menu .right-title .list-title:nth-child(6) .list-text:nth-child(5) .text-head:after {
  background-position:-52px -26px
 }
 .nav-menu .right-title .list-title:nth-child(7) .list-text:nth-child(1) .text-head:after {
  background-position:-78px -26px
 }
 .nav-menu .right-title .list-title:nth-child(7) .list-text:nth-child(2) .text-head:after {
  background-position:-104px -26px
 }
 .nav-menu .right-title .list-title:nth-child(8) .list-text:nth-child(1) .text-head:after {
  background-position:-130px -26px
 }
 .nav-menu .right-title .list-title:nth-child(8) .list-text:nth-child(2) .text-head:after {
  background-position:-156px -26px
 }
 .nav-menu .right-title .list-title .list-text .text-head p {
  display:inline-block;
  width:calc(100% - 70px);
  padding:16px 0 10px 29px
 }
 .nav-menu .right-title .list-title .list-text .text-head p a {
  display:block;
  width:100%;
  height:100%;
  font-size:14px;
  color:#333
 }
 .nav-menu .right-title .list-title .icon-arron-bottom {
  width:48px;
  height:48px;
  position:absolute;
  top:0;
  right:0
 }
 .nav-menu .right-title .list-title .icon-arron-bottom:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  margin:-4px 0 0 -4px;
  width:8px;
  height:8px;
  border-bottom:1px solid #575d6c;
  border-right:1px solid #575d6c;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transition:.35s;
  -webkit-transition:.35s
 }
 .nav-menu .right-title .list-title .active .icon-arron-bottom:before {
  transform:rotate(225deg);
  -webkit-transform:rotate(225deg)
 }
 .nav-menu .right-title .list-title .list-text .text-body {
  padding:0 16px;
  border-bottom:1px solid #dfe1e6;
  display:none
 }
 .nav-menu .right-title .list-title .list-text .text-body-list {
  cursor:pointer;
  display:block;
  margin-bottom:14px;
  padding:0;
  color:#666
 }
 .nav-menu .right-title .list-title .list-text .text-body-list:first-child {
  margin-top:14px
 }
 .nav-menu .right-title .list-title .list-text:first-child .text-body {
  display:block
 }
 .nav-menu.active {
  height:calc(100vh - 53px)
 }
 .nav-menu.active .main {
  height:100%
 }
 .nav-menu .right-title .list-title.show {
  display:block
 }
 .menu-close {
  display:none;
  position:absolute;
  bottom:14px;
  left:50%;
  margin-left:-27px;
  height:54px;
  width:54px
 }
 .nav-menu.active .menu-close {
  display:block
 }
 .menu-close p {
  position:absolute;
  left:10px;
  top:10px;
  height:34px;
  width:34px;
  background-color:#f2f8ff;
  border-radius:50%
 }
 .menu-close p span {
  position:absolute;
  left:50%;
  top:10px;
  margin-left:-1px;
  width:2px;
  height:14px;
  background-color:#999
 }
 .menu-close p:before,
 .menu-close p:after {
  content:'';
  width:2px;
  height:11px;
  background-color:#999;
  border-radius:2px;
  position:absolute;
  top:8px;
  left:13px;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg)
 }
 .menu-close p:after {
  left:auto;
  right:13px;
  transform:rotate(135deg);
  -webkit-transform:rotate(135deg)
 }
 .nav-menu ul li .menu-drop,
 .nav-menu ul li dl dd,
 .nav-menu ul li dl dd p,
 .nav-menu ul li .downTop,
 .nav-menu ul li .menu-line-text {
  display:none
 }
 .mc-footer-top {
  padding:45px 22px 0;
  text-align:left;
  letter-spacing:.5px;
  background-color:#242e49
 }
 .mc-footer-top .btn-tel {
  display:block;
  margin:0 auto 24px;
  width:100%;
  height:45px;
  line-height:45px;
  font-size:17px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  background-image:linear-gradient(90deg,#00aeff 0,#596efb 100%);
  background-color:#00aeff
 }
 .mc-footer-top dt {
  height:42px;
  line-height:42px;
  font-size:15px;
  color:#fff;
  border-bottom:1px solid rgba(141,146,153,.3)
 }
 .mc-footer-top dd {
  padding:14px 0 6px;
  position:relative;
  text-align:left;
  font-size:0
 }
 .mc-footer-top dd a {
  display:inline-block;
  vertical-align:top;
  width:44%;
  line-height:20px;
  font-size:14px;
  color:#b4bacc;
  margin-right:3.5%;
  margin-bottom:13px
 }
 .mc-footer-top dd a:nth-child(even) {
  width:51%;
  margin-right:0
 }
 .mc-footer-top dd p {
  max-width:70%;
  line-height:24px;
  font-size:14px;
  color:rgba(255,255,255,.85);
  padding-left:26px;
  position:relative;
  margin-bottom:10px
 }
 .mc-footer-top dd .cord {
  text-align:center;
  font-size:0;
  padding-top:8px
 }
 .mc-footer-top dd .cord .img-text {
  display:inline-block;
  vertical-align:top;
  margin:0 12px
 }
 .mc-footer-top dd .cord .img-text .tu {
  display:block;
  width:116px;
  height:auto;
  margin:0 auto 8px
 }
 .mc-footer-top dd .cord .img-text span {
  display:block;
  line-height:24px;
  color:#b4bacc;
  font-size:14px
 }
 .mc-footer-bottom {
  padding:20px 5px 70px;
  line-height:22px;
  text-align:center;
  font-size:12px;
  color:#7a8299;
  letter-spacing:.5px;
  background-color:#242e49
 }
 .mc-footer-bottom a {
  display:inline-block;
  line-height:24px;
  font-size:12px;
  color:#7a8299
 }
 .pro-documents {
  padding:40px 0 30px
 }
 .page-banner .page-banner-main .ban-title {
  padding:0 5%;
  width:90%;
  max-width:90%

 }
 .page-banner-main .ban-title * {
  text-align:center
 }
 .page-banner-main h2 {
  line-height:38px;
  font-size:28px
 }
 .page-banner-main p {
  line-height:24px;
  margin:12px auto 0
 }
 .yban-common {
  height:128px;
  padding-top:30px
 }
 .yban-common .max-width-1200 {
  width:88%
 }
 .yban-common h3 {
  line-height:28px;
  font-size:20px
 }
 .yban-common h6 {
  line-height:28px;
  margin-top:4px
 }
 .yban-common .btn-href1 {
  margin:0 -15px
 }
 .yban-common .btn-href1 a {
  min-width:74px;
  height:34px;
  padding:0 22px;
  line-height:34px;
  margin:0 5px 10px
 }
 #mobile_minchat_div div:nth-child(2),
 #mobile_minchat_div div:nth-child(3) {
  background:rgba(89,110,251,.96) !important
 }
}

.ft-link {
  background:#242e49
 }
 .ft-link .main {
  padding:15px 0 14px;
  height:auto;
  overflow:hidden;
  border-bottom:1px solid rgba(141,146,153,.4);
  border-top:1px solid rgba(141,146,153,.4)
 }
 .ft-link .main span {
  display:block;
  float:left;
  width:70px;
  height:29px;
  line-height:29px;
  font-size:14px;
  color:#fff
 }
 .ft-link .main p {
  margin-left:70px;
  height:auto;
  overflow:hidden
 }
 .ft-link .main p a {
  display:block;
  float:left;
  width:120px;
  line-height:29px;
  font-size:14px;
  color:#b4bacc;
  margin-left:40px
 }
 .ft-link .main p .shenq {
  color:#596efb
 }
 .ft-link .main p a:hover {
  color:#fff
 }



.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}
.pagination>li {
	display: inline
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #3385CC;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	color: #2a6496;
	background-color: #eee;
	border-color: #ddd
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #3385CC;
	border-color: #3385CC
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
.pagination-lg>li>a, .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.height-scroll{
	float:left;
	width:16%;
}


.height-scroll1{
	float:left;
	width:32%;
}