
/* 移动切换前后元素 */
#mall-market .grid-item.on .item1 { display: none; }
#mall-market .grid-item.on .item2 { display: block; }
#mall-market .grid-item.on .item2 .name {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
#mall-market .grid-item.on .item2 .infor {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

.bg-hover-block { background: #2a7efb; }


[class*="tpl-"] svg[class*="svg-"], [class*="part-"] svg[class*="svg-"] { min-width: 1em; width: 1em; height: 1em; fill: #2a75ed; stroke: #2a75ed; }

/* 块状 竖形排列 */
.tpl-block-all .grid-item:not([class*="text-"]) > *:not([class*="margin-"]) { margin-left: auto; margin-right: auto; }
.tpl-block-all .grid-item:not([class*="text-"]){ text-align: center; }
/*.tpl-block-all .grid-item:not([class*="bg-"]){ background-color: #fff; } */
.tpl-block-all .grid-item:not([class*="padding-"]) { padding-bottom: 25px; }
.tpl-block-all .svg-inetfont { font-size: 75px; }
.tpl-block-all .svg-tradefont { font-size: 75px; }
.tpl-block-all .grid-item .caption { font-size: 36px; line-height: 56px; }
.tpl-block-all .grid-item .title { font-size: 20px; line-height: 48px; }
.tpl-block-all .grid-item .subtitle { font-size: 18px; line-height: 40px; }
.tpl-block-all .grid-item:not(:hover) .caption:not([class*="color-"]), .tpl-block-all .grid-item:not(:hover) .title:not([class*="color-"]), .tpl-block-all .grid-item:not(:hover) .subtitle:not([class*="color-"]) { color: rgba(51,51,51,1); }
.tpl-block-all .grid-item .content { font-size: 16px; line-height: 24px; }
.tpl-block-all .grid-item .subcontent, .tpl-block-all .grid-item .faketitle { font-size: 14px; line-height: 22px; }

.tpl-block-all .grid-item .content:not([class*="color-"]),
.tpl-block-all .grid-item .subcontent:not([class*="color-"]),
.tpl-block-all .grid-item:not(:hover) .faketitle:not([class*="color-"]) { color: #555; }

/* .tpl-block-all.row-3:not(.flex-wrap) .grid-item + .grid-item:not([class*="margin-"]) { margin-left: 90px; } */
.tpl-block-all .grid-item a:not([class*="link"]) {
    display: inline-block; width: 180px; height: 44px;
    background: #3da1f9;
	text-align: center;
    background: linear-gradient(45deg, #3da1f9 0%, #476dfd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3da1f9', endColorstr='#ff6c55', GradientType=1 );
    box-shadow: 0 3px 10px 0 #3da1f9;
    border-radius: 2px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(243,243,248,1);
    line-height: 44px;
}
.tpl-block-all .grid-item a:not([class*="margin-"]) { margin: 24px auto 10px; }

.tpl-leftright-info .img { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.tpl-leftright-info .img img { max-width: 100%; }
.tpl-leftright-info .text { padding: 0 60px; margin: auto 0; }
.tpl-leftright-info .text .items { display: inline-block; padding-left: 30px; }
.tpl-leftright-info .text .caption { position: relative; line-height: 1.5em; margin-top: 10px; margin-bottom: 10px; font-size: 26px; color: #5d6494; }
.tpl-leftright-info .text .title { position: relative; line-height: 1em; margin-top: 10px; margin-bottom: 10px; font-size: 24px; color: #5d6494; text-align: left; }
.tpl-leftright-info .text .content { position: relative; font-size: 18px; color: #7d88a2; line-height: 32px; }
.tpl-leftright-info .text .flag:after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #ff4e4c; position: absolute; top: 22px; left: -20px; }
.tpl-leftright-info .text .content.flag:after { background: #354cf3; top: 12px; }

.part-goods-row { display: flex; }
.part-goods-row:not([class*="text-"]){ text-align: left; }
/* .part-goods-row:not([class*="align-"]){ align-items: center; } */
.part-goods-row.row + .row { margin-left: 72px; }
.part-goods-row > * { display: inline-block; vertical-align: middle; }
.part-goods-row .icon.big { width: 86px; margin-right: 16px; }
.part-goods-row .icon.middle { width: 48px; margin-right: 16px; }
.part-goods-row .iconfont { font-size: 60px; color: #2a7efb; margin-right: 12px; line-height: 83px; }
.part-goods-row .svg-inetfont { font-size: 50px; }
.part-goods-row .img { margin-right: 20px; }
.part-goods-row .text .caption { font-size: 18px; line-height: 22px; margin-bottom: 8px; }
.part-goods-row .text .title { font-size: 16px; line-height: 22px; margin-bottom: 8px; }
.part-goods-row .text .subtitle { font-size: 15px; line-height: 22px; margin-bottom: 2px; }
.part-goods-row .text .faketitle,
.part-goods-row .text .content { font-size: 14px; line-height: 20px; }

.part-goods-column { display: flex; flex-direction: column; }
.part-goods-column:not([class*="text-"]){ text-align: center; }
.part-goods-column:not([class*="align-"]){ align-items: center; }
.part-goods-column > * { vertical-align: middle; }
.part-goods-column > *:not([class*="display-"]) { display: block; }
.part-goods-column > video { width: 100%; }
.part-goods-column > .icon.middle { width: 48px; margin-right: 16px; }
.part-goods-column > .iconfont { font-size: 60px; color: #2a7efb; margin-right: 12px; }
.part-goods-column .svg-techfont {font-size: 30px; }
.part-goods-column .text .title { font-size: 18px; line-height: 22px; margin: 8px auto 4px; }
.part-goods-column .text .subtitle { font-size: 16px; line-height: 22px; margin-bottom: 2px; }
.part-goods-column .text .faketitle,
.part-goods-column .text .content { font-size: 14px; line-height: 20px; }
.part-goods-column .text .solid { border: 1px solid rgba(75, 91, 118, .5); border-radius: 2px; }

[class*="part-goods-"] .text .caption:not([class*="color-"]),
[class*="part-goods-"] .text .title:not([class*="color-"]),
[class*="part-goods-"] .text .subtitle:not([class*="color-"]) { color: #323233; }

[class*="part-goods-"] .text p.content:not([class*="color-"]),
[class*="part-goods-"] .text .content:not(:hover):not([class*="color-"]) { color: #555; }
[class*="part-goods-"] .text a:hover { color: #2a7efb; }

[class*="pfs-btn"] { display: block; text-align: center; cursor: pointer; transition: all 0.3s;
    font-size: 14px;max-width: 170px;
	border: 1px solid #fff;
    position: relative; overflow: hidden;
}
[class*="pfs-btn"]:not([class*="padding-"]) { padding: 12px 45px; }
[class*="pfs-btn"]:not([class*="color-"]) { color: white; }
[class*="pfs-btn"]:hover { opacity: 0.8; }
[class*="pfs-btn"]:hover.hover-border-blue { border-color: #2a7efb; }
[class*="pfs-btn"].border-blue { border-color: #2a7efb; }
[class*="pfs-btn"]:hover.hover-border-gray { border-color: #e5e5e5; }
[class*="pfs-btn"].border-gray { border-color: #e5e5e5; }

[class*="pfs-btn"]:hover.hover-bg-blue { background-color: #266fe8; }
[class*="pfs-btn"]:hover.hover-bg-lightblue { background-color: #ecf2fe; }

/* 默认卡片 */
.part-card-normal { display: inline-block; }
.part-card-normal > * { display: inline-block; vertical-align: middle; width: 100%; }
.part-card-normal .icon.middle { width: 48px; margin-right: 16px; }
.part-card-normal .iconfont { font-size: 60px; color: #2a7efb; margin-right: 12px; }
.part-card-normal .head { display: flex; margin: 0px auto 10px; justify-content: space-between; }
.part-card-normal .head .title { font-size: 18px; line-height: 22px; color: #323233; }
.part-card-normal .head .more { font-size: 16px; line-height: 20px; color: #969799; }
.part-card-normal .head .subtitle { font-size: 16px; line-height: 22px; color: #323233; margin-bottom: 2px; }
.part-card-normal .text .content { font-size: 14px; line-height: 20px; color: #969799; max-width:230px; }
.part-card-normal .body img { width: 260px; }
.part-card-normal .body .items { margin: 10px auto; }
.part-card-normal .body .items a{ line-height: 20px; margin: 10px auto; color: #323233; }

.tpl-goods-row .grid-item + .grid-item { margin-left: 20px; }
.tpl-goods-row .grid-item {
    height: 100%;
    border: 1px solid #e5e5e5;
    padding: 83px 0 20px 30px;
    position: relative;
}
.tpl-goods-row .sprites_one {
    width: 86px; height: 93px;
    background: url(../images/03-icon.png) no-repeat center; background-position: 0 0;
    position: absolute; left: 35px; top: -34px; z-index: 5;
}
.tpl-goods-row .top { margin-bottom: 32px; font-size: 24px; font-weight: bold; color: #333333;}
.tpl-goods-row .grid-item .bottom { text-align: center; margin-left: -31px; }
.tpl-goods-row .bottom a {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height: 44px;
    display: inline-block;
    width: 180px;
    height: 44px;
    background: linear-gradient(45deg, #3da1f9, #476dfd );
    background: -moz-linear-gradient(45deg, #3da1f9, #ff6c55);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3da1f9), color-stop(100%,#476dfd ));
    background: -webkit-linear-gradient(45deg, #3da1f9 0%, #476dfd 100%);
    background: -o-linear-gradient(left, #3da1f9 0%,#476dfd  100%);
    background: -ms-linear-gradient(left, #3da1f9 0%,#476dfd  100%);
    background: linear-gradient(to right, #3da1f9 0%,#476dfd  100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3da1f9', endColorstr='#476dfd ',GradientType=1 );
    box-shadow: 0 3px 10px 0 #3da1f9;
    border-radius: 2px;
}
.tpl-goods-row .grid-item.four .sprites_one { background-position: -263px 0; }
.tpl-goods-row .grid-item.three .sprites_one { background-position: -174px 0; }
.tpl-goods-row .grid-item.two .sprites_one { background-position: -86px 0; }

/* 统计 累加动画 */
.tpl-statistics .grid-item .header { line-height:90px; font-size:64px; font-weight:500; }
.tpl-statistics .grid-item .icon { display:inline-block; height:56px; line-height:48px; font-size:48px; vertical-align:top; margin-top:6px; }
.tpl-statistics .grid-item .content { line-height:25px; font-size:18px; }



.safe [class*="safe-img"] { width:160px; height:160px; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:130px; }
.safe .safe-img__skill { background-image:url(../img/skill.png); }
.safe .safe-img__safe { background-image:url(../img/safe.png); }
.safe .safe-img__service { background-image:url(../img/service.png); }
.safe .safe-img__good { background-image:url(../img/good.png); }
.safe .safe-img__convenient { background-image:url(../img/convenient.png); }

.abcdef [class*="gain-item"], .abcdef [class*="gain-qrcode"] { width:100%; height:150px; background-position:center; background-repeat:no-repeat }
.abcdef [class*="gain-item"] { position:relative; overflow:hidden; background-size:cover }
.abcdef [class*="gain-item"]:hover [class*="gain-qrcode"] { -webkit-transform:translateY(-120px); transform:translateY(-120px) }
.abcdef .gain-item1 { background-image:url(../img/1.png); }
.abcdef .gain-item2 { background-image:url(../img/2.png); }
.abcdef .gain-item3 { background-image:url(../img/3.png); }
.abcdef .gain-item4 { background-image:url(../img/4.png); }
.abcdef .gain-item5 { background-image:url(../img/5.png); }
.abcdef .gain-item6 { background-image:url(../img/6.png); }
.abcdef .gain-item7 { background-image:url(../img/7.png); }
.abcdef .gain-item8 { background-image:url(../img/8.png); }
.abcdef .gain-item9 { background-image:url(../img/9.png); }
.abcdef .gain-item10 { background-image:url(../img/10.png); }
.abcdef .gain-item11 { background-image:url(../img/11.png); }
.abcdef .gain-item12 { background-image:url(../img/12.png); }
.abcdef .gain-item13 { background-image:url(../img/13.png); }
.abcdef .gain-item14 { background-image:url(../img/14.png); }
.abcdef .gain-item15 { background-image:url(../img/15.png); }
.abcdef .gain-item16 { background-image:url(../img/16.png); }
.abcdef .gain-item17 { background-image:url(../img/17.png); }
.abcdef .gain-item18 { background-image:url(../img/18.png); }
.abcdef .gain-item19 { background-image:url(../img/19.png); }
.abcdef .gain-item20 { background-image:url(../img/20.png); }
.abcdef .gain-item21 { background-image:url(../img/21.png); }
.abcdef .gain-item22 { background-image:url(../img/22.png); }
.abcdef .gain-item23 { background-image:url(../img/23.png); }
.abcdef .gain-item24 { background-image:url(../img/24.png); }

.abcdef .gain-name { line-height:22px; margin:98px 0 0; font-size:16px; text-align:center }
.abcdef [class*="gain-qrcode"] {
    width: 100%;
    position:absolute;
    -webkit-transform:translateY(150px);
    transform:translateY(150px);
    background-color:#fff;
    background-size:110px;
    -webkit-transition:-webkit-transform .3s ease-in-out;
    transition:-webkit-transform .3s ease-in-out;
    transition:transform .3s ease-in-out;
    transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.abcdef .gain-qrcode1 { background-image:url(../img/wx25.png); }
.abcdef .gain-qrcode2 { background-image:url(../img/wx26.png) }
.abcdef .gain-qrcode3 { background-image:url(../img/wx27.png); }
.abcdef .gain-qrcode4 { background-image:url(../img/wx28.png); }
.abcdef .gain-qrcode5 { background-image:url(../img/wx29.png); }
.abcdef .gain-qrcode6 { background-image:url(../img/wx30.png); }
.abcdef .gain-qrcode7 { background-image:url(../img/wx31.png); }
.abcdef .gain-qrcode8 { background-image:url(../img/wx32.png); }
.abcdef .gain-qrcode9 { background-image:url(../img/wx33.png); }
.abcdef .gain-qrcode10 { background-image:url(../img/wx34.png); }
.abcdef .gain-qrcode11 { background-image:url(../img/wx35.png); }
.abcdef .gain-qrcode12 { background-image:url(../img/wx36.png); }
.abcdef .gain-qrcode13 { background-image:url(../img/wx37.png); }
.abcdef .gain-qrcode14 { background-image:url(../img/wx38.png); }
.abcdef .gain-qrcode15 { background-image:url(../img/wx39.png); }
.abcdef .gain-qrcode16 { background-image:url(../img/wx40.png); }
.abcdef .gain-qrcode17 { background-image:url(../img/wx41.png); }
.abcdef .gain-qrcode18 { background-image:url(../img/wx42.png); }
.abcdef .gain-qrcode19 { background-image:url(../img/wx43.png); }
.abcdef .gain-qrcode20 { background-image:url(../img/wx44.png); }
.abcdef .gain-qrcode21 { background-image:url(../img/wx45.png); }
.abcdef .gain-qrcode22 { background-image:url(../img/wx46.png); }
.abcdef .gain-qrcode23 { background-image:url(../img/wx47.png); }
.abcdef .gain-qrcode24 { background-image:url(../img/wx48.png); }


.abcdef [class*="gain-header__img-"] { width:56px; height:56px; background-position:center; background-repeat:no-repeat; background-size:56px; margin:0 0 10px; }
.abcdef .gain-header__img-zmedia { background-image:url(../fonts/zmedia.svg); }
.abcdef .gain-header__img-media { background-image:url(../fonts/media.svg); }
.abcdef .gain-header__img-edu { background-image:url(../fonts/edu.svg); }
.abcdef .gain-header__img-px { background-image:url(../fonts/px.svg); }
.abcdef .gain-header__img-publish { background-image:url(../fonts/publish.svg); }
.abcdef .gain-header__img-v { background-image:url(../fonts/v.svg); }






.swiper-button-prev { background: url(../img/arrow_left.png) no-repeat center; background-color: rgba(0, 0, 0, 0.5); }
.swiper-button-next { background: url(../img/arrow_right.png) no-repeat center; background-color: rgba(0, 0, 0, 0.5); }



.fullSlide { width: 100%; height: 480px; margin-top: 30px; position: relative; }
.fullSlide > a,.fullSlide > div { display: block; width: 100%; height: 100%; background: url(../images/back.png) no-repeat center/cover; }

.fullSlide.deepseek .flag-img,.fullSlide .deepseek-img { background: url(../images/ai.png) no-repeat center right; }
.fullSlide.ai .flag-img,.fullSlide .ai-img { background: url(../images/ai.png) no-repeat center right; }
.fullSlide.iot .flag-img,.fullSlide .iot-img { background: url(../images/iot.png) no-repeat center right; }
.fullSlide.block .flag-img,.fullSlide .block-img { background: url(../images/block.png) no-repeat center right; }
.fullSlide.live .flag-img,.fullSlide .live-img { background: url(../images/live.png) no-repeat center right; }
.fullSlide.quant .flag-img,.fullSlide .quant-img { background: url(../images/quant.png) no-repeat center right; }
.fullSlide.stock .flag-img,.fullSlide .stock-img { background: url(../images/quant.png) no-repeat center right; }
.fullSlide.appointment .flag-img,.fullSlide .appointment-img { background: url(../images/appointment.png) no-repeat center right; }
.fullSlide.about > a,.fullSlide.about > div {
	background: url(../images/about.jpg) no-repeat center/cover;
}
.fullSlide.contact > a,.fullSlide.contact > div {
	background: url(../images/contact.jpg) no-repeat center/cover;
}
.fullSlide.mall .flag-img,.fullSlide .mall-img { background: url(../images/mall.png) no-repeat center right; }
.fullSlide.social .flag-img,.fullSlide .social-img { background: url(../images/social.png) no-repeat center right; }

.fullSlide.market .flag-img,.fullSlide .market-img { background: url(../images/market.png) no-repeat center right; }
.fullSlide.enterprise .flag-img,.fullSlide .enterprise-img { background: url(../images/enterprise.png) no-repeat center right; }
.fullSlide.park .flag-img,.fullSlide .park-img { background: url(../images/park.png) no-repeat center right; }
.fullSlide.info .flag-img,.fullSlide .info-img { background: url(../images/info.png) no-repeat center right; }

.fullSlide.qipai .flag-img,.fullSlide .qipai-img { background: url(../images/qipai.png) no-repeat center right; }
.fullSlide.leisure .flag-img,.fullSlide .leisure-img { background: url(../images/leisure.png) no-repeat center right; }
.fullSlide.minigame .flag-img,.fullSlide .minigame-img { background: url(../images/minigame.png) no-repeat center right; }
.fullSlide.puzzle .flag-img,.fullSlide .puzzle-img { background: url(../images/leisure.png) no-repeat center right; }

.fullSlide.cdn .flag-img,.fullSlide .cdn-img { background: url(../images/cdn.png) no-repeat center right; }
.fullSlide.vpn .flag-img,.fullSlide .vpn-img { background: url(../images/vpn.png) no-repeat center right; }
.fullSlide.dns .flag-img,.fullSlide .dns-img { background: url(../images/dns.png) no-repeat center right; }
.fullSlide.mail .flag-img,.fullSlide .mail-img { background: url(../images/mail.png) no-repeat center right; }

.fullSlide.cloud .flag-img,.fullSlide .cloud-img { background: url(../images/cloud.png) no-repeat center right; }
.fullSlide.firewall .flag-img,.fullSlide .firewall-img { background: url(../images/firewall.png) no-repeat center right; }

.fullSlide.design > a,.fullSlide.design > div {
	background: url(../images/design.png) no-repeat center/cover;
	background-color: #040712;
}
.fullSlide.cooperate > a,.fullSlide.cooperate > div {
	background: url(../images/cooperate.jpg) no-repeat center/cover;
}

.fullSlide.news .flag-img { background: url(../images/news.png) no-repeat center right; }

.banner-index { height: 480px; margin-top: 60px; }

.nav-banner { position:fixed; left:0; top:0; width:100%; line-height:60px; z-index:10000; border-bottom:1px solid #E2E4EE; background:#ffffffd3; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.nav-banner:hover { background:#ffffffff; }
.nav-banner .nav-content { display:flex; justify-content:space-between; align-items:center; height:60px; }
.nav-banner .nav-logo_wrap { display:inline-flex }
.nav-banner .nav-logo { /*height:60px;*/ }
.nav-banner .nav-func { height:60px; font-size:0 }
.nav-banner .nav-func_item:nth-child(2) .more-list{ display: none; }
.nav-banner .nav-func_item { position:relative; display:inline-block; height:inherit; margin:0 25px; font-size:14px; font-weight:500; color:#24273C }
.nav-banner .nav-func_item a:after{ content: ''; position: absolute; top: 25px; width: 10px; height: 10px; right: -18px; background: url(../img/tit_arrow.png) no-repeat center/cover; }
.nav-banner .nav-func_item:first-child a:after { content:''; background: none; }

.nav-banner .nav-func_item:after {
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    background:#2A75ED;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transition:-webkit-transform .3s ease-in-out;
    transition:-webkit-transform .3s ease-in-out;
    transition:transform .3s ease-in-out;
    transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.nav-banner .nav-func_item a { display: block; color: #081E42; cursor: pointer; }
.nav-banner .nav-func_item:hover .more-list { max-height:500px }
.nav-banner .more-list, .nav-banner .product-list { max-height: 0; font-weight:400; transition: max-height .15s ease-in-out; z-index:200; overflow:hidden; }
.nav-banner .maxHeight { max-height: 487px; }
.nav-banner .nav-func_item:hover:after { transform:scaleX(1); }
.nav-banner .nav-func_item-new { position:relative }
.nav-banner .nav-func_item-new:before {
    content:'NEW';
    position:absolute;
    right:5px;
    top:10px;
    width:48px;
    height:24px;
    line-height:24px;
    border-radius:12px;
    background:#FF3535;
    text-align:center;
    font-size:12px;
    color:#fff;
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:right top;
    transform-origin:right top
}
.nav-banner .nav-func_item-select, .nav-banner .nav-func_item:hover, .nav-banner .nav-item_select {
    color:#2a75ed
}
.nav-banner .nav-func_item-new:after {
    content:'';
    position:absolute;
    right:14px;
    top:22px;
    border:3px solid transparent;
    border-top:3px solid #FF3535
}
.nav-banner .nav-item_select {
    position:relative
}
.nav-banner .nav-item_select:before {
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    background:#2A75ED
}
.nav-banner .nav-more {
    cursor:pointer;
    margin-right:25px
}

.nav-banner .product-list {
    /*display:flex; justify-content:center;*/
    position:fixed; left:0; top:60px;
    width:100%; height:500px;
    background:#fff;
    cursor:default;
    -webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .05), 0 6px 12px 0 rgba(0, 0, 0, .04);
    box-shadow:0 2px 4px 0 rgba(0, 0, 0, .05), 0 6px 12px 0 rgba(0, 0, 0, .04);
}
.nav-banner .product-list .product-item {
    width:21%; /*260px;*/
    margin:32px 0 0;
    padding-left:10px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.nav-banner .product-list .product-item__sp {
    width:16%; /*200px;*/

    height:416px;
    border-right:1px solid #E2E4EE
}
.nav-banner .product-list .product-item__title {
    line-height:17px;
    font-size:14px;
    font-weight: bold;
    color:#415070;
    padding:0 0 0 12px;
    margin:0 0 12px
}
.nav-banner .product-list .product-item__func { display:block; overflow:hidden; padding:0 0 0 12px; }
.nav-banner .product-list .product-item__func:hover { background:#f4f6f9; }
.nav-banner .product-list .product-item__func.product-item__func-sp:hover { background:#fff }
.nav-banner .product-list .product-item__name { line-height:20px; font-size:14px; color:#2c60cf; margin:12px 0 5px; }
.nav-banner .product-list .product-item__tip { line-height:17px; font-size:12px; color:#9196A0; margin:0 0 12px; }

.nav-banner .product-list .product-item__yunying { display:flex; align-items:center; height:52px; font-size:0; padding:12px 0 12px 12px; }
.nav-banner .product-list [class*="product-item__yunying-img"] { display:inline-block; width:24px; height:24px; margin-right:16px; background-position:center; background-repeat:no-repeat; background-size:20px; }
.nav-banner .product-list .product-item__yunying-img1 { background-image:url(../fonts/icon-daohang-1.svg); }
.nav-banner .product-list .product-item__yunying-img2 { background-image:url(../fonts/icon-daohang-2.svg); }
.nav-banner .product-list .product-item__yunying-img3 { background-image:url(../fonts/icon-daohang-3.svg); }
.nav-banner .product-list .product-item__yunying-img4 { background-image:url(../fonts/icon-daohang-4.svg); }
.nav-banner .product-list .product-item__yunying-img5 { background-image:url(../fonts/icon-daohang-5.svg); }
.nav-banner .product-list .product-item__yunying-text { color:#081E42; font-size:14px; }

.nav-banner .more-list {
    display:flex;
    flex-direction:column;
    position:absolute;
    left:-20px; top:60px;
    width:180px;
    text-align:center;
    font-size:14px;
    border-radius:0 0 4px 4px;
    background:#fff;
    -webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .05), 0 6px 12px 0 rgba(0, 0, 0, .04);
    box-shadow:0 2px 4px 0 rgba(0, 0, 0, .05), 0 6px 12px 0 rgba(0, 0, 0, .04)
}

.nav-banner .more-item { display:inline-block; line-height:20px; text-align:left; margin:20px 23px 0; }
.nav-banner .more-item:hover { color:#2a75ed; }
.nav-banner .more-item:last-child { margin-bottom:26px; }

.nav-banner .nav-func_btn { display:inline-block; line-height:26px; padding:2px 25px; font-size:14px; margin:15px 0 0 20px; border-radius:4px; border:1px solid #2A75ED; }
.nav-banner .nav-func_btn + .nav-func_btn {margin-left:16px; }
.nav-banner .nav-func_submit { color:#2A75ED; }
.nav-banner .nav-func_forFree { background:#2a75ed; color:#fff; }




/*底部公共*/
.footer {
    font-size: 14px;
    line-height: 1.8;
    color: #a8aaba;
    background: #32333b;
}
.footer_flex {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding:30px 0 20px;
}
.footerList_tit h3{
	margin-bottom: 15px;
    font-size: 18px;
    font-weight: normal;
    color: #d7d8d9;
}
.footerList_tit p {
	width: 100%;
	font-size: 14px;
	margin-bottom: 8px;
    color: #9b9ea0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.footerList_tit p a {
	color: #9b9ea0;
}
.footerList_tit a:hover{
	color: #2a7efb;
}
.product_show {
	display: flex;
	justify-content: space-between;
	width: 400px;
}
.footerList_tit .product_show p{
}
.product_show a {
	display: block;
	margin-bottom: 8px;
}

.focus_nengyu {
	width: 110px;
	height: 110px;
	overflow: hidden;
}
.focus_nengyu img{
	display: inline-block;
	width: 100%;
}

.nengyu_img {
	display: inline-block;
	width: 100%;
}
.websiete_place {
	display: block;
	width: 100%;
	padding:  10px 0;
}
.links {
	padding: 10px 0;
	width: 100%;
	border-top: 1px solid #41424c;
	border-bottom: 1px solid #41424c;
}
.linkText {
	display: inline-block;
	color: #a8aaba;
	font-size: 14px;
	line-height: 16px;
}
.fLink {
	display: inline-block;
}
.fLink a {
	display: inline-block;
	float: left;
	color: #a8aaba;
	padding: 0 10px;
	font-size: 12px;
	border-right: 1px solid;	
	line-height: 12px;
}
.websiete_place b {
	display: inline-block;
	font-size: 15px;
}
.websiete_place a {
	display: inline-block;
	color: #a8aaba;
	padding: 0 7px;
	font-size: 14px;
	line-height: 12px;
}
.fLink a:hover,
.websiete_place a:hover{
	color: #2a7efb;
}
.fLink a:last-child {
	border-right: none;
}
.copyright {
	color: #a8aaba;
	padding: 20px 0;
	font-size: 12px;
	text-align: center;
}
.copyright a {
	color: #a8aaba;
}
.copyright a:hover {
	color: #2a7efb;
	border-bottom: 1px solid #2a7efb;
}
.webInfo-ga-icon{
	display: inline-block;
	width: 12px;
	margin-right: 3px;
}



.grid-item:hover.hover-bgimg-threebg { background: url(../img/product/threebg.png) right bottom no-repeat; }


[class*="link-arrow-"] { display: inline-flex; align-items: center; position: relative; }
[class*="link-arrow-"]:after { content: ""; position: absolute; right: 0; margin-right: -14px; margin-top: 2px; width: 10px; height: 10px; transition:all .2s; }
[class*="link-arrow-"].pfs-btn:after { padding-top: 50px; }
.link-arrow-white:after { background: url(../images/arrow-sm-white.svg) 50% center no-repeat; }
.link-arrow-gray:after { background: url(../images/arrow-sm-gray.svg) 50% center no-repeat; }
.link-arrow-blue:after { background: url(../images/arrow-sm-blue.svg) 50% center no-repeat; }
.hover-link-arrow .grid-item:hover [class*="link-arrow-"], [class*="link-arrow-"]:hover { color: #2a7efb !important; }
.hover-link-arrow .grid-item:hover [class*="link-arrow-"]:after, [class*="link-arrow-"]:hover:after { margin-right: -18px; background-image: url(../images/arrow-sm-blue.svg); } 


.goods-show-ctrl ul li { width: 100px; height: 100px; cursor: pointer; border-radius: 10px; }
.goods-show-ctrl ul li.on { background-color: #fff; color: #2a7efb; }
.goods-show-ctrl .pictrue { width: 36px; height: 41px; line-height: 49px; font-size: 14px; color: #fff; margin: 0 auto; background: url(../images/model.png) no-repeat 100% 100%; }
.goods-show-ctrl .on .pictrue { background-image: url(../images/model2.png) }

