@charset "utf-8";

html{ -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body{ -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; color: #333; word-wrap: break-word; padding-top: 72px; margin: 0; font-size: 12px; font-family: PingFang SC, -apple-system-font,  "Microsoft YaHei", Helvetica Neue, Helvetica, sans-serif; }

*{ box-sizing: border-box;}

a{ text-decoration: none; outline:0 none; -webkit-transition: all 0.2s; transition: all 0.2s; }

p,ul,li,img,div,html,
h1,h2,h3,dl,dt,dd,
table{ margin: 0; padding: 0;}

button{ border:0 none; outline:0 none; -webkit-appearance: none; appearance: none; box-shadow: none; font-size: 14px; background-color: #fff;}

form, button,input,select,textarea{ font-family:PingFang SC, -apple-system-font, Helvetica Neue, Helvetica, sans-serif; margin: 0; padding: 0; }

input,textarea{ border:0 none; outline:0 none; -webkit-appearance: none; appearance: none; box-shadow: none; font-size: 14px; background-color: #fff;}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color: #eee; -webkit-transition:all 0.2s; transition:all 0.2s; }
textarea{ resize:none; }

table{ border-collapse: collapse; border-spacing: 0;}
ul,ol,dl{ list-style: none; }
img{ border: 0 none; overflow: hidden; }
em,i{ font-style: normal; font-weight: normal; }
audio:not([controls]){display: none; height: 0; }

.pull-left{ float: left;}
.pull-right{ float: right;}
.cf:before,.cf:after{ content: " "; display: table; }
.cf:after{ clear:both; }

[v-cloak]{ display: none; }

.gray-dark{ color:#111; }
.gray{ color:#777; }
.gray-light{ color:#a5a5a5; }
.gray-lighter{ color:#ccc; }
.gray-lightest{ color:#E7E7E7; }

.link-jump{ color:#586B94; }

.justify-space-flex{ display: flex; justify-content: space-between; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-justify-content: space-between;}
.justify-space-box{ display:-webkit-box; display:box; -webkit-box-pack:justify; }
.hide-txt{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.clamp-txt{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.clamp-txt-4{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.ly-suminfo{ overflow: hidden; line-height: 22px; color:#777; }
.ly-suminfo-item{ float: left; }

.align-hvcenter{ top: 50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}

.ly-btn{ overflow:hidden; border:0 none; text-align: center; position: relative; color:#fff; -webkit-transition:all 0.2s; transition:all 0.2s; border-radius: 2px; cursor: pointer; }
.ly-btn:after{ content: '\20'; position: absolute; width: 100%; height: 100%; left: 0; top: 0;  -webkit-transition: all 0.2s; transition: all 0.2s; background-color: rgba(0,0,0,0); }
.ly-btn:active:after{ background-color: rgba(0,0,0,.05); }
.ly-btn.little{ padding: 0 10px; height: 24px; }
.ly-btn.mid{ width:260px; height: 60px; line-height: 60px; }
.ly-btn.big{ width:100%; height: 60px; line-height: 60px; font-size: 18px;}
.ly-btn.disabled{ color:rgba(255,255,255,.5); }
.ly-btn.theme{ background-color: #333; color:#fff; }
.ly-btn.com-big-btn{ display: inline-block; width:260px; height: 60px; line-height: 60px; font-size: 18px; margin-top: 40px; }

.click-hlg{ position: relative; }
.click-hlg:after{ content: '\20'; position: absolute; width: 100%; height: 100%; left: 0; top: 0;  -webkit-transition: all 0.2s; transition: all 0.2s; background-color: rgba(0,0,0,0); }
.click-hlg:active:after{ background-color: rgba(0,0,0,.05);}

.icon{ background-position:left top; background-repeat:no-repeat; font-size:0;}

.hairline-in-pseudo-top{ content:" "; position: absolute; left:0; top:0; width:100%; height:0;-webkit-transform:scaleY(0.5); transform:scaleY(0.5); border-top:1px solid #ededed; }
.hairline-in-pseudo-bottom{ content:" "; position: absolute; left:0; bottom:0; width:100%; height:0; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);  border-bottom:1px solid #ededed;}
.hairline-in-pseudo-left{ content:" "; position: absolute; left:0; top:0; width:0; height:100%; -webkit-transform:scaleX(0.5); transform:scaleX(0.5); border-left:1px solid #ededed; }
.hairline-in-pseudo-right{ content:" "; position: absolute; right:0; top:0; width:0; height:100%;  -webkit-transform:scaleX(0.5); transform:scaleX(0.5); border-right:1px solid #ededed; }
.hairline-in-pseudo-fouredges{ content:" "; position: absolute; left:0; top:0; width:200%; height:200%;  -webkit-transform:scale(0.5); transform:scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; border:1px solid #ededed; }

.arrow-by-border{ content:" "; position: absolute; border-top:1px solid #aaa; border-right: 1px solid #aaa; transition:all 0.2s; }

.overlay{ position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7); z-index:300;}
.dialog{ text-align: center; border-radius: 5px; position: fixed; top: 50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width: 2.5rem; padding:24px 28px; background-color: #fff; }
.overlay-fade-enter-active,
.overlay-fade-leave-active { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.overlay-fade-enter,
.overlay-fade-leave-active{ opacity: 0; }

.html-data{ margin-top: 88px; word-wrap: break-word; line-height: 1.6; color: #333; font-size: 14px; text-align: justify; word-break: break-all; overflow: hidden; }
.html-data img{ max-width: 100%; }
.html-data video{ width: 100%; }

.fit-max-width{ max-width: 640px; margin:0 auto; }
.has-horizontal-scrollerbar{ overflow:hidden; overflow-x:scroll; -webkit-overflow-scrolling:touch; }
.has-vertical-scrollerbar{ overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; }
.has-horizontal-scrollerbar::-webkit-scrollbar-track-piece,
.has-horizontal-scrollerbar::-webkit-scrollbar,
.has-vertical-scrollerbar::-webkit-scrollbar-track-piece,
.has-vertical-scrollerbar::-webkit-scrollbar{ width: 0; height: 0;}

.img-box{ display: block; position: relative; overflow: hidden; }
.faceimg{ border-radius: 100%; background-color: #F1F1F1; }
.img-emoj{ width:20px; vertical-align:top; margin:0 1px; }
.img-spread{ display: block; width: 100%; }
.ly-img{ background-size: cover; background-position: center; background-color: #EFEFEF; overflow: hidden; position:relative; }
.ly-img[lazy="loaded"]{ background-color: rgba(0,0,0,0); }
img[lazy="loading"],
.ly-img[lazy="loading"]{ background-size: 20px 20px; background-repeat: no-repeat;}
img[lazy="error"]{ background-color: rgba(0,0,0,.1); }
.bg-light-gray{ position: fixed; left:0; top:0; width:100%; height:100%; background-color: #F3F3F3; }
.img-with-text{ position: relative; }
.img-with-text .ly-img{ position: absolute; left:0; top:0; }
.img-with-text .title{ font-size: 16px; }

@-webkit-keyframes loadingRotateAnimation
{
   0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.loadingRotateAnimation{
  -webkit-animation: loadingRotateAnimation 1s infinite linear;
  animation: loadingRotateAnimation 1s infinite linear;
}
.list-btm-loadstatus{ color:#aaa; text-align: center; line-height: 16px; margin-top: 20px; }
.list-btm-loadstatus .icon-load{ display: inline-block; width: 12px; height: 12px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAA0lJREFUSA2tls1LG0EYxnfX1YqCGm+NIPRStR5NycUeItiL4gqif4SnetH/QKgXPflHCIVsjw2YQ0SU6kGhUr8IRpOe/Ch+kGg0/T1bV0yNtTYZePednXnf55lnZnZmTeOJkkgkXl9dXQ3e3Nz0EtpaKBSCmMF7Bp/CYli0r69v629Q5mOdEHQBNoX13AIb8veNvvvv86Zpjvf396+WwnxABJC9sLAwgx8FSP3H1F28e319vVFVVZUREPUgSjuJGaDfwQdoplqYbWho+BCJRPKK80sR0fr6euD09PQTSRESsgRN19XVfQyFQj/9hFI+Fos1ZrPZCXLGyK0lJm7b9hDqjv34OyKC7MXFxS/4CFOQxg92d3ev+IH/4l3XDZEXhawFH29ubn7vK7N8gOXl5RkIIpZlpfHh55IIx3GcFaY2DIkGGjk8PJzx8T1FS0tLXYB/ZSQ5iN6Fw+FnKfHBfC9ll5eXCTBfgPl2ZGRk1VNEwxRBJqOZLpdEZFKGm2bDSIiwDXNtba0tl8t9h+wYe/XUwivpX8rc3FwjapLEaje2Wfl83oHAwNxKkWggTJd2qsta6eMetCDoFZEa9ahkgeQzJPq4em1IWtkABrZRSRJhgf1NisQhoqAaq6urvS9e9UoVBq/zUHBBEVUK9wHO8PCwD17Q9s6IDHZP2YPo8hpe3q7RD22GlIiQ+KY8zJLZnZo6yFIIsWKYiJySoWU0crrrZNdmiFmcsq4UUZzd3d3GMnCLUiEQlq4PLUvUam9v36SiSyvA+TRRFF3Gi64NSAIQCnvLP73HIStgY6gKlYHvpZ6fnwtjDBPmuBo9oo6OjlVYZ3mv5SCM7u/vt6jzf8rFxYVydSfVYrM1NTXFVzsS7e3t7XmssLOzc5BKpZ6tTEq4oQ+wwtnZ2bww/cH6U6edkYd9CB+ns4XDNrG3tzd5dHT05AZRzMnJyaRyUCFF8fr6emHd/Tf4X65PrG1uJ5NJ3bajNJrMsa4PV7sTkA0G4x1VtAWxTmwA06cR0DpT935O8HckAn9ApEYV1HThdGn1kCTF2qae/7Oudy5N73erqampeE0ERnmU6He3YaTT6TaUOJB4P5B4KRFhhrpOlRgqXX6xNv2cUv4XWjLNpKtYSHoAAAAASUVORK5CYII=") no-repeat left top; background-size: 12px 12px; margin-right: 3px; position: relative; top:1px;}
.list-btm-loadstatus .icon-load.loading{ -webkit-animation: loadingRotateAnimation 1s infinite linear; animation: loadingRotateAnimation 1s infinite linear; }
.list-btm-loadstatus .icon-load.loaded{ display: none; }

.ly-row{ position: relative; overflow: hidden; }/* 可在Html中添加半像素类 */
.ly-row:last-child:before{ border: 0 none; }
.ly-justify-field{ text-align: justify; overflow: hidden; line-height: 44px; width:62px; height: 44px; float:left; font-size: 14px; }
.ly-justify-field:after{ display: inline-block; content:''; width:100%; height: 100%; text-align: justify; overflow: hidden; }
.ly-justify-val{ position: relative; overflow: hidden; line-height: 24px; padding: 10px 0 10px 18px; color:#666; font-size: 14px; }
.ly-justify-val:after{ content: '：'; position: absolute; left: 3px; top:10px; }

.wrap{ width: 1100px; margin-left: auto; margin-right: auto; }
.top-nav{ position: fixed; left:0; top:0; width: 100%; height: 72px; background-color: #fff; box-shadow: 0 -2px 10px 0 rgba(0,0,0,0.20); z-index: 1000; }
.top-nav .logo{ float: left; margin-top: 17px; }
.top-nav-items{ float: right; }
.top-nav-items li{ float: left; margin-left: 60px; }
.top-nav-items a{ display: block; position: relative; line-height: 72px; color:#777; font-size: 14px; }
.top-nav-items a:after{ display: none; content: ' '; position: absolute; left: 0; bottom: 20px; width: 100%; height: 1px; background-color: #e7e7e7; }
.top-nav-items a.active,
.top-nav-items a:hover{ color:#111; }
.top-nav-items a.active:after,
.top-nav-items a:hover:after{ display: inline;background-color: #333333}

.ly-swiper .ly-img{ display: block; height: 420px; }
.ly-swiper .btns{ width:732px; padding-top: 250px; margin: 0 auto; }
.ly-swiper .btns .com-big-btn{ color:#fff; background-color: transparent; border:1px solid #fff; margin-right:40px;top: 40px;}
.ly-swiper .btns .com-big-btn:hover{ color:#333; background-color: #fff; }
.swiper-pagination-bullet{ width: 60px; height: 2px; background-color: #fff; opacity: .9; }
.swiper-pagination-bullet-active{ background-color: #333; opacity: 1; border-radius:0; }

.swiper-pagination-bullet{ width: 60px; height: 2px; background-color: #fff; opacity: .9; border-radius:0;  }
.swiper-pagination-bullet-active{ background-color: #333; opacity: 1; }
.swiper-nav-btns{ position: absolute; left:50%; top:168px; width: 1100px; height: 60px; margin-left: -550px; }
.swiper-nav-btns .swiper-button-next, 
.swiper-nav-btns .swiper-button-prev{ width: 60px; height: 60px; border-radius: 30px; top:0; margin:0; background-color: rgba(0, 0, 0, .3); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.swiper-nav-btns .swiper-button-next{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAYCAYAAAAh8HdUAAAAAXNSR0IArs4c6QAAAGZJREFUOBFj+P//vy8QCzCQAJiAaj8C8WqgRg0S9DEwADXYAfHuEaBxD9CP6uQEznDXaA4MmA1AbAxKRsQCPaDC30B8lygNQNNTgRiUPolL2KMaiAnXQRhKIGcDnaUMxMzEeAGmBgCwL90StBmbowAAAABJRU5ErkJggg=="); }
.swiper-nav-btns .swiper-button-prev{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAYCAYAAAAh8HdUAAAAAXNSR0IArs4c6QAAAHZJREFUOBFjZCAB/P//XwCo3JaJWD1ADRpAtauB+CNRekAagHg3ENuNasAVAoMzlEyAztoAxOa4nI0uDkpGd4D4NxDroUvi5QNtEQDi1UCcilchuuSoRvQQQeIPfOAwIrkGLxPkVKCC2UC8i2hNIBOBGpmBlBoAMcnRWc3YS0kAAAAASUVORK5CYII="); }

.wave{ margin-top: 152px; }
.case-list{ text-align: center; }
.case-list ul,
.case-list li{ display: inline-block; }
.case-list ul{ margin-left: -20px; }
.case-list li{ width: 345px; border:1px solid #E8E8E8; margin:0 0 20px 20px; padding: 30px 20px 16px 20px; cursor: pointer; position: relative; }
.case-list .img-prod{ border-radius: 10px; width: 100px; height: 100px; }
.case-list .name{ line-height: 20px; height: 20px; margin:24px 0 10px; }
.case-list .desc{ line-height: 18px; height: 36px; margin-bottom: 64px;}
.case-list .label{ float: right; border:1px solid #E7E7E7; padding:0 10px; }
.case-list li:hover .qrcode-inlist{ opacity: 1; }
.qrcode-inlist{ text-align: center; opacity: 0; position: absolute; left:0; bottom: 0; right:0; top: 0; padding: 0 20px; background-color: rgb(255, 255, 255); -webkit-transition: all 0.3s; transition: all 0.3s; }
.qrcode-inlist .qrcode-note{ margin-top: 10px; }

.case-list-double li{ display: inline-block; }
.case-list-double ul{ margin-left: 0px }
.case-list-double li{ width: 345px; border-radius: 4px; background-color: #fff; margin:0 0 20px 20px; cursor: pointer; position: relative; }
.case-list-double .img-cover{ height: 300px; border-radius: 4px; }
.case-list-double .img-cover::after{content: ""; width:100%; height:100%; position: absolute; left:0; top:0; background: inherit; filter: blur(5px); z-index: 0; }
.case-list-double .img-prod{ border-radius: 10px; width: 100px; height: 100px; display: block; margin: 100px auto 0; background-color: #e7e7e7; position: relative; z-index: 1;}
.case-list-double .name{ line-height: 28px; font-size: 20px; margin:16px 0 12px; padding: 0 20px; }
.case-list-double .desc{ line-height: 28px; font-size: 16px; height: 55px; margin-bottom: 20px; padding: 0 20px;}
.case-list-double .label{ float: right; border:1px solid #E7E7E7; padding:0 10px; }
.case-list-double li:hover .qrcode-inlist{ opacity: 1; }
.case-list-double .qrcode-inlist{z-index: 3;min-height: 100%;opacity: 0; position: absolute; left:0; bottom: 0; right:0; padding: 40px 80px; background-color: rgba(255, 255, 255, .9); -webkit-transition: all 0.3s; transition: all 0.3s; }
.case-list-double .qrcode-inlist img{ z-index: 3;width: 100px; height: 100px; display: block; margin: 0 auto; margin-top:120%;border: 1px solid #e7e7e7; }
.case-list-double .qrcode-inlist .qrcode-note{ z-index: 3;text-align: center; margin-top: 10px; }

.magapp-access{ margin-top: 168px; position: relative; }
.magapp-access .img-magapp-access{ position: absolute; left:50%; top: 50px; width: 1100px; margin-left: -550px; }

.magapp-versions{ background: #FFFFFF; box-shadow: 0 2px 26px 0 rgba(0,0,0,0.14); border-radius: 4px; margin-top: -100px; padding: 90px 80px 86px 80px; position: relative; z-index: 1; text-align: center; }
.magapp-versions .items{ margin-bottom: 66px; }
.magapp-versions .item{ display: inline-block; width: 280px;  }
.magapp-versions .item.second{ margin:0 45px; }
.magapp-versions .item-icon{ width: 100px; height: 100px; display: inline-block; background-color: #f1f1f1; }
.magapp-versions .item .h1{ margin: 26px 0 16px 0; }
.magapp-versions .ly-btn.big{ display: inline-block; width: 260px; margin: 0 14px; }

.footer{ background-color: #333; color: #c5c5c5;; font-size: 14px; }
.footer a{ color:#c5c5c5; font-size: 14px;}
.footer a:hover{ color:#42BD56;}
.footer-info{ padding: 54px 0 48px; position: relative; overflow: hidden;}
.footer-info .item{ float: left;width: 45%;}
.footer-info .item2{ width: 30%;}
.footer-info .item3{ width: 25%;}
.footer-info .item-hd{ font-size: 18px; color:#fff; margin-bottom: 12px;}
.footer-info dd{ line-height: 30px;    white-space: pre-wrap;}
.footer-sub{ background-color: #0a0a0a; line-height: 54px; text-align: center; }

.crump-nav{ margin: 40px 0; position: relative; z-index: 1; font-size: 14px; }
.crump-nav .tohome{ position: relative; color:#333; float: left; padding-left: 10px; position: relative; font-size: 14px; }
.crump-nav .tohome:after{ content: ' '; position: absolute; left:0; top:4px; width:2px; height: 12px; background-color: #333;  }
.crump-nav .arrow{ float:  left; margin: 7px 8px 0 8px; width: 6px; height: 6px; border-top:1px solid #6F6F6F; border-right:1px solid #6F6F6F; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.crump-nav .city-filter{ position: absolute; right:0; top: -8px; }
.city-current{ width: 106px; padding-left: 10px; line-height: 36px; background-color: #fff; position: relative; cursor: pointer; }
.city-current:after{ content: ' '; position: absolute; right:12px; top: 16px; width:0; height:0; border:6px solid rgba(0, 0, 0, 0); border-top-color:#333; }
.city-dropdown{ position: absolute; right:0; top: 42px; width: 100%; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10); padding: 3px; }
.city-dropdown li{ line-height: 30px; cursor: pointer; padding-left: 8px; }
.city-dropdown li.active,
.city-dropdown li:hover{ background-color: #F4F4F4; }

.all-case-menu{ margin-bottom: 40px; text-align: center; }
.all-case-menu li{ float: left; margin-right: 60px; line-height: 54px; font-size: 16px; cursor: pointer; position: relative; }
.all-case-menu li.active:after{ content: ' '; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 26px; height:1px; background-color: #333;  }
.all-case-list .case-list{ text-align: left; }
.all-case-list .case-list li{ background-color: #fff; text-align: center; }

.about-banner{ height: 590px; background-image: url(../imgs/about_banner.png); }
.about-banner .wrap{ padding-top: 54px; }
.about-banner-hd{ width:470px; margin:0 auto; height: 110px; background-image: url(../imgs/about_banner_title.png); background-color: transparent; }
.about-banner-des{ color:#fff; font-size: 18px; line-height: 25px; margin-top: 80px; position: relative; }
.about-banner-des:before,
.about-banner-des:after{ content:' '; position: absolute; left:0; width: 160px; height:1px; background-color: #fff; }
.about-banner-des:before{ top:-30px; }
.about-banner-des:after{ bottom:-30px; }
.about-banner-des p{ margin-bottom: 20px; }
.about-team{ overflow: hidden; padding: 60px 0; }
.about-team-pic{ float: right; width: 530px; height: 340px; }
.about-team-txt{ float: left; width: 520px; font-size: 18px; color:#777; line-height: 26px; }
.about-team.is-gray{ background-color: #F7F7F7; }
.about-team.is-gray .about-team-pic{ float: left; }
.about-team.is-gray .about-team-txt{ float: right; }
.about-team-txt .item-title{ font-size: 24px; padding-bottom: 24px; position: relative; margin-bottom: 40px; }
.about-team-txt .item-title:after{ content: ' '; position: absolute; left:0; bottom: 0; width:40px; height: 6px; background-color: #FFB04B; }
.about-team-txt p{ margin-bottom: 20px; }

.section-intro{ overflow: hidden; text-align: center; }
.section-intro .desc{ color:#777; font-size: 16px; line-height: 24px; }

.foot-form.has-desc .foot-title{ margin-bottom: 10px; }
.foot-form.has-desc .foot-desc{ font-size: 16px; line-height: 24px; margin-bottom: 40px; color:#777; }

.table-top{width: 100%;line-height:50px;background-color: #708381;font-size: 25px;text-align: center;color: #fff;font-weight: normal;}
.newer-price{border: 1px solid #ebebeb;}
.newer-price tr{height: 68px;width: 100%;border-bottom: 1px solid #ebebeb;font-size: 16px;}
.newer-price tr th,
.newer-price tr td{ box-sizing: border-box; border: 1px solid #ebebeb; line-height: 30px;}
.newer-price .version,
.newer-price td.checked{ background: url('data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAMAAADDGrRQAAAAM1BMVEUAAABHUVBHUVBHUVBHUVBHUVBHUVBHUVBHUVBHUVBHUVBHUVBHUVBHUVBHUVBHUVBHUVCz1B5MAAAAEHRSTlMAB6qgnI97sYS7tqWYlNBy6uzLawAAAF9JREFUGNONzVkOwCAIBNDignvL/U/biUZSbT86iQEeCR4/QplfFER4IyMicbUPKiC/klW6Ag1yoNY7FjFKdWwjWovaUN284vvg+0pTMZ54Zf9vXtUEUKbVKElSUuQn3U9vBCLHb222AAAAAElFTkSuQmCC') center no-repeat; background-size: 19px; }
.col-price,
.row-header{ font-size: 16px; color: #656565; text-align: center; }
.row-header{font-weight: bold;}
.col-contents{ padding: 10px 20px 10px 25px; text-align: left; font-size: 16px; color: #656565; }
.col-expired{ text-align: center; font-size: 16px; color: #656565;}

.dy-appeal .ly-form{ width: 400px; margin-top: 36px; }
.ly-form-title{ font-size: 22px; margin-bottom: 30px; }
.ly-form .ly-row{ margin-top: 16px; border-bottom:1px solid #DEDEDE; }
.ly-form .ipt{ width:100%; }
.ly-form .multi-txt{ width: 100%; height: 90px; }
.ly-form .btn-submit{ height: 48px; width: 100%; margin-top: 40px; font-size: 16px; }

.card-list{ text-align: center; }
.card-list ul,
.card-list li{ display: inline-block; }
.card-list ul{ margin-left: -20px; }
.card-list li{ margin:0 0 20px 20px; cursor: pointer; }
.card-list.plugins li{ width: 353px; border-bottom: 1px solid #E7E7E7; color:#A5A5A5; font-size: 16px; line-height: 1.4; position: relative; }
.card-list.plugins li:hover .qrcode-inlist{ opacity: 1; }
.card-list.plugins .ly-img{ height: 200px; border-radius: 2px; }
.card-list.plugins .plugin-txt{ text-align: left; padding: 24px 20px; }
.card-list.plugins .item-title{ font-size: 20px; color:#333; margin-bottom: 10px; }
.card-list.cooperation .ly-img{ display: block; width: 260px; height: 112px; }
.title{ margin: 100px 0 8px; text-align: center; font-size: 26px; color: #111; line-height: 37px; }
.sub-title{ margin-bottom: 46px; text-align: center; font-size: 16px; color: #a5a5a5; line-height: 22px;}

.h1{ font-size: 26px; color: #111; line-height: 37px; }
.h2{ font-size: 20px; color: #333; line-height: 28px; }
.h3{ font-size: 16px; color: #777; line-height: 24px; }
.h4{ font-size: 16px; color: #a5a5a5; line-height: 22px; }
.h5{ font-size: 14px; color: #111; line-height: 20px; }

/* home */
.main .mod{ padding-bottom: 30px;}

.main .solutions-list{ width: 1120px; }
.main .solutions-list .item{ -webkit-transition: all 200ms; transition: all 200ms; margin: 0 20px 30px 0; border-bottom: 1px solid #E7E7E7; cursor: pointer;}
.main .solutions-list .cover{ width: 540px; height: 300px; border-radius: 4px; -webkit-transition: all 200ms; transition: all 200ms; background-size: 100% 100%; }
.main .solutions-list .item-title{ width: 370px; padding: 32px 20px 12px 20px; }
.main .solutions-list .item-msg{ width: 370px; height:44px; margin: 0 0 18px 20px; }
.main .solutions-list .arrow-box { width: 90px; position: relative; top: -14px;}
.main .arrow-box .v-line{ -webkit-transition: all 200ms; transition: all 200ms; display: inline-block; vertical-align: middle; height: 28px; border-left: 1px solid #E7E7E7; margin-right: 0px; opacity: 0; }
.main .arrow-box .icon-arr{ width: 25px; height: 14px; vertical-align: middle;}
.main .solutions-list .item:hover{ border-color: #777; }
.main .solutions-list .item:hover .cover{ background-size: 110% 110%; }
.main .solutions-list .item:hover .v-line { opacity: 1;  margin-right: 16px;}

.main .partner-list{ width: 1120px; }
.main .partner-list .item{ position: relative; width: 540px; background-color: #F9FAFB; padding: 40px 30px 40px 34px; margin: 0 20px 20px 0; }
.main .partner-list .cover{ width: 150px; height: 150px; border-radius: 6px; margin-right: 30px;}
.main .partner-list .title-box{ width: 296px; }
.main .partner-list .item-title{ margin-bottom: 17px; }
.main .partner-list .item-msg{ height: 88px; }
.main .partner-list .item:hover .qrcode-box{ opacity: 1; }
.main .partner-list .qrcode-box{ transition: all 200ms; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, .9); font-size: 14px; color: #333; line-height: 20px; overflow: hidden;}
.main .qrcode-box .line-box{ position: absolute; top: 20px; bottom: 20px; left: 20px; right: 20px; border-top: 2px solid #777; border-bottom: 2px solid #777; text-align: center;}
.main .qrcode-box .qrcode{ width: 124px; height: 124px; margin: 20px 0 10px;}
.btn-load-more{ display: block; margin: 34px auto 0; border-radius: 2px; font-size: 18px;}

.main .degree-list .item{ width: 25%; text-align: center;}
.main .degree-list .cover{ width: 140px; height: 140px; margin: 0 auto;}
.main .degree-list .item-title{ margin: 24px 0 11px 0; }

.data-bg{ width: 100%; position: relative; z-index: 1;}
.data-show-box{ width: 1175px;  margin-top: -450px; margin-left: auto; margin-right: auto; text-align: center; position: relative; z-index: 2;}
.data-show-box .data-show{  background-color: #fff; box-shadow: 0 2px 26px 0 rgba(0,0,0,0.14); border-radius: 4px; padding: 50px 0 88px 0; }
.data-show-box .item{ width: 25%; }
.data-show-box .item .title{ display: inline-block; position: relative; font-size: 54px; color: #333; line-height: 75px; margin: 50px 0 14px 0;}
.data-show-box .item .sup-add::after{ display: block; content: "+"; font-size: 18px; color: #222; line-height: 16px; position: absolute; top: 0; right: -18px;}

.mod-has-padding{ width: 1100px;}
.customer-list{ width: 1120px; margin-right: -20px; font-size: 0;}
.customer-list .cover{ width: 260px; height: 112px; margin: 0 20px 20px 0;}

.foot-form{ background-color: #F7F7F7; padding: 66px 0 73px; }
.foot-form .foot-title{ font-size: 22px; color: #111; line-height: 30px; margin-bottom: 32px;}
.foot-form .qrcode-box{ width: 260px; margin-right: 119px;}
.foot-form .foot-subtitle{ font-size: 18px; color: #ccc; line-height: 25px; margin-bottom: 32px;}
.foot-form .foot-qrcode{ width: 260px; }
.foot-form .form-box{ width: 720px; }

.foot-form .form{ position: relative; }
.foot-form .form .form-item{ position: relative; border-bottom: 1px solid #DEDEDE; margin: 0 40px 18px 0;}
.foot-form .form .form-val{ width: 320px; height: 38px; line-height: 38px; padding-left: 76px; background-color: transparent; font-size: 16px; color: #777;}
.foot-form .form .label{ position: absolute; top: 0; left: 0; width: 64px; height: 38px; line-height: 38px; font-size: 16px; color: #777;}
.foot-form .form .textarea-box{ width: 100%; margin-top: 12px;}
.foot-form .form .form-textarea{ width: 100%; height: 122px; padding-top: 38px; background-color: transparent; font-size: 16px; color: #777;}
.foot-form .form .ly-btn{ width: 200px; font-size: 16px; margin-top: 12px;}

.contact-us-h1{ color: #fff; font-size: 58px; padding-top: 155px; text-align: center; }
.contact-us-h2{ color: #fff; font-size: 19px; padding-top: 15px; text-align: center;}
.contact-container{ margin-top: 92px; padding: 57px 51px 45px; background-color: #fff; border-radius: 10px; opacity:0.9423; }
.contact-container .lf{ width: 387px; box-sizing: border-box; }
.contact-container .mid{ width: 337px; box-sizing: border-box; padding-left: 70px; }
.contact-container .rt{ width: 274px; box-sizing: border-box; padding-left: 70px; }
.contact-container .content-title{ margin-bottom: 22px; font-weight: bold; font-size: 19px; color: #333; }
.contact-container .row{ position: relative; font-size: 14px; line-height: 20px; color: #6B6B6B; margin-bottom: 12px; }
.contact-container .label{ position: absolute; left: 0; top: 0; width: 57px; height: 20px; line-height: 20px; padding-right: 15px; }
.contact-container .label::before{ position: absolute; top: 0; right: 0; display: block; content: "："; }
.contact-container .val{ padding-left: 60px; }
.contact-container .has-line-lf{ position: relative; }
.contact-container .has-line-lf::before{ position: absolute; left: 0; bottom: 0; content: " "; display: block; height: 90%; border-left: 1px solid #E7E7E7; }

.com-dot{ width: 11px; height: 11px; border-radius: 100%; }
.com-dot.black{ background-color: #777; }
.news-mod{ padding: 36px 0 80px; }
.news-hd h3{ font-size: 26px; color:#7e7e7e; font-weight: normal; }
.news-hd h3 span{ font-size: 16px;}
.news-bd li{ line-height: 42px; position: relative; padding-right: 280px; }
.news-title{ font-size: 16px; position: relative; padding: 0 0 0 20px; color:#777; }
.news-title:hover{ color: #111;  }
.news-bd .date{ position: absolute; right: 0; top: 0; color:#aaa; }
.news-bd .com-dot{ position: absolute; left: 0; top:15px; }
.news-bd a{ display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.news-bd a:hover .com-dot{ background-color: #333; }
.pager-nav{ margin-top:20px; font-size:0;}
.pager-nav a,
.pager-nav span{ line-height: 27px; height: 28px; font-size:12px; margin:0 4px;  padding:0 14px; display: inline-block; box-sizing:border-box; vertical-align: middle;}
.pager-nav a{ border:1px solid #ccc; color:#434343;}
.pager-nav a:hover,
.pager-nav .current{ background-color:#3dbb2b; color:#fff; border-color:#3dbb2b;}
.news-pager-nav{ text-align: center; margin: 40px 0 0 0; }