@charset "utf-8";

body{font-weight:400; min-width:1400px; }
body .wrap{ margin: 0 auto; background:#F6FBFF }
#header { display: none;}
.siteWidth{max-width:1400px; margin:0 auto;}
.productSpecial-contribute{width:100%; min-width:1400px; overflow:hidden}

/* 头部 */
.special-header{height: 700px; background:#004FB5 url(../img/banner.jpg) 50% 50% no-repeat ; position:relative; z-index:1; max-width:1920px; margin:0 auto; overflow:hidden;}
.special-header .siteWidth{ height: 700px; position:relative; z-index:5}
.special-header .logo{position:absolute; left:0px; top:41px; height:50px;}
.special-header .logo img{max-height:50px; width:auto;}
.special-header .links {height: 36px;position: absolute;top: 48px; right: 0;}
.special-header .links a { height:36px; border-radius: 18px;line-height: 36px; text-align: center; background-color:rgba(59,108,228,0.4); color: #fff;font-size: 16px; float:left; padding:0 1.5em; box-shadow: 0 4px 4px rgb(0 0 0 / 25%); margin-left:10px; box-sizing:content-box; }
.special-header .links a:hover {background-color:rgba(59,108,228,1); }
.special-header .special-h1{font-weight:bold;color:#fff;position:absolute;left: calc(50% - 384px);width: 730px;text-align:left;top: 220px;overflow:visible;}
.special-header .special-h1 .txt{display:block;font-size:100px;line-height:2;letter-spacing: 0.1em;padding:0px;text-shadow:0 3px 18px rgba(0,14,47,0.35);position:relative;overflow:hidden;width: 698px; white-space: nowrap; text-indent:20px;box-sizing:border-box;height:200px; animation: write 1.5s linear;}
.special-header .special-h1 .icon{width:112px;height:122px;filter: drop-shadow(0 0 20px rgba(0,14,47,0.4));position:absolute;left: 678px;top: 47px;animation: write-icon 1.5s linear;}
.special-header .special-h2{font-size:30px;color:#fff;line-height:2;position:absolute;left:0px; right:0; text-align: center;top: 400px;letter-spacing: 0.1em; font-weight:bold; animation-delay:1.6s; 
background: linear-gradient(180deg, #FFFFFF 0%, #DEEEFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
filter: drop-shadow(0 0 10px rgba(0,0,0,0.4)) ;
}
@keyframes write
{
    0%{
        width:0px
    }
    100%{
        width:698px
    }
}
@keyframes write-icon
{
    0%{
        left:-20px
    }
    100%{
        left: 678px;
    }
}


/* 产品优势 */
.columnTitle-cpys{height:66px; line-height:66px; font-size:44px; color:#0070FF; text-align:center; font-weight:bold; padding-top:30px;}

/* column_flex */
.column_flex{padding:80px 0px;}
.column_flex .siteWidth{display:flex; justify-content: space-between; align-items: flex-start; padding:0 20px; box-sizing:border-box}

/* 图标 */
.s-icon{display: inline-block;vertical-align: middle;font-size: 10px;width: 40px;height: 40px;-webkit-mask-position: 50% 50%;mask-position: 50% 50%;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: 100%;mask-size: 100%;background-color: currentColor;}
.s-icon-czzx{mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.064%2022.688l3.338%201.58c.476.225.853.59%201.1%201.042%201.987-2.006%204.137-5.16%205.942-8.944%203.47-7.281%204.341-14.104%201.944-15.238-2.396-1.135-7.153%203.849-10.624%2011.13-1.803%203.783-2.897%207.435-3.203%2010.236a2.45%202.45%200%2001.444-.046c.368.001.724.081%201.059.24zm-2.97%206.235l3.338%201.58c.245.116.504.17.759.17.58%200%201.127-.298%201.463-.797-1.988-1.379-4.156-2.423-6.447-3.182-.328.856.044%201.83.887%202.23zm.449-4.975c.314.104.624.217.933.334%201.617.609%203.159%201.383%204.659%202.245.296.17.59.341.884.518.133-.41.111-.838-.045-1.218a1.754%201.754%200%2000-.873-.925l-3.338-1.58a1.772%201.772%200%2000-.759-.171%201.77%201.77%200%2000-1.462.797zm-.968%201.942a28.226%2028.226%200%20014.108%201.751c.82.436%201.615.92%202.387%201.447l.588-1.232a53.066%2053.066%200%2000-1.341-.78c-1.216-.685-2.461-1.31-3.757-1.824a22.438%2022.438%200%2000-1.438-.51l-.547%201.148zm-17.49-2.242c5.07-3.288-.808-8.386-2.84-11.043-.814-1.064-2.646-.016-1.82%201.063%201.883%202.463%207.195%206.24%202.363%208.898-1.43.786-2.376%202.218-1.337%203.741%201.052%201.543%203.974%201.681%205.612%201.921%201.143.168%202.34.505%203.435.942-.444.2-.917.357-1.37.526-2.287.853-7.384%202.886-5.583%206.337%201.471%202.82%205.575%202.765%208.778%202.825a.832.832%200%2001-.092-.223c-.175-.684.387-1.07%201.747-1.821-2.055-.18-4.115-.125-6.157-.487-4.106-.729-1.47-3.263.841-4.207%201.219-.497%205.915-1.57%204.322-3.822-.96-1.358-3.526-1.679-4.96-2.04-.986-.25-2.041-.316-3.04-.528-2.36-.501-1.379-1.121.101-2.082zm9.846%2013.445c-1.533.837-2.81%201.514-1.439%201.514.373%200%20.944-.051%201.757-.161%201.104-.15%202.656-.411%204.781-.81%2011.74-2.207%202.828-7.98%202.828-7.98a4.675%204.675%200%2000-1.7-.337c-2.908%200-4.668%203.102-3.264%205.269.414.64-1.406%201.655-2.963%202.505z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E);}
.s-icon-gnwb{mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.2791%200.000268141H1.40786C1.05234%200.000268141%200.711386%200.141496%200.459998%200.392884C0.208611%200.644271%200.0673828%200.985226%200.0673828%201.34074V17.2119C0.0673828%2017.5675%200.208611%2017.9084%200.459998%2018.1598C0.711386%2018.4112%201.05234%2018.5524%201.40786%2018.5524H17.2791C17.6346%2018.5524%2017.9755%2018.4112%2018.2269%2018.1598C18.4783%2017.9084%2018.6195%2017.5675%2018.6195%2017.2119V1.34074C18.6195%200.985226%2018.4783%200.644271%2018.2269%200.392884C17.9755%200.141496%2017.6346%200.000268141%2017.2791%200.000268141ZM15.9386%2015.8715H2.74833V2.68122H15.9386V15.8715ZM17.2791%2021.4478H1.40786C1.23182%2021.4478%201.05751%2021.4825%200.894879%2021.5499C0.732246%2021.6172%200.584473%2021.716%200.459998%2021.8405C0.335524%2021.9649%200.236785%2022.1127%200.16942%2022.2753C0.102055%2022.438%200.0673828%2022.6123%200.0673828%2022.7883V38.6595C0.0673828%2039.015%200.208611%2039.356%200.459998%2039.6074C0.711386%2039.8588%201.05234%2040%201.40786%2040H17.2791C17.6346%2040%2017.9755%2039.8588%2018.2269%2039.6074C18.4783%2039.356%2018.6195%2039.015%2018.6195%2038.6595V22.7883C18.6195%2022.4328%2018.4783%2022.0918%2018.2269%2021.8405C17.9755%2021.5891%2017.6346%2021.4478%2017.2791%2021.4478ZM15.9386%2037.3191H2.74833V24.1288H15.9386V37.3191ZM38.5658%200.000268141H22.7214C22.3659%200.000268141%2022.0249%200.141496%2021.7735%200.392884C21.5221%200.644271%2021.3809%200.985226%2021.3809%201.34074V17.2119C21.3809%2017.5675%2021.5221%2017.9084%2021.7735%2018.1598C22.0249%2018.4112%2022.3659%2018.5524%2022.7214%2018.5524H38.5926C38.9481%2018.5524%2039.2891%2018.4112%2039.5405%2018.1598C39.7918%2017.9084%2039.9331%2017.5675%2039.9331%2017.2119V1.34074C39.9331%201.16243%2039.8976%200.985902%2039.8285%200.821496C39.7595%200.65709%2039.6584%200.508109%2039.531%200.383278C39.4037%200.258446%2039.2527%200.160273%2039.087%200.0945067C38.9213%200.0287401%2038.7441%20-0.00329811%2038.5658%200.000268141ZM37.2253%2015.8715H24.0619V2.68122H37.2521L37.2253%2015.8715ZM38.5658%2021.4478H22.7214C22.5454%2021.4478%2022.371%2021.4825%2022.2084%2021.5499C22.0458%2021.6172%2021.898%2021.716%2021.7735%2021.8405C21.6491%2021.9649%2021.5503%2022.1127%2021.483%2022.2753C21.4156%2022.438%2021.3809%2022.6123%2021.3809%2022.7883V38.6595C21.3809%2039.015%2021.5221%2039.356%2021.7735%2039.6074C22.0249%2039.8588%2022.3659%2040%2022.7214%2040H38.5926C38.9481%2040%2039.2891%2039.8588%2039.5405%2039.6074C39.7918%2039.356%2039.9331%2039.015%2039.9331%2038.6595V22.7883C39.9331%2022.61%2039.8976%2022.4335%2039.8285%2022.2691C39.7595%2022.1047%2039.6584%2021.9557%2039.531%2021.8309C39.4037%2021.706%2039.2527%2021.6079%2039.087%2021.5421C38.9213%2021.4763%2038.7441%2021.4443%2038.5658%2021.4478ZM37.2253%2037.3191H24.0619V24.1288H37.2521L37.2253%2037.3191Z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E);}
.s-icon-lhbb{mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20class%3D%22prefix__circle%22%20cx%3D%2228.8%22%20cy%3D%224.2%22%20r%3D%224.2%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%20d%3D%22M7.243%2012.451c-.531-4.064.35-6.965%202.417-8.24%202.13-1.313%205.242-.635%208.69%201.91.55.401%201.1.841%201.65%201.316.548-.475%201.1-.915%201.649-1.316.31-.229.618-.438.922-.635l1.177%202.04c-.501.291-.986.611-1.452.956a19.64%2019.64%200%2000-.65.494%2037.633%2037.633%200%20013.295%203.798c1.787.226%203.498.562%205.09.995.052-.278.097-.552.136-.82.134-1.012.159-1.924.095-2.736l2.619-.702c.05.982.009%201.966-.124%202.94a23.604%2023.604%200%2001-.377%202.067c.563.203%201.1.408%201.619.637%203.928%201.714%206.07%204.071%206%206.57-.072%202.43-2.143%204.643-5.93%206.214-.508.214-1.04.413-1.593.598.117.57.21%201.13.28%201.678.532%204.063-.35%206.964-2.417%208.24-2.13%201.312-5.242.634-8.655-1.848-.562-.41-1.124-.86-1.685-1.346a25.59%2025.59%200%2001-1.684%201.346c-3.413%202.482-6.525%203.16-8.654%201.848-2.067-1.276-2.95-4.177-2.417-8.24.083-.662.203-1.343.355-2.038a24.82%2024.82%200%2001-1.67-.666c-3.856-1.714-6-4.07-5.927-6.57.07-2.43%202.142-4.643%205.928-6.214a23.13%2023.13%200%20011.592-.597%2022.554%2022.554%200%2001-.28-1.679zm20.85%205.116l-.464-.804a43.66%2043.66%200%2000-.973-1.558%2030.64%2030.64%200%20012.879.693c-.242.87-.536%201.764-.88%202.672a45.42%2045.42%200%2000-.562-1.003zM11.942%2025.16l.464.805c.27.454.547.9.83%201.338a31.186%2031.186%200%2001-3.075-.712%2032.14%2032.14%200%2001.996-2.843c.252.471.513.942.785%201.412zm-.627-18.428c1.44-.83%203.722-.207%206.388%201.75.217.157.433.322.65.493a37.473%2037.473%200%2000-3.176%203.643c-1.85.165-3.622.445-5.266.835a20.27%2020.27%200%2001-.08-.505c-.408-3.104.134-5.359%201.484-6.216zm3.144%2018.225l-.404-.7a40.624%2040.624%200%2001-1.677-3.227%2041.89%2041.89%200%20011.25-2.33l.404-.698a45.559%2045.559%200%20012.315-3.413%2041.9%2041.9%200%20012.747-.09h.807a45.8%2045.8%200%20013.887.272A45.902%2045.902%200%200125.967%2018l.404.7c.448.775.865%201.554%201.25%202.33a40.67%2040.67%200%2001-1.677%203.227l-.404.7a46.379%2046.379%200%2001-1.909%202.86%2040.762%2040.762%200%2001-3.192.124h-.807a46.405%2046.405%200%2001-3.327-.211%2046.449%2046.449%200%2001-1.846-2.774zM29.11%2036.225c-1.441.832-3.722.207-6.39-1.748a20.4%2020.4%200%2001-1.03-.804%2037.638%2037.638%200%20003.145-3.628%2036.747%2036.747%200%20005.616-.921c.055.3.102.595.142.885.409%203.104-.133%205.36-1.483%206.216zm-9.325-6h.928c.349%200%20.697-.004%201.042-.011A31.86%2031.86%200%200120%2032.124a31.963%2031.963%200%2001-1.79-1.949%2043.83%2043.83%200%20001.576.05zm.357-17.784h-.93a47.1%2047.1%200%2000-1.148.014A30.439%2030.439%200%200120%2010.417a30.55%2030.55%200%20011.978%202.088%2043.542%2043.542%200%2000-1.835-.064zM2.547%2020.888c.067-1.597%201.749-3.195%204.64-4.393.272-.11.551-.217.839-.32a36.552%2036.552%200%20001.932%205.156%2037.224%2037.224%200%2000-1.767%204.602%2019.034%2019.034%200%2001-.936-.387c-3.026-1.33-4.708-2.994-4.708-4.658zm34.439.665c-.067%201.597-1.75%203.195-4.641%204.393-.157.063-.316.124-.477.184a36.986%2036.986%200%2000-1.827-4.8%2037.259%2037.259%200%20001.779-4.63c.155.064.308.13.459.196%203.026%201.331%204.708%202.995%204.708%204.658zM10.888%2036.225c1.44.832%203.723.208%206.389-1.748a20.4%2020.4%200%20001.031-.804%2037.806%2037.806%200%2001-3.255-3.773%2037.302%2037.302%200%2001-5.447-1.083c-.081.407-.148.805-.201%201.193-.41%203.104.133%205.358%201.483%206.215zm1.019-18.658l.464-.804a43.3%2043.3%200%20011.193-1.89%2031.982%2031.982%200%2000-3.212.61c.261%201%20.593%202.034.991%203.088.183-.335.371-.67.564-1.004zm16.15%207.593l-.464.805a43.541%2043.541%200%2001-.93%201.492%2030.873%2030.873%200%20003.225-.694%2031.853%2031.853%200%2000-1.047-3.014c-.25.47-.512.941-.783%201.411z%22%20%2F%3E%3C%2Fsvg%3E);}
.s-icon-yyhy{mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.25%2016.25h5.425a2.5%202.5%200%20001.525-.519c2.485-1.91%203.918-3.821%204.3-5.731.625-3.125%200-6.875%203.75-6.875%202.5%200%203.334%203.959%202.5%2011.875h7.37a4.747%204.747%200%20014.505%206.25c-.735%202.205-1.956%206.679-3.663%2013.42a3.75%203.75%200%2001-3.637%202.83H6.25a2.5%202.5%200%2001-2.5-2.5V18.75a2.5%202.5%200%20012.5-2.5zm2.5%202.5A1.25%201.25%200%20007.5%2020v13.75a1.25%201.25%200%20002.5%200V20a1.25%201.25%200%2000-1.25-1.25z%22%2F%3E%3C%2Fsvg%3E);}
.s-icon-fbkj{mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M37.541%205.316c-.101%203.24-.804%206.356-1.978%209.375-1.406%203.61-3.463%206.79-6.345%209.416a.802.802%200%2000-.275.74c.099.971.18%201.945.28%202.916.234%202.265-.563%204.12-2.4%205.436-1.971%201.41-4.021%202.714-6.054%204.034-1.283.835-2.856.077-3.001-1.432a214.434%20214.434%200%2001-.413-5.215c-.062-.87-.038-.878-.886-.988-2.25-.295-4.01-1.358-5.22-3.285-.622-.991-.93-2.088-1.04-3.241-.03-.345-.171-.433-.499-.453-1.82-.096-3.64-.21-5.46-.343-1.512-.114-2.278-1.698-1.468-3.023.57-.93%201.176-1.837%201.763-2.755.632-.99%201.263-1.982%201.898-2.971%201.162-1.808%202.835-2.786%204.981-2.804%201.226-.009%202.457.207%203.685.339.233.024.396-.007.556-.187%202.85-3.164%206.379-5.302%2010.367-6.73a29.504%2029.504%200%20016.96-1.582c1.203-.12%202.411-.165%203.61.057.653.118.686.145.787.78.101.635.18%201.274.152%201.918v-.002zm-6.875%207.989c.026-2.136-1.754-3.973-3.867-4.008-2.198-.035-4.103%201.551-4.153%204.032-.044%202.068%201.839%203.942%203.942%203.955a4.023%204.023%200%20004.078-3.977v-.002z%22%2F%3E%3Cpath%20d%3D%22M7.04%2025.502c.539.007.836.244%201.031.791a8.708%208.708%200%20004.133%204.876c.44.241.906.44%201.385.602.865.294%201.06%201.13.421%201.773-.949.951-1.907%201.894-2.856%202.846-.312.314-.66.46-1.099.3-.448-.166-.665-.496-.687-.957-.014-.293-.007-.585-.014-.88-.013-.538-.017-.542-.516-.377L5.643%2035.53c-.314.106-.63.15-.938-.024-.45-.255-.62-.707-.44-1.266.354-1.087.726-2.17%201.088-3.256.158-.472.147-.483-.365-.49-.307-.004-.615%200-.925-.013a.982.982%200%2001-.936-.66c-.162-.412-.057-.77.246-1.076.99-.989%201.982-1.973%202.978-2.96a.857.857%200%2001.69-.283z%22%2F%3E%3C%2Fsvg%3E);}
.s-icon-ydsp{mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M23.032%2030.604H2.822a2.453%202.453%200%2001-2.45-2.45V7.339a2.452%202.452%200%20012.45-2.444H29.76a2.452%202.452%200%20012.455%202.444v3.065H30.99V7.338a1.224%201.224%200%2000-1.225-1.225H2.822a1.225%201.225%200%2000-1.217%201.225v20.82a1.225%201.225%200%20001.217%201.224h20.21v1.222zm-.431%205.332l-1.047-1.044H10.428l-1.044%201.044-.867-.867%201.406-1.402H22.06l1.403%201.402-.863.867z%22%2F%3E%3Cpath%20d%3D%22M20.582%2033.054h-1.224v-2.45h-6.734v2.45h-1.225v-3.672h9.183v3.672zM.994%2024.483h22.04v1.225H.992v-1.225zm13.468%202.45h3.062v1.225h-3.062v-1.225zm24.485-11.021v-1.838a1.837%201.837%200%2000-1.838-1.837H26.704a1.837%201.837%200%2000-1.838%201.837v1.838h14.08z%22%2F%3E%3Cpath%20d%3D%22M39.562%2016.524H24.257v-2.45a2.453%202.453%200%20012.45-2.45h10.406a2.452%202.452%200%20012.45%202.45v2.45zM25.482%2015.3h12.855v-1.225a1.225%201.225%200%2000-1.225-1.224H26.704a1.224%201.224%200%2000-1.225%201.224l.003%201.225zm-.612%2016.53v2.449a1.837%201.837%200%20001.828%201.846h10.415a1.838%201.838%200%20001.837-1.838v-2.45l-14.08-.008z%22%2F%3E%3Cpath%20d%3D%22M37.112%2036.726H26.704a2.452%202.452%200%2001-2.45-2.45v-3.059H39.56v3.062a2.453%202.453%200%2001-2.447%202.447zm-11.63-4.284v1.837a1.225%201.225%200%20001.225%201.225h10.405a1.225%201.225%200%20001.225-1.225v-1.837H25.482z%22%2F%3E%3Cpath%20d%3D%22M39.562%2031.83h-1.225V16.523H25.48v3.062h-1.222V15.3h15.305v16.53zm-15.305-9.797h1.225v9.796h-1.225v-9.796z%22%2F%3E%3Cpath%20d%3D%22M29.586%2024.305l-.864-.87%201.4-1.39-1.403-1.417.87-.861%202.263%202.283-2.266%202.255z%22%2F%3E%3Cpath%20d%3D%22M21.807%2021.424h9.184v1.225h-9.184v-1.225zm-4.713%201.035l-2.884-2.867%202.881-2.887.867.863-2.015%202.021%202.015%202.004-.864.866z%22%2F%3E%3Cpath%20d%3D%22M15.073%2018.974h12.244v1.225H15.073v-1.225z%22%2F%3E%3C%2Fsvg%3E);}

/* indBox */
.indBox .hd{height:60px; display:flex; align-items:center; box-sizing:content-box; padding-bottom:60px;}
.indBox .hd .s-icon{width:40px; height:40px; margin-right:20px; flex-shrink:0; background:linear-gradient(to bottom, #0070FF, #6AB9FF); position:relative; z-index:2;}
.indBox .hd h3{font-size:36px; font-weight:bold; color:#222222; text-align:left; margin:0px; height:50px; line-height:50px; position:relative; z-index:2;}
.indBox .hd .trajectory{width:0px; overflow:visible; height:50px; position:relative; z-index:0}
.indBox .hd .trajectory .trajectory-svg{width:203px;height:34px;position: absolute;top:30px;left: -130px; stroke-dasharray: 850;  stroke-dashoffset: 850; }
.indBox .bd > .intro p{font-size:18px; line-height:2; margin-top:30px; text-indent:2em}
.indBox .bd > .intro p:first-child{margin-top:0px;}
.animated.indBox .hd .trajectory .trajectory-svg{animation: trajectory 0.8s linear ; animation-fill-mode: forwards; animation-delay:1.2s}
@keyframes trajectory{from{stroke-dashoffset: 850;} to{stroke-dashoffset: 0;}}

@property --bg-angle{
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

/* indBoxB */
.indBoxB{ padding:30px; box-sizing:border-box;  position:relative; }
.indBoxB .boxbg{position:absolute; left:0px; top:0px; right:0px; bottom:0px; --bg-angle:-180deg;  background: linear-gradient(var(--bg-angle), #FFFFFF, #E8EDFF 50%, #FFFFFF); border-radius:10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); box-sizing:border-box; transition:0.5s}
.indBoxB .boxbg::before{content:""; display:block; position:absolute; left:10px; top:10px; right:10px; bottom:10px; background:#ffffff; z-index:0; }
.indBoxB .hd{position:relative; z-index:2; height:32px; display:flex; align-items:center; box-sizing:content-box; transition:0.5s}
.indBoxB .hd .s-icon{width:24px; height:24px; margin-right:10px; flex-shrink:0; background:linear-gradient(to bottom, #0070FF, #6AB9FF); position:relative; z-index:2;}
.indBoxB .hd h3{font-size:24px; font-weight:bold; line-height:32px; background: linear-gradient(to bottom, #0070FF, #6AB9FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.indBoxB .bd{position:relative; z-index:2; padding:30px 0 0px;transition:0.5s}

.indBoxB:hover .boxbg{
    animation: indBoxBg 5s linear infinite;
}
.indBoxB:hover .boxbg,
.indBoxB:hover .hd,
.indBoxB:hover .bd{transform:translateY(-10px)}
@keyframes indBoxBg{
    0%
    {
        --bg-angle:-180deg;
    } 
    100%
    {
        --bg-angle:180deg;
    }
}


/* gnList */
.gnList{margin:0px; padding:0px; list-style:none;}
.gnList li{padding:0 0 0 26px; margin-top:20px; font-size:18px; line-height:2; position:relative; color:#333;}
.gnList li::before{content:""; display:block; width:5px; height:5px; border-radius:50%; background:#333; position:absolute; left:10px; top:calc(1em - 3px); }
.gnList li:first-child{margin-top:0px;}

/* 升级为创作中心 */
#column-czzx{padding-top:40px}
#column-czzx .indBox{width:680px;}
#column-czzx .pic{padding-top:50px; max-width:620px;}

/* 功能完备 */
#column-gnwb{background:#F0FBFF}
#column-gnwb .indBox{width:610px; padding-top:20px;}
#column-gnwb .pic{ max-width:677px;}

/* 灵活百变 */
#column-lhbb{background:#F6FBFF}
#column-lhbb .indBox{width:610px;}
#column-lhbb .pic{ max-width:677px;}

/* 易用好用 */
#column-yyhy{background:#F0FBFF}
#column-yyhy .indBox{width:610px; padding-top:50px;}
#column-yyhy .pic{ max-width:677px;}

/* 方便快捷 */
#column-fbkj{background:#FFFFFF; position:relative;}
#column-fbkj .siteWidth{position:relative; z-index:2}
#column-fbkj .indBox{width: 630px;}
#column-fbkj .pic{ max-width:696px; padding-top:80px; margin-right:-20px;}
#column-fbkj .columnBg{ position:absolute; left:0px; right:0px; bottom:0px; top:0; background:linear-gradient(to left,#8BBBFD 0%,#BEF6FF 40% , #F0F6FF 100%  ); mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 75%, #000000 100%); z-index:0; }

/* 移动设备适配 */
#column-ydsp{background:#FFFFFF; position:relative;}
#column-ydsp .siteWidth{position:relative; z-index:2}
#column-ydsp .indBox{width: 640px; padding-top:60px;}
#column-ydsp .pic{ max-width:680px; margin-left:-20px;}
#column-ydsp .columnBg{ position:absolute; left:0px; right:0px; bottom:0px; top:0; background:linear-gradient(to left,#8BBBFD 0%,#BEF6FF 30% , #F0F6FF 70%  ); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8) 100%); opacity:0.7;  z-index:0; }


/* 功能清单banner */
.columnBanner{height:300px; min-width:1400px; background:url(../img/column-banner.jpg) 50% 50% no-repeat #2D58C3; background-size:cover; display:flex; align-items:center; justify-content:center}
.columnBanner .icon{width:221px; height:212px; background:url(../img/icon-gnqd.png) 0 0 no-repeat; margin-right:20px;}
.columnBanner .title{height:80px; line-height:80px; font-size:50px; font-weight:bold; color:#fff; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);}

/* 功能清单 */
#column-gnqd{padding-top:160px; position:relative; background:#fff; padding-bottom:140px}
#column-gnqd .cLine{width:2px; position:absolute; left:calc(50% - 1px); top:160px; bottom:66px; background:#EEEEEE; overflow:visible;}
#column-gnqd .cLine::before,
#column-gnqd .cLine::after{content:""; display:block; width:20px; height:20px; box-sizing:border-box; border:4px solid #265CDA; border-radius:50%; background:#fff; position:absolute; left:-9px; top:-20px;}
#column-gnqd .cLine::after{top:auto; bottom:-20px;}
#column-gnqd .cPic{width:280px; height:186px; background:url(../img/pic-07.png) 0px 0px no-repeat; position:absolute; top:50px; left:calc(50% + 40px);}
#column-gnqd .siteWidth{display:flex;}
#column-gnqd .siteWidth .areaL,
#column-gnqd .siteWidth .areaR{width:50%; flex-shrink:0; margin:0px; padding:0px; box-sizing:border-box;}
#column-gnqd .siteWidth .areaL{padding-right:88px}
#column-gnqd .siteWidth .areaR{padding-left:88px; padding-top:108px;}
#column-gnqd .indBoxB{width:100%; margin-top:70px;}
#column-gnqd .indBoxB::after{content:""; display:block; width:0; height:2px; background:#EEEEEE; position:absolute; transition:0.5s; transition-delay:1s}
#column-gnqd .siteWidth .areaL .indBoxB::after{left:100%; top:40%;}
#column-gnqd .siteWidth .areaR .indBoxB::after{right:100%; top:40%}
#column-gnqd .indBoxB:first-child{margin-top:0px;}

#column-gnqd .siteWidth .areaL .indBoxB.animated::after,
#column-gnqd .siteWidth .areaR .indBoxB.animated::after{width:88px;}

/* 相关技术支撑功能模块 */
#technicalSupport {padding:50px 0 30px;overflow: hidden; background:#F8F9FF; position:relative; z-index:3}
#technicalSupport .row{width:1400px; margin:0 auto;}

.techSupportList li a{transition:0.5s;}
.techSupportList li a:hover { background-color:#4F77E4; color:#fff; }

.lxss a,
.lxss a.sq{background-color:#2D54D0}
.lxss a:hover{background-color:#2241B1}