commit 229bc9104ce6ec3b8492d5428b97208a52d490d2 Author: guangyin Date: Fri Feb 27 09:36:54 2026 +0800 创建仓库 diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..b58b603 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,5 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ diff --git a/.idea/hbt-moore-stone-ui.iml b/.idea/hbt-moore-stone-ui.iml new file mode 100644 index 0000000..24643cc --- /dev/null +++ b/.idea/hbt-moore-stone-ui.iml @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..b572841 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..35eb1dd --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/about.htm b/about.htm new file mode 100644 index 0000000..73c98c6 --- /dev/null +++ b/about.htm @@ -0,0 +1,70 @@ + + + + + + + + ${field.typetitle} + + + + + + + + + + + + + + +<#include "header.htm" /> +
+ 汉邦唐科技 +

${field.typedescrip}

+
+ + + +<#if field.typeleaf ==1 && field.parentid?has_content> +
+
+ <#if field.typeleaf !=0> + {ms:channel type='level'} + <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))> + ${field.typetitle} + <#else> + ${field.typetitle} + + {/ms:channel} + <#else> + {ms:channel type='son'} + <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))> + ${field.typetitle} + <#else> + ${field.typetitle} + + {/ms:channel} + +
+
+ + +
+
+
+
${field.typetitle}
+
+
${field.content}
+
+
+
+
+
+ +<#include "footer.htm" /> + + + diff --git a/aboutus.html b/aboutus.html new file mode 100644 index 0000000..425cf74 --- /dev/null +++ b/aboutus.html @@ -0,0 +1,394 @@ + + + + + + + + + ${field.typetitle} + + + + + + + + + + + + + + + + + + + +<#include "header.htm" /> +
+ + + + +
+
+

+
+
+
+
+
    +
    + + 1111
    +
+
+ +
+ +
+
+
+
+ +

在线看企业

+
+ + +
+ +
+
+
+
+ + + + ${field.content} + +
+
+
+
+
+
+

企业文化

+
+

+
+
+
    +
  • +
    +
    + + download.svg +
    +
    使命
    +
    +

    深耕现代化战训基地建设
    以智能科技全面提升消防救援实战能力

    +
    +
    +
  • +
    +
    + + download.svg +
    +
    愿景
    +
    +

    引领智慧消防新未来
    成为全球消防救援体系进化的关键力量

    +
    +
    +
  • +
    +
    + + download.svg +
    +
    价值观
    +
    +

    专注实战
    智创未来
    共担使命

    +
    +
    +
+
+
+ +
+
+ +
+
+
+
+

荣誉资质

+
+
+
+ + + +
+
+
+
+ + + +
+
+
+
+
+
    +
  • +
    +
    +
    +
    2024
    +
    +

    北京专精特新
    中小企业

    +
    +
    +
    + 北京专精特新中小企业.png
    +
    + +
    +
    +
    +
    2024
    +
    +

    售后服务
    认证

    +
    +
    +
    + 售后服务.png
    +
    + +
    +
    +
    +
    2025
    +
    +

    CMMI
    三级认证

    +
    +
    +
    + CMMI三级认证.png
    +
    + +
    +
    +
    +
    2024
    +
    +

    北京市
    "创新型"企业

    +
    +
    +
    + 北京市创新型企业.png
    +
    + +
    +
    +
    +
    2023
    +
    +

    国家
    高新技术企业

    +
    +
    +
    + 国家高新技术企业.png
    +
    + +
    +
    +
    +
    2025
    +
    +

    相关软著
    专利证书

    +
    +
    +
    + 专利证书.png
    +
    + +
    +
    +
    +
    2024
    +
    +

    AAA
    信用等级

    +
    +
    +
    + 信用等级.png
    +
    + +
    +
    +
    +
    2025
    +
    +

    公司
    营业执照

    +
    +
    +
    + 营业执照.png
    +
    + +
    +
    +
    +
    • + +
+
+
+
+
+ +
+ +
+<#include "footer.htm" /> + + + + + + + + \ No newline at end of file diff --git a/caselist.htm b/caselist.htm new file mode 100644 index 0000000..4d0499c --- /dev/null +++ b/caselist.htm @@ -0,0 +1,76 @@ + + + + + + + + ${field.typetitle} + + + + + + + + + + + + + +<#include "header.htm" /> +
+ CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具 +

${field.typedescrip}

+
+ +
+
+ <#if field.typeleaf !=0> + {ms:channel type='level'} + <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))> + ${field.typetitle} + <#else> + ${field.typetitle} + + {/ms:channel} + <#else> + {ms:channel type='son'} + <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))> + ${field.typetitle} + <#else> + ${field.typetitle} + + {/ms:channel} + +
+
+
+
+ +
+
<#include "page.htm" />
+
+ +<#include "footer.htm" /> + + + diff --git a/component/ms-comment.htm b/component/ms-comment.htm new file mode 100644 index 0000000..ce84c2a --- /dev/null +++ b/component/ms-comment.htm @@ -0,0 +1,1341 @@ + + + diff --git a/component/ms-mattention.htm b/component/ms-mattention.htm new file mode 100644 index 0000000..d72ba66 --- /dev/null +++ b/component/ms-mattention.htm @@ -0,0 +1,122 @@ + + + diff --git a/contact.htm b/contact.htm new file mode 100644 index 0000000..042b05c --- /dev/null +++ b/contact.htm @@ -0,0 +1,86 @@ + + + + + + + + ${field.typetitle} + + + + + + + + + + + + + + +<#include "header.htm" /> +
+ CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具 +

${field.typedescrip}111

+
+ +
+
+ <#if field.typeleaf !=0> + {ms:channel type='level'} + <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))> + ${field.typetitle} + <#else> + ${field.typetitle} + + {/ms:channel} + <#else> + {ms:channel type='son'} + <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))> + ${field.typetitle} + <#else> + ${field.typetitle} + + {/ms:channel} + +
+
+
+
+ +
+ +
+
+

联系方式

+
    +
  • 总部地址：北京市天安门
    • +
  • 电话：488-888-8888
    • +
  • 邮箱：123456789@qq.com
    • +
+
+
+ +<#include "footer.htm" /> + + + diff --git a/css/anim.css b/css/anim.css new file mode 100644 index 0000000..cae749c --- /dev/null +++ b/css/anim.css @@ -0,0 +1,238 @@ +.anim-1, .anim-2, .anim-3, .anim-4, .anim-5, .anim-6, .anim-7, .anim-8, .anim-9, .anim-10, .anim-11, .anim-12 { + -webkit-transform: translateY(100px) translateX(0); + -moz-transform: translateY(100px) translateX(0); + transform: translateY(100px) translateX(0); + opacity: 0; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +.anim-1 { + -webkit-transition: transform .8s, opacity .8s; + -moz-transition: transform .8s, opacity .8s; + -o-transition: transform .8s, opacity .8s; + transition: transform .8s, opacity .8s; +} +.anim-2 { + -webkit-transition: transform 1s, opacity 1s; + -moz-transition: transform 1s, opacity 1s; + -o-transition: transform 1s, opacity 1s; + transition: transform 1s, opacity 1s; +} +.anim-3 { + -webkit-transition: transform 1.2s, opacity 1.2s; + -moz-transition: transform 1.2s, opacity 1.2s; + -o-transition: transform 1.2s, opacity 1.2s; + transition: transform 1.2s, opacity 1.2s; +} +.anim-4 { + -webkit-transition: transform 1.4s, opacity 1.4s; + -moz-transition: transform 1.4s, opacity 1.4s; + -o-transition: transform 1.4s, opacity 1.4s; + transition: transform 1.4s, opacity 1.4s; +} +.anim-5 { + -webkit-transition: transform 1.6s, opacity 1.6s; + -moz-transition: transform 1.6s, opacity 1.6s; + -o-transition: transform 1.6s, opacity 1.6s; + transition: transform 1.6s, opacity 1.6s; +} +.anim-6 { + -webkit-transition: transform 1.8s, opacity 1.8s; + -moz-transition: transform 1.8s, opacity 1.8s; + -o-transition: transform 1.8s, opacity 1.8s; + transition: transform 1.8s, opacity 1.8s; +} +.anim-7 { + -webkit-transition: transform 2s, opacity 2s; + -moz-transition: transform 2s, opacity 2s; + -o-transition: transform 2s, opacity 2s; + transition: transform 2s, opacity 2s; +} +.anim-8 { + -webkit-transition: transform 2.2s, opacity 2.2s; + -moz-transition: transform 2.2s, opacity 2.2s; + -o-transition: transform 2.2s, opacity 2.2s; + transition: transform 2.2s, opacity 2.2s; +} +.anim-9 { + -webkit-transition: transform 2.4s, opacity 2.4s; + -moz-transition: transform 2.4s, opacity 2.4s; + -o-transition: transform 2.4s, opacity 2.4s; + transition: transform 2.4s, opacity 2.4s; +} +.anim-10 { + -webkit-transition: transform 2.6s, opacity 2.6s; + -moz-transition: transform 2.6s, opacity 2.6s; + -o-transition: transform 2.6s, opacity 2.6s; + transition: transform 2.6s, opacity 2.6s; +} +.anim-11 { + -webkit-transition: transform 2.8s, opacity 2.8s; + -moz-transition: transform 2.8s, opacity 2.8s; + -o-transition: transform 2.8s, opacity 2.8s; + transition: transform 2.8s, opacity 2.8s; +} +.anim-12 { + -webkit-transition: transform 3.0s, opacity 3.0s; + -moz-transition: transform 3.0s, opacity 3.0s; + -o-transition: transform 3.0s, opacity 3.0s; + transition: transform 3.0s, opacity 3.0s; +} +.anim-show { + -webkit-transform: translateY(0px) translateX(0); + -moz-transform: translateY(0px) translateX(0); + transform: translateY(0px) translateX(0); + opacity: 1; +} +.anim-list .anim-1 { + -webkit-transition: transform .5s, opacity .5s; + -moz-transition: transform .5s, opacity .5s; + -o-transition: transform .5s, opacity .5s; + transition: transform .5s, opacity .5s; +} +.anim-list .anim-2 { + -webkit-transition: transform .6s, opacity .6s; + -moz-transition: transform .6s, opacity .6s; + -o-transition: transform .6s, opacity .6s; + transition: transform .7s, opacity .7s; +} + @-webkit-keyframes rotateInDownLeft { +0% { +transform-origin:left bottom; +-webkit-transform:rotate(-45deg); +transform:rotate(-45deg); +opacity:0 +} +0%, to { +-webkit-transform-origin:left bottom +} +to { + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1 +} +} +@keyframes rotateInDownLeft { +0% { +transform-origin:left bottom; +-webkit-transform:rotate(-45deg); +transform:rotate(-45deg); +opacity:0 +} +0%, to { +-webkit-transform-origin:left bottom +} +to { + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1 +} +} +@-webkit-keyframes rotateInDownRight { +0% { +transform-origin:right bottom; +-webkit-transform:rotate(45deg); +transform:rotate(45deg); +opacity:0 +} +0%, to { +-webkit-transform-origin:right bottom +} +to { + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1 +} +} +@keyframes rotateInDownRight { +0% { +transform-origin:right bottom; +-webkit-transform:rotate(45deg); +transform:rotate(45deg); +opacity:0 +} +0%, to { +-webkit-transform-origin:right bottom +} +to { + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1 +} +} +@keyframes mymove8 { +from { +filter:alpha(opacity=0); +opacity:0; +-webkit-transform: translateY(0) translateX(-100px); + -moz-transform: translateY(0) translateX(-100px); + transform: translateY(0) translateX(-100px); + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +to { + filter: alpha(opacity=100); + opacity: 1; + -webkit-transform: translateY(0px) translateX(0); + -moz-transform: translateY(0px) translateX(0); + transform: translateY(0px) translateX(0); +} +} + @-webkit-keyframes mymove8 { + from { +filter:alpha(opacity=0); +opacity:0; +-webkit-transform: translateY(0) translateX(-100px); + -moz-transform: translateY(0) translateX(-100px); + transform: translateY(0) translateX(-100px); + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +to { + filter: alpha(opacity=100); + opacity: 1; + -webkit-transform: translateY(0px) translateX(0); + -moz-transform: translateY(0px) translateX(0); + transform: translateY(0px) translateX(0); +} +} +@keyframes mymove7 { +from { +filter:alpha(opacity=0); +opacity:0; +-webkit-transform: translateY(0) translateX(100px); + -moz-transform: translateY(0) translateX(100px); + transform: translateY(0) translateX(100px); + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +to { + filter: alpha(opacity=100); + opacity: 1; + -webkit-transform: translateY(0px) translateX(0); + -moz-transform: translateY(0px) translateX(0); + transform: translateY(0px) translateX(0); +} +} + @-webkit-keyframes mymove7 { + from { +filter:alpha(opacity=0); +opacity:0; +-webkit-transform: translateY(0) translateX(100px); + -moz-transform: translateY(0) translateX(100px); + transform: translateY(0) translateX(100px); + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +to { + filter: alpha(opacity=100); + opacity: 1; + -webkit-transform: translateY(0px) translateX(0); + -moz-transform: translateY(0px) translateX(0); + transform: translateY(0px) translateX(0); +} +} diff --git a/css/base-v2.0.min.css b/css/base-v2.0.min.css new file mode 100644 index 0000000..9db6bfe --- /dev/null +++ b/css/base-v2.0.min.css @@ -0,0 +1,1709 @@ +@charset "utf-8"; + +* { + box-sizing: border-box; + margin: 0; + padding: 0 +} + +html { + overflow-x: hidden !important; + overflow-y: auto; + -webkit-tap-highlight-color: transparent +} + +body { + min-height: 100vh; + background: #fff; + overflow: hidden +} + +a { + transition: all .36s; + text-decoration: none +} + +a:hover { + text-decoration: none +} + +a:focus { + text-decoration: none; + outline: 0 +} + +a:not([href]) { + cursor: default +} + +li, +ol, +ul { + margin: 0; + list-style-type: none +} + +h1, +h2, +h3, +h4, +h5, +h6, +p { + font-weight: 400; + margin: 0; + line-height: 1 +} + +p { + word-wrap: break-word; + word-break: normal +} + +h1 { + font-size: 36px +} + +h2 { + font-size: 30px +} + +h3 { + font-size: 24px +} + +h4 { + font-size: 18px +} + +h5 { + font-size: 14px +} + +h6 { + font-size: 12px +} + +img, +video { + max-width: 100%; + vertical-align: middle +} + +img { + image-rendering: -moz-crisp-edges; + image-rendering: -o-crisp-edges; + image-rendering: -webkit-optimize-contrast; + image-rendering: crisp-edges; + -ms-interpolation-mode: nearest-neighbor +} + +video { + background: #000; + outline: 0 +} + +body, +button, +input, +select, +textarea { + font-size: 14px; + line-height: 1; + margin: 0; + color: #333; + border: 0; + outline: 0; + background: 0 0 +} + +form { + width: 100% +} + +input, +textarea { + -webkit-appearance: none +} + +input { + line-height: normal; + text-overflow: ellipsis +} + +input:focus::-webkit-input-placeholder { + color: transparent +} + +input:focus:-moz-placeholder { + color: transparent +} + +input:focus::-moz-placeholder { + color: transparent +} + +input:focus:-ms-input-placeholder { + color: transparent +} + +[tabindex="0"], +input { + outline: 0 !important +} + +textarea { + resize: none +} + +label { + font-weight: 400; + margin-bottom: 0 +} + +select::-ms-expand { + display: none +} + +a:active, +button::-moz-focus-inner, +input[type=button]::-moz-focus-inner, +input[type=file]>input[type=button]::-moz-focus-inner, +input[type=reset]::-moz-focus-inner, +input[type=submit]::-moz-focus-inner, +select::-moz-focus-inner { + border: 0; + outline: 0 +} + +a, +button { + cursor: pointer +} + +.yxedr_active p { + font-size: 16px; + line-height: 1.75; + color: #666; + margin-bottom: 12px +} + +.yxedr_active img, +.yxedr_active video { + max-width: 100% !important; + height: auto !important +} + +.yxedr_active iframe { + max-width: 100% +} + +@media screen and (max-width:767px) { + .yxedr_active iframe { + max-height: 33vh + } +} + +.yxedr_active ol, +.yxedr_active ul { + margin-block-start: 1em; + margin-block-end: 1em; + margin-inline-start: 0; + margin-inline-end: 0; + padding-inline-start: 40px +} + +.yxedr_active ol li, +.yxedr_active ul li { + list-style: inherit +} + +.ys_cont1680 { + width: 1680px; + margin: 0 auto; + max-width: 100% +} + +.ys_cont1600 { + width: 1600px; + margin: 0 auto; + max-width: 100% +} + +.ys_cont1560 { + width: 1560px; + margin: 0 auto; + max-width: 100% +} + +.ys_cont1440 { + width: 1440px; + margin: 0 auto; + max-width: 100% +} + +.ys_cont1400 { + width: 1400px; + margin: 0 auto; + max-width: 100% +} + +.ys_cont1360 { + width: 1360px; + margin: 0 auto; + max-width: 100% +} + +.ys_cont1280 { + width: 1280px; + margin: 0 auto; + max-width: 100% +} + +.ys_cont1200 { + width: 1200px; + margin: 0 auto; + max-width: 100% +} + +.ys_cont1000 { + width: 1000px; + margin: 0 auto; + max-width: 100% +} + +.ys_cont950 { + width: 950px; + margin: 0 auto; + max-width: 100% +} + +@media screen and (max-width:1860px) { + .ys_cont1680 { + width: 90% + } +} + +@media screen and (max-width:1680px) { + + .ys_cont1400, + .ys_cont1440, + .ys_cont1560, + .ys_cont1600, + .ys_cont1680 { + width: 82.5% + } +} + +@media screen and (max-width:1440px) { + + .ys_cont1200, + .ys_cont1280, + .ys_cont1360 { + width: 82.5% + } +} + +@media screen and (max-width:1200px) { + + .ys_cont1000, + .ys_cont1200, + .ys_cont1280, + .ys_cont1360, + .ys_cont1400, + .ys_cont1440, + .ys_cont1560, + .ys_cont1600, + .ys_cont1680, + .ys_cont950 { + width: 100%; + padding: 0 40px + } +} + +@media screen and (max-width:767px) { + + .ys_cont1000, + .ys_cont1200, + .ys_cont1280, + .ys_cont1360, + .ys_cont1400, + .ys_cont1440, + .ys_cont1560, + .ys_cont1600, + .ys_cont1680, + .ys_cont950 { + padding: 0 20px + } +} + +.ys_block, +.ys_show { + display: block +} + +.ys_hide { + display: none +} + +.clearfix::after { + display: block; + clear: both; + height: 0; + content: ' ' +} + +.clearfix { + zoom: 1 +} + +.fl { + float: left +} + +.fr { + float: right +} + +.ys_flex { + display: flex; + flex-wrap: wrap +} + +.ys_flex_center { + display: flex; + align-items: center +} + +.ys_pos_top { + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%) +} + +.ys_pos_bot { + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%) +} + +.ys_pos_center { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) +} + +.ys_pos_cover { + position: absolute; + left: 0; + top: 0; + z-index: 10; + width: 100%; + height: 100% +} + +.ys_pos_under { + position: absolute; + left: 0; + top: 0; + z-index: -1; + width: 100%; + height: 100% +} + +.ys_page_wrap, +body { + display: flex; + flex-direction: column +} + +.ys_page_wrap { + min-height: 100vh +} + +.ys_main { + flex-grow: 1 +} + +.modal-open { + overflow: hidden +} + +.mobile_safari { + width: 100%; + position: fixed +} + +.ys_modal_btn { + cursor: pointer +} + +.ys_modal { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 999; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, .3) +} + +.ys_modal_wrap { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center +} + +.ys_modal_container { + position: relative; + z-index: 1 +} + +.ys_modal_close { + position: absolute; + right: 15px; + top: 15px; + font-size: 16px; + font-weight: 700; + cursor: pointer; + z-index: 10 +} + +.ys_modal_content { + width: 800px; + padding: 50px; + max-width: calc(100vw - 40px); + max-height: 700px; + overflow: hidden; + background: #fff +} + +.ys_modal_content.noscroll { + overflow: auto +} + +.ys_modal_content.mCustomScrollbar .mCSB_inside>.mCSB_container { + margin-right: 0 +} + +.ys_modal_content.mCustomScrollbar .mCustomScrollBox.mCSB_inside { + margin-right: -15px; + padding-right: 15px; + max-width: calc(100% + 15px) +} + +.ys_videom_video { + display: none; + margin: 0 auto; + max-height: calc(100vh - 80px) +} + +.ys_videom_iframebox { + display: none +} + +.ys_videom_btn { + cursor: pointer +} + +.ys_videom { + display: none; + position: fixed; + left: 0; + top: 0; + z-index: 999; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, .84) +} + +.ys_videom_container { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%) +} + +.ys_videom_close { + position: absolute; + right: 0; + top: -1.5em; + cursor: pointer; + z-index: 10; + font-family: Arial, Helvetica, sans-serif; + font-size: 24px; + color: #fff +} + +.ys_videom_close .iconfont { + font-size: inherit +} + +.ys_videom_content { + width: 1000px; + max-width: calc(100vw - 40px); + max-height: calc(100vh - 80px); + text-align: center +} + +.ys_videom_video { + max-width: 100%; + vertical-align: middle; + background: #000 +} + +.ys_videom_iframebox { + text-align: center +} + +.ys_videom_iframebox iframe { + max-width: 100%; + min-width: 100px; + min-height: 100px +} + +@media screen and (max-width:480px) { + .ys_videom_iframebox iframe { + max-height: 33vh + } +} + +.ys_imgbox_contain, +.ys_imgbox_cover { + position: relative; + overflow: hidden +} + +.ys_imgbox_contain img, +.ys_imgbox_cover img { + width: 100%; + transition: all .36s ease +} + +.ys_imgbox_cover img:nth-child(2) { + position: absolute; + top: 0; + left: 0; + height: 100% +} + +.ys_imgbox_contain img:nth-child(2) { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: auto; + height: auto; + max-width: 100%; + max-height: 100% +} + +@media screen and (min-width:1200px) { + a:hover .ys_imgbox_cover img { + transform: scale(1.05) + } +} + +.ys_imgbox_cut { + overflow: hidden +} + +.ys_imgbox_cut img { + width: auto; + max-width: none; + height: 100%; + position: relative; + left: 50%; + transform: translateX(-50%) +} + +.ys_fybtn { + padding: 0 15px +} + +.ys_pcfy a { + float: left +} + +.ys_fybtn a { + font-size: 14px; + color: #333 +} + +.ys_phfy { + display: none +} + +.pc_fenye { + position: relative; + left: 50%; + transform: translateX(-50%); + display: inline-block; + text-align: center +} + +.pc_fenye li { + float: left; + width: 30px; + height: 30px; + border: 1px solid transparent; + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + line-height: 30px; + color: #333; + text-align: center; + margin: 0 10px; + border-radius: 50%; + transition: .3s +} + +.pc_fenye li.activepage { + color: #fff; + background: #1e91cf +} + +.end li::before, +.first li::before, +.next li::before, +.prev li::before { + font-family: iconfont; + font-size: inherit; + color: inherit; + line-height: inherit +} + +.first li::before { + content: "\e74d" +} + +.next li::before { + content: "\e743" +} + +.prev li::before { + content: "\e744" +} + +.end li::before { + content: "\e74c" +} + +.ys_phfy a { + font-size: 14px; + line-height: 1.75; + color: #333 +} + +@media screen and (max-width:1199px) { + .ys_pcfy { + display: none + } + + .ys_phfy { + display: block + } +} + +.ys_select { + position: relative; + z-index: 5 +} + +.ys_select.zindex { + z-index: 10 +} + +.ys_select_hd { + position: relative; + width: 100%; + height: 100%; + cursor: pointer +} + +.ys_select_show { + padding-right: 20px; + width: 100%; + height: 100%; + cursor: pointer; + pointer-events: none; + user-select: none +} + +.ys_select_xtbbox { + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + transition: all .36s +} + +.ys_select_xtb { + transition: all .36s +} + +.ys_select_hd.on .ys_select_xtbbox { + transform: translateY(-50%) rotate(180deg) +} + +.ys_select_bd { + display: none; + position: absolute; + left: 0; + top: 100%; + z-index: 10; + width: 100%; + background: #fff; + overflow: hidden +} + +.ys_select_bd .mCSB_scrollTools { + visibility: hidden +} + +.ys_select_bd.showscroll .mCSB_scrollTools { + visibility: visible +} + +.ys_select_li { + cursor: pointer +} + +.ys_wechat { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 999; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, .3) +} + +.ys_wechat_cont { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center +} + +.ys_wechat_cont_parga p { + font-size: 14px; + line-height: 24px; + color: #666 +} + +#qrcode { + width: 230px; + padding: 10px; + background: #fff; + border-radius: 10px; + border: 7px solid #595959; + position: relative +} + +.ys_wechat_cont canvas { + width: 100% !important; + padding: 10px +} + +.ys_wechat_cont_btn { + position: absolute; + top: 15px; + right: 10px; + cursor: pointer +} + +.ys_wechat_cont_btn .iconfont { + font-size: 14px +} + +.ys_share_img { + width: 28px +} + +.ys_share_list { + cursor: pointer +} + +.wow { + visibility: hidden +} + +.mCSB_outside+.mCSB_scrollTools { + right: 0 !important +} + +.ys_select_bd .mCSB_outside+.mCSB_scrollTools .mCSB_draggerContainer { + top: 15px; + bottom: 15px +} + +.slick-track .slick-slide { + display: block !important +} + +.ys_scrollx_style1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.ys_scrollx_style1 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { + margin: 0; + height: 100% +} + +.ys_scrollx_style1 .mCSB_scrollTools.mCSB_scrollTools_horizontal { + height: 8px; + bottom: 0 +} + +.ys_scrollx_style1:not(.mCS_no_scrollbar) { + padding-bottom: 20px +} + +.ys_fadeup1 { + animation: ysfadeInUp .5s ease-in-out both; + animation-delay: .1s +} + +.ys_fadeup2 { + animation: ysfadeInUp .5s ease-in-out both; + animation-delay: .2s +} + +.ys_fadeup3 { + animation: ysfadeInUp .5s ease-in-out both; + animation-delay: .3s +} + +.ys_fadeup4 { + animation: ysfadeInUp .5s ease-in-out both; + animation-delay: .4s +} + +.ys_fadeup5 { + animation: ysfadeInUp .5s ease-in-out both; + animation-delay: .5s +} + +.ys_fadeup6 { + animation: ysfadeInUp .5s ease-in-out both; + animation-delay: .6s +} + +.ys_fadeup7 { + animation: ysfadeInUp .5s ease-in-out both; + animation-delay: .7s +} + +.ys_fadeup8 { + animation: ysfadeInUp .5s ease-in-out both; + animation-delay: .8s +} + +.ys_fadeup9 { + animation: ysfadeInUp .5s ease-in-out both; + animation-delay: .9s +} + +.ys_fadein1 { + animation: fadeIn .5s ease-in-out both; + animation-delay: .1s +} + +.ys_fadedown1 { + animation: fadeInDown .5s ease-in-out both; + animation-delay: .1s +} + +.ys_fadeleft1 { + animation: fadeInLeft .5s ease-in-out both; + animation-delay: .1s +} + +.ys_faderight1 { + animation: fadeInRight .5s ease-in-out both; + animation-delay: .1s +} + +@-webkit-keyframes ysfadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 50px, 0); + transform: translate3d(0, 50px, 0) + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +@keyframes ysfadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 50px, 0); + transform: translate3d(0, 50px, 0) + } + + to { + opacity: 1; + -webkit-transform: none; + transform: none + } +} + +.ys_header { + position: relative; + z-index: 99 +} + +.ys_hd_ph { + display: none +} + +.ys_ph_navbar { + height: 64px +} + +.ys_phnav_header { + position: fixed; + top: 0; + left: 0; + z-index: 99; + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 20px; + height: 64px; + background: #fff; + box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%) +} + +.ys_phnav_logo { + width: 120px +} + +.ys_phnav_logo a { + width: 100% +} + +.ys_phnav_header a, +.ys_phnav_logo, +.ys_phnav_r>div { + line-height: 64px +} + +.ys_phnav_r>div { + float: left; + margin-left: 15px +} + +.ys_phnav_header a { + display: inline-block; + vertical-align: middle; + font-size: 14px; + color: #333 +} + +.ys_phnav_menubtn { + display: inline-block; + vertical-align: middle; + position: relative; + width: 28px; + height: 22px +} + +.ys_phnav_menubtn::after, +.ys_phnav_menubtn::before { + content: "" +} + +.ys_phnav_menubtn span, +.ys_phnav_menubtn::after, +.ys_phnav_menubtn::before { + display: block; + position: absolute; + left: 0; + top: 50%; + width: 100%; + height: 2px; + transform: translateY(-50%); + background: #666; + transition: all .36s +} + +.ys_phnav_menubtn::before { + margin-top: -10px +} + +.ys_phnav_menubtn::after { + margin-top: 10px +} + +.ys_phnav_menubtn.on span { + opacity: 0 +} + +.ys_phnav_menubtn.on::after, +.ys_phnav_menubtn.on::before { + margin-top: 0 +} + +.ys_phnav_menubtn.on::before { + transform: translateY(-50%) rotate(45deg) +} + +.ys_phnav_menubtn.on::after { + transform: translateY(-50%) rotate(-45deg) +} + +.ys_phnav_menu { + display: none; + position: fixed; + left: 0; + top: 64px; + width: 100%; + height: calc(100% - 64px); + padding: 20px; + background: #043c62; + color: #fff +} + +.ys_ph_search { + width: 100%; + overflow: hidden; + padding: 0 15px; + padding-left: 15px; + margin-top: 50px +} + +.ys_phs_form { + position: relative; + z-index: 1; + width: 100% +} + +.ys_phs_form input { + width: 100%; + height: 35px; + border: 1px solid rgba(255, 255, 255, .4); + border-radius: 17.5px; + padding-left: 20px; + padding-right: 50px; + color: #fff +} + +.ys_phs_form input::-webkit-input-placeholder { + color: rgba(255, 255, 255, .6) +} + +.ys_phs_form input:-moz-placeholder { + color: rgba(255, 255, 255, .6) +} + +.ys_phs_form input::-moz-placeholder { + color: rgba(255, 255, 255, .6) +} + +.ys_phs_form input:-ms-input-placeholder { + color: rgba(255, 255, 255, .6) +} + +.ys_phs_form .iconfont { + position: absolute; + right: 20px; + top: 50%; + transform: translateY(-50%); + z-index: 5; + color: rgba(255, 255, 255, .6) +} + +.ys_ph_nav ul { + padding: 0 15px; + display: none +} + +.ys_ph_nav a { + display: inline-block; + vertical-align: middle; + font-size: 14px; + line-height: 1.5; + padding: 1em 0; + color: #fff; + max-width: calc(100% - 40px) +} + +.ys_ph_nav ul a { + font-size: 12px +} + +.ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox a { + color: rgba(255, 255, 255, .6) +} + +.ys_phnav_lisbox { + position: relative; + border-bottom: 1px solid rgba(255, 255, 255, .4) +} + +.ys_phnav_icon { + display: none; + position: absolute; + right: 5px; + top: 50%; + transform: translateY(-50%); + width: 14px; + height: 14px +} + +.ys_phnav_icon::after, +.ys_phnav_icon::before { + content: ""; + position: absolute; + background: #fff; + transition: all .36s +} + +.ys_phnav_icon::before { + left: 0; + top: 50%; + transform: translateY(-50%); + width: 100%; + height: 1px +} + +.ys_phnav_icon::after { + left: 50%; + top: 0; + transform: translateX(-50%); + width: 1px; + height: 100% +} + +.ys_phnav_icon.on::after { + transform: translateX(-50%) rotate(90deg) +} + +.ys_phnav_haschild .ys_phnav_icon { + display: block +} + +.ys_ph_nav li:not(.ys_phnav_haschild)>.ys_phnav_lisbox .ys_phnav_icon { + display: none +} + +.ys_ph_nav li:not(.ys_phnav_haschild)>.ys_phnav_lisbox>a { + display: block; + max-width: 100% +} + +.ys_phmenu_scroll { + margin-right: -15px; + padding-right: 15px; + max-height: calc(100% - 85px); + overflow: scroll +} + +.ys_ph_navbar2 .ys_phnav_menu { + display: block; + transform: translateX(100%); + transition: all .5s cubic-bezier(.55, .085, .68, .53) +} + +.ys_ph_navbar2 .ys_phnav_menu.on { + transform: translateX(0); + transition: all .5s cubic-bezier(.25, .46, .45, .94) +} + +.ys_ph_navbar2 .ys_phnav_header { + padding-left: 0 +} + +.ys_ph_navbar2 .ys_phnav_menubtn span, +.ys_ph_navbar2 .ys_phnav_menubtn::after, +.ys_ph_navbar2 .ys_phnav_menubtn::before { + background: #1c5cb0 +} + +.ys_ph_navbar2 .ys_phnav_logo { + width: 140px; + padding: 0 10px; + background: #1c5cb0 +} + +.ys_ph_navbar2 .ys_phnav_menu, +.ys_phnav2_lang_modal { + background: #1c5cb0 +} + +.ys_ph_navbar2 .ys_phnav_menubtn.on::before { + transform: translateY(-50%) rotate(-45deg) +} + +.ys_ph_navbar2 .ys_phnav_menubtn.on::after { + transform: translateY(-50%) rotate(45deg) +} + +.ys_ph_navbar2 .ys_ph_nav a { + font-size: 16px; + line-height: 24px; + padding: 13px 0 +} + +.ys_ph_navbar2 .ys_ph_nav ul a { + font-size: 14px; + padding: 8px 0 +} + +.ys_ph_navbar2 .ys_phnav_icon { + width: 12px; + height: 12px +} + +.ys_ph_navbar2 .ys_phnav_icon::before { + height: 2px +} + +.ys_ph_navbar2 .ys_phnav_icon::after { + width: 2px +} + +.ys_ph_navbar2 .ys_ph_nav ul ul a { + font-size: 12px +} + +.ys_ph_navbar2 .ys_phnav_menu { + display: flex; + flex-direction: column; + padding-bottom: 0 +} + +.ys_ph_navbar2 .ys_phmenu_scroll { + flex-grow: 1; + max-height: none +} + +.ys_phnav2_language { + flex: none; + text-align: center; + padding: 20px 0 +} + +.ys_phnav_search .iconfont { + display: inline-block; + vertical-align: middle; + font-size: 18px; + line-height: inherit +} + +.ys_ph_navbar2 .ys_phnav_header a, +.ys_ph_navbar2 .ys_phnav_search .iconfont { + color: #1c5cb0 +} + +.ys_phnav2_lang_modal { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + padding: 30px 20px 20px; + text-align: left; + transform: translateX(100%); + transition: all .5s cubic-bezier(.55, .085, .68, .53) +} + +.ys_phnav2_lang_modal.on { + transform: translateX(0); + transition: all .5s cubic-bezier(.25, .46, .45, .94) +} + +.ys_phnav2_lang_back { + font-size: 16px; + margin-bottom: 10px +} + +.ys_phnav2_lang_back .iconfont { + font-size: 14px +} + +.ys_phnav2_lang_scroll { + height: calc(100% - 30px); + margin-right: -15px; + padding-right: 15px; + overflow: auto +} + +.ys_phnavss_xl { + display: none; + padding: 16px 20px; + border-top: 1px solid #eee; + box-shadow: 0 5px 8px rgba(0, 0, 0, .05) +} + +.ys_phnavss_form { + width: 100% +} + +.ys_phnavss_form input { + height: 40px; + width: calc(100% - 30px); + border-bottom: 1px solid #eee +} + +.ys_phnavss_form button { + width: 20px +} + +.ys_phnavss_form .iconfont { + font-size: 20px; + line-height: 40px; + color: #1c5cb0 +} + +.ys_phnavss_xl { + position: absolute; + left: 0; + top: 100%; + width: 100%; + background: #fff +} + +.ys_ph_navbar3 .ys_phnav_header { + background: #221e1f +} + +.ys_ph_navbar3 .ys_phnav_search .iconfont { + font-size: 20px +} + +.ys_ph_navbar3 .ys_phnav_header a, +.ys_ph_navbar3 .ys_phnav_search .iconfont { + color: #666 +} + +.ys_ph_navbar3 .ys_phnav_menu { + display: block; + transform: translateX(100%); + background: #fff; + top: 0; + height: 100%; + z-index: 100; + color: #333; + padding-top: 0; + transition: all .5s cubic-bezier(.55, .085, .68, .53) +} + +.ys_ph_navbar3 .ys_phnav_menu.on { + transform: translateX(0); + transition: all .5s cubic-bezier(.25, .46, .45, .94) +} + +.ys_ph_navbar3 .ys_ph_nav a { + color: #666 +} + +.ys_ph_navbar3 .ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox a { + color: #333 +} + +.ys_ph_navbar3 .ys_phmenu_top { + height: 64px; + border-bottom: 1px solid #c7c8c9 +} + +.ys_phmenu_close { + font-size: 14px; + line-height: 64px; + font-weight: 700; + color: #333 +} + +.ys_ph_navbar3 .ys_ph_nav a { + font-size: 16px; + line-height: 30px; + padding: 6px 0 +} + +.ys_ph_navbar3 .ys_ph_nav { + padding: 10px 0 +} + +.ys_ph_navbar3 .ys_phnav_icon { + font-size: 12px; + line-height: 14px; + text-align: center; + color: #666; + font-family: iconfont +} + +.ys_ph_navbar3 .ys_phnav_icon::before { + content: "\e743"; + width: auto; + height: auto; + position: static; + transform: none +} + +.ys_ph_navbar3 .ys_phnav_icon::after { + display: none +} + +.ys_ph_navbar3 .ys_phmenu_scroll { + max-height: 100%; + height: calc(100% - 64px) +} + +.ys_ph_navbar3 .ys_ph_nav ul { + display: block +} + +.ys_phsubnav_modal { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #fff; + padding: 0 20px 10px; + transform: translateX(100%); + transition: all .5s cubic-bezier(.55, .085, .68, .53); + z-index: 100 +} + +.ys_phsubnav_modal.on { + transform: translateX(0); + transition: all .5s cubic-bezier(.25, .46, .45, .94) +} + +.ys_phsubnav_close { + color: #333; + font-size: 16px; + line-height: 64px; + font-weight: 700 +} + +.ys_phsubnav_scroll { + padding: 10px 0; + height: calc(100% - 64px); + padding-right: 10px; + margin-right: -10px; + overflow: auto +} + +.ys_phsubnav_scroll>ul { + padding: 0 +} + +.ys_phnav3_lang_hd { + position: relative; + border-top: 1px solid #c7c8c9; + border-bottom: 1px solid #c7c8c9 +} + +.ys_phnav3_lang_hd .ys_phnav_icon { + display: block; + transition: all .36s +} + +.ys_phnav3_lang_hd a { + display: inline-block; + font-size: 16px; + line-height: 24px; + padding: 10px 0; + color: #333 +} + +.ys_phnav3_lang_bd { + display: none; + padding: 10px 0 +} + +.ys_phnav3_lang_bd a { + color: #333; + line-height: 24px; + font-size: 14px +} + +.ys_phnav3_lang_hd.on .ys_phnav_icon { + transform: translateY(-50%) rotate(90deg) +} + +.ys_phnavss_modal { + background: rgba(0, 0, 0, .8) +} + +.ys_phnavss_modal .ys_modal_close .iconfont { + color: #fff +} + +.ys_phnavss_modal .ys_modal_content { + background: 0 0; + padding: 10px 0 11px +} + +.ys_phnavss_modal input { + color: #fff +} + +.ys_phnavss_modal button { + width: 40px; + font-size: 16px; + color: #fff +} + +.ys_phnavss_modal .ys_phnavss_form { + border-bottom: 1px solid #fff +} + +.ys_phnavss_modal .ys_phnavss_form input { + width: calc(100% - 45px); + border-bottom: 0 +} + +.ys_phnav_tel { + font-size: 18px; + line-height: 1.5; + margin-top: 20px; + text-align: center +} + +.ys_ph_navbar4 .ys_phmenu_scroll { + max-height: calc(100% - 50px) +} + +.ys_ph_navbar4 .ys_phnav_menu { + background: #f1f1f1; + color: #999 +} + +.ys_ph_navbar4 .ys_ph_nav a { + color: #999 +} + +.ys_ph_navbar4 .ys_phnav_icon::after, +.ys_ph_navbar4 .ys_phnav_icon::before { + background: #999 +} + +.ys_ph_navbar4 .ys_phnav_lisbox { + border-bottom: 1px solid rgba(0, 0, 0, .1) +} + +.ys_ph_navbar4 .ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox a { + color: #1c5cb0 +} + +.ys_ph_navbar4 .ys_phnav_header { + box-shadow: none; + border-bottom: 1px solid rgba(0, 0, 0, .1) +} + +.ys_ph_navbar4 .ys_phnav_menu { + padding-top: 0 +} + +.ys_cmf_fy a { + width: 100%; + height: 100% +} + +.ys_cmf_fy .ys_phfy li { + display: none +} + +.ys_cmf_fy .ys_phfy li a { + display: none +} + +.ys_cmf_fy .ys_phfy li:first-child { + float: left; + display: block +} + +.ys_cmf_fy .ys_phfy li:last-child { + float: right; + display: block +} + +.ys_cmf_fy .ys_phfy li { + font-size: 16px +} + +.ys_cmf_fy .ys_phfy a[rel=prev] { + display: block +} + +.ys_cmf_fy .ys_phfy a[rel=next] { + display: block +} + +.ys_cmf_fy .ys_phfy a[rel=prev]::after { + content: "上一页" +} + +.ys_cmf_fy .ys_phfy a[rel=next]::before { + content: "下一页" +} + +@media screen and (max-width:1199px) { + .ys_hd_ph { + display: block + } + + .ys_hd_pc { + display: none + } +} + +.ys_slide_fixed { + position: fixed; + top: 100px +} + +.ys_slide_notfixed { + position: absolute; + top: auto !important; + bottom: 100px +} + +.ys_bread { + margin: 0 -14px +} + +.ys_bread_list a { + color: #666; + font-size: 14px; + line-height: 1.75; + transition: all .36s ease +} + +.ys_bread_list::before { + content: '>'; + position: absolute; + top: 50%; + right: -7px; + transform: translateY(-50%); + font-size: 16px; + color: #666; + line-height: 1.75 +} + +.ys_bread_list { + padding: 0 14px; + position: relative +} + +.ys_bread_list:last-child::before { + display: none +} + +.ys_page_title { + display: none +} \ No newline at end of file diff --git a/css/css.css b/css/css.css new file mode 100644 index 0000000..c16217e --- /dev/null +++ b/css/css.css @@ -0,0 +1,1714 @@ +@import url(pscroll.css); +/*内页*/ +.o_big { + overflow: hidden; + background-position: center center; + background-repeat: no-repeat; + background-size: auto 100%; + position: relative; + display: flex; + justify-content: center; +} +.o_big h1 { + color: #fff; margin: 0 auto;position: absolute; top: 120px; font-size: 60px; +} +.o_big img { + width: 100%; + filter: Alpha(Opacity=0); + min-height: 120px; +} +.postions { + height: 41px; + line-height: 41px; + overflow: hidden; + background: #f1f1f1; + color: #919191; + font-size: 12px; +} +.postions a { + color: #919191; +} +/*分页*/ +/*网分页样式*/ +.pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden} +.pages .pagination {display:inline-block;margin:0 auto;padding:0} +.pages .pagination .page-item,.pages .pagination .page-num{color:#555; padding: 5px 12px; display:block; border-radius: 2px; float: left;} +.pages .pagination .page-item:hover{color:#00a1e9} +.pages .pagination .page-item:nth-child(3):hover{color:#555;} +.pages .pagination .page-num-current{ background:#333; color:#fff; border:#333 1px solid} +@media only screen and (max-width:768px){ +.pages .pagination .page-num {display: none;} +} + +/*硬件产品*/ +.product_a { + overflow: hidden; + padding-top: 3%; + text-align: center; + margin-bottom: 2%; +} +.product_a a { + display: inline-block; + height: 56px; + line-height: 56px; + background-color: #fff; +/* width: 160px;*/ + padding-left: 20px; + padding-right: 20px; + font-size: 14px; + color: #444444; + margin-left: 1.5%; + margin-right: 1.5%; + margin-bottom: 2%; + box-shadow:0px 0px 5px 3px rgba(0,0,0, +0.05); +border-radius:5px; + transition: all 0.3s; +} +.product_a a:hover { + background-color: #409EFF; + color: #fff; + filter: Alpha(Opacity=80); + opacity: 0.8; +} +.product_a a.csel { + background-color: #409EFF; + color: #fff; +} +.product_ul { + overflow: hidden; + padding-bottom: 20px; + padding-top: 8px; +} +.product_ul ul { + display: flex; + flex-wrap: wrap; +} +.product_ul ul li { + float: left; + width: 32.1%; + margin-left: 0.5%; + margin-right: 1%; + overflow: hidden; + margin-bottom: 1.5%; + text-align: center; + border-radius:10px; + background-color: #fff; +} +.product_ul ul li .product_b { + border: 1px solid #e8e8e8; + padding-bottom: 36px; + border-radius:10px; +} +.product_ul ul li:nth-child(3n+0) { + margin-right: 0; +} +.product_ul ul li img { + display: inline-block; + width:100%; + + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; + vertical-align: middle; +} +.product_ul ul li .imgs { + width: 100%; + overflow: hidden; +} +.product_ul ul li h2 { + font-weight: normal; + color: #333333; + line-height: 36px; + height: 36px; + text-align: center; + overflow: hidden; + padding-left: 2%; + padding-right: 2%; + white-space: nowrap; + text-overflow: ellipsis; + transition: all 0.3s; + margin-bottom: 1%; +} +.product_ul ul li p { + line-height: 20px; + height: 40px; + overflow: hidden; + color: #929292; + font-size: 14px; + padding-left: 2%; + padding-right: 2%; + max-width: 350px; + margin: 0 auto; +} +.product_ul ul li em { + display: block; + color: #ee697e; + font-size: 14px; + margin-top: 10px; + line-height: 20px; + height: 20px; + overflow: hidden; +} +.product_ul ul li label { + display: block; + color: #333; + font-size: 14px; + line-height: 20px; + height: 20px; + overflow: hidden; + margin-top: 5px; +} +.product_ul ul li:hover img { + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.product_ul ul li:hover { + -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1); + box-shadow: 0 5px 20px rgba(0,0,0,0.1); + -webkit-transform: translate3d(0, -2px, 0); + transform: translate3d(0, -2px, 0); + transition: all 0.3s; +} +.product_ul ul li:hover h2 { + color: #00a1e9; +} +.product_ul ul li:hover .product_b { + border: 1px solid #fff; +} +/*公司动态*/ +.news_bg { + overflow: hidden; + padding-top: 8px; +} +.news_con { + overflow: hidden; +} +.news_con ul li { + overflow: hidden; + margin-bottom: 2%; + padding-bottom: 2%; + border-bottom: 1px solid #cccccc; + display: block; +} +.news_con ul li:last-child { + border-bottom: 0; + margin-bottom: 0; +} +.news_con ul li .imgs { + width: 19%; + float: left; + display: inline; + overflow: hidden; +} +.news_con ul li .imgs img { + width: 100%;/* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/ + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; +} +.news_con ul li:hover .imgs img {/*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/ + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.news_con ul li .i_about_r { + float: right; + display: inline; + line-height: 22px; + width: 78%; + overflow: hidden; +} +.news_con ul li .i_about_r h3 { + line-height: 22px; + height: 22px; + overflow: hidden; + font-size: 18px; + color: #333; + font-weight: normal; + margin-bottom: 1%; +} +.news_con ul li .i_about_r label { + display: block; + color: #999999; + font-size: 14px; + height: 20px; + line-height: 20px; + padding-left: 19px; + margin-bottom: 1%; +} +.news_con ul li .i_about_r .p { + max-height: 48px; + overflow: hidden; + font-size: 14px; + color: #7b7b7b; + line-height: 24px; +} +.news_con ul li .i_about_r .news_more { + margin-top: 2%; + width: 106px; + text-align: center; + float: left; + height: 34px; + line-height: 34px; + background-color: #f5f5f5; + border: 1px solid #bababa; + color: #828282; + font-size: 13px; + transition: all 0.3s; +} +.news_con ul li:hover .i_about_r .news_more { + background-color: #409EFF; + color: #fff; + border: 1px solid #409EFF; +} +.news_con ul li:hover .i_about_r h3 { + color: #409EFF; +} +/*公司动态详细*/ +.about_x { + overflow: hidden; + line-height: 30px; + font-size: 14px; + color: #666666; +} +.about_x img { + margin-bottom: 15px; + max-width: 100%; + height: auto !important; +} +.about_x .show_t { + line-height: 36px; + font-size: 28px; + color: #333; + text-align: center; + margin-bottom: 15px; + font-weight: normal; +} +.about_x .con_line { + height: 40px; + line-height: 40px; + font-size: 12px; + color: #999999; + border-bottom: 1px dashed #cccccc; + text-align: center; +} +.about_x .con_id { + line-height: 30px; + overflow: hidden; + white-space: normal; + word-break: break-all; + padding-top: 20px; + text-align: left; + padding-bottom: 40px; +} +.about_x table { + border-collapse: collapse; + border-spacing: 0; +} +.about_x table td { + line-height: 22px; + height: 27px; /*border:1px solid #000;*/ +} +.prenext { + font-size: 16px; + line-height: 60px; + margin-top: 20px; + color: #444; +} +.prenext span { + float: left; + width: 108px; + color: #666666; + font-size: 16px; +} +.prenext a { + color: #444; +} +.prenext a:hover { + color: #00a1e9; + text-decoration: none; +} +.prenext:last-child { + border-top: 0; + margin-top: 0; + margin-bottom: 10px; +} +.goback { + float: right; + height: 26px; + line-height: 26px; + text-align: right; + padding-left: 23px; + background: url(../img/goback.png) left center no-repeat; + font-size: 14px; + color: #333333; + margin-top: 8px;/* border-bottom:1px solid #a6a6a6;*/ +} +.fenxiang { + height: 30px; + overflow: hidden; +} +.fenxiang .span { + float: right; + font-size: 14px; + line-height: 34px; +} +/*公司介绍*/ +.about_bg { + background-color: #f5f5f5; + overflow: hidden; +} +.about_div { + overflow: hidden; +} +.about_div .i_one_div_txt { + width: 46.9%; + padding-left: 1.6%; + padding-right: 1.5%; +} +.about_div .i_one_div_txt .i_one_con { + max-width: 588px; +} +.about_div .i_one_div_txt .i_one_t { + line-height: 30px; + color: #0044dc; +} +.about_div .i_one_div_txt .i_one_t img { + display: block; + margin-top: 12%; + margin-bottom: 2%; +} +.about_div .i_one_div_txt .i_one_p { + color: #666666; + font-size: 14px; + line-height: 22px; + padding-top: 2%; /*height:260px; */ + overflow: hidden; + text-align: left; +} +.about_div .i_one_div_txt .i_one_p.brandfont { + font-size: 16px; + text-align: center; + padding-top: 0; +} +.about_div .i_one_div_img { + width: 50%; + overflow: hidden; +} +.about_div .i_one_div_img img { + width: 100%; + -webkit-transition: all 0.8s ease-out; + -ms-transition: all 0.8s ease-out; + -moz-transition: all 0.8s ease-out; + -o-transition: all 0.8s ease-out; + transition: all 0.8s ease-out; +} +.about_div .i_one_div_img:hover img { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + transform: scale(1.1); +} +.about_two { + overflow: hidden; + text-align: center; + padding-top: 3%; + padding-bottom: 3%; + background-color: #fff; + width: 98%; + padding-left: 1%; + padding-right: 1%; +} +.about_two ul li { + float: left; + width: 30.33%; + margin-left: 1.5%; + margin-right: 1.5%; + overflow: hidden; + color: #7b7b7b; + font-size: 14px; + line-height: 24px; +} +.about_two ul li h2 { + font-weight: normal; + color: #333333; + margin-bottom: 2%; +} +.about_two ul li p { + margin: 0 auto; + max-width: 400px; +} +/*企业荣誉*/ +.honor_ul { + overflow: hidden; +} +.honor_ul ul li { + width: 23.5%; + margin-right: 2%; + float: left; + overflow: hidden; + margin-bottom: 3%; + text-align: center; +} +.honor_ul ul li:nth-child(4n+0) { + margin-right: 0; +} +.honor_ul ul li .imgs { + width: 100%; + overflow: hidden; +} +.honor_ul ul li .imgs img { + width: 100%; + -webkit-transition: all 0.8s ease-out; + -ms-transition: all 0.8s ease-out; + -moz-transition: all 0.8s ease-out; + -o-transition: all 0.8s ease-out; + transition: all 0.8s ease-out; +} +.honor_ul ul li h2 { + color: #333; + font-size: 13px; + font-weight: normal; + height: 42px; + overflow: hidden; + line-height: 42px; +} +.honor_ul ul li:Hover .imgs img { + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -o-transform: scale(1.1); + transform: scale(1.1); +} +.honor_ul ul li:Hover h2 { + color: #00a1e9; +} +/*联络我们*/ +.contact_bg { + background-color: #f5f5f5; + overflow: hidden; +} +.map_div { + overflow: hidden; + float: left; + width: 50%; +} +.map_div img { + max-width: 100%; +} +.contact_r { + overflow: hidden; + float: left; + width: 44%; + margin-left: 3%; + margin-top: 3%; + margin-bottom: 3%; + color: #6f6f6f; + font-size: 14px; +} +.contact_r h2 { + color: #333333; + font-size: 26px; + font-weight: normal; + margin-bottom: 3%; +} +.contact_r ul li { + display: block; + margin-bottom: 10px; +} +.contact_r ul li img { + display: inline-block; + margin-right: 12px; + margin-top: 3px; + float: left; +} +/*相关案例*/ +.case_ul { + overflow: hidden; + padding-top: 1%; +} +.case_ul ul li { + float: left; + width: 23.5%; + overflow: hidden; + margin-bottom: 2%; + margin-right: 2%; + text-align: center; + background-color: #f5f5f5; +} +.case_ul ul li:nth-child(4n+0) { + margin-right: 0; +} +.case_ul ul li img { + display: block; + width: 100%; + height: 100%; + -webkit-transition: all 1s ease-in-out; + -moz-transition: all 1s ease-in-out; + -ms-transition: all 1s ease-in-out; + -o-transition: all 1s ease-in-out; + transition: all 1s ease-in-out; +} +.case_ul ul li .imgs { + overflow: hidden; + width: 100%; +} +.case_ul ul li .imgs img { + display: block; + width: 100%; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; +} +.case_ul ul li .txts { + overflow: hidden; + transition: all 0.3s; + padding-bottom: 25px; + padding-top: 25px; + padding-left: 26px; + padding-right: 2%; + text-align: left; +} +.case_ul ul li .txts h2 { + height: 36px; + line-height: 36px; + overflow: hidden; + font-weight: normal; + color: #333; +} +.case_ul ul li .txts .p { + font-size: 14px; + color: #aaaaaa; + line-height: 20px; + height: 20px; + overflow: hidden; +} +.case_ul ul li:hover .imgs img { + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.case_ul ul li:hover .txts h2 { + color: #014ee7; +} +.case_ul ul li .desc { + display: none; +} +/*人才招聘*/ +.job_ul { + overflow: hidden; + border: 1px solid #e9e9e9; + margin-bottom: 4%; +} +.job_ul ul li { + float: left; + overflow: hidden; + width: 25%; + cursor: pointer; + transition: all 0.3s; +} +.job_ul ul li .job_div { + overflow: hidden; + border-right: 1px solid #e9e9e9; + border-bottom: 1px solid #e9e9e9; + padding-bottom: 40px; +} +.job_ul ul li:nth-child(4n+0) .job_div { + border-right: 0; +} +.job_ul ul li .job_txt { + max-width: 220px; + width: 94%; + margin: 0 auto; +} +.job_ul ul li h2 { + height: 102px; + line-height: 102px; + background: url(../img/job_bg2.jpg) left bottom no-repeat; + margin-top: 3%; + color: #505050; + font-size: 20px; + margin-bottom: 7%; +} +.job_ul ul li .p { + font-size: 14px; + color: #646464; + line-height: 26px; + overflow: hidden; +} +.job_ul ul li em { + font-size: 14px; + color: #949494; + font-style: normal; + display: block; + padding-top: 28px; + overflow: hidden; +} +.job_ul ul li:hover { + background-color: #0265f8; +} +.job_ul ul li:hover h2 { + color: #fff; + background: url(../img/job_bg1.jpg) left bottom no-repeat; +} +.job_ul ul li:hover .p { + color: #fff; +} +.job_ul ul li:hover em { + color: #fff; +} +.job_ul ul li dl { + display: none; + overflow: hidden; +} +/*解决方案*/ +.solution_bg { + background: url(../img/solution_bg.jpg) center center no-repeat; + background-size: cover; + overflow: hidden; + padding-top: 3%; + padding-bottom: 2%; +} +.solution_bg .solution_t { + color: #ffffff; + font-size: 32px; + text-align: center; + margin-top: 1%; + margin-bottom: 3%; +} +.solution_bg .solution_ul ul li { + float: left; + width: 32%; + margin-right: 2%; + overflow: hidden; + margin-bottom: 2%; + position: relative; +} +.solution_bg .solution_ul ul li:nth-child(3n+0) { + margin-right: 0; +} +.solution_bg .solution_ul ul li .imgs { + overflow: hidden; +} +.solution_bg .solution_ul ul li .imgs img { + width: 100%; + display: block; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; +} +.solution_bg .solution_ul ul li .txts { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + color: #fff; +} +.solution_bg .solution_ul ul li .table { + display: table; + vertical-align: middle; + width: 100%; + height: 100%; +} +.solution_bg .solution_ul ul li .td { + display: table-cell; + vertical-align: middle; + height: 100%; +} +.solution_bg .solution_ul ul li .txts img { + margin: 0 auto; + width: 20%; + max-width: 90px; + display: block; + margin-bottom: 5%; /*margin-top:50px;*/ +} +.solution_bg .solution_ul ul li .txts h2 { + color: #efefef; + font-weight: normal; + margin: 0 auto; + margin-bottom: 3%; + max-width: 350px; + width: 94%; + font-size: 22px; +} +.solution_bg .solution_ul ul li .txts p { + font-size: 14px; + line-height: 22px; + margin: 0 auto; + max-width: 350px; + width: 94%; + overflow: hidden; +} +.solution_bg .solution_ul ul li:hover .imgs img { + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +/*产品详细*/ +.product_con { + overflow: hidden; + font-size: 16px; + color: #444444; + position: relative; + background-position: center bottom; + background-repeat: no-repeat; + background-size: cover; +} +.product_con .bigimg { + width: 100%; + display: block; + min-height: 250px; + filter: Alpha(Opacity=0); + opacity: 0; +} +.product_con .tabel { + display: table; + width: 100%; + height: 100%; +} +.product_con .td { + display: table-cell; + width: 100%; + height: 100%; + vertical-align: middle; +} +.product_con .td.vt { + vertical-align: top; + margin-top: 5%; +} +.product_con .txts { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; +} +.product_con .txts .pt { + margin-top: 10%; + font-weight: normal; + margin-bottom: 2%; +} +.product_con .txts .p1 { + color: #444444; + font-size: 16px; + line-height: 26px; + max-width: 680px; + width: 96%; + margin: 0 auto; +} +.product_con .txts .p2 { + color: #444444; + font-size: 16px; + line-height: 36px; +} +.product_con .txts .p2 label { + color: #6d6d6d; + font-size: 12px; + font-family: Arial; + padding-right: 3px; +} +.product_three { + max-width: 1120px; + width: 94%; + margin: 0 auto; + overflow: hidden; + margin-top: 3%; +} +.product_three_l { + float: left; + width: 37.5%; + overflow: hidden; + text-align: left; +} +.product_three_img { + float: right; + width: 59%; +} +.product_three_img img { + width: 100%; +} +.product_con .txts .product_three_l .pt { + margin-top: 5%; +} +/*产品详细2*/ +.product_con2 { + overflow: hidden; + font-size: 14px; + line-height: 22px; +} +.product_con2 img { + width: 100%; + display: block; +} +.product_blank { + height: 0; + font-size: 0; + overflow: hidden; +} +/*解决方案2*/ +.solution_bg2 { + background: url(../img/solution_bg3.jpg) center center no-repeat; + background-size: cover; + overflow: hidden; + padding-top: 3%; + padding-bottom: 3%; +} +.solution_bg2 .solution_t2 { + text-align: center; + overflow: hidden; + color: #333333; + width: 94%; + max-width: 900px; + margin: 0 auto; +} +.solution_bg2 .solution_desc { + color: #535353; + font-size: 15px; + line-height: 24px; + width: 94%; + max-width: 900px; + margin: 0 auto; + margin-top: 1%; + text-align: center; +} +.solution_bg3 { + background: url(../img/solution_bg2.jpg) center center no-repeat; + overflow: hidden; + margin-top: 2%; + padding-bottom: 8%; +} +.solution_con { + width: 96%; + max-width: 1520px; + margin: 0 auto; +} +.solution_con ul li { + float: left; + margin-top: 3%; + overflow: hidden; +} +.solution_con ul li:nth-child(1) { + width: 13%; + padding-top: 9%; +} +.solution_con ul li:nth-child(2) { + width: 22%; + padding-right: 2%; + padding-top: 8%; +} +.solution_con ul li:nth-child(3) { + width: 20%; +} +.solution_con ul li:nth-child(4) { + width: 20%; + padding-left: 2%; + padding-right: 2%; + padding-top: 6%; +} +.solution_con ul li:nth-child(5) { + width: 19%; + padding-top: 10%; +} +.solution_con ul li .img { + max-width: 90%; + margin: 0 auto; + display: block; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; +} +.solution_con ul li h2 { + font-weight: bold; + font-size: 18px; + color: #424242; + text-align: center; + margin-bottom: 10px; + overflow: hidden; + background: url(../img/solution_bg4.png) center bottom no-repeat; + background-size: auto 50px; + padding-bottom: 55px; +} +.solution_con ul li .solution_box { + margin-bottom: 20px; +} +.solution_con ul li .solution_box:hover .img { + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.solution_con ul li .solution_box:nth-child(2) { + margin-bottom: 0%; +} +.solution_con ul li .solution_box:nth-child(2) h2 { + background: url(../img/solution_bg4.png) center top no-repeat; + background-size: auto 50px; + padding-bottom: 0px; + padding-top: 55px; +} +.solution_con ul li:nth-child(3) .solution_box:nth-child(1) { + margin-bottom: 5%; +} +.solution_con ul li:nth-child(3) .solution_box:nth-child(1):hover .img { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); +} +.solution_con ul li:nth-child(3) .solution_box:nth-child(2) { + margin-top: 18%; +} +.solution_con ul li:nth-child(2) .solution_box:nth-child(2) { + margin-left: 36%; +} +.solution_con ul li:nth-child(4) .solution_box:nth-child(2) { + margin-right: 36%; +} +.b_link { + overflow: hidden; + margin-bottom: 1%; + margin-top: 2%; +} +.b_link ul li { + float: left; + width: 15.8%; + margin-right: 1%; + margin-bottom: 2%; + overflow: hidden; +} +.b_link ul li:nth-child(6n+0) { + margin-right: 0; +} +.b_link ul li .imgs { + overflow: hidden; + border: 1px solid #f0f0f0; +} +.b_link ul li .imgs img { + display: block; + width: 100%; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; +} +.b_link ul li:hover .imgs img { + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.b_link ul li h2 { + font-weight: normal; + text-align: center; + font-size: 15px; + margin-top: 10px; + height: 22px; + line-height: 22px; + overflow: hidden; +} +/*防伪code.html*/ +.fangwei_div { + width: 100%; + height: 100%; + overflow: hidden; + display: inline-table; + vertical-align: middle; + text-align: center; + margin-bottom: 50px; +} +.fangwei_div .fangwei_con { + display: table-cell; + vertical-align: middle; + position: relative; +} +.fangwei_div .fangwei_con .imgs { + width: 42%; + display: inline-block; + margin-right: 1%; + max-width: 271px; +} +.fangwei_div .fangwei_con .fangwei_txt { + display: inline-block; + vertical-align: middle; + width: 46%; + padding: 4%; + padding-top: 0; + padding-bottom: 0; + max-width: 330px; + text-align: left; + font-family: Arial; + color: #737373; + font-size: 14px; + line-height: 24px; + background-color: #464646; + height: 271px; + overflow: hidden; +} +.fangwei_div .fangwei_con .fangwei_txt .div { + overflow: hidden; + margin-bottom: 4%; +} +.fangwei_div .fangwei_con .fangwei_txt .div .inputs { + height: 45px; + line-height: 45px; + width: 100%; + text-indent: 10px; + font-size: 18px; + color: #313131; + font-family: "微软雅黑"; + border: none; + background: #191919; + margin-top: 13%; + outline: none; +} +.fangwei_div .fangwei_con .fangwei_txt .div .inputs:focus { + color: #fff; +} +.fangwei_div .fangwei_con .fangwei_txt .div .inputs2 { + float: left; + height: 45px; + line-height: 45px; + width: 56%; + text-indent: 10px; + font-size: 18px; + color: #313131; + font-family: "微软雅黑"; + border: none; + background: #191919; + outline: none; +} +.fangwei_div .fangwei_con .fangwei_txt .div .inputs2:focus { + color: #fff; +} +.fangwei_div .fangwei_con .fangwei_txt .div .imgs2 { + float: right; + width: 40%; + height: 45px; +} +.fangwei_div .fangwei_con .fangwei_txt .div2 { + text-align: center; + overflow: hidden; + padding-top: 8%; +} +.fangwei_div .fangwei_con .fangwei_txt .bnts { + background: #409EFF; + border: 0; + height: 30px; + line-height: 30px; + width: 118px; + color: #fff; + font-size: 14px; + letter-spacing: 1px; + outline: none; + -webkit-appearance: none; + cursor: pointer; + margin: 0 auto; +} +.fangwei_div .fangwei_con .fangwei_txt .bnts:hover { + filter: Alpha(Opacity=80); + opacity: 0.8; + transition: all 0.3s; +} +.fangwei_pos { + position: fixed; + width: 100%; + height: 100%; + background: rgba(5,5,5,0.6); + top: 0; + left: 0; + display: none; +} +.fangwei_pos1 { + position: absolute; + width: 100%; + height: 93px; + top: 50%; + margin-top: -46px; + left: 0; + display: none; +} +.fangwei_pos_con { + width: 96%; + margin: 0 auto; + max-width: 500px; + height: 93px; + background-color: #464646; + color: #fff; + font-size: 14px; + font-family: "宋体"; + line-height: 30px; +} +.fangwei_pos_con .fangwei_pos_div { + text-align: left; + max-width: 370px; + width: 96%; + margin: 0 auto; + padding-top: 15px; +} + @media screen and (max-width: 1440px) { +/*解决方案2*/ +.solution_con ul li:nth-child(4) { + padding-top: 4%; +} +.solution_con ul li:nth-child(5) { + padding-top: 8%; +} +} + @media screen and (max-width: 1200px) { +/*硬件产品*/ +.product_a a { + height: 50px; + line-height: 50px; +} +/*公司动态*/ +.news_con ul li .i_about_r h3 { + font-size: 16px; + margin-bottom: 0.5%; +} +.news_con ul li .i_about_r label { + margin-bottom: 0.5%; +} +.news_con ul li .i_about_r .p { + line-height: 22px; + max-height: 44px; +} +.news_con ul li .i_about_r .news_more { + margin-top: 1%; + height: 32px; + line-height: 32px; +} +/*公司介绍*/ +.about_div .i_one_div_txt .i_one_t img { + margin-top: 6%; + margin-bottom: 1%; + width: 40px; +} +.about_div .i_one_div_txt .i_one_p { + padding-top: 1%; + line-height: 20px; + font-size: 13px; +} +.about_two ul li { + line-height: 22px; + font-size: 13px; +} +/*联络我们*/ +.contact_r h2 { + font-size: 24px; +} +/*解决方案*/ +.solution_bg .solution_t { + font-size: 28px; +} +.solution_bg .solution_ul ul li .txts img { /*margin-top:30px;*/ + width: 18%; +} +.solution_bg .solution_ul ul li .txts h2 { + margin-bottom: 2%; +} +.solution_bg .solution_ul ul li .txts p { + font-size: 13px; + line-height: 20px; +} +/*解决方案2*/ +.solution_con ul li h2 { + font-size: 16px; +} +.solution_bg3 { + background-position: center 20%; +} +.solution_con ul li:nth-child(4) { + padding-top: 0%; +} +.solution_con ul li:nth-child(2) { + padding-top: 0%; +} +.solution_con ul li:nth-child(5) { + padding-top: 1%; +} +} + @media screen and (max-width: 1100px) { +/*内页*/ +.o_big { + background-size: auto 110%; +} +/*公司动态*/ +.news_con ul li .i_about_r h3 { + font-size: 15px; + margin-bottom: 0.4%; +} +.news_con ul li .i_about_r label { + margin-bottom: 0.4%; + font-size: 12px; +} +.news_con ul li .i_about_r .p { + line-height: 18px; + max-height: 36px; + font-size: 12px; +} +/*相关案例*/ +.case_ul ul li .txts { + padding-top: 10px; + padding-bottom: 15px; +} +.case_ul ul li .txts .p { + font-size: 13px; +} +/*人才招聘*/ +.job_ul ul li { + width: 33.33%; +} +.job_ul ul li:nth-child(4n+0) .job_div { + border-right: 1px solid #e9e9e9; +} +.job_ul ul li:nth-child(3n+0) .job_div { + border-right: 0; +} +/*解决方案*/ +.solution_bg .solution_t { + font-size: 24px; +} +.solution_bg .solution_ul ul li .txts img { /*margin-top:20px;*/ + width: 16%; +} +.solution_bg .solution_ul ul li .txts p { + font-size: 12px; + line-height: 18px; + max-height: 180px; +} +} +@media screen and (max-width: 1000px) { +/*内页*/ +.o_big { + background-size: auto 120%; +} +/*公司动态*/ +.news_con ul li .i_about_r .news_more { + margin-top: 0.5%; + font-size: 12px; + height: 30px; + line-height: 30px; +} +/*企业荣誉*/ +.honor_ul ul li { + width: 32%; +} +.honor_ul ul li:nth-child(4n+0) { + margin-right: 2%; +} +.honor_ul ul li:nth-child(3n+0) { + margin-right: 0; +} +/*工程案例*/ +.case_ul ul li { + width: 32%; +} +.case_ul ul li:nth-child(4n+0) { + margin-right: 2%; +} +.case_ul ul li:nth-child(3n+0) { + margin-right: 0; +} +/*解决方案2*/ +.solution_con ul li h2 { + font-size: 14px; +} +.b_link ul li { + width: 19%; +} +.b_link ul li:nth-child(6n+0) { + margin-right: 1.1%; +} +.b_link ul li:nth-child(5n+0) { + margin-right: 0; +} +} +@media screen and (max-width: 960px) { +/*内页*/ +.o_big { + background-size: auto 130%; +} +/*硬件产品*/ +.product_a a { + height: 46px; + line-height: 46px; +} +/*公司动态*/ +.news_con ul li .i_about_r h3 { + font-size: 14px; +} +/*公司介绍*/ +.about_div .i_one_div_txt .i_one_t img { + width: 30px; + margin-top: 3%; +} +.about_two ul li { + line-height: 20px; + font-size: 12px; +} +/*联络我们*/ +.contact_r h2 { + font-size: 20px; +} +/*解决方案*/ +.solution_bg .solution_t { + font-size: 20px; +} +.solution_bg .solution_ul ul li .txts img { /*margin-top:15px;*/ + width: 14%; + margin-bottom: 3%; +} +.solution_bg .solution_ul ul li .txts h2 { + font-size: 20px; +} +/*产品详细*/ +.product_con .td.vt { + vertical-align: middle; +} +.product_con .txts .p1 { + font-size: 14px; +} +.product_con .txts .p2 { + font-size: 14px; + line-height: 26px; +} +} +@media screen and (max-width: 830px) { +/*内页*/ +.o_big { + background-size: auto 140%; +} +/*公司动态*/ +.news_con ul li .i_about_r .news_more { + display: none; +} +/*公司介绍*/ +.about_div .i_one_div_txt { + width: 96%; + padding-left: 2%; + padding-right: 2%; + margin-bottom: 3%; + padding-top: 2%; +} +.about_div .i_one_div_txt .i_one_con { + max-width: none; +} +.about_div .i_one_div_img { + width: 100%; +} +.about_two ul li { + width: 97%; + margin-bottom: 3%; +} +/*解决方案*/ +.solution_bg .solution_ul ul li { + width: 49%; +} +.solution_bg .solution_ul ul li:nth-child(3n+0) { + margin-right: 2%; +} +.solution_bg .solution_ul ul li:nth-child(2n+0) { + margin-right: 0%; +} +/*解决方案2*/ +.b_link ul li { + width: 24%; +} +.b_link ul li:nth-child(5n+0) { + margin-right: 1.1%; +} +.b_link ul li:nth-child(4n+0) { + margin-right: 0; +} +} +@media screen and (max-width: 780px) { +/*内页*/ +.o_big { + background-size: auto 150%; +} +/*硬件产品*/ +.product_a a { + height: 42px; + line-height: 42px; +} +.product_ul ul li { + width: 49%; +} +.product_ul ul li:nth-child(3n+0) { + margin-right: 1%; +} +.product_ul ul li:nth-child(2n+0) { + margin-right: 0; +} +/*公司动态详细*/ +.about_x .show_t { + font-size: 20px; + margin-top: 2%; + margin-bottom: 0px; +} +.prenext { + font-size: 14px; +} +.prenext span { + width: 70px; + font-size: 14px; +} +/*联络我们*/ +.contact_r h2 { + font-size: 18px; +} +.map_div { + width: 100%; +} +.contact_r { + width: 94%; + padding-top: 3%; +} +/*工程案例*/ +.case_ul ul li { + width: 49%; +} +.case_ul ul li:nth-child(3n+0) { + margin-right: 2%; +} +.case_ul ul li:nth-child(2n+0) { + margin-right: 0; +} +/*人才招聘*/ +.job_ul ul li { + width: 50%; +} +.job_ul ul li:nth-child(3n+0) .job_div { + border-right: 1px solid #e9e9e9; +} +.job_ul ul li:nth-child(2n+0) .job_div { + border-right: 0; +} +/*解决方案2*/ +.solution_bg3 { + background: none; +} +.solution_con ul li:nth-child(1) { + width: 50%; +} +.solution_con ul li:nth-child(2) { + width: 50%; + padding-right: 0; +} +.solution_con ul li:nth-child(3) { + width: 50%; +} +.solution_con ul li:nth-child(4) { + width: 50%; + padding-left: 0; + padding-right: 0; +} +.solution_con ul li:nth-child(5) { + width: 50%; +} +.solution_con ul li .solution_box { + margin-bottom: 40px; +} +} + @media screen and (max-width: 640px) { +/*内页*/ +.o_big { + background-size: auto 160%; +} +/*公司动态*/ +.news_con ul li .imgs { + width: 29%; +} +.news_con ul li .i_about_r { + width: 68%; +} +/*企业荣誉*/ +.honor_ul ul li { + width: 49%; +} +.honor_ul ul li:nth-child(4n+0) { + margin-right: 2%; +} +.honor_ul ul li:nth-child(3n+0) { + margin-right: 2; +} +.honor_ul ul li:nth-child(2n+0) { + margin-right: 0; +} +/*相关案例*/ +.case_ul ul li .txts { + padding-left: 4%; +} +/*人才招聘*/ +.job_ul ul li h2 { + font-size: 18px; + height: 80px; + line-height: 80px; +} +.job_ul ul li .p { + font-size: 13px; +} +.job_ul ul li em { + font-size: 13px; +} +/*解决方案*/ +.solution_bg .solution_t { + margin-bottom: 5%; +} +.solution_bg .solution_ul ul li { + width: 100%; + margin-right: 0%; +} +.solution_bg .solution_ul ul li:nth-child(2n+0) { + margin-right: 3%; +} +.solution_bg .solution_ul ul li .txts img { + width: 21%; +} +/*产品详细*/ +.product_con .txts .p1 { + font-size: 12px; + line-height: 20px; +} +.product_con .txts .p2 { + font-size: 12px; + line-height: 22px; +} +.product_three_l { + width: 50%; +} +.product_three_img { + width: 48%; +} +/*解决方案2*/ +.b_link ul li { + width: 32.5%; +} +.b_link ul li:nth-child(4n+0) { + margin-right: 1.1%; +} +.b_link ul li:nth-child(3n+0) { + margin-right: 0; +} +/*防伪code.html*/ +.fangwei_div .fangwei_con .imgs { + width: 40%; + margin-right: 0; + margin-bottom: 4%; +} +.fangwei_div .fangwei_con .fangwei_txt { + width: 100%; + height: 250px; +} +} + @media screen and (max-width: 480px) { +/*内页*/ +.o_big { + background-size: auto 170%; +} +/*硬件产品*/ +.product_a a { + height: 36px; + line-height: 36px; + width: 48.4%; +} +/*公司动态详细*/ +.about_x2 .show_t { + font-size: 22px; + line-height: 30px; +} +/*公司介绍*/ +.about_div .i_one_div_txt .i_one_p { + line-height: 18px; + font-size: 12px; +} +/*相关案例*/ +.case_ul ul li .txts h2 { + font-size: 14px; + height: 30px; + line-height: 30px; +} +/*人才招聘*/ +.job_ul ul li .job_div { + padding-bottom: 30px; +} +.job_ul ul li .job_txt { + width: 90%; +} +.job_ul ul li h2 { + font-size: 16px; + height: 50px; + line-height: 50px; +} +.job_ul ul li .p { + font-size: 12px; + line-height: 22px; + padding-top: 20px; +} +.job_ul ul li em { + font-size: 12px; +} +/*解决方案*/ +.solution_bg .solution_ul ul li .txts h2 { + font-size: 18px; +} +} +@media screen and (max-width: 360px) { +/*内页*/ +.o_big { + background-size: auto 180%; +} +} +@media screen and (max-width: 320px) { +} + diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..4b4978f --- /dev/null +++ b/css/index.css @@ -0,0 +1,1322 @@ +@import url(jquery.bxslider.css); +@import url(pscroll.css); +/*首页*/ +.i_product_bg { + background-color: #f5f5f5; + overflow: hidden; + padding-bottom: 2.5%; +} + +.i_title { + margin-top: 5%; + margin-bottom: 4%; + overflow: hidden; + text-align: center; +} + +.i_title.mg_0 { + margin: 0; +} + +.i_title h2 { + overflow: hidden; + font-weight: bold; + color: #000000; + letter-spacing: -3px; + text-transform: uppercase; + font-family: Arial, serif; +} +.i_title.white h2 { + color: #fff; +} + +.i_title p { + background: url(../images/i_bg1.png) center bottom no-repeat; + color: #000000; + padding-bottom: 15px; +} + +.i_title.white p { + color: #fff; +} + +.nproduct_list2 { + overflow: hidden; + padding-bottom: 20px; + padding-top: 8px; +} + +.nproduct_list2 ul { + display: flex; + flex-wrap: wrap; +} + +.nproduct_list2 ul li { + float: left; + width: 32.1%; + margin-left: 0.5%; + margin-right: 1%; + overflow: hidden; + margin-bottom: 1.5%; + text-align: center; + background-color: #fff; + padding-bottom: 4%; + border-radius: 10px; +} + +.nproduct_list2 ul li:nth-child(3n + 0) { + margin-right: 0; +} + +.nproduct_list2 ul li img { + display: inline-block; + width: 100%; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; + vertical-align: middle; +} + +.nproduct_list2 ul li .imgs { + width: 100%; + overflow: hidden; +} + +.nproduct_list2 ul li h2 { + font-weight: normal; + color: #333333; + line-height: 36px; + height: 36px; + text-align: center; + overflow: hidden; + padding-left: 2%; + padding-right: 2%; + white-space: nowrap; + text-overflow: ellipsis; + transition: all 0.3s; + margin-bottom: 1%; +} + +.nproduct_list2 ul li p { + line-height: 20px; + height: 40px; + overflow: hidden; + color: #929292; + font-size: 14px; + padding-left: 2%; + padding-right: 2%; + max-width: 350px; + margin: 0 auto; +} + +.nproduct_list2 ul li em { + display: block; + color: #ee697e; + font-size: 14px; + margin-top: 10px; + line-height: 20px; + height: 20px; + overflow: hidden; +} + +.nproduct_list2 ul li label { + display: block; + color: #333; + font-size: 14px; + line-height: 20px; + height: 20px; + overflow: hidden; + margin-top: 5px; +} + +.nproduct_list2 ul li:hover img { + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} + +.nproduct_list2 ul li:hover { + -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + -webkit-transform: translate3d(0, -2px, 0); + transform: translate3d(0, -2px, 0); + transition: all 0.3s; +} + +.nproduct_list2 ul li:hover h2 { + color: #00a1e9; +} + +.i_solution { + overflow: hidden; + padding-bottom: 4%; + padding-top: 8px; +} + +.i_solution ul li { + float: left; + width: 49%; + margin-right: 2%; + overflow: hidden; + margin-bottom: 1.5%; + text-align: center; + border-radius: 10px; +} + +.i_solution ul li:nth-child(2n + 0) { + margin-right: 0; +} + +.i_solution ul li img { + display: block; + width: 100%; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; + /* vertical-align: middle; */ +} + +.i_solution ul li .imgs { + margin: 0 auto; + overflow: hidden; +} + +.i_solution ul li .txts { + position: absolute; + width: 100%; + height: 100%; + overflow: hidden; + background: rgba(0, 0, 0, 0.5); + top: 0; + left: 0; +} + +.i_solution ul li h2 { + font-weight: normal; + color: #fff; + line-height: 36px; + height: 36px; + text-align: center; + overflow: hidden; + padding-left: 2%; + padding-right: 2%; + white-space: nowrap; + text-overflow: ellipsis; + transition: all 0.3s; + margin-bottom: 1%; + margin-top: 30%; +} + +.i_solution ul li p { + line-height: 20px; + height: 40px; + overflow: hidden; + color: #fff; + font-size: 16px; + padding-left: 2%; + padding-right: 2%; + max-width: 350px; + margin: 0 auto; +} + +.i_solution ul li:hover img { + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} + +.i_case_bg { + background: url(../images/i_bg2.jpg) center center no-repeat; + background-size: cover; + overflow: hidden; + padding-bottom: 4%; +} + +.i_case_bg .i_title h2 { + color: #fff; +} + +.i_case_bg .i_title p { + color: #fff; + background: url(../images/i_bg3.png) center bottom no-repeat; +} + +.i_link { + overflow: hidden; + margin-bottom: 3%; +} + +.i_link ul li { + float: left; + width: 15.8%; + margin-right: 1%; + margin-bottom: 1%; + overflow: hidden; +} + +.i_link ul li:nth-child(6n + 0) { + margin-right: 0; +} + +.i_link ul li .imgbox { + overflow: hidden; + border: 1px solid #f0f0f0; +} + +.i_link ul li .imgbox img { + display: block; + filter: grayscale(100%); + width: 100%; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; +} + +.i_link ul li .imgbox:hover img { + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); + filter: grayscale(0); +} + +.banner_pos { + overflow: hidden; + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; +} + +.banner_pos .banner_div { + /* display:table; vertical-align:bottom; */ + height: 100%; + width: 100%; + position: relative; +} + +/*.banner_pos .wrap .td{ display:table-cell; vertical-align:bottom;height:100%;}*/ +/*.banner_pos img{transition:all 0.3s;filter: Alpha(Opacity=100);opacity: 1.0; max-width:100%;}*/ +.banner_pos .img001 { + height: 100%; + width: 57.6%; + vertical-align: bottom; + position: absolute; + bottom: 0; + right: 0%; +} + +.banner_pos .img001 img { + height: 100%; + filter: Alpha(Opacity=0); + opacity: 0; +} + +.banner_pos .txtsbox { + float: left; + width: 50%; +} + +.banner_pos .txts { + float: right; + margin-right: 3%; + margin-top: 20%; + width: 94%; + max-width: 536px; + text-align: left; +} + +.banner_pos .txts h2 { + color: #00a1e9; +} + +.banner_pos .txts p { + color: #767676; + margin-top: 6%; +} + +.banner_pos .txts a { + margin-top: 6%; + width: 220px; + display: block; + height: 48px; + line-height: 48px; + border: 1px solid #606060; + text-align: center; + font-size: 12px; + color: #a2a2a2; +} + +.banner_pos .txts a em { + float: right; + margin-right: 7%; + font-style: normal; + font-family: "宋体", sans-serif; + font-size: 18px; +} + +.banner_pos .txts a:hover { + border: 1px solid #00a1e9; +} + +.banner_pos .txts a:hover { + color: #00a1e9; +} + +/*动画*/ + +/*新闻*/ +.news_bg { + background: #f2f2f2; + padding-bottom: 50px; + overflow: auto; +} + +.news_bg .index_title { + text-align: center; + padding-top: 35px; + padding-bottom: 40px; +} + +.news_bg .index_title h3 { + font-size: 38px; + padding-bottom: 12px; + color: #333; + font-weight: bold; +} + +.news_bg .index_title p { + background: url(../images/line.png) center center no-repeat; + width: 320px; + height: 22px; + margin: 0 auto; +} + +.floor_5_1 { + display: flex; + justify-content: space-between; +} + +.floor_5_1 .floor_5_z { + width: 380px; + position: relative; + margin-right: 20px; +} + +.floor_5_1 .floor_5_z a { + display: block; +} + +.floor_5_1 .floor_5_z .dk { + height: 213px; + width: 100%; + border-top: none; + padding: 0 1.5rem; +} + +.floor_5_1 .floor_5_z b { + width: 380px; + height: 285px; + overflow: hidden; + display: block; +} + +.floor_5_1 .floor_5_z img { + width: 100%; + height: 100%; + display: block; + transition: all 0.36s ease; +} + +.floor_5_1 .floor_5_z h3 { + font-size: 18px; + color: #333; + line-height: 18px; + width: 100%; + display: block; + padding-top: 20px; +} + +.floor_5_1 .floor_5_z p { + font-size: 14px; + color: #666; + line-height: 24px; + width: 100%; + margin-top: 10px; + height: 87px; +} + +.floor_5_1 .floor_5_z i { + display: block; + font-size: 16px; + color: #1f6eb1; + margin: 0; + padding: 0; + width: 170px; + height: 36px; + line-height: 36px; + text-align: center; + border: #1f6eb1 solid 2px; + border-radius: 18px; + transition: ease-in-out 0.2s; +} + +.floor_5_1 .floor_5_z em { + display: block; + width: 100px; + height: 100px; + background-color: #1f6eb1; + text-align: center; + font-size: 16px; + color: #fff; + position: absolute; + left: 0; + top: 0; +} + +.floor_5_1 .floor_5_z em span { + display: block; + font-size: 60px; + color: #fff; + line-height: 50px; + padding-top: 14px; +} + +.floor_5_1 .floor_5_z:hover h3 { + color: #1f6eb1; +} + +.floor_5_1 .floor_5_z:hover p, +.floor_5_1 .floor_5_z:hover i span { + color: #333; +} + +.floor_5_1 .floor_5_z i:hover { + background-color: #1f6eb1; + color: #fff; + border: #1f6eb1 solid 2px; +} + +.floor_5_1 .floor_5_z a:hover b img { + -webkit-transform: scale(1.08); + -ms-transform: scale(1.08); + transform: scale(1.08); +} + +.floor_5_1 .floor_5_y { + flex: 1; + width: 1px; + height: 452px; +} + +.floor_5_1 .floor_5_y ul { + display: block; + width: 100%; + height: 452px; + margin: 0 auto; +} + +.floor_5_1 .floor_5_y ul li { + height: 10.3rem; + width: 100%; + margin: 0 auto 2.8rem; + position: relative; + border-bottom: #b9b9b9 dashed 1px; + padding-bottom: 2.8rem; +} + +.floor_5_1 .floor_5_y ul li em { + width: 9rem; + height: 9rem; + border: #e5e5e5 solid 1px; + text-align: center; + font-size: 1.6rem; + color: #333; + -webkit-transition: all 0.3s ease-in-out 0s; + -moz-transition: all 0.3s ease-in-out 0s; + transition: all 0.3s ease-in-out 0s; + margin-right: 2rem; +} + +.floor_5_1 .floor_5_y ul li em span { + display: block; + font-size: 6rem; + color: #333; + line-height: 5rem; + padding-top: 1.4rem; + -webkit-transition: all 0.3s ease-in-out 0s; + -moz-transition: all 0.3s ease-in-out 0s; + transition: all 0.3s ease-in-out 0s; +} + +.floor_5_1 .floor_5_y ul li a { + display: flex; + width: 100%; + height: 100px; + position: relative; +} + +.floor_5_1 .floor_5_y ul li h3 { + flex: 1; + width: 1px; + height: 10.3rem; +} + +.floor_5_1 .floor_5_y ul li p { + font-size: 1.8rem; + color: #333; + width: 100%; + line-height: 1.8rem; + -webkit-transition: all 0.3s ease-in-out 0s; + -moz-transition: all 0.3s ease-in-out 0s; + transition: all 0.3s ease-in-out 0s; +} + +.floor_5_1 .floor_5_y ul li p span { + display: block; + font-size: 1.4rem; + color: #666; + line-height: 2.2rem; + padding-top: 1.8rem; + font-weight: normal; +} + +.floor_5_1 .floor_5_y ul li:hover p { + color: #1f6eb1; +} + +.floor_5_1 .floor_5_y ul li:hover em, +.floor_5_1 .floor_5_y ul li:hover em span { + color: #1f6eb1; +} +/*新闻*/ + +@media screen and (max-width: 1760px) { +} + +@media screen and (max-width: 1440px) { +} + +@media screen and (max-width: 1200px) { +} + +@media screen and (max-width: 1000px) { + .i_link ul li { + width: 19%; + } + + .i_link ul li:nth-child(6n + 0) { + margin-right: 1.1%; + } + + .i_link ul li:nth-child(5n + 0) { + margin-right: 0; + } + .floor_5_1 { + display: flex; + justify-content: space-between; + flex-direction: column; + align-items: center; + } + .floor_5_1 .floor_5_z { + width: 100%; + } + .floor_5_1 .floor_5_z b { + width: 100%; + height: auto; + } + .floor_5_1 .floor_5_y { + width: 100%; + } +} + +@media screen and (max-width: 960px) { +} + +@media screen and (max-width: 830px) { + /*轮显*/ + #slider { + display: none; + } + + .flash_div { + display: block; + margin-top: 64px; + } + + .i_link ul li { + width: 24%; + } + + .i_link ul li:nth-child(5n + 0) { + margin-right: 1.1%; + } + + .i_link ul li:nth-child(4n + 0) { + margin-right: 0; + } +} + +@media screen and (max-width: 780px) { + .nproduct_list2 ul li { + width: 49%; + } + + .nproduct_list2 ul li:nth-child(3n + 0) { + margin-right: 1%; + } + + .nproduct_list2 ul li:nth-child(2n + 0) { + margin-right: 0; + } +} + +@media screen and (max-width: 640px) { + .nproduct_list2 ul li p { + font-size: 13px; + } + + .i_link ul li { + width: 32.5%; + } + + .i_link ul li:nth-child(4n + 0) { + margin-right: 1.1%; + } + + .i_link ul li:nth-child(3n + 0) { + margin-right: 0; + } +} + +@media screen and (max-width: 480px) { + .nproduct_list2 ul li p { + font-size: 12px; + } + .floor_5_1 .floor_5_y ul li h3 { + width: 100%; + float: right; + height: 100px; + } +} + +@media screen and (max-width: 360px) { +} + +.cloud-product { + position: relative; + z-index: 9; + padding: 60px 0; +} + +.cloud-product-title { + height: 32px; + text-align: center; + line-height: 32px; + font-size: 32px; + color: #333; + font-weight: 600; +} + +.color-blue { + color: #009fd9; +} + +.cloud-product-explain { + margin-top: 26px; + margin-bottom: 82px; + line-height: 24px; + text-align: center; + font-size: 16px; + color: #999; +} + +.cloud-product-explain.white { + color: #fff; +} + +.cloud-product-ul { + width: 100%; + display: flex; + flex-wrap: wrap; +} + +.cloud-product-ul li { + position: relative; + margin-left: 19px; + flex: 1; + width: 1px; + height: 522px; + background: #fff; +} + +.cloud-product-ul li:first-child { + margin-left: 0; +} + +.cloud-product-single-top { + width: 100%; + height: 60px; + line-height: 60px; + text-align: center; + background-color: #f2f2f2; +} + +.cloud-product-name { + font-size: 18px; + color: #333; + font-weight: 700; +} + +.cloud-product-single-bottom { + width: 100%; + height: 340px; +} + +.empty-space { + width: 100%; + height: 99px; +} + +.single-bottom-item { + height: 340px; + width: 100%; +} + +.single-bottom-item:first-child { + border-right: 1px solid #eee; +} + +.bg-product-pic { + margin: 48px auto 0; + width: 100%; + height: 82px; +} + +.server-header-01 { + background: url(../images/product_header_icon_01.png) center no-repeat; +} + +.server-header-02 { + background: url(../images/product_header_icon_02.png) center no-repeat; +} + +.server-header-03 { + background: url(../images/product_header_icon_03.png) center no-repeat; +} + +.server-header-04 { + background: url(../images/product_header_icon_04.png) center no-repeat; +} + +.server-header-05 { + background: url(../images/product_header_icon_05.png) center no-repeat; +} + +.server-header-06 { + background: url(../images/product_header_icon_06.png) center no-repeat; +} + +.server-header-active-01 { + background: url(../images/product_header_active_icon_01.png) center no-repeat; +} + +.server-header-active-02 { + background: url(/upload/product_header_active_icon_02.png) center no-repeat; +} + +.server-header-active-03 { + background: url(../images/product_header_active_icon_03.png) center no-repeat; +} + +.server-header-active-04 { + background: url(../images/product_header_active_icon_04.png) center no-repeat; +} + +.server-header-active-05 { + background: url(../images/product_header_active_icon_05.png) center no-repeat; +} + +.server-header-active-06 { + background: url(../images/product_header_active_icon_06.png) center no-repeat; +} + +/* .idc-bg { + //background: url(/upload/index-sprite.png) 0 - 1421 px no-repeat +} */ + +/* .host-bg { +// background: url(/upload/index-sprite.png) - 6 px - 1256 px no-repeat +} */ + +.product-introduce-title { + margin-bottom: 14px; + height: 22px; + line-height: 22px; + font-size: 22px; + text-align: center; +} + +.product-introduce-title.normal-weight { + font-weight: 400; +} + +.product-introduce-content { + margin: 0 auto 20px; + width: 100%; + line-height: 14px; + font-size: 14px; + text-align: center; + color: #999; +} + +.product-introduce-list { + margin: 0 auto; + padding-top: 28px; + height: 135px; + width: 84%; + border: 1px solid #f1f1f1; + border-left: none; + border-right: none; +} + +.introduce-list-small { + margin-bottom: 18px; + line-height: 14px; + font-size: 14px; + color: #999; + text-align: center; +} + +.product-introduce-price { + margin: 48px auto 0; + font-size: 14px; + text-align: center; + color: #333; +} + +.normal-inner { + transition: all 0.5s; + -moz-transition: all 0.5s; + -webkit-transition: all 0.5s; + -o-transition: all 0.5s; +} + +.active-inner { + position: absolute; + display: none; + width: 100%; + height: 100%; + -moz-opacity: 0; + -khtml-opacity: 0; + opacity: 0; + transition: all 0.5s; + -moz-transition: all 0.5s; + -webkit-transition: all 0.5s; + -o-transition: all 0.5s; +} + +.introduce-link { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 360px; +} + +.active-inner-01 { + background: linear-gradient(#0084ff, #026bbc); +} + +.active-inner-02 { + background: linear-gradient(#0084ff, #026bbc); +} + +.active-inner-03 { + background: linear-gradient(#0084ff, #026bbc); +} + +.active-inner-04 { + background: linear-gradient(#0084ff, #026bbc); +} + +.active-inner-05 { + background: linear-gradient(#0084ff, #026bbc); +} + +.active-inner-06 { + background: linear-gradient(#0084ff, #026bbc); +} + +.cloud-product-ul li.active .active-inner { + display: block; + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; +} + +.cloud-product-ul li.active .normal-inner { + display: none; + -moz-opacity: 0; + -khtml-opacity: 0; + opacity: 0; +} + +.cloud-product-ul li { + -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.08); + -moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.08); + box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.08); + -webkit-transition: width 0.15s linear; + -o-transition: width 0.15s linear; + -moz-transition: width 0.15s linear; + transition: width 0.15s linear; +} + +.cloud-product-ul li.active { + z-index: 9; + width: 304px; + -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); +} + +.active .product-introduce-content { + color: #eff6ff; +} + +.active-product-introduce-title { + color: #fff; +} + +.active .product-introduce-list { + padding: 22px 0; + height: auto; + border-color: #3f9ff9; +} + +.introduce-list-large { + margin: 0 auto; + width: 100%; + line-height: 22px; + color: #ddebff; + font-size: 14px; +} + +.active .product-introduce-price { + margin-top: 32px; + color: #fefeff; +} + +.product-introduce-price .price-white { + display: inline-block; + font-size: 36px; + height: 36px; + line-height: 36px; + color: #fff; +} + +.clear { + display: block; + clear: both; +} + +.clearfix { + zoom: 1; +} + +.clearfix::after { + content: ""; + display: block; + clear: both; + height: 0; + visibility: hidden; +} + +.analysis { + width: 100%; + background-image: url(../images/bg2.gif); + padding: 4% 0; + background-size: cover; +} + +.analysis .common_tit { + height: 120px; + color: #fff; +} + +.analysis .box { + position: relative; + display: flex; + align-items: center; +} + +.analysis .box ul { + width: 1px; + flex: 1.5; +} + +.analysis .box ul li { + -o-transition: all 0.6s; + -moz-transition: all 0.6s; + -webkit-transition: all 0.6s; + -ms-transition: all 0.6s; + transition: all 0.6s; + background-color: #fff; + height: 180px; + margin-bottom: 14px; + float: left; + padding-left: 32px; + padding-top: 16px; + padding-right: 30px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} + +.analysis .box ul li:last-child { + margin-bottom: 0; +} + +.analysis .box .center:hover, +.analysis .box ul li:hover { + -moz-box-shadow: 0 2px 12px #cecece; + -webkit-box-shadow: 0 2px 12px #cecece; + box-shadow: 0 2px 12px #cecece; + filter: progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=180, color='#cecece'); + -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#cecece')"; +} + +.analysis .box ul { + height: auto; + overflow: hidden; +} + +.analysis .box ul li i { + font-size: 30px; + font-style: normal; + display: block; + height: 63px; + width: 63px; + line-height: 62px; + text-align: center; + color: #fff; + font-weight: 700; + float: left; + margin-right: 5px; + background: #37a0f1; + border-radius: 4px; +} + +.analysis .box ul li strong { + font-size: 20px; + color: #37a0f1; + display: block; + height: 63px; + line-height: 62px; +} + +.analysis .box ul li p { + line-height: 26px; + /* padding-top: 12 px; */ + color: #8f8f8f; +} + +.analysis .box ul li:nth-child(even) { + float: right; +} + +.analysis .box .center { + -o-transition: all 0.6s; + -moz-transition: all 0.6s; + -webkit-transition: all 0.6s; + -ms-transition: all 0.6s; + transition: all 0.6s; + height: 617px; + width: 1px; + flex: 1; + text-align: center; +} + +.analysis .box .center_txt { + position: absolute; + left: 50%; + top: 60px; + right: 50%; + width: 282px; + margin-left: -141px; + text-align: center; + font-size: 36px; + color: #37a0f1; + z-index: 2; +} + +.analysis_more { + display: block; + margin: 30px auto 0; + text-align: center; +} + +.analysis_more a { + display: inline-block; + padding: 15px 25px; + border: 3px solid #fff; + font-size: 20px; + color: #fff; + font-weight: bold; +} + +.common_tit { + text-align: center; + clear: both; + float: none; +} + +.common_tit strong { + color: #ffffff; + font-size: 36px; + display: block; +} + +.common_tit p { + font-size: 18px; + padding-top: 10px; + color: rgba(255, 255, 255, 0.37); +} + +.common_tit i { + font-size: 0; + line-height: 0; + background-color: #ff6600; + display: inline-block; + height: 5px; + width: 70px; + margin-top: 10px; +} + +@media screen and (max-width: 1200px) { + .cloud-product-ul { + display: block; + } + + .cloud-product-ul li { + position: relative; + margin: 0 auto; + width: 90%; + height: auto; + background: #fff; + } + + .cloud-product-ul li.active { + margin: 0 auto; + width: 90%; + height: 460px; + } + + .analysis .box { + display: block; + } + + .analysis .center { + display: none; + } + + .analysis .box ul { + flex: 0; + width: 90%; + margin: 0 auto; + margin-bottom: 20px; + } + + .analysis .box ul li strong { + font-size: 17px; + color: #37a0f1; + display: block; + height: 50px; + line-height: 50px; + white-space: nowrap; /* 不换行 */ + overflow: hidden; /* 溢出隐藏 */ + text-overflow: ellipsis; /* 显示省略号 */ + } + + .analysis .box ul li i { + font-size: 30px; + font-style: normal; + display: block; + height: 50px; + width: 50px; + line-height: 50px; + text-align: center; + color: #fff; + font-weight: 700; + float: left; + margin-right: 5px; + background: #37a0f1; + border-radius: 4px; + } + + .bg-product-pic { + margin: 25px auto 0; + width: 100%; + height: 82px; + } + + .introduce-list-large, + .introduce-list-small { + line-height: 26px; + font-size: 16px; + } + + .analysis .box ul li p { + line-height: 26px; + color: #8f8f8f; + font-size: 14px; + } + + .normal-inner { + margin-bottom: 24px; + } + + .analysis .box ul li { + padding: 16px; + height: auto; + width: 100%; + box-sizing: border-box; + } + + .common_tit p { + font-size: 16px; + } + + .analysis .common_tit { + height: auto; + padding-bottom: 20px; + } + + .common_tit strong { + font-size: 30px; + } +} diff --git a/css/jquery.bxslider.css b/css/jquery.bxslider.css new file mode 100644 index 0000000..2b6a7e2 --- /dev/null +++ b/css/jquery.bxslider.css @@ -0,0 +1,235 @@ +/** + * BxSlider v4.1.2 - Fully loaded, responsive content slider + * http://bxslider.com + * + * Written by: Steven Wanderski, 2014 + * http://stevenwanderski.com + * (while drinking Belgian ales and listening to jazz) + * + * CEO and founder of bxCreative, LTD + * http://bxcreative.com + */ + + +/** RESET AND LAYOUT +===================================*/ + +.bx-wrapper { + position: relative; + margin: 0; + padding: 0; + *zoom: 1; +} +.bx-wrapper ul { + margin: 0; + padding: 0; +} +.bx-wrapper img { + max-width: 100%; + display: block; + height:100vh; + width: 100%;/* filter: Alpha(Opacity=0);opacity: 0; */ +} +/** THEME +===================================*/ + +.bx-wrapper .bx-viewport { + border: 0 solid #fff; + left: 0; + background: #fff; + /*fix other elements on the page moving (on Chrome)*/ + -webkit-transform: translatez(0); + -moz-transform: translatez(0); + -ms-transform: translatez(0); + -o-transform: translatez(0); + transform: translatez(0); +} +.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { + position: absolute; + bottom: -30px; + width: 100%; +} +/* LOADER */ + +.bx-wrapper .bx-loading { + min-height: 50px; + background: url(../images/bx_loader.gif) center center no-repeat #fff; + height: 100%; + width: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 2000; +} +/* PAGER */ + +.bx-wrapper .bx-pager { + text-align: center; + font-size: .85em; + font-family: Arial, sans-serif; + font-weight: bold; + color: #666; + padding-top: 20px; +} +.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { + display: inline-block; + *zoom: 1; + *display: inline; +} +.bx-wrapper .bx-pager.bx-default-pager a { + background: #b3b3b3; + text-indent: -9999px; + display: block; + width: 10px; + height: 10px; + margin: 0 5px; + outline: 0; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} +.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { + background: #000; +} +/* DIRECTION CONTROLS (NEXT / PREV) */ + +.bx-wrapper .bx-prev { + left: 3%; + background: url(../images/i_left2.png) no-repeat; + opacity: .5; +} +.bx-wrapper .bx-next { + right: 3%; + background: url(../images/i_right2.png) no-repeat; + opacity: .5; +} +.bx-wrapper .bx-prev:hover { + /*background: url(../images/i_left_on.png) no-repeat;*/ + opacity: .9; + +} +.bx-wrapper .bx-next:hover { + /*background: url(../images/i_right_on.png) no-repeat;*/ + opacity: .9; + +} +.bx-wrapper .bx-controls-direction a { + position: absolute; + top: 50%; + margin-top: -16px; + outline: 0; + width: 20px; + height: 40px; + background-size: contain; + text-indent: -9999px;/*z-index: 9999;*/ +} +.bx-wrapper .bx-controls-direction a.disabled { + display: none; +} +/* AUTO CONTROLS (START / STOP) */ + +.bx-wrapper .bx-controls-auto { + text-align: center; +} +.bx-wrapper .bx-controls-auto .bx-start { + display: block; + text-indent: -9999px; + width: 10px; + height: 11px; + outline: 0; + background: url(../images/controls.png) -86px -11px no-repeat; + margin: 0 3px; +} +.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { + background-position: -86px 0; +} +.bx-wrapper .bx-controls-auto .bx-stop { + display: block; + text-indent: -9999px; + width: 9px; + height: 11px; + outline: 0; + background: url(../images/controls.png) -86px -44px no-repeat; + margin: 0 3px; +} +.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { + background-position: -86px -33px; +} +/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ + +.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { + text-align: left; + width: 80%; +} +.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { + right: 0; + width: 35px; +} +/* IMAGE CAPTIONS */ + +.bx-wrapper .bx-caption { + position: absolute; + bottom: 0; + left: 0; + background: #666\9; + background: rgba(80, 80, 80, 0.75); + width: 100%; +} +.bx-wrapper .bx-caption span { + color: #fff; + font-family: Arial, sans-serif; + display: block; + font-size: .85em; + padding: 10px; +} +#slider { + position: relative; + height:100vh; +} +#bx-pager { + z-index: 1000; + position: absolute; + bottom: 20px; + left: 0; + width: 100%; +} +#bx-pager .item { + text-align: center; +} +#bx-pager .item a { + display: inline-block; + margin: 10px; + border: white 3px solid; + position: relative; +} +#bx-pager .item a .preview { + display: none; +} +#bx-pager .item a:hover { + border: #ccc 3px solid; +} +#bx-pager .item a:hover .preview { + display: block; + position: absolute; + top: -5px; + left: -7px; + width: 200px; + height: 100px; + border: #ccc 3px solid;/*transform:scalex(1.2) scaley(1.2)*/ +} +.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { + position: absolute; + bottom: 30px; + width: 100%; +} +.bx-wrapper .bx-pager.bx-default-pager a { + width: 50px; + height: 4px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + margin-bottom: 10px; +} +.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { + background: #00b9ef +} diff --git a/css/lrtk3.css b/css/lrtk3.css new file mode 100644 index 0000000..82f2fe7 --- /dev/null +++ b/css/lrtk3.css @@ -0,0 +1,190 @@ +/* side */ +.side { + position: fixed; + width: 56px; + right: 0; + top: 355px; + z-index: 100; + text-align: left; + filter: Alpha(Opacity=95); + opacity: 0.95; +} +.side ul li { + width: 56px; + height: 50px; + float: left; + position: relative; + padding-bottom: 1px; + background: url(../images/line0.png) #e48c0f right bottom no-repeat; +} +.side ul li img { + opacity: 0.8; + filter: Alpha(opacity=80); +} +.side ul li:hover img { + opacity: 1; + filter: Alpha(opacity=100); +} +.side ul li .sidebox { + border-radius: 5px 0 0 0px; + background: #e48c0f; + position: absolute; + width: 56px; + height: 50px; + top: 0; + right: 0; + transition: all 0.3s;/*opacity:0.9;filter:Alpha(opacity=90);*/ + color: #fff; + font: 14px/50px "微软雅黑"; + overflow: hidden; +} +.side ul li .sidebox:hover { + border-radius: 5px 0 0 5px; +} +.side ul li .sidetop { + width: 56px; + height: 50px; + line-height: 50px; + display: inline-block; + background: #ff8500; + border-radius: 0 0 0 5px;/*background:#e48c0f;opacity:0.9;filter:Alpha(opacity=90);*/ + transition: all 0.3s; +} +.side ul li .sideewm { + width: 56px; + height: 50px; + line-height: 50px; + display: inline-block;/*background:#e48c0f;opacity:0.9;filter:Alpha(opacity=90);*/ + transition: all 0.3s; +} +.side ul li .sideewm .ewBox { + width: 207px; + display: none; + color: #363636; + text-align: center; + position: absolute; + left: -203px; + top: -10px; + background-image: url('../images/leftewm.png'); + background-repeat: no-repeat; + background-position: center 0px; + height: 226px +} +.side ul li .sideewm .ewBox img { + width: 150px; + height: 150px; + margin-top: 30px; + margin-left: 30px; +} +.side ul li .sideetel { + width: 56px; + height: 50px; + line-height: 50px; + display: inline-block;/*background:#000;opacity:0.9;filter:Alpha(opacity=90);*/ + transition: all 0.3s; + text-align: left; +} +/*.side ul li .sideetel:hover{background:#f3782a;opacity:1;filter:Alpha(opacity=100);}*/ +.side ul li .sideetel .telBox { + width: 185px; + height: 72px; + padding-top: 135px; + display: none; + color: #363636; + text-align: center; + position: absolute; + left: -185px; + top: -155px; + background-image: url('../images/lefttel.png'); + background-repeat: no-repeat; + background-position: center top; +} +.side ul li .sideetel .telinput { + width: 135px; + text-align: center; + height: 25px; + line-height: 25px; + background-color: #fff; + color: #7d7d7d; + font-size: 14px; + margin-left: 25px; + border: 0; + z-index: 9999999; + float: left; +} +.side ul li .sideetel .telbnt { + width: 135px; + height: 26px; + line-height: 26px; + background-color: #735012; + font-size: 14px; + border: 0; + margin-left: 25px; + margin-top: 5px; + color: #fff; + cursor: pointer; + border-radius: 4px; + float: left; +} +.side ul li img { + float: left; +} +.side dl dt { + width: 54px; + height: 54px; + float: left; + position: relative; +} +.side dl dt .sidebox { + position: absolute; + width: 54px; + height: 54px; + border-bottom: 1px solid #444; + top: 0; + right: 0; + transition: all 0.3s; + background: #000; + opacity: 0.9; + filter: Alpha(opacity=90); + color: #fff; + font: 12px/54px "微软雅黑"; +} +.side dl dd { + width: 54px; + height: 44px; + float: left; + position: relative; + display: none; +} +.side dl dd .sidebox { + position: absolute; + width: 54px; + height: 44px; + border-bottom: 1px solid #444; + top: 0; + right: 0; + transition: all 0.3s; + background: #000; + opacity: 0.9; + filter: Alpha(opacity=90); + color: #fff; + font: 12px/54px "微软雅黑"; + line-height: 44px; +} +.side dl dd .sidebox:hover { + background: #f3782a; + opacity: 1; + filter: Alpha(opacity=100); +} +.side dl dd .sidebox:hover img { + opacity: 0.8; + filter: Alpha(opacity=80); +} +.side dl img { + float: left; +} +@media screen and (max-width: 640px) { +.side { + display: none; +} +} diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..f6eaf63 --- /dev/null +++ b/css/main.css @@ -0,0 +1,18827 @@ +@charset "utf-8"; + + + +body { + + font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial !important; + +} + +@font-face { + + font-family: 'RobotoBold'; + + src: url('../fonts/Roboto-Bold/RobotoBold.eot'); + + src: url('../fonts/Roboto-Bold/RobotoBold.eot') format('embedded-opentype'), + + url('../fonts/Roboto-Bold/RobotoBold.woff2') format('woff2'), + + url('../fonts/Roboto-Bold/RobotoBold.woff') format('woff'), + + url('../fonts/Roboto-Bold/RobotoBold.ttf') format('truetype'), + + url('../fonts/Roboto-Bold/RobotoBold.svg#RobotoBold') format('svg'); + +} + +@font-face { + + font-family: 'PoppinsRegular'; + + src: url('../fonts/Poppins-Regular/PoppinsRegular.eot'); + + src: url('../fonts/Poppins-Regular/PoppinsRegular.eot') format('embedded-opentype'), + + url('../fonts/Poppins-Regular/PoppinsRegular.woff2') format('woff2'), + + url('../fonts/Poppins-Regular/PoppinsRegular.woff') format('woff'), + + url('../fonts/Poppins-Regular/PoppinsRegular.ttf') format('truetype'), + + url('../fonts/Poppins-Regular/PoppinsRegular.svg#PoppinsRegular') format('svg'); + +} + +@font-face { + + font-family: 'montserratbold'; + + src: url('../fonts/Montserrat-Bold/montserrat-bold-3-webfont.eot'); + + src: url('../fonts/Montserrat-Bold/montserrat-bold-3-webfont.eot?#iefix') format('embedded-opentype'), + + url('../fonts/Montserrat-Bold/montserrat-bold-3-webfont.woff2') format('woff2'), + + url('../fonts/Montserrat-Bold/montserrat-bold-3-webfont.woff') format('woff'), + + url('../fonts/Montserrat-Bold/montserrat-bold-3-webfont.ttf') format('truetype'), + + url('../fonts/Montserrat-Bold/montserrat-bold-3-webfont.svg#montserratbold') format('svg'); + + font-weight: normal; + + font-style: normal; + +} + +@font-face { + + font-family: 'montserratregular'; + + src: url('../fonts/Montserrat-Regular/montserrat-regular-8-webfont.eot'); + + src: url('../fonts/Montserrat-Regular/montserrat-regular-8-webfont.eot?#iefix') format('embedded-opentype'), + + url('../fonts/Montserrat-Regular/montserrat-regular-8-webfont.woff2') format('woff2'), + + url('../fonts/Montserrat-Regular/montserrat-regular-8-webfont.woff') format('woff'), + + url('../fonts/Montserrat-Regular/montserrat-regular-8-webfont.ttf') format('truetype'), + + url('../fonts/Montserrat-Regular/montserrat-regular-8-webfont.svg#montserratregular') format('svg'); + + font-weight: normal; + + font-style: normal; + +} + +@font-face { + + font-family: 'robotomedium'; + + src: url('../fonts/Roboto-Medium/roboto-medium-12-webfont.eot'); + + src: url('../fonts/Roboto-Medium/roboto-medium-12-webfont.eot?#iefix') format('embedded-opentype'), + + url('../fonts/Roboto-Medium/roboto-medium-12-webfont.woff2') format('woff2'), + + url('../fonts/Roboto-Medium/roboto-medium-12-webfont.woff') format('woff'), + + url('../fonts/Roboto-Medium/roboto-medium-12-webfont.ttf') format('truetype'), + + url('../fonts/Roboto-Medium/roboto-medium-12-webfont.svg#robotomedium') format('svg'); + + font-weight: normal; + + font-style: normal; + +} + +@font-face { + + font-family: 'PoppinsExtraLight'; + + src: url('../fonts/Poppins-ExtraLight/PoppinsExtraLight.eot'); + + src: url('../fonts/Poppins-ExtraLight/PoppinsExtraLight.eot') format('embedded-opentype'), + + url('../fonts/Poppins-ExtraLight/PoppinsExtraLight.woff2') format('woff2'), + + url('../fonts/Poppins-ExtraLight/PoppinsExtraLight.woff') format('woff'), + + url('../fonts/Poppins-ExtraLight/PoppinsExtraLight.ttf') format('truetype'), + + url('../fonts/Poppins-ExtraLight/PoppinsExtraLight.svg#PoppinsExtraLight') format('svg'); + +} + +@font-face { + + font-family: 'KANITBOLD'; + + src: url('../fonts/KANITBOLD/KANITBOLD.eot'); + + src: url('../fonts/KANITBOLD/KANITBOLD.eot') format('embedded-opentype'), + + url('../fonts/KANITBOLD/KANITBOLD.woff2') format('woff2'), + + url('../fonts/KANITBOLD/KANITBOLD.woff') format('woff'), + + url('../fonts/KANITBOLD/KANITBOLD.ttf') format('truetype'), + + url('../fonts/KANITBOLD/KANITBOLD.svg#KANITBOLD') format('svg'); + +} + +@font-face { + + font-family: 'playbold'; + + src: url('../fonts/Play-Bold/play-bold-webfont.woff2') format('woff2'), + + url('../fonts/Play-Bold/play-bold-webfont.woff') format('woff'); + + font-weight: normal; + + font-style: normal; + + font-display: swap; + +} + +/*分享翻译*/ + +.ys_wechat_cont_parga p::before{ + + /*分享中文版本*/ + + content: '分享到 - 微信'; + + /*分享英文版本*/ + + /* content: 'Share the - weixin'; */ + +} + + + + + +.yxnav_active2 {} + +/* 规范-start */ + +:root { + + /* --main-color: #3981F7; */ + + --main-color: #0E61FF; + + --auxi-bgcolor1: #171C2C; + + --auxi-bgcolor2: #F8F9FD; + + --font-title1:48px; + + --font-title2:36px; + + --font-title3:24px; + + --font-title4:16px; + +} + +.std_title1{ + + font-size: var(--font-title1); + + line-height: 1.4; + + color: #333; + +} + +.std_title2,.yxedr_active h2{ + + font-size: var(--font-title2); + + line-height: 1.4; + + color: #333; + +} + +.std_title3,.yxedr_active h3{ + + font-size: var(--font-title3); + + line-height: 1.4; + + color: #333; + +} + +.std_title4,.yxedr_active h4{ + + font-size: var(--font-title4); + + line-height: 1.4; + + color: #333; + +} + +.std_title5,.yxedr_active h5{ + + font-size: var(--font-title4); + + line-height: 1.75; + + color: #333; + +} + +.yxedr_active h2{ + + margin-bottom: 14px; + +} + +.yxedr_active h3{ + + margin-bottom: 10px; + +} + +.yxedr_active h4{ + + margin-bottom: 6px; + +} + +.yxedr_active h5{ + + margin-bottom: 12px; + +} + +.std_padding1{ + + padding: 120px 0; + +} + +.std_padtop1{ + + padding-top: 120px; + +} + +.std_padbot1{ + + padding-bottom: 120px; + +} + +.std_padding2{ + + padding: 130px 0; + +} + +.std_padtop2{ + + padding-top: 130px; + +} + +.std_padbot2{ + + padding-bottom: 130px; + +} + +.std_margin1{ + + margin-top: 50px; + +} + +.std_margin2{ + + margin-top: 60px; + +} + +.std_margin3{ + + margin-top: 30px; + +} + +.std_parga1, + +.std_parga1 p{ + + font-size: 16px; + + line-height: 1.75; + + color: #666; + +} + +.std_parga2, + +.std_parga2 p{ + + font-size: 18px; + + line-height: 1.6; + + color: #666; + +} + +.std_btn1,.std_btn2{ + + display: inline-block; + +} + +.std_btn1_box{ + + border-radius: 50px; + + background: #237AE4; + + display: flex; + + align-items: center; + + padding-left: 40px; + + padding-right: 26px; + + transition: all .36s; + +} + +.std_btn1 p{ + + line-height: 66px; + + color: #fff; + + transition: all .36s; + +} + +.std_btn1_box_icon{ + + width: 28px; + + height: 25px; + + position: relative; + + margin-left: 8px; + +} + +.std_btn1_box_icon img,.sbbc_icon img{ + + width: auto; + + height: 100%; + + position: absolute; + + top: 0; + + left: 50%; + + transform: translateX(-50%); + + transition: all .36s; + +} + +.std_btn2_box_circle{ + + width: 34px; + + height: 34px; + + border-radius: 50%; + + border: 1px solid rgba(255, 255, 255, 0.26); + + position: relative; + + margin-right: 12px; + + transition: all .36s; + +} + +.sbbc_icon{ + + width: 18px; + + height: 18px; + +} + +.std_btn2 p{ + + font-size: 20px; + + line-height: 1.5; + + color: #fff; + + transition: all .36s; + +} + +.std_btn2_box{ + + display: flex; + + align-items: center; + +} + +.sbbc_icon img:nth-child(2){ + + opacity: 0; + +} + +/* 规范-end */ + +/* - banner - start*/ + +.ys_banner { + + width: 100%; + + position: relative; + +} + + + +.ys_ban_li { + + position: relative; + + overflow: hidden; + +} + + + +.ys_ban_imgbox { + + position: relative; + + z-index: 1; + +} + + + +.ys_ban_imgbox img { + + width: 100%; + +} + + + +.ys_ban_li>a { + + display: block; + +} + + + +.ys_ban_ph { + + display: none; + +} + + + +.ys_ban_video { + + position: absolute; + + left: 50%; + + top: 50%; + + z-index: 2; + + transform: translate(-50%, -50%); + + width: 100%; + + height: 100%; + + object-fit: cover; + + /* opacity: 0; */ + +} + +.ys_ban_li .ys_ban_video{ + + opacity: 0; + +} + +.ys_ban_li.slick-current .ys_ban_video{ + + opacity: 1; + +} + +.ys_ban_li:not(:first-child) { + + display: none; + +} + + + +.ys_ban_imgbox::before { + + content: ""; + + display: block; + + position: absolute; + + left: 0; + + top: 0; + + z-index: 3; + + width: 100%; + + height: 100%; + + /*background: rgba(0, 0, 0, .3);*/ + +} + +.ys_ban_txtbox{ + + z-index: 5; + +} + +.ys_nybanner{ + + position: relative; + +} + +.ys_nyban_img, .ys_nyban_img img{ + + width: 100%; + +} + +.ys_nyban_ph{ + + display: none; + +} + +.ys_nyban_title h1{ + + color: #fff; + + text-align: center; + +} + +.ys_nyban_parga p{ + + color: #fff; + + font-size: 16px; + + line-height: 1.75; + +} + +/* - banner - end*/ + +.mod_head{ + + padding-left: calc(50% - 800px); + +} + +.mod_cover { + + overflow: visible; + + width: 100%; + + display: inline-block; + + vertical-align: middle; + + position: relative; + +} + +.mod_cover img:nth-child(1) { + + position: relative; + + left: 0; + + top: 0; + + z-index: 1; + + width: 100%; + + transition: all .36s; + +} + +.mod_cover img:nth-child(2) { + + position: absolute; + + left: 0; + + top: 0; + + z-index: 1; + + width: 100%; + + transition: all .36s; + + opacity: 0; + +} + +.mod_head_logo { + + width: 155px; + +} + +.mod_head_logo a{ + + line-height: 90px; + + display: block; + +} + +.ys_hd_pc{ + + position: fixed; + + width: 100%; + + top: 0; + + left: 0; + + transition: all .36s; + + border-bottom: 1px solid rgba(255, 255, 255, 0.50); + +} + +.mod_head_nav_search{ + + width: 100px; + + background: var(--main-color); + + position: relative; + + cursor: pointer; + +} + +.mhns_icon{ + + width: 40px; + + line-height: 90px; + + margin: auto; + +} + +.mhns_icon img{ + + width: 100%; + +} + +.ys_search1_win { + + width: 100%; + + height: 100vh; + + position: fixed; + + left: 0; + + top: 0; + + background: rgba(0,0,0,0.9); + + z-index: 999; + + display: none; + +} + +.ys_search1_box { + + position: relative; + + top: 50%; + + width: 50%; + + margin: auto; + + height: 40px; + + border-bottom: 1px solid #ffffff; + +} + +.ys_search1_close { + + width: 28px; + + display: block; + + position: absolute; + + right: 6%; + + top: 4%; + + cursor: pointer; + +} + +.ys_search1_close img { + + width: 100%; + +} + +.ys_search1_tbox { + + width: calc(100% - 50px); + + padding-right: 20px; + +} + +.ys_search1_tbox input { + + width: 100%; + + height: 100%; + + font-size: 24px; + + color: #666666; + +} + +.ys_search1_but { + + width: 50px; + +} + +.ys_search1_but button { + + width: 100%; + + position: relative; + + right: 0; + + font-size: 22px; + + color: #ffffff; + + letter-spacing: 3px; + +} + +.mhnl_ul_li_link{ + + font-size: 18px; + + line-height: 90px; + + color: #fff; + + transition: all .36s; + + display: block; + +} + +.mhnl_ul{ + + display: flex; + + margin: 0 -40px; + +} + +.mhnl_ul_li{ + + padding: 0 40px; + + position: relative; + +} + +.mod_head_nav_list{ + + padding-right: 65px; + +} + +body{ + + background: var(--auxi-bgcolor1); + +} + +.mod_foot{ + + padding-top: 90px; + + position: relative; + + z-index: 5; + + background: var(--auxi-bgcolor1); + +} + +.mod_foot::after{ + + content: ""; + + width: 100%; + + height: 500px; + + background: var(--auxi-bgcolor1); + + position: absolute; + + right: 0; + + top: -500px; + +} + +.ys_footer{ + + position: relative; + + z-index: 2; + +} + +.mod_foot_bt_ri p a{ + + font-size: 18px; + + line-height: 1.5; + + color: #fff; + + margin-left: 16px; + +} + +.mod_foot_bt_le p{ + + font-size: 18px; + + line-height: 1.5; + + color: #999; + +} + +.mod_foot_bt_le a{ + + color: #999; + + margin-right: 28px; + +} + +.mod_foot_bt{ + + display: flex; + + align-items: center; + + justify-content: space-between; + + padding-top: 30px; + + padding-bottom: 44px; + + border-top: 1px solid #666; + + margin-top: 120px; + +} + +.ys_hd_pc::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: rgba(255, 255, 255, 0.7); + + /* box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06); */ + + box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06); + + position: absolute; + + top: 0; + + left: 0; + + transition: all .36s; + + z-index: -1; + + opacity: 0; + + backdrop-filter: blur(40px); + + -webkit-backdrop-filter: blur(40px); + +} + +.ys_hd_pc.isfixed::after{ + + opacity: 1; + +} + +.ys_hd_pc.isfixed .mod_cover img:nth-child(2){ + + opacity: 1; + +} + +.ys_hd_pc.isfixed .mhnl_ul_li_link{ + + color: #333; + +} + +.mod_foot_tp_logo{ + + width: 178px; + +} + +.mod_foot_tp_logo a{ + + width: 100%; + + display: block; + +} + +.mod_foot_tp_logo img{ + + width: 100%; + +} + +.mod_foot_tp_nav>ul>li>a{ + + font-size: 20px; + + line-height: 1.5; + + color: #fff; + + display: block; + + margin-bottom: 20px; + +} + +.mod_foot_tp_nav a{ + + font-size: 16px; + + line-height: 1.75; + + color: #A0A3A6; + + transition: all .36s; + + display: block; + +} + +.mod_foot_tp_nav>ul{ + + display: flex; + + align-items: flex-start; + + justify-content: space-between; + +} + +.mod_foot_tp_nav{ + + width: 796px; + +} + +.mod_foot_tp{ + + display: flex; + + justify-content: space-between; + +} + +.mfts_icon{ + + width: 32px; + + cursor: pointer; + + position: relative; + +} + +.mfts_icon img{ + + width: 100%; + +} + +.mfts_icon_pop{ + + width: 120px; + + padding: 10px; + + background: #fff; + + position: absolute; + + left: 50%; + + transform: translateX(-50%) scale(0.8); + + top: 130%; + + opacity: 0; + + transition: all .36s; + + pointer-events: none; + + transform-origin: top; + + box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06); + +} + + + +.mfts_icon_pop img{ + + width: 100%; + +} + +.mfts_icon_pop::after{ + + content: ""; + + width: 10px; + + height: 10px; + + background: #fff; + + position: absolute; + + left: 50%; + + transform: translateX(-50%) rotate(45deg); + + top: -5px; + +} + +/* .home_main .mod_content{ + + margin-top: 100vh; + +} */ + +.mod_content{ + + border-radius: 0 0 400px 0; + + overflow: hidden; + + background: #fff; + + position: relative; + + z-index: 5; + + transition: background 1s, transform 1s cubic-bezier(0.7, 0.02, 0.25, 1); + +} + +.mod_contact_bt{ + + display: flex; + + align-items: center; + + flex-wrap: wrap; + + justify-content: space-between; + +} + +.mod_contact_bt h2{ + + width: 42.5%; + + transition: all .36s; + +} + +.mod_contact{ + + padding-bottom: 180px; + + overflow: hidden; + +} + +.mod_contact_tp{ + + border-radius: 20px; + + overflow: hidden; + + position: relative; + +} + +.mod_contact_tp_img{ + + width: 100%; + +} + +.mod_contact_tp_img img{ + + width: 100%; + +} + +.mod_contact_tp::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: rgba(0,0,0,.1); + + position: absolute; + + top: 0; + + left: 0; + +} + +.mod_contact_tp_tit{ + + color: #fff; + + z-index: 5; + + width: 100%; + + text-align: center; + + padding: 0 20px; + +} + +.home_new { + + position: relative; + + z-index: 5; + +} + +.home_new_tp .std_btn2_box_circle{ + + border: 1px solid rgba(51, 51, 51, 0.26); + +} + +.home_new_tp .std_btn2 p{ + + color: #333; + +} + +.home_new_tp{ + + display: flex; + + align-items: center; + + justify-content: space-between; + + flex-wrap: wrap; + +} + +.home_new_bt{ + + /* border-top: 1px solid #e5e5e5; */ + + overflow: hidden; + +} + +.home_new_bt_ul{ + + display: flex; + + align-items: stretch; + + flex-wrap: wrap; + + margin: 0 -40px; + + overflow: hidden; + +} + +.home_main .hnbu_li:nth-child(3n+1), + +.home_main .hnbu_li:nth-child(3n+2), + +.home_main .hnbu_li:nth-child(3n+3){ + + border-top: 1px solid #e5e5e5; + +} + +.hnbu_li{ + + width: 33.333333%; + + border-right: 1px solid #e5e5e5; + + margin-bottom: 22px; + + position: relative; + +} + +.hnbu_li a{ + + display: block; + + padding: 60px 40px 50px; + +} + +.hnbu_li_time{ + + display: flex; + + align-items: center; + +} + +.hnbu_li_time img{ + + width: 16px; + + margin-right: 4px; + + position: relative; + + top: -1px; + +} + +.hnbu_li_time p{ + + font-family: 'PoppinsRegular'; + + color: #237AE4; + + transition: all .36s;; + +} + +.hnbu_li_time_icon{ + + width: 16px; + + height: 16px; + + position: relative; + + margin-right: 4px; + +} + +.hnbu_li_time_icon img{ + + width: auto; + + height: 100%; + + position: absolute; + + top: 0; + + left: 50%; + + transform: translateX(-50%); + + transition: all .36s; + +} + +.service_main.change .mod_contact_bt h2{ + + color: #fff; + +} + +.service_main.change .std_arrow_icon{ + + border: 1px solid #fff; + +} + +.std_arrow_icon path{ + + transition: all .36s; + +} + +.service_main.change .std_arrow_icon path{ + + fill: #fff !important; + +} + +.service_main.change .hnbu_li_time_icon img:nth-child(2){ + + opacity: 0; + +} + +.scene_spot_tp h2{ + + transition: all .36s; + +} + +.service_main.change h2, + +.service_main.change .hnbu_li_time p, + +.service_main.change .hnbu_li_tit{ + + color: #fff !important; + +} + +/* .hnbu_li:nth-child(3n+3){ + + border-right: none; + +} */ + +.hnbu_li:last-child{ + + border-right: none; + +} + +.hnbu_li_img{ + + border-radius: 20px; + + margin-top: 90px; + + margin-bottom: 42px; + +} + +.hnbu_li_wrap{ + + position: relative; + +} + +.hnbu_li_wrap::after{ + + content: ""; + + width: 100%; + + height: 1px; + + background: #E5E5E5; + + position: absolute; + + bottom: -50px; + + left: 0; + +} + +.hnbu_li_wrap::before{ + + content: ""; + + width: 0%; + + height: 1px; + + background: #237AE4; + + position: absolute; + + bottom: -50px; + + left: 0; + + z-index: 5; + + transition: all .36s; + +} + +.home_approve{ + + height: calc(100vh - 90px); + + overflow: hidden; + + padding-top: 11%; + +} + +.home_approve h2{ + + text-align: center; + + color: #fff; + + margin-bottom: 105px; + +} + +.home_approve_btn{ + + text-align: center; + +} + +.home_approve_list{ + + margin-bottom: 100px; + +} + +.halu_li_icon{ + + width: 94px; + + margin: auto; + +} + +.halu_li_num{ + + color: #fff; + + text-align: center; + + line-height: 1.1; + + font-family: 'RobotoBold'; + + margin-top: 40px; + +} + +.halu_li_num span{ + + font-size: 60px; + + + +} + +.halu_li_parga{ + + margin-top: 16px; + +} + +.halu_li_parga p{ + + color: #CBCEDD; + + text-align: center; + +} + +.home_approve_list_ul{ + + display: flex; + + justify-content: space-between; + +} + +.home_solution_bg{ + + width: 100%; + + overflow: hidden; + + height: calc(100vh - 90px); + +} + +.home_solution_bg img{ + + width: 100%; + + height: 100%; + + object-fit: cover; + +} + +.home_solution{ + + position: relative; + + background: var(--auxi-bgcolor1); + +} + +.home_solution_title{ + + top: 147px; + + z-index: 5; + +} + +.ys_ban_title{ + + color: #fff; + + margin-bottom: 80px; + +} + +.ys_text_slick .slick-arrow{ + + transition: all .36s; + + width: 50px; + + height: 50px; + + background: url(../images/a1_arrow1.svg) center / cover no-repeat; + + z-index: 5; + + pointer-events: all; + +} + +.ys_text_slick .slick-prev{ + + left: 15px; + +} + +.ys_text_slick .slick-next{ + + background: url(../images/a1_arrow2.svg) center / cover no-repeat; + + right: 15px; + +} + +.ys_banner{ + + height: 100vh; + + position: relative; + + top: 0; + + left: 0; + + width: 100%; + +} + +.ys_ban_slick,.ys_ban_slick .slick-list,.ys_ban_slick .slick-track,.ys_ban_li,.ys_ban_imgbox,.ys_ban_imgbox img{ + + height: 100%; + +} + +.ys_ban_imgbox img{ + + object-fit: cover; + +} + +.home_why{ + + height: calc(100vh - 90px); + + overflow: hidden; + + position: relative; + +} + +.home_why_ul{ + + height: 100%; + +} + +.home_why_ul_li{ + + height: 100%; + + position: relative; + +} + +.hwul_img{ + + width: 100%; + + height: 100%; + +} + +.hwul_img img{ + + width: 100%; + + height: 100%; + + object-fit: cover; + +} + +.home_why_ul .slick-list, + +.home_why_ul .slick-track{ + + height: 100%; + +} + +.home_why_ul_li:not(:first-child){ + + display: none; + +} + +.home_why_text h2{ + + color: #fff; + + margin-bottom: 75px; + +} + +.home_why_text{ + + top: 120px; + + z-index: 5; + +} + +.hwdl_info_btn{ + + margin-top: 25px; + +} + +.hwdl_info_btn a{ + + display: block; + + width: 34px; + + height: 34px; + + border-radius: 50%; + + background: #336CFF; + + position: relative; + +} + +.hwdl_info_btn img{ + + width: 18px; + + position: absolute; + + top: 50%; + + left: 50%; + + transform: translate(-50%,-50%); + +} + +.hwdl_info{ + + height: 0; + + overflow: hidden; + + transition: all .6s cubic-bezier(.77,0,.175,1); + +} + +.hwdl_info p{ + + color: #fff; + +} + +.home_why_dots_li .std_title3{ + + color: #fff; + + opacity: 0.7; + + transition: all .36s; + +} + +.home_why_dots { + + width: 32%; + +} + +.home_why_dots_li{ + + margin-bottom: 34px; + + cursor: pointer; + + position: relative; + +} + +.home_why_dots_li:last-child{ + + margin-bottom: 0; + +} + +.home_why_dots_li.act .std_title3{ + + opacity: 1; + +} + +.home_why_dots_li.act .hwdl_info{ + + margin-top: 10px; + +} + +.home_why_dots_li.act .hwdl_info { + + height: var(--pro-shu) !important; + +} + +.home_why_dots_li.act::after{ + + height: 100%; + +} + +.home_why_dots_li::after{ + + content: ""; + + width: 1px; + + height: 0%; + + background: #336CFF; + + position: absolute; + + top: 0; + + left: -22px; + + transition: all .36s; + +} + +.hscb_wrap_bt{ + + padding-left: calc(50% - 700px); + + position: relative; + + transition: left .1s linear; + +} + +.home_story{ + + position: relative; + + z-index: 1; + + padding-bottom: calc(100vh - 90px); + + overflow: hidden; + +} + +.home_story_cont_box { + + position: absolute; + + left: 0; + + top: 0; + + width: 100%; + + height: calc(100vh - 90px); + + transition: left 0s !important; + + display: flex; + + flex-wrap: wrap; + + align-items: center; + +} + +.home_story_cont_box.ys_fixed { + + position: fixed; + + top: 90px; + +} + +.home_story_cont_box.isnot_fixed { + + top: initial; + + bottom: 0px; + +} + +.hsbu_li{ + + border-radius: 20px; + + overflow: hidden; + + margin-right: 40px; + + position: relative; + + /* flex-shrink: 0; + + width: 1165px; */ + +} + +.hsbu_li_bg{ + + width: 100%; + +} + +.hsbu_li_text{ + + z-index: 5; + + width: 100%; + + padding: 0 118px; + + top: 17%; + +} + +.hsbu_li_text_logo { + + width: 274px; + +} + +.hsbu_li_text .std_title3{ + + color: #fff; + +} + +.hsbu_li_text .std_btn2{ + + margin-top: 87px; + +} + +.hscb_wrap_bt_ul{ + + display: flex; + +} + +.home_develop_bg{ + + width: 100%; + + position: absolute; + + top: -24%; + + left: 0; + +} + +.home_develop_bg img{ + + width: 100%; + +} + +.home_develop_bg_cloud{ + + width: 100%; + + position: absolute; + + top: -532px; + + left: 0; + + background: linear-gradient(180deg, #FFF 36.76%, rgba(255, 255, 255, 0.00) 100%); + +} + +.home_develop_bg_video{ + + z-index: 0; + +} + +.home_develop{ + + /* margin-top: -328px; */ + + position: relative; + +} + +.home_develop.isfixed .home_develop_bg{ + + position: fixed; + + top: auto; + + bottom: 0; + + + +} + +.home_develop.isfixed.notfixed .home_develop_bg{ + + position: absolute; + + top: auto !important; + + bottom: 0; + +} + +.home_develop_wrap{ + + width: 100%; + + /* height: calc(100vh - 90px); + + position: absolute; + + bottom: 0; + + left: 0; */ + + padding-top: 146px; + +} + +.home_develop_wrap_tit{ + + position: absolute; + + top: 90px; + + z-index: 5; + + height: calc(100vh - 90px); + + left: 50%; + + transform: translateX(-50%); + + width: 100%; + +} + +.home_develop.isfixed .home_develop_wrap_tit{ + + position: fixed; + + + +} + +.home_develop.isfixed.notfixed .home_develop_wrap_tit{ + + position: absolute; + + top: auto !important; + + bottom: 0; + +} + + + +.home_develop_wrap h2{ + + position: relative; + + color: #fff; + + text-align: center; + + height: 100%; + + + +} + +@keyframes cardFadeUp{ + + 0%{ + + opacity: 0; + + transform: translateY(800px); + + } + + 100%{ + + opacity: 1; + + transform: translateY(0); + + } + +} + +@keyframes cardFadeUp1{ + + 0%{ + + opacity: 0; + + transform: translate(-50%,800px); + + } + + 100%{ + + opacity: 1; + + transform: translate(-50%,0); + + } + +} + +.cardFadeup1{ + + animation: cardFadeUp 1s ease both; + +} + +.cardFadeup2{ + + animation: cardFadeUp1 1s ease both; + +} + +.hdwl_ul_li.act{ + + animation: cardFadeUp 1s ease both; + +} + +.hdwl_ul2 .hdwl_ul_li:nth-child(1).act{ + + animation: cardFadeUp1 1s ease both; + +} + +.hdwl_ul_li{ + + width: 353px; + + + + /* visibility: hidden; */ + +} + +.hdwl_ul_li_cont{ + + padding: 40px 30px 44px 42px; + + border-radius: 10px; + + background: var(--auxi-bgcolor1); + +} + +.hdwl_ul_li .ys_imgbox_cover{ + + width: 80px; + +} + +.hdwl_ul{ + + position: relative; + + z-index: 5; + +} + +.hdwl_ul_li .std_title3{ + + color: #FFF; + + margin-top: 40px; + + margin-bottom: 22px; + +} + +.hulc_parga p{ + + color: #CECECE; + + height: 7em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 4; + + overflow: hidden; + +} + +.home_develop_wrap_list{ + + margin-top: 274px; + + padding-bottom: 100px; + + overflow: hidden; + +} + +.hdwl_ul1{ + + display: flex; + + justify-content: space-between; + + align-items: flex-start; + +} + +.hdwl_ul1 .hdwl_ul_li:nth-child(2){ + + margin-top: 130px; + +} + +.hdwl_ul2 .hdwl_ul_li:nth-child(1){ + + position: relative; + + left: 50%; + + transform: translateX(-50%); + + margin-top: 110px; + +} + +.hdwl_ul3{ + + display: flex; + + justify-content: space-between; + + align-items: flex-start; + +} + +.hdwl_ul3 .hdwl_ul_li:nth-child(1){ + + margin-top: 283px; + +} + +.hdwl_ul3 .hdwl_ul_li:nth-child(2){ + + margin-top: -54px; + +} + +/* B2-场景解决方案列表-start */ + +.inside_body .ys_hd_pc::after{ + + opacity: 1; + +} + +.inside_body .mod_cover img:nth-child(2){ + + opacity: 1; + +} + +.inside_body .mhnl_ul_li_link{ + + color: #333; + +} + +.inside_body .ys_main{ + + padding-top: 90px; + + background: #fff; + +} + +.ys_bread_list a{ + + color: #999; + +} + +.ys_bread_list:last-child a{ + + color: #333; + +} + +.ys_bread_list{ + + padding: 0 10px; + +} + +.ys_bread{ + + margin: 0 -10px; + +} + +.ys_bread_list::before{ + + content: ""; + + width: 20px; + + height: 20px; + + background: url(../images/b3_arrow2.svg) center / cover no-repeat; + + right: -10px; + +} + +.moe_bread{ + + padding-top: 20px; + +} + +.solution_info { + + overflow: hidden; + +} + +.product_info{ + + overflow: hidden; + +} + +.solution_info_tp h1{ + + text-align: center; + +} + +.solution_info_tp_parga p{ + + text-align: center; + + width: 95%; + + margin: auto; + +} + +.solution_info_tp_btn{ + + text-align: center; + +} + +.sibl_ul{ + + display: flex; + + align-items: stretch; + + flex-wrap: wrap; + + margin: 0 -17px; + +} + +.sibl_ul_li{ + + width: 33.333333%; + + padding: 0 17px; + + margin-bottom: 34px; + +} + +.sibl_ul_li a{ + + display: block; + + border-radius: 20px; + + overflow: hidden; + + width: 100%; + + height: 100%; + + background: #FFF; + + border-radius: 20px; + + box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); + + transition: all .36s; + +} + +.solution_info_bt_nav{ + + width: 225px; + +} + +.solution_info_bt_list{ + + width: calc(100% - 225px); + + padding-left: 136px; + +} + +.sibl_ul_li_text{ + + padding: 24px 68px 45px 38px; + +} + +.sibl_ul_li_text .std_title4{ + + margin-bottom: 20px; + +} + +.sult_parga p{ + + font-size: 14px; + + line-height: 1.75; + + color: rgba(0,0,0,.6); + + height: 5.25em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 3; + + overflow: hidden; + +} + +.sult_btn{ + + margin-top: 37px; + +} + +.sult_btn .std_btn2_box_circle{ + + border: 1px solid rgba(51, 51, 51, 0.26); + +} + +.sult_btn .std_btn2_box p{ + + color: #333; + + font-size: 16px; + +} + +.sibn_tit{ + + color: #000; + + line-height: 1.75; + + margin-bottom: 7px; + +} + +.sibn_ul_li a{ + + display: block; + + padding: 20px 0; + + border-bottom: 1px solid #D9D9D9; + + font-size: 16px; + + color: #333; + + line-height: 1.75; + + transition: all .36s; + +} + +.sibn_ul_li.act a{ + + color: var(--main-color); + +} + +.solution_bg{ + + width: 100%; + + z-index: -1; + + /* opacity: 0.8; */ + + background: linear-gradient(0deg, rgba(255, 255, 255, 0.50) 24%, rgba(255, 255, 255, 0.00) 90.31%); + +} + +.solution_bg img{ + + width: 100%; + +} + +.solution_bg::after{ + + content: ""; + + width: 100%; + + height: 80%; + + position: absolute; + + top: 0; + + left: 0; + + z-index: -1; + + background: linear-gradient(180deg, #F9FAFF 0%, rgba(243, 247, 255, 0.00) 50%); + +} + +/* B2-场景解决方案列表-end */ + + + +/* B3-场景解决方案小场景-start */ + +.scene_info{ + + overflow: hidden; + +} + +.scene_info_img{ + + width: 53.5%; + + border-radius: 20px; + + overflow: hidden; + +} + +.scene_info_img img{ + + width: 100%; + + transition: all .36s; + +} + + + +.scene_info_le{ + + width: 46.5%; + + padding-right: 150px; + +} + +.scene_info .ys_cont1400{ + + display: flex; + + align-items: center; + + flex-wrap: wrap; + +} + +.std_arrow_icon{ + + width: 40px; + + height: 40px; + + border-radius: 50%; + + border: 1px solid #999; + + transition: all .36s; + + position: relative; + + cursor: pointer; + +} + +.std_arrow_icon_img{ + + width: 20px; + + height: 20px; + +} + +.std_arrow_icon_img svg{ + + width: 100%; + + height: auto; + +} + +.std_arrow_icon_img img{ + + width: auto; + + height: 100%; + + position: absolute; + + top: 0; + + left: 50%; + + transform: translateX(-50%); + + transition: all .36s; + +} + +.std_arrow{ + + width: 90px; + + display: flex; + + justify-content: space-between; + +} + +.std_arrow_icon_img img:nth-child(2){ + + opacity: 0; + +} + +.scene_spot_tp{ + + display: flex; + + align-items: center; + + justify-content: space-between; + + flex-wrap: wrap; + +} + +.slick_wrap_li{ + + -webkit-user-select: text; + + -khtml-user-select: text; + + -moz-user-select: text; + + -ms-user-select: text; + + user-select: text; + +} + +.slick_wrap_li:not(:first-child){ + + display: none; + +} + +.ssbu_li_cont{ + + border-radius: 10px; + + background: #FFF; + + box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); + + overflow: hidden; + + transition: all .36s; + + width: 100%; + + height: 100%; + + padding: 50px 50px 60px; + +} + +.ssbu_li { + + width: 33.333333%; + +} + +.ssbu_li_cont_tit{ + + padding-left: 20px; + + position: relative; + +} + +.ssbu_li_cont_tit::after{ + + content: ""; + + width: 4px; + + height: 24px; + + border-radius: 5px; + + background: var(--main-color); + + position: absolute; + + top: 50%; + + left: 0; + + transform: translateY(-50%); + +} + +.scene_spot_bt_ul .slick-track{ + + display: flex; + + align-items: stretch; + +} + +.scene_spot_bt_ul .slick-list{ + + overflow: visible; + +} + +.slick-disabled{ + + pointer-events: none !important; + + opacity: 0.5; + +} + +.scene_spot { + + position: relative; + + overflow: hidden; + +} + +.scene_spot::before{ + + content: ""; + + width: calc(50% - 700px); + + height: 100%; + + background: #fff; + + position: absolute; + + top: 0; + + left: -20px; + + z-index: 5; + +} + +.scene_spot::after{ + + content: ""; + + width: calc(50% - 700px); + + height: 100%; + + background: #fff; + + position: absolute; + + top: 0; + + right: -20px; + + z-index: 5; + +} + +.scene_adv{ + + background: #F8F9FD; + + position: relative; + + overflow: hidden; + +} + +.scene_adv::before{ + + content: ""; + + width: calc(50% - 700px); + + height: 100%; + + background: #F8F9FD; + + position: absolute; + + top: 0; + + left: -10px; + + z-index: 5; + +} + +.scene_adv::after{ + + content: ""; + + width: calc(50% - 700px); + + height: 100%; + + background: #F8F9FD; + + position: absolute; + + top: 0; + + right: -10px; + + z-index: 5; + +} + +.sabu_li{ + + width: 25%; + +} + + + +.sabu_li_cont{ + + width: 100%; + + height: 100%; + +} + +.sabu_li_cont_wrap{ + + transition: all .36s; + + border-radius: 10px; + + background: var(--main-color); + + box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); + + height: 100%; + + transition: all .36s; + + padding: 32px 38px 100px 38px; + +} + +.alcw_parga p{ + + color: #fff; + + opacity: 0.9; + +} + +.alcw_num{ + + color: #fff; + + opacity: 0.3; + + font-family: 'PoppinsRegular'; + +} + +.alcw_tit{ + + margin-top: 10px; + + color: #fff; + +} + +.scene_adv_bt_ul .slick-track{ + + display: flex; + + align-items: stretch; + +} + +.scene_adv_bt_ul .slick-list{ + + overflow: visible; + +} + +.scene_monitor { + + overflow: hidden; + +} + +.scene_monitor_bt_ul .slick-list{ + + padding: 20px 0; + +} + +.scene_monitor_bt{ + + margin-top: 40px; + +} + +.smbu_li{ + + width: 33.333333%; + +} + +.sustain_consider_bt_ul .scbu_li,.ahbu_li,.ahbu_li_cont_item,.acbu_li,.scbu_li,.slsu_li,.ssbu_lis,.sibu_li,.jwcb_li,.jabu_li,.ssbu_li,.sabu_li,.smbu_li,.cllu_li,.cclu_li,.pwbl_cont li,.ccbu_li{ + + padding: 0 15px; + + height: auto; + +} + +.sustain_consider_bt_ul,.about_honor_bt_ul,.ahbu_li_cont,.about_culture_bt_ul,.service_case_bt_ul,.salu_li_slick_ul,.service_support_bt_ul,.service_industry_bt_ul,.join_wealth_cont_bt,.join_activity_bt_ul,.casedet_class_bt_ul,.scene_spot_bt_ul,.scene_adv_bt_ul,.scene_monitor_bt_ul,.college_live_list_ul,.college_course_list_ul,.pwbl_cont ul{ + + margin: 0 -15px; + +} + +.about_honor { + + overflow: hidden; + +} + +.about_honor h2{ + + transition: all .36s;; + +} + +.about_honor.change .std_arrow_icon path{ + + fill: #fff; + +} + +.about_honor.change .std_arrow_icon{ + + border: 1px solid #fff; + +} + +.about_honor.change h2, + +.about_honor.change p{ + + color: #fff; + +} + +.smbu_li_cont_wrap{ + + width: 100%; + + height: 100%; + + border-radius: 20px; + + background:#F8F9FD; + + overflow: hidden; + + padding: 50px 50px 80px; + + transition: all .36s; + + position: relative; + +} + +.alcw_nums{ + + font-size: 20px; + + line-height: 1.5; + + color: var(--main-color); + + position: absolute; + + right: 16px; + + top: 8px; + + font-family: 'PoppinsRegular'; + + z-index: 5; + +} + +.smbu_li_cont_wrap::after{ + + content: ""; + + width: 100px; + + height: 100px; + + border-radius: 50%; + + background: #E9EEFF; + + position: absolute; + + right: -40px; + + top: -50px; + +} + +/* B3-场景解决方案小场景-end */ + +/* D2-1设备智能运维学院-start */ + +.college_main .scene_info_le, + +.service_main .scene_info_le{ + + width: 51.5%; + +} + +.college_main .scene_info_img , + +.service_main .scene_info_img { + + width: 48.5%; + +} + +.solu_main .service_class, + +.solu_main .mod_contact, + +.college_main .mod_contact { + + background: #fff; + +} + +.service_class { + + position: relative; + + z-index: 5; + + overflow: hidden; + +} + +.service_class .hnbu_li{ + + margin-bottom: 0; + +} + +.scene_info_le_parga p{ + + margin-bottom: 28px; + +} + +.scene_info_le_parga p:last-child{ + + margin-bottom: 0; + +} + +.college_contact .mod_contact_tp::after{ + + background: rgba(0,0,0,.2); + +} + +.college_contact_info{ + + margin-top: 98px; + +} + +.college_contact_info img{ + + width: 46px; + + margin-right: 35px; + +} + +.college_contact_info a,.college_contact_info_box{ + + display: flex; + + align-items: center; + +} + +.college_contact_info ul{ + + margin-bottom: 60px; + +} + + + +.college_contact_info ul:last-child{ + + margin-bottom: 0; + +} + +.college_contact_info .std_title3{ + + font-family: 'PoppinsRegular'; + +} + +.college_contact_info ul{ + + display: flex; + + justify-content: space-between; + + flex-wrap: wrap; + +} + +.college_contact_info .std_title3 span{ + + color: #999; + +} + +.college_achieve{ + + height: calc(100vh - 90px); + + position: relative; + + overflow: hidden; + +} + +.college_achieve_bg{ + + height: 100%; + + position: relative; + +} + +.college_achieve_bg::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: rgba(0, 3, 14, .2); + + position: absolute; + + top: 0; + + left: 0; + +} + +.college_achieve_text h2{ + + color: #fff; + +} + +.college_achieve_text_parga p{ + + color: #fff; + + text-align: center; + +} + +.college_achieve_text_list{ + + margin-top: 106px; + +} + +.college_achieve_text_list p{ + + color: #fff; + + margin-top: 8px; + + text-align: center; + +} + +.catl_num,.halu_li_num{ + + font-size: 36px; + + color: #fff; + + line-height: 1.1; + + font-family: 'RobotoBold'; + + text-align: center; + +} + +.catl_num span{ + + font-size: 60px; + +} + +.college_achieve_text_list ul{ + + display: flex; + + justify-content: space-between; + + flex-wrap: wrap; + +} + +.college_achieve_text{ + + padding-top: 10.5%; + +} + +.ys_cont900{ + + width: 900px; + + margin: auto; + + max-width: 100%; + +} + +.college_train_parga p{ + + text-align: center; + + transition: all .36s;; + +} + +.college_train.change h2, + +.college_train.change p{ + + color: #fff; + +} + +.ctlu_li { + + width: 447px; + + position: relative; + + z-index: 1; + + margin-right: 30px; + + flex-shrink: 0; + + border-radius: 20px; + + overflow: hidden; + +} + +.college_train_list_ul { + + display: flex; + + position: relative; + + width: calc((447px * var(--width-shu)) + (30px *var(--width-shu))); + +} + +.college_train_list_ul1 { + + animation: donghua linear infinite; + +} + +.college_train_list_ul2 { + + animation: donghua2 linear infinite; + + transform: translateX(100%); + + position: absolute; + + top: 0; + + left: 0; + +} + +@keyframes donghua { + + from { + + transform: translateX(0); + + } + + to { + + transform: translateX(-100%); + + } + +} + +@keyframes donghua2 { + + from { + + transform: translateX(100%); + + } + + to { + + transform: translateX(0); + + } + +} + +.college_train_list { + + position: relative; + +} + +.college_live{ + + background: var(--auxi-bgcolor1); + + overflow: hidden; + +} + +.college_main h2{ + + text-align: center; + + transition: all .36s;; + +} + +.college_plan_btn{ + + text-align: center; + +} + +.college_plan_img{ + + width: 100%; + +} + +.college_plan_img img{ + + width: 100%; + +} + +.college_live h2{ + + color: #fff; + +} + +.cllu_li{ + + width: 33.333333%; + + margin-bottom: 10px; + +} + +.cllu_li_cont .ys_imgbox_cover{ + + border-radius: 20px; + +} + +.cllu_li_cont_text{ + + margin-top: 44px; + + padding-left: 32px; + + padding-right: 50px; + +} + +.clct_time p{ + + color: #237AE4; + + font-family: 'PoppinsRegular'; + +} + +.clct_time{ + + display: flex; + + align-items: center; + +} + +.clct_time img{ + + width: 16px; + + margin-right: 4px; + +} + +.cllu_li_cont_text .std_title3{ + + color: #fff; + + margin-top: 14px; + +} + +.clct_parga{ + + margin-top: 24px; + +} + +.clct_parga p{ + + color: #fff; + +} + +/* .college_live_list_ul{ + + display: flex; + + align-items: stretch; + + flex-wrap: wrap; + +} */ + +.college_live_list_ul .slick-dots li{ + + width: 8px; + + height: 8px; + + border: 1px solid #fff; + + background: transparent; + +} + +.college_live_list_ul .slick-dots li.slick-active{ + + background: var(--main-color); + + border: 1px solid var(--main-color); + +} + +.college_live_list_ul .slick-dots { + + bottom: 0; + +} + +.college_live_list_ul .slick-list{ + + padding-bottom: 50px; + +} + +.college_live_list_ul.empty .slick-list{ + + padding-bottom: 0; + +} + +.cllu_li_cont{ + + width: 100%; + + height: 100%; + + cursor: pointer; + +} + +.cclu_li{ + + width: 50%; + + margin-top: 32px; + +} + +.cclu_li:nth-child(1), + +.cclu_li:nth-child(2){ + + margin-top: 0; + +} + +.cclu_li_cont{ + + border-radius: 20px; + + overflow: hidden; + + position: relative; + + cursor: pointer; + +} + +.cclu_li_cont_text{ + + width: 100%; + + top: 54px; + + padding: 0 64px; + + z-index: 5; + +} + +.cclu_li_cont_text .std_title3{ + + color: #fff; + +} + +.cclu_li_cont_text p{ + + color: #fff; + +} + +.cclu_li_cont_text ul{ + + margin-top: 12px; + +} + +.cclu_li_cont_btn{ + + position: absolute; + + bottom: 50px; + + left: 64px; + + z-index: 5; + +} + +.cclu_li_cont_text ul{ + + margin-block-start: 1em; + + margin-block-end: 1em; + + margin-inline-start: 0px; + + margin-inline-end: 0px; + + padding-inline-start: 18px; + +} + +.cclu_li_cont_text ul li { + + list-style-type: disc; + +} + +.cclu_li_cont_text ul li::marker { + + unicode-bidi: isolate; + + font-variant-numeric: tabular-nums; + + text-transform: none; + + text-indent: 0px !important; + + text-align: start !important; + + text-align-last: start !important; + + color: #fff; + +} + +.college_course { + + overflow: hidden; + +} + +.college_plan { + + overflow: hidden; + +} + +.college_course_list_ul{ + + display: flex; + + flex-wrap: wrap; + +} + +.college_adv{ + + /* padding-top: 75px; */ + + overflow: hidden; + +} + +.college_adv_bt{ + + margin-top: 75px; + +} + +.culc_img{ + + width: 50%; + + padding: 0 5px; + +} + +.culc_img img{ + + border-radius: 20px; + + overflow: hidden; + + border: 1px solid #E1E1E1; + +} + +.cabl_ul_li_cont{ + + margin: 0 -5px; + + display: flex; + + flex-wrap: wrap; + +} + +.college_adv_bt_le{ + + width: 48%; + +} + +.college_adv_bt_ri{ + + width: 52%; + + padding-left: 60px; + +} + +.cabl_ul_li:not(:first-child){ + + display: none; + +} + +.cabr_ul{ + + padding-left: 37px; + +} + +.cabr_ul_li_tp{ + + display: flex; + + align-items: center; + + justify-content: space-between; + + position: relative; + +} + +.cabr_ul_li_tp::after{ + + content: ""; + + width: 10px; + + height: 10px; + + border-radius: 50%; + + border: 2px solid var(--main-color); + + position: absolute; + + top: 12px; + + left: -37px; + +} + +.ult_icon{ + + width: 20px; + + height: 20px; + + position: relative; + + transition: all .36s; + +} + +.ult_icon img{ + + width: auto; + + height: 100%; + + position: absolute; + + top: 0; + + left: 50%; + + transform: translateX(-50%); + + transition: all .36s; + +} + +.ult_icon img:nth-child(2){ + + opacity: 0; + +} + +.cabr_ul_li_bt{ + + margin-top: 40px; + + display: none; + +} + +.cabr_ul_li{ + + padding: 40px 0; + + border-bottom: 1px solid #E1E1E1; + + transition: all 0.36s; + + cursor: pointer; + +} + +.cabr_ul_li:first-child{ + + padding-top: 0; + +} + +.cabr_ul_li.act{ + + border-bottom: 1px solid var(--main-color); + +} + +.cabr_ul_li.act .ult_icon{ + + transform: rotate(180deg); + +} + +.cabr_ul_li.act .ult_icon img:nth-child(2){ + + opacity: 1; + +} + +.course_pop{ + + background: rgba(0,0,0,.7); + +} + +.course_pop .ys_modal_content{ + + border-radius: 20px; + + padding: 0; + + background: transparent; + + max-height: none !important; + +} + +.course_pop_tp{ + + background: var(--main-color); + + padding: 20px 80px; + + position: relative; + +} + +.course_pop_tp .ys_modal_close{ + + width: 18px; + + cursor: pointer; + + top: 50%; + + right: 28px; + + transform: translateY(-50%); + +} + +.course_pop_tp .ys_modal_close img{ + + width: 100%; + +} + +.course_pop_tp .std_title3{ + + color: #fff; + +} + +.course_pop_bt{ + + padding: 35px 20px 96px 80px; + + background: #fff; + +} + +.course_pop_bt .std_title3{ + + color: #000; + + padding-left: 30px; + + position: relative; + + margin-bottom: 20px; + +} + +.course_pop_bt .std_title3::before{ + + content: ""; + + width: 10px; + + height: 10px; + + border-radius: 50%; + + border: 2px solid var(--main-color); + + position: absolute; + + top: 12px; + + left: 0; + +} + +.course_pop_bt .yxedr_active ul, + +.course_pop_bt .yxedr_active ol{ + + margin-block-start: 0; + + margin-block-end: 0; + + margin-inline-start: 0; + + margin-inline-end: 0; + + padding-inline-start: 24px; + +} + +.course_pop_bt ol li, .course_pop_bt ul li { + + list-style-type: disc; + +} + +.course_pop_bt p{ + + margin-bottom: 0; + +} + + + +.course_pop_bt_wrap{ + + max-height: 495px; + +} + +.course_pop_bt_ul{ + + padding-right: 70px; + +} + +.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { + + background-color: #D7D7D7 !important; + +} + +.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + + background-color: #333 !important; + +} + +.yx_menu5_nav{ + + position: fixed; + + top: 50%; + + left: 25px; + + transform: translateY(-50%); + + z-index: 90; + + width: 164px; + +} + +.yx_menu5_nav_circle{ + + width: 8px; + + height: 8px; + + border-radius: 50%; + + background: var(--main-color); + + position: relative; + + z-index: 5; + + top: 10px; + + flex-shrink: 0; + + transition: all .36s; + +} + +.yx_menu5_nav li{ + + display: flex; + + cursor: pointer; + + padding-bottom: 55px; + + position: relative; + + align-items: flex-start; + +} + +.yx_menu5_nav_line{ + + width: 1px; + + height: 100%; + + background: #D4DBF1; + + position: absolute; + + left: 4px; + + top: 12px; + + transition: all .36s; + +} + + + +.yx_menu5_nav_line span{ + + width: 100%; + + display: block; + + background: var(--main-color); + +} + +.yx_menu5_nav li:last-child{ + + padding-bottom: 0; + +} + +.yx_menu5_nav li.active p{ + + color: var(--main-color); + +} + +.yx_menu5_nav li:last-child .yx_menu5_nav_line{ + + display: none; + +} + +.yx_menu5_nav p{ + + color: #999; + + transition: all .36s; + + margin-left: 16px; + +} + + + +@keyframes page-loader-ripple2 { + + 0% { + + transform: translate(-50%, -50%) scale(0); + + opacity: 1; + + } + + 50% { + + transform: translate(-50%, -50%) scale(3); + + opacity: 0.1; + + } + + 100% { + + transform: translate(-50%, -50%) scale(0); + + opacity: 0; + + } + +} + +.yx_menu5_nav li.active .l_f1bx2ks::before{ + + animation: page-loader-ripple2 4s infinite linear 1s; + +} + +.yx_menu5_nav li.active .l_f1bx2ks::after{ + + animation: page-loader-ripple2 4s infinite linear 2s; + +} + +.l_f1bx2ks::before { + + content: ''; + + width: 8px; + + height: 8px; + + border-radius: 50%; + + background: var(--main-color); + + position: absolute; + + left: 50%; + + top: 50%; + + transform: translate(-50%, -50%); + + transition: all .36s; + + opacity: 0; + + z-index: -1; + +} + +.l_f1bx2ks::after { + + content: ''; + + width: 8px; + + height: 8px; + + border-radius: 50%; + + background: var(--main-color); + + position: absolute; + + left: 50%; + + top: 50%; + + transform: translate(-50%, -50%); + + transition: all .36s; + + opacity: 0; + + z-index: -1; + +} + +.l_f1bx2ks.l_f1bx2ks2::before { + + animation-delay: 3s !important; + +} + +.l_f1bx2ks.l_f1bx2ks2::after { + + animation-delay: 4s !important; + +} + +.yx_menu5_line { + + position: absolute; + + top: 10px; + + left: 4px; + + width: 1px; + + height: calc(100% - 20px); + + background: #D4DBF1; + + overflow: hidden; + +} + +.yx_menu5_line span { + + width: 100%; + + display: block; + + background: var(--main-color); + +} + +/* D2-1设备智能运维学院-end */ + +/* G1-刊物-start */ + +.public_wrap{ + + padding-top: 84px; + +} + +.public_wrap_tp_info .ys_select{ + + width: 220px; + + border-radius: 4px; + + border: 1px solid #D9D9D9; + + background: #FFF; + + padding: 0 18px; + +} + +.public_wrap_tp_info .ys_select_xtbbox{ + + width: 20px; + +} + +.public_wrap_tp_info .ys_select_xtbbox img{ + + width: 100%; + +} + +.public_wrap_tp_info .ys_select_hd{ + + height: 48px; + +} + +.public_wrap_tp_info .ys_select_hd input, + +.public_wrap_tp_info .ys_select_hd input::placeholder{ + + font-size: 16px; + + color: #333; + +} + +.public_wrap_tp_info .ys_select_bd { + + border-radius: 4px; + + border: 1px solid #D9D9D9; + + background: #FFF; + + padding: 18px; + + top: 110%; + + max-height: 150px; + +} + +.public_wrap_tp_info .ys_select_li{ + + font-size: 16px; + + line-height: 1.75; + + color: #333; + +} + +.pwti_search{ + + width: 320px; + + border-radius: 4px; + + border: 1px solid #D9D9D9; + + background: #FFF; + + padding-left: 20px; + + display: flex; + + margin-left: 20px; + +} + +.pwti_search_icon { + + width: 18px; + + cursor: pointer; + + line-height: 48px; + +} + +.pwti_search_icon img{ + + width: 100%; + +} + +.pwti_search_input{ + + width: calc(100% - 18px); + + height: 48px; + +} + +.pwti_search_input input{ + + width: 100%; + + height: 100%; + + padding: 0 10px; + + font-size: 16px; + + color: #333; + +} + +.pwti_search_input input::placeholder{ + + font-size: 16px; + + color: #999; + +} + +.public_wrap_tp_info{ + + display: flex; + + flex-wrap: wrap; + +} + +.public_wrap_tp{ + + display: flex; + + align-items: center; + + flex-wrap: wrap; + + justify-content: space-between; + +} + + + +.public_wrap_bt_view{ + + width: 396px; + + padding-right: 75px; + +} + +.pwbv_btn{ + + margin-top: 40px; + + text-align: center; + +} + +.pwbv_img{ + + width: 100%; + +} + +.pwbv_img img{ + + width: 100%; + +} + +.public_wrap_bt{ + + margin-top: 76px; + + position: relative; + + z-index: 1; + +} + +.public_wrap_bt::before{ + + content: ""; + + width: 100%; + + height: 500px; + + position: absolute; + + top: 54px; + + left: 0; + + background: #fff; + + z-index: -1; + +} + +.pwbl_cont{ + + padding-left: 75px; + + border-left: 1px solid #DEDEDE; + + overflow: hidden; + +} + +.pwbl_cont li{ + + width: 25%; + + margin-bottom: 35px; + +} + +.public_wrap_bt_list { + + width: calc(100% - 396px); + +} + +.pwbl_cont_btn p{ + + color: #fff; + + margin-right: 8px; + +} + +.pwbl_cont_btn img{ + + width: 28px; + +} + +.pwbl_cont a{ + + position: relative; + + width: 100%; + + display: block; + +} + +.pwbl_cont_btn{ + + display: flex; + + align-items: center; + + z-index: 5; + + transition: all .36s; + + opacity: 0; + + width: 100%; + + justify-content: center; + +} + +.pwbl_cont a::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: linear-gradient(0deg, rgba(35, 122, 228, 0.80) 0%, rgba(35, 122, 228, 0.80) 100%); + + position: absolute; + + top: 0; + + left: 0; + + transition: all .36s; + + opacity: 0; + +} + +.pwbl_cont ul{ + + display: flex; + + flex-wrap: wrap; + +} + +.pc_fenye li { + + width: 40px; + + height: 40px; + + font-size: 16px; + + line-height: 40px; + + color: #000; + +} + +.pc_fenye li.activepage { + + background: var(--main-color); + +} + +.pwbl_page{ + + margin-top: 73px; + +} + +.newdet_prog { + + overflow: hidden; + +} + +.newdet_prog .hnbu_li{ + + margin-bottom: 0; + +} + +/* G1-刊物-end */ + +/* H5-公司新闻详情-start */ + +.newdet_main .solution_bg img{ + + opacity: 0; + +} + +.newdet_wrap{ + + padding-top: 86px; + +} + +.ys_cont920{ + + width: 920px; + + margin: auto; + + max-width: 100%; + +} + +.newdet_wrap_tp h1{ + + color: #000; + + line-height: 1.6; + + margin-top: 3px; + +} + +.newdet_wrap_tp p{ + + color: #999; + +} + +.newdet_wrap_tp{ + + padding-bottom: 24px; + + border-bottom: 1px solid #D9D9D9; + +} + +.newdet_wrap_bt{ + + margin-top: 35px; + +} + +.newdet_wrap_bt img{ + + border-radius: 20px; + + overflow: hidden; + + width: 100%; + +} + +.newdet_wrap_bt p{ + + font-size: 16px; + + line-height: 1.75; + + color: #666; + + margin-bottom: 12px; + +} + +.ys_share_list{ + + width: 26px; + + cursor: pointer; + + margin: 0 13px; + +} + +.ys_share_list img{ + + width: 100%; + +} + +.newdet_wrap_share{ + + display: flex; + + align-items: center; + + margin-top: 80px; + +} + +.newdet_prog_bt{ + + border-top: 1px solid #E5E5E5; + + overflow: hidden; + +} + +.newdet_prog_bt .home_new_bt_ul{ + + display: block; + +} + +.home_new_bt_ul .slick-track{ + + display: flex; + + align-items: stretch; + + flex-wrap: wrap; + +} + +.hnbu_li_tit { + + height: 2.8em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 2; + + overflow: hidden; + + transition: all .36s;; + +} + +/* H5-公司新闻详情-end */ + +/* H4-公司新闻-start */ + +.new_slick{ + + padding-top: 100px; + + overflow: hidden; + + position: relative; + + background: #F8F9FD; + +} + +.new_wrap{ + + background: #fff; + +} + +.new_wrap_cont{ + + margin-top: 75px; + +} + +.new_wrap_cont .pwti_search{ + + margin-left: 10px; + +} + +.new_wrap_cont .ys_select{ + + width: 150px; + +} + +.new_wrap_cont .hnbu_li a { + + padding: 0 40px; + +} + +.new_wrap_cont .hnbu_li{ + + border-right: none; + + margin-bottom: 82px; + +} + +.new_wrap_cont_page{ + + margin-top: 40px; + +} + +.nslu_li a{ + + border-radius: 20px; + + overflow: hidden; + + display: block; + + position: relative; + + width: 100%; + + height: 100%; + +} + +.nslu_li a::after{ + + content: ""; + + width: 100%; + + height: 49%; + + background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 100%); + + position: absolute; + + bottom: 0; + + left: 0; + + pointer-events: none; + +} + +.nslu_li_text{ + + width: 100%; + + z-index: 5; + + padding-left: 46px; + + padding-right: 42px; + + bottom: 37px; + + transition: all .36s; + +} + +.nslu_li.swiper-slide-active .nslu_li_text{ + + padding-right: 170px; + +} + +.nslu_li_text_time p{ + + color: #fff; + + font-family: 'PoppinsRegular'; + +} + +.nslu_li_text_time img{ + + width: 18px; + + margin-right: 5px; + +} + +.nslu_li_text_time{ + + display: flex; + + align-items: center; + +} + +.nslu_li_text_tit{ + + margin-top: 14px; + + color: #fff; + +} + +/* .new_slick_list_ul{ + + margin: 0 -30px; + +} */ + +.nslu_li{ + + transform-origin: top; + + width: 610px !important; + + height: 375px !important; + + + +} + +.nslu_li.swiper-slide-active{ + + width: 870px !important; + + height: 485px !important; + + transition: all 0.6s ease; + +} + +.new_slick_list{ + + width: 870px; + + margin: auto; + + overflow: visible !important; + + height: 485px; + +} + +.new_main .solution_bg::after{ + + height: 100%; + + background: linear-gradient(0deg, #F8F9FD 24%, rgba(248, 249, 253, 0.00) 90.31%); + + z-index: 0; + +} + +.new_slick .ys_cont1400{ + + position: relative; + + z-index: 5; + +} + +.new_main .solution_bg{ + + height: 100%; + + top: -90px; + + z-index: 0; + +} + +.new_main .solution_bg img { + + height: 100%; + + object-fit: cover; + +} + +.nslu_li .ys_imgbox_cover{ + + height: 100%; + +} + +.nslu_li .ys_imgbox_cover img{ + + height: 100%; + + object-fit: cover; + +} + +.new_slick_list .swiper-pagination-bullet, + +.case_atlas_bt .swiper-pagination-bullet{ + + background: #fff; + + border: 1px solid #999; + + transition: all .3s ease-out 0s; + + opacity: 1; + +} + +.new_slick_list .swiper-pagination-bullet-active, + +.case_atlas_bt .swiper-pagination-bullet-active{ + + border: 1px solid var(--main-color); + + background: var(--main-color); + +} + +.new_slick_list .swiper-pagination{ + + transform: translate3d(-50%,0,0); + + text-align: left; + +} + +.new_slick .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { + + left: 50%; + + width: var(--width-num); + +} + +.new_slick_bt{ + + position: relative; + +} + +.new_slick_bt_btn{ + + position: absolute; + + bottom: 0; + + right: 0; + + z-index: 5; + +} + +/* H4-公司新闻-end */ + +/* H3-投资者关系-start */ + +.investor_certi{ + + margin-top: 70px; + + border-radius: 20px; + + background: #FFF; + + padding: 15px 62px 15px 37px; + + display: flex; + + align-items: center; + + flex-wrap: wrap; + +} + +.investor_certi_link{ + + width: 545px; + +} + +.investor_certi_link iframe{ + + width: 100%; + +} + +.investor_certi_text{ + + width: calc(100% - 545px); + + padding-right: 180px; + +} + +.ictn_digit{ + + font-size: 56px; + + color: #EB4C28; + + line-height: 1.4; + + margin-right: 5px; + +} + +.ictn_icon{ + + width: 35px; + +} + +.ictn_icon img{ + + width: 100%; + +} + +.investor_certi_text_tit{ + + font-size: 20px; + + color: #333; + + line-height: 1.25; + + margin-bottom: 20px; + +} + +.investor_certi_text_num{ + + display: flex; + + align-items: center; + + margin-bottom: 10px; + +} + +.investor_certi_text_parga p{ + + font-size: 12px; + + line-height: 1.75; + + color: #999; + +} + +.icti_ul{ + + margin: 0 -35px; + + display: flex; + +} + +.icti_ul_li{ + + padding: 0 35px; + +} + +.icti_ul_li p{ + + font-size: 14px; + + line-height: 1.5; + + color: #666; + +} + +.icti_ul_li_num{ + + font-size: 20px; + + line-height: 1.5; + + color: var(--main-color); + +} + +.investor_notice h2{ + + text-align: center; + +} + +.investor_main .solution_bg::after{ + + height: 1253px; + + background: linear-gradient(180deg, #F9FAFF 0%, rgba(243, 247, 255, 0.00) 50%); + +} + +/* H3-投资者关系-end */ + +/* E2-1案例详情-start */ + +.casedet_article { + + background: #F8F9FD; + +} + +.casedet_article .ys_cont1400{ + + position: relative; + + z-index: 5; + +} + +.casedet_article .solution_bg{ + + z-index: 0; + +} + +.casedet_article_tp_logo{ + + width: 273px; + +} + +.casedet_article_tp_logo img{ + + width: 100%; + +} + +.casedet_article_tp .std_btn1{ + + margin-top: 84px; + +} + +.casedet_article_tp{ + + padding-top: 72px; + +} + +.casedet_article_img_pic{ + + width: 100%; + + border-radius: 20px; + + overflow: hidden; + +} + +.casedet_article_img_pic img{ + + width: 100%; + +} + +.casedet_article_bt{ + + margin-top: 85px; + +} + +.casedet_article_bt_aside{ + + width: 320px; + + padding-right: 132px; + +} + +.casedet_article_bt_text{ + + width: calc(100% - 320px); + + padding-left: 78px; + + border-left: 1px solid #D9D9D9; + + padding-top: 30px; + +} + +.caba_li span{ + + font-weight: bold; + + color: #333; + +} + +.caba_li{ + + margin-bottom: 20px; + +} + +.casedet_article_bt_text h3{ + + font-size: var(--font-title3); + + line-height: 1.4; + + color: #333; + + margin-bottom: 16px; + +} + +.casedet_article_bt_text p{ + + font-size: 16px; + + line-height: 1.75; + + color: #666; + + margin-bottom: 12px; + +} + +.ccbu_li{ + + width: 33.333333%; + +} + +.ccbu_li .ys_imgbox_cover{ + + border-radius: 20px; + +} + +.ccbu_li_cont{ + + cursor: pointer; + + padding-bottom: 40px; + + border-bottom: 1px solid #E5E5E5; + +} + +.ccbu_li_cont_text{ + + margin-top: 23px; + +} + +.ccbu_li_cont_text .std_title3{ + + line-height: 1.5; + + height: 3em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 2; + + overflow: hidden; + + margin-bottom: 18px; + +} + +.ccbu_li_cont_text .std_btn2 p{ + + color: #333; + +} + +.ccbu_li_cont_text .std_btn2_box_circle { + + border: 1px solid rgba(51, 51, 51, 0.26); + +} + +.case_pop{ + + background: rgba(0,0,0,.7); + +} + +.case_pop .ys_modal_content{ + + width: 1120px; + + padding: 0; + + background: transparent; + + border-radius: 20px; + + max-height: inherit !important; + +} + +.case_pop_bt{ + + padding: 35px 28px 44px 80px; + + background: #fff; + +} + +.cpbw_img{ + + width: 360px; + +} + +.cpbw_img img{ + + width: 100%; + +} + +.cpbw_text{ + + width: calc(100% - 360px); + + padding-right: 85px; + +} + +.cpbw_text_li{ + + margin-bottom: 32px; + +} + +.cpbw_text_li:last-child{ + + margin-bottom: 0; + +} + +.cpbw_text_li h3{ + + font-size: var(--font-title3); + + line-height: 1.4; + + color: #000; + + margin-bottom: 20px; + +} + +.cpbw_text_li p{ + + font-size: 16px; + + line-height: 1.75; + + color: #666; + + margin-bottom: 0 !important; + +} + +.case_pop_bt_wrap { + + max-height: 550px; + + overflow: hidden; + +} + +.case_pop_bt_wrap .mCSB_inside>.mCSB_container { + + margin-right: 0; + + padding-right: 60px; + +} + +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + + width: 2px; + +} + +.yx_rotate4 .slick-list { + + overflow: visible; + +} + +.yx_rotate4 { + + --move: 25px; + + --scale1: 0.05; + +} + +.yx_rotate4_list_nub { + + opacity: 0 !important; + + pointer-events: none; + + z-index: var(--zindex) !important; + + transform-origin: center bottom; + + transition: all 0.36s ease-out !important; + + perspective: 2000px; + +} + +.yx_rotate4_list_nub.prev { + + transform: scale(1) translateY(calc(var(--move) * -1)); + +} + + + +.yx_rotate4_list_nub.slick-active { + + opacity: 1 !important; + + pointer-events: all; + + transform: scale(1) translateY(0); + +} + +.yx_rotate4_list_nub.next1 { + + transform: scale(calc(1 - var(--scale1))) translateY(var(--move)); + + opacity: 1 !important; + + pointer-events: all; + +} + +.yx_rotate4_list_nub.next2 { + + transform: scale(calc(1 - calc(var(--scale1) * 2))) translateY(calc(var(--move) * 2)); + + opacity: 1 !important; + + pointer-events: all; + +} + +.yx_rotate4_list_nub.next { + + transform: scale(calc(1 - calc(var(--scale1) * 3))) translateY(calc(var(--move) * 3)); + +} + +.yx_rotate4_list_nub.prev .itbu_wrap { + + transform: translate3d(0px, -130px, 25px) rotateX(30deg); + +} + +.yx_rotate4_list .slick-track { + + transform-style: preserve-3d; + +} + +.yx_rotate4_list_nub.next1 .itbu_wrap { + + background: #BDD0F5; + +} + +.yx_rotate4_list_nub.next2 .itbu_wrap { + + background: #DBE9FF; + +} + + + +.itbu_wrap { + + transition: all 0.36s; + + width: 100%; + + display: flex; + + flex-wrap: wrap; + + background: var(--main-color); + + border-radius: 20px; + + padding: 75px 75px 65px 92px; + + align-items: center; + + overflow: hidden; + +} + +.itbu_wrap_ri{ + + width: 392px; + + border: 1px solid #5A88FF; + + border-radius: 10px; + + padding: 108px 50px 122px 77px; + +} + +.itbu_wrap_le{ + + width: calc(100% - 392px); + + padding-right: 112px; + +} + +.cpwb_top_dots{ + + width: 56px; + +} + +.cpwb_top_dots img{ + + width: 100%; + +} + +.itbu_wrap_le p{ + + color: #fff; + +} + +.cpwb_top_subin_p1 p{ + + font-weight: bold; + +} + +.cpwb_top_subin{ + + margin-top: 100px; + +} + + + +.itbu_swip{ + + margin-top: 100px; + +} + +.itbu_swip .std_arrow{ + + margin: auto; + +} + +.casedet_custom{ + + position: relative; + + overflow: hidden; + +} + +.casedet_custom::after{ + + content: ""; + + width: 1400px; + + height: 1px; + + background: #DEDEDE; + + position: absolute; + + bottom: 0; + + left: 50%; + + transform: translateX(-50%); + +} + +.casedet_main .casedet_relat{ + + padding-top: 80px; + +} + +.casedet_relat_bt_ul{ + + margin: 0 -18px; + +} + +.casedet_class { + + overflow: hidden; + +} + +.casedet_class h2, + +.casedet_relat h2{ + + color: #101111; + +} + +.crbu_li{ + + width: 25%; + + padding: 0 18px; + + margin-bottom: 30px; + +} + +.crbu_li a{ + + display: block; + + width: 100%; + + height: 100%; + + border-radius: 10px; + + overflow: hidden; + + background-color: #fff; + + box-shadow: 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 2px 6px 0px rgba(186, 203, 238, 0.10); + +} + +.crbu_li_text{ + + padding: 20px 28px 26px; + +} + +.crbu_li_text_tit{ + + font-size: 16px; + + line-height: 1.75; + + color: #333; + + font-weight: bold; + + margin-bottom: 10px; + + height: 1.75em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 1; + + overflow: hidden; + +} + +.crbu_li_text_parga p{ + + font-size: 14px; + + line-height: 1.75; + + color: #666; + + height: 5.25em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 3; + + overflow: hidden; + +} + +.crbu_li_text_lab li{ + + padding: 8px 16px; + + border-radius: 6px; + + background: #E9EEFF; + + display: inline-block; + +} + +.crbu_li_text_lab li p{ + + font-size: 14px; + + line-height: 18px; + + color: var(--main-color); + +} + +.crbu_li_text_lab{ + + margin-top: 15px; + +} + +.crbu_li_tp{ + + position: relative; + +} + +.crbu_li_tp::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: rgba(0,0,0,.2); + + position: absolute; + + top: 0; + + left: 0; + +} + +.crbu_li_tp_logo{ + + z-index: 5; + + width: 162px; + +} + +.casedet_relat_list{ + + padding-bottom: 70px; + + overflow: hidden; + +} + +/* E2-1案例详情-end */ + +/* E1-案例-start */ + +.ys_nyban_btn{ + + text-align: center; + +} + +.ys_nyban_parga{ + + text-align: center; + + width: 63.4%; + + margin: 24px auto 0; + +} + +.ys_nybanner::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%); + + position: absolute; + + top: 0; + + left: 0; + +} + +.ys_nyban_title{ + + z-index: 6; + +} + +.case_main .moe_bread{ + + position: absolute; + + top: 0; + + left: 50%; + + transform: translateX(-50%); + + z-index: 5; + +} + +.case_main .casedet_relat_bt_ul{ + + display: flex; + + align-items: stretch; + + flex-wrap: wrap; + +} + +.case_atlas{ + + background: #F8F9FD; + +} + +.case_atlas_bt_swiper{ + + overflow: visible !important; + + height: 434px; + +} + +.case_atlas_bt { + + width: 814px; + +} + +.cabs_li{ + + border-radius: 20px; + + overflow: hidden; + + position: relative; + + width: 650px !important; + + height: 346px !important; + +} + +.cabs_li_bg{ + + height: 100%; + +} + +.cabs_li_bg img{ + + height: 100%; + + object-fit: cover; + +} + +.cabs_li_text{ + + position: absolute; + + top: 60px; + + width: 100%; + + padding: 0 64px; + +} + +.cabs_li_text .std_title3{ + + color: #fff; + +} + +.cabs_li_text_logo{ + + width: 274px; + +} + +.cabs_li_text_btn{ + + margin-top: 90px; + +} + +.cabs_li .std_title3, + +.cabs_li_text_btn{ + + opacity: 0; + + transition: all .36s; + +} + +.cabs_li.swiper-slide-active .std_title3, + +.cabs_li.swiper-slide-active .cabs_li_text_btn{ + + opacity: 1; + +} + +.cabs_li.swiper-slide-active { + + width: 814px !important; + + height: 434px !important; + + transition: all .6s ease; + +} + +.case_atlas_bt .swiper-pagination{ + + text-align: left; + +} + +.case_atlas_bt .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { + + bottom: -70px; + +} + +.case_atlas_btn{ + + margin-top: 24px; + + display: flex; + + justify-content: end; + + width: var(--width-num); + +} + +.casedet_power{ + + display: flex; + +} + +.casedet_power_li{ + + width: 33.333333%; + + position: relative; + +} + +.casedet_power_mid{ + + position: relative; + +} + +.casedet_power_mid_wrap{ + + border-radius: 6px; + + overflow: hidden; + + background: #FFF; + + box-shadow: 0px 2px 40px 10px rgba(186, 203, 238, 0.10), 0px 2px 40px 10px rgba(186, 203, 238, 0.25), 0px 2px 40px 9px rgba(186, 203, 238, 0.25); + +} + +.cpmw_img{ + + width: 100%; + +} + +.cpmw_img img{ + + width: 100%; + +} + +.cpmw_text{ + + padding: 92px; + + text-align: center; + + background: #fff; + + overflow: hidden; + +} + +.cpmw_text h2{ + + text-align: center; + +} + +.casedet_power_mid_bg{ + + position: absolute; + + bottom: -56px; + + left: -143px; + +} + +.mod_bg{ + + width: 244px; + +} + +.mod_bg img{ + + width: 100%; + +} + + + +.cplu_li.border{ + + border: 1px solid #E1E1E1; + +} + +.cplu_li0{ + + width: 84px; + +} + +.cplu_li1,.cplu_li3s{ + + width: 110px; + +} + +.cplu_li2,.cplu_li5s{ + + width: 117px; + +} + +.cplu_li3{ + + width: 132px; + +} + +.cplu_li4{ + + width: 160px; + +} + +.cplu_li5,.cplu_li6s{ + + width: 126px; + +} + +.cplu_li{ + + border-radius: 11px; + + overflow: hidden; + + position: absolute; + + animation: jumping 3.4s ease-in-out infinite; + +} + +.cplu_li img{ + + width: 100%; + +} + +.casedet_power_le{ + + position: relative; + +} + +.casedet_power_le_ul{ + + position: absolute; + + top: 0; + + left: 0; + + width: 100%; + + height: 100%; + +} + +.cplu_li1s{ + + width: 135px; + +} + +.cplu_li2s{ + + width: 106px; + +} + +.cplu_li4s{ + + width: 95px; + +} + +.cplu_li7s{ + + width: 138px; + +} + +@keyframes jumping { + + 0% { + + transform: translateY(0) + + } + + + + 50% { + + transform: translateY(15px) + + } + + + + to { + + transform: translateY(0) + + } + +} + +.cplu_li:nth-child(1){ + + animation-delay: .25s; + +} + +.cplu_li:nth-child(2){ + + animation-delay: .5s; + +} + +.cplu_li:nth-child(3){ + + animation-delay: .75s; + +} + +.cplu_li:nth-child(4){ + + animation-delay: 1s; + +} + +.cplu_li:nth-child(5){ + + animation-delay: 1.25s; + +} + +.cplu_li:nth-child(6){ + + animation-delay: 1.5s; + +} + +.cplu_li:nth-child(7){ + + animation-delay: 1.75s; + +} + +.cplu_li:nth-child(8){ + + animation-delay: 2s; + +} + +.cplu_li:nth-child(9){ + + animation-delay: 2.5s; + +} + +/* E1-案例-end */ + +/* D1-1智能服务-start */ + +.service_main .scene_info .ys_cont1400{ + + align-items: flex-start; + +} + +.service_team{ + + background: #171C2C; + + overflow: hidden; + +} + +.service_team h2{ + + text-align: center; + + color: #fff; + + padding-top: 88px; + +} + +.yx_rotate5 .itbu_wrap{ + + padding: 0; + + align-items: flex-start; + +} + +.yx_rotate5 .itbu_wrap_le { + + width: 57%; + + padding-right: 0; + +} + +.yx_rotate5 .itbu_wrap_ri{ + + width: 43%; + + border: none; + + padding: 70px; + +} + +.yx_rotate5 .itbu_wrap_ri .std_title3{ + + color: #fff; + +} + +.yx_rotate5 .itbu_wrap_ri p{ + + color: #fff; + +} + +.service_team .yx_rotate5{ + + margin-top: 78px; + + position: relative; + +} + +.yx_rotate4_list_nub:not(:first-child){ + + display: none; + +} + +.yx_rotate5 .yx_rotate4_list_nub { + + box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); + +} + +.yx_rotate5 .yx_rotate4_list_nub.next1 .itbu_wrap { + + background: #42649D; + +} + +.yx_rotate5 .yx_rotate4_list_nub.next2 .itbu_wrap { + + background: #2E4163; + +} + +.yx_rotate5 .yx_rotate4_list_nub.next1 .itbu_wrap_le { + + opacity: 0; + +} + +.yx_rotate5 .yx_rotate4_list_nub.next2 .itbu_wrap_le { + + opacity: 0; + +} + +.yx_rotate5 .std_arrow_icon{ + + border: 1px solid #fff !important; + +} + +.yx_rotate5 .itbu_swip{ + + margin-top: 0; + + position: absolute; + + bottom: 64px; + + z-index: 5; + + left: calc(57% + 70px); + +} + +.service_labora{ + + width: 100%; + + height: 200vh; + + position: relative; + + /* overflow: hidden; */ + +} + +.service_labora_wrap{ + + height: calc(100vh - 90px); + + display: flex; + + align-items: center; + + justify-content: center; + + width: 100% !important; + +} + +.service_labora{ + + transition: background 1s, transform 1s cubic-bezier(0.7, 0.02, 0.25, 1); + +} + +.service_labora.change{ + + background: #171C2C; + +} + +.service_labora h2{ + + text-align: center; + + color: #000; + + transition: all .36s; + +} + +.service_labora.change h2{ + + color: #fff; + +} + +.service_labora_bt{ + + margin-top: 135px; + +} + +.service_labora_wrap_cont{ + + position: relative; + + top: -30px; + +} + +.newdet_prog_bt .hnbu_li:nth-child(3n+3){ + + border-right: 1px solid #e5e5e5; + +} + +.service_custom{ + + background: var(--main-color); + + overflow: hidden; + +} + +.service_custom h2{ + + text-align: center; + + color: #fff; + +} + +.service_custom .itbu_wrap{ + + background: #fff; + + box-shadow: 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 2px 6px 0px rgba(186, 203, 238, 0.10); + +} + +.service_custom .itbu_wrap_ri{ + + border: 1px solid #fff; + +} + +.service_custom .itbu_wrap_le p{ + + color: #666; + +} + +.service_custom .cpwb_top_subin_p1 p{ + + color: #333; + +} + +.service_custom .yx_rotate4_list_nub.next1 .itbu_wrap { + + background: #fff; + + opacity: 0.4; + +} + +.service_custom .yx_rotate4_list_nub.next2 .itbu_wrap { + + background: #fff; + + opacity: 0.2; + +} + +.service_custom .std_arrow_icon{ + + border: 1px solid #fff !important; + +} + +.scene_flow{ + + background: #F8F9FD; + + overflow: hidden; + +} + +.scene_flow_wrap_circle{ + + width: 573px; + + height: 573px; + + margin: auto; + + position: relative; + +} + +.sfwc_bg{ + + width: 100%; + +} + +.sfwc_bg img{ + + width: 100%; + +} + +.sfwc_cont{ + + width: 60%; + + height: 60%; + + border-radius: 50%; + + display: flex; + + justify-content: center; + + align-items: center; + + background: #FFF; + + box-shadow: 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 2px 6px 0px rgba(186, 203, 238, 0.10); + +} + +.sfwc_cont_text h2{ + + text-align: center; + +} + +.sfwc_cont_text p{ + + text-align: center; + + margin-top: 24px; + +} + +.sfwc_circle { + + width: 88%; + + pointer-events: none; + +} + +.sfwc_circle img{ + + width: 100%; + + animation: circleRotate 14s linear both infinite; + +} + +@keyframes circleRotate{ + + 0%{ + + transform: rotate(0); + + } + + 100%{ + + transform: rotate(1turn); + + } + +} + +.scene_flow_wrap{ + + position: relative; + +} + +@keyframes textLeft{ + + 0%{ + + opacity: 0; + + transform: translateX(-50px); + + } + + 100%{ + + opacity: 1; + + transform: translateX(0px); + + } + +} + +@keyframes textRight{ + + 0%{ + + opacity: 0; + + transform: translateX(50px); + + } + + 100%{ + + opacity: 1; + + transform: translateX(0px); + + } + +} + +.itemleft{ + + animation: textLeft .8s ease-in-out both .1s; + +} + +.itemright{ + + animation: textRight .8s ease-in-out both .1s; + +} + +.sfwt_ul_li_icon{ + + width: 152px; + + height: 152px; + + border-radius: 50%; + + position: relative; + +} + +.sfwt_ul_li_icon img{ + + width: 42%; + + position: absolute; + + top: 50%; + + left: 50%; + + transform: translate(-50%,-50%); + +} + +.sfwt_ul_li:nth-child(1) .sfwt_ul_li_icon{ + + background: #00368D; + +} + +.sfwt_ul_li:nth-child(2) .sfwt_ul_li_icon{ + + background: #AACAFF; + +} + +.sfwt_ul_li:nth-child(3) .sfwt_ul_li_icon{ + + background: #6FA2F5; + +} + +.sfwt_ul_li:nth-child(4) .sfwt_ul_li_icon{ + + background: var(--main-color); + +} + +.sfwt_ul_li:nth-child(5) .sfwt_ul_li_icon{ + + background: #0F69FE; + +} + +.sfwt_ul_li:nth-child(6) .sfwt_ul_li_icon{ + + background: #004CC8; + +} + +.sfwt_ul_li_text .std_title3{ + + text-align: right; + +} + +.sfwt_ul_li_text p{ + + margin-top: 8px; + + text-align: right; + +} + +.sfwt_ul_li_text{ + + width: 336px; + + padding-right: 60px; + +} + +.sfwt_ul_li{ + + display: flex; + + align-items: center; + + flex-direction: row-reverse; + + position: absolute; + + pointer-events: all; + +} + +.sfwt_ul_li_wrap{ + + display: flex; + + align-items: center; + + flex-direction: row-reverse; + +} + +.right_side .sfwt_ul_li_wrap{ + + flex-direction: row; + +} + +.right_side .std_title3, + +.right_side .sfwt_ul_li_text p{ + + text-align: left; + +} + +.right_side .sfwt_ul_li_text{ + + padding-right: 0; + + padding-left: 60px; + +} + +.scene_flow_wrap_text{ + + position: absolute; + + top: 0; + + left: 0; + + width: 100%; + + height: 100%; + + pointer-events: none; + +} + +.sfwt_ul_li:nth-child(1){ + + top: -5%; + + right: 63.9%; + +} + +.sfwt_ul_li:nth-child(2){ + + top: -5%; + + left: 63.9%; + +} + +.sfwt_ul_li:nth-child(3){ + + top: 50%; + + transform: translateY(-50%); + + left: 87.1%; + +} + +.sfwt_ul_li:nth-child(4){ + + bottom: -5%; + + left: 63.9%; + +} + +.sfwt_ul_li:nth-child(5){ + + bottom: -5%; + + right: 63.9%; + +} + +.sfwt_ul_li:nth-child(6){ + + top: 50%; + + transform: translateY(-50%); + + right: 87.1%; + +} + +.service_labora_bt_swiper{ + + width: 700px; + + margin: auto; + + overflow: visible !important; + +} + +.slbs_li{ + + border-radius: 20px; + + overflow: hidden; + + position: relative; + + transition: all .6s ease; + +} + +.slbs_li::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: linear-gradient(180deg, rgba(35, 122, 228, 0.00) 47.97%, rgba(35, 122, 228, 0.80) 100%); + + position: absolute; + + bottom: 0; + + left: 0; + +} + +.slbs_li.swiper-slide-active{ + + transform: scale(1.32); + +} + +.service_ours{ + + height: 400vh; + + position: relative; + + /* overflow: hidden; */ + + background: #171C2C; + +} + +.service_ours_wrap{ + + height: calc(100vh - 90px); + + display: flex; + + align-items: center; + +} + +.service_ours h2{ + + text-align: center; + + color: #fff; + +} + +.sobu_li_wrap .ys_imgbox_cover{ + + width: 43%; + + opacity: 0; + + visibility: hidden; + + transition: 0.3s; + +} + +.sobu_li.swiper-slide-active .sobu_li_wrap .ys_imgbox_cover { + + opacity: 1; + + visibility: visible; + + transition: 0.4s 0.3s; + +} + +.sobu_li_text{ + + width: 57%; + + padding: 0 130px; + +} + +.sobu_li_text_tit{ + + color: #fff; + +} + +.sobu_li_text_parga1 p{ + + color: #fff; + + margin-bottom: 28px; + +} + +.sobu_li_text_parga1 p:last-child{ + + margin-bottom: 0; + +} + +.sobu_li_text_parga1 span{ + + font-weight: bold; + + display: block; + + line-height: 1.75; + +} + +.sobu_li_wrap{ + + display: flex; + + align-items: center; + + flex-wrap: wrap; + +} + +.service_ours_bt{ + + margin-top: 97px; + + position: relative; + +} + +.service_ours_bt .swiper-pagination{ + + left: auto !important; + + right: 0; + + width: auto !important; + + top: 50%; + + transform: translateY(-50%); + + bottom: auto !important; + +} + +.service_ours_bt_swiper .swiper-pagination-bullet { + + width: 8px; + + height: 8px; + + background: transparent; + + opacity: 1; + + border: 1px solid #fff; + + display: block; + + transition: all .3s ease-out 0s; + +} + +.service_ours_bt .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { + + margin: 6px 0 !important; + +} + +.service_ours_bt_swiper .swiper-pagination-bullet-active { + + background: var(--main-color); + + border: 1px solid var(--main-color); + +} + +.sobu_li_text_tit{ + + opacity: 0; + + visibility: hidden; + + transform: translateY(40px); + + transition: transform 0s 0.3s,opacity 0.1s,visibility 0.1s; + +} + +.sobu_li.swiper-slide-active .sobu_li_text_tit{ + + opacity: 1; + + visibility: visible; + + transform: translateY(0); + + transition: 0.3s 0.3s; + +} + +.sc-im-content p { + + opacity: 0; + + visibility: hidden; + + transform: translateY(40px); + + transition: 0s; + +} + +.sobu_li_text_parga1{ + + opacity: 0; + + visibility: hidden; + + transform: translateY(40px); + + transition: 0s; + +} + +.sobu_li.swiper-slide-active .sobu_li_text_parga1 { + + opacity: 1; + + visibility: visible; + + transform: translateY(0); + + transition: 0.3s 0.45s; + +} + +/* D1-1智能服务-end */ + + + +/* H6-1加入我们-start */ + +.join_organ{ + + overflow: hidden; + +} + +.join_organ h2{ + + text-align: center; + +} + +.jobu_li{ + + width: 50%; + + padding: 0 25px; + + margin-bottom: 76px; + +} + +.join_organ_bt_ul{ + + display: flex; + + flex-wrap: wrap; + + margin: 0 -25px; + +} + +.jobu_li_cont{ + + width: 100%; + + cursor: pointer; + + border-radius: 20px; + + position: relative; + + overflow: hidden; + +} + +.jobu_li_cont::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 33.07%); + + position: absolute; + + top: 0; + + left: 0; + + transition: all .36s; + +} + +.jobu_li_cont::before{ + + content: ""; + + width: 100%; + + height: 100%; + + background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 9.15%, rgba(0, 0, 0, 0.00) 54.73%); + + position: absolute; + + top: 0; + + left: 0; + + transition: all .36s; + + opacity: 0; + + z-index: 1; + +} + +.jlct_btn{ + + text-align: center; + +} + +.jobu_li_cont_text{ + + width: 100%; + + padding: 0 56px; + + z-index: 5; + + bottom: 70px; + +} + +.jlct_parga p, + +.jobu_li_cont_text .std_title3{ + + color: #fff; + + text-align: center; + +} + +.jlct_btn{ + + text-align: center; + + margin-top: 38px; + +} + +.jlct_parga{ + + margin-top: 14px; + +} + +.jlct_parga p{ + + height: 5.25em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 3; + + overflow: hidden; + +} + +.jlct_info{ + + display: none; + +} + +.join_thoro_img{ + + width: 83%; + + margin: auto; + +} + +.join_thoro_img img{ + + width: 100%; + +} + +.join_thoro h2{ + + text-align: center; + +} + +.join_thoro{ + + padding-top: 54px; + + position: relative; + + z-index: 1; + + overflow: hidden; + +} + +.join_thoro::after{ + + content: ""; + + width: 100%; + + height: calc(100% + 414px); + + background: linear-gradient(0deg, #F9FAFF 0%, rgba(243, 247, 255, 0.00) 50%); + + position: absolute; + + bottom: 0; + + left: 0; + + z-index: -1; + +} + +.join_activity{ + + padding-top: 80px; + + padding-bottom: 100px; + + background-color: var(--main-color); + + overflow: hidden; + +} + +.join_activity h2{ + + text-align: center; + + color: #fff; + +} + +.jabu_li{ + + width: 50%; + + margin-bottom: 33px; + +} + +.join_activity_bt_ul{ + + display: flex; + + align-items: stretch; + + flex-wrap: wrap; + +} + +.jabu_li_cont{ + + width: 100%; + + height: 100%; + + border-radius: 10px; + + background: #FFF; + + box-shadow: 0px 10px 16px 0px rgba(26, 66, 138, 0.06); + + padding: 45px 56px 56px 40px; + + overflow: hidden; + +} + +.jabu_li_cont_icon{ + + width: 50px; + + height: 50px; + + border-radius: 50%; + + position: relative; + +} + +.jabu_li:nth-child(4n+1) .jabu_li_cont_icon{ + + background: var(--main-color); + +} + +.jabu_li:nth-child(4n+2) .jabu_li_cont_icon{ + + background: #171C2C; + +} + +.jabu_li:nth-child(4n+3) .jabu_li_cont_icon{ + + background: #4FFEB6; + +} + +.jabu_li:nth-child(4n+4) .jabu_li_cont_icon{ + + background: #7856FF; + +} + +.jlci_pic{ + + position: absolute; + + top: 50%; + + left: 50%; + + transform: translate(-50%,-50%); + + width: 30px; + +} + +.jabu_li_cont_text{ + + width: calc(100% - 50px); + + padding-left: 43px; + +} + +.jlct_parga1{ + + margin-top: 20px; + +} + +.viewer-button{ + + background-color: var(--main-color) !important; + +} + +.college_train { + + overflow: hidden; + +} + +.join_altas .college_train_list_ul { + + width: calc((500px * var(--width-shu)) + (20px *var(--width-shu))); + +} + +.join_altas .ctlu_li { + + width: 500px; + + margin-right: 20px; + +} + +.join_contact { + + overflow: hidden; + +} + +.join_contact_wrap_img{ + + width: 59.6%; + +} + +.join_contact_wrap_img img{ + + width: 100%; + +} + +.join_contact_wrap_text{ + + width: 40.4%; + + padding-left: 90px; + + padding-right: 78px; + +} + +.join_contact_wrap{ + + border-radius: 20px; + + overflow: hidden; + + background-color: #171C2C; + + display: flex; + + align-items: center; + +} + +.join_contact_wrap_text h2{ + + color: #fff; + +} + +.jcwt_parga p{ + + color: #CBCEDD; + +} + +.jcwt_parga{ + + margin-top: 25px; + +} + +.jcwt_btn{ + + margin-top: 120px; + +} + +.organ_pop{ + + background: rgba(0,0,0,.7); + +} + +.ys_modal_content{ + + padding: 0 !important; + + max-height: inherit !important; + + background: transparent; + + border-radius: 20px; + +} + +.organ_pop .course_pop_bt{ + + padding-bottom: 80px; + +} + +.organ_pop .course_pop_bt p{ + + margin-bottom: 12px; + +} + +.course_pop_bt p img{ + + width: 100%; + +} + +.join_wealth_cont{ + + padding-top: 75px; + +} + +.join_wealth_cont_parga{ + + width: 38.4%; + + margin: 40px auto 0; + + text-align: center; + +} + +.join_wealth_cont h1{ + + text-align: center; + + color: #000; + +} + +.join_wealth_cont_btn{ + + margin-top: 70px; + + text-align: center; + +} + +.join_wealth_cont_bt{ + + display: flex; + +} + +.jwcb_li_cont{ + + position: relative; + +} + +.jwcb_li_cont_img{ + + width: 100%; + + border-radius: 20px; + + overflow: hidden; + +} + +.jwcb_li img{ + + width: 100%; + + transition: all .36s; + +} + +.jwcb_li_cont video{ + + border-radius: 20px; + + overflow: hidden; + +} + + + +video{ + + background: transparent; + +} + +.jwcb_li1{ + + width: 42%; + + margin-top: 11px; + +} + +.jwcb_li2{ + + width: 25.2%; + + margin-top: 66px; + +} + +.jwcb_li3{ + + width: 32.8%; + +} + +.jwcb_li_cont_icon{ + + width: 118px; + + position: absolute; + + cursor: pointer; + + top: -70px; + + left: -60px; + + z-index: 5; + +} + +.jwcb_li_cont_icon img{ + + width: 100%; + +} + +.jwcb_li_cont_bg{ + + position: absolute; + + left: -130px; + + bottom: -38px; + +} + +.jwcb_li_cont_bg img{ + + width: 100%; + +} + +.join_data_wrap{ + + position: relative; + + /* overflow: hidden; */ + +} + +.jdwl_cont{ + + width: 420px; + + height: 200px; + + position: relative; + +} + +.join_data_wrap_li1 .jdwl_cont{ + + background: linear-gradient(270deg, rgba(0, 211, 161, 0.31) 0%, rgba(0, 211, 161, 0.00) 100%); + +} + +.join_data_wrap_li2 .jdwl_cont{ + + background: linear-gradient(270deg, rgba(35, 122, 228, 0.53) 0%, rgba(35, 122, 228, 0.00) 100%); + +} + +.join_data_wrap_li3 .jdwl_cont{ + + background: linear-gradient(270deg, rgba(0, 11, 107, 0.44) 0%, rgba(0, 9, 95, 0.00) 97.14%); + +} + +.jdwl_cont_circle{ + + width: 200px; + + height: 200px; + + border-radius: 50%; + + text-align: center; + + display: flex; + + align-items: center; + + justify-content: center; + + position: absolute; + + right: -100px; + +} + +.join_data_wrap_li1 .jdwl_cont_circle{ + + background: #00D0C4; + +} + +.join_data_wrap_li2 .jdwl_cont_circle{ + + background: var(--main-color); + +} + +.join_data_wrap_li3 .jdwl_cont_circle{ + + background: #28314F; + +} + +.jdwl_cont_circle .std_title1, + +.jdwl_cont_circle p{ + + color: #fff; + +} + +.jdwl_cont_circle .std_title1{ + + font-family: 'robotomedium'; + +} + +.join_data_wrap_li { + + position: relative; + +} + +.join_data_wrap_li::after{ + + content: ""; + + width: 100%; + + height: 1px; + + background: #DEDEDE; + + position: absolute; + + top: 50%; + + left: 0; + + transform: translateY(-50%); + + z-index: -1; + +} + +.jdwl_icon_bg{ + + width: 50px; + + height: 50px; + + border-radius: 50%; + + position: absolute; + + top: 50%; + + transform: translateY(-50%); + +} + +.jdwl_icon img{ + + width: 54px; + + position: absolute; + + top: 50%; + + transform: translateY(-50%); + +} + +.join_data_wrap_li1 .jdwl_icon_bg{ + + background: #00D0C4; + +} + +.join_data_wrap_li2 .jdwl_icon_bg{ + + background: var(--main-color); + + left: 75.9%; + +} + +.join_data_wrap_li3 .jdwl_icon_bg{ + + background: #28314F; + + left: 0; + +} + +.join_data_wrap_li1 .jdwl_icon_bg1{ + + left: 9%; + +} + +.join_data_wrap_li1 .jdwl_icon_bg2{ + + right: 8.6%; + +} + +.join_data_wrap_li1 .jdwl_icon img{ + + left: 70.6%; + +} + +.join_data_wrap_li2 .jdwl_icon img{ + + left: 11.4%; + +} + +.join_data_wrap_li3 .jdwl_icon img{ + + left: 81.4%; + +} + +@keyframes leftEffect1{ + + 0%{ + + left: -80%; + + } + + 100%{ + + left: 13%; + + } + +} + +@keyframes leftEffect2{ + + 0%{ + + left: -80%; + + } + + 100%{ + + left: 0%; + + } + +} + +@keyframes leftEffect3{ + + 0%{ + + left: -80%; + + } + + 100%{ + + left: 27%; + + } + +} + +.jdwl_cont{ + + left: -80%; + +} + +.join_data_wrap.act .join_data_wrap_li1 .jdwl_cont{ + + animation: leftEffect1 1.5s linear both; + +} + +.join_data_wrap.act .join_data_wrap_li2 .jdwl_cont{ + + animation: leftEffect2 1.5s linear both; + +} + +.join_data_wrap.act .join_data_wrap_li3 .jdwl_cont{ + + animation: leftEffect3 1.5s linear both; + +} + +.join_value_img{ + + width: 100%; + + height: calc(100vh - 90px); + + overflow: hidden; + + /* position: sticky; + + top: 90px; */ + +} + +.join_value_img_bg1,.join_value_img_bg2 { + + height: 100%; + +} + +.join_value_img_bg1 { + + position: relative; + +} + +.join_value_img_bg1::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 53.22%); + + position: absolute; + + top: -2px; + + left: 0; + +} + +.join_value_img img{ + + width: 100%; + + height: 100%; + + object-fit: cover; + +} + +.join_value_img_bg2{ + + width: 100%; + +} + +.join_wealth { + + padding-bottom: 100px; + + overflow: hidden; + +} + +.jvul_cont{ + + padding: 54px 62px 57px 66px; + + border-radius: 20px; + + background: #171C2C; + + overflow: hidden; + + transform-origin: top; + +} + +.join_value_ul{ + + width: 633px; + +} + +.jvul_cont_tp .std_title2{ + + color: #fff; + + width: calc(100% - 85px); + + padding-right: 30px; + +} + +.jvul_cont_tp img{ + + width: 85px; + +} + +.jvul_cont_tp{ + + display: flex; + + align-items: flex-start; + +} + +.jvul_cont_bt p{ + + color: #fff; + + height: 8.75em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 5; + + overflow: hidden; + +} + +.join_value.isfixed .join_value_img { + + position: fixed; + + top: 90px; + +} + +.join_value.isfixed.notfixed .join_value_img { + + position: absolute; + + top: auto; + + bottom: 0; + +} + +.join_value_ul_li{ + + position: sticky; + + top: 300px; + + padding-bottom: 114px; + +} + +/* .join_value_ul_li:nth-child(1){ + + top: 300px; + +} + +.join_value_ul_li:nth-child(2){ + + top: 300px; + +} + +.join_value_ul_li:last-child{ + + padding-bottom: 170px; + +} */ + +.join_main .mod_content{ + + overflow: inherit; + +} + +.join_html,.join_body{ + + overflow: inherit !important; + +} + +.join_altas { + + overflow: hidden; + +} + +.join_value{ + + position: relative; + + height: 200vh; + +} + +.join_value .ys_cont1400{ + + position: relative; + + z-index: 5; + + display: flex; + + align-items: center; + + padding-top: 170px; + + height: 100%; + +} + +.join_value_img_bg1{ + + height: auto; + +} + +/* H6-1加入我们-end */ + +/* B1-1行业解决方案-石化汇总页-start */ + +body{ + + height: auto !important; + +} + +.solu_main .moe_bread { + + z-index: 5; + + position: absolute; + + top: 0; + + left: 50%; + + transform: translateX(-50%); + +} + +.solu_main .ys_bread_list a{ + + color: #fff; + + opacity: .6; + +} + +.solu_main .ys_bread_list:last-child a { + + color: #fff; + + opacity: 1; + +} + +.ys_nyban_btn .std_btn1 { + + margin-right: 40px; + + cursor: pointer; + +} + +.ys_nyban_btn .std_btn1:last-child{ + + margin-right: 0; + +} + +.solu_main .ys_nyban_parga{ + + margin: 34px auto 0; + + width: 50%; + +} + +.service_industry { + + background: #F8F9FD; + + overflow: hidden; + +} + +.sibu_li{ + + width: 33.333333%; + +} + +.sibu_li_img{ + + border-radius: 20px; + + overflow: hidden; + +} + +.sibu_li_text{ + + margin-top: 23px; + + + +} + +.sibu_li_text .std_title3{ + + margin-bottom: 18px; + + height: 2.8em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 2; + + overflow: hidden; + + transition: all .36s; + +} + +.sibu_li_text .std_btn2 p{ + + color: #333; + +} + +.sibu_li_text .std_btn2_box_circle{ + + border: 1px solid rgba(51, 51, 51, 0.26); + +} + +.service_support{ + + background: var(--main-color); + + overflow: hidden; + +} + +.service_support_parga p{ + + width: 71%; + + margin: auto; + +} + +.service_support h2, + +.service_support_parga p{ + + color: #fff; + + text-align: center; + +} + +.ssbu_lis a{ + + width: 100%; + + position: relative; + + display: block; + +} + +.ssbu_lis a::after{ + + content: ""; + + width: 100%; + + height: 100%; + + border-radius: 20px; + + background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 33.07%); + + position: absolute; + + top: 0; + + left: 0; + + transition: all .36s; + +} + +.ssbu_lis a::before{ + + content: ""; + + width: 100%; + + height: 100%; + + border-radius: 20px; + + background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 9.15%, rgba(0, 0, 0, 0.00) 54.73%); + + position: absolute; + + top: 0; + + left: 0; + + transition: all .36s; + + opacity: 0; + + z-index: 5; + +} + +.ssbu_li_wrap_text .std_btn2_box_circle{ + + border: 1px solid rgba(255, 255, 255, 0.26); + +} + +.slwt_parga p{ + + color: #fff; + +} + +.slwt_parga{ + + margin-top: 23px; + + margin-bottom: 33px; + +} + +.ssbu_li_wrap{ + + position: relative; + +} + +.ssbu_li_wrap_text{ + + width: 100%; + + padding: 0 50px; + + z-index: 5; + + bottom: 50px; + +} + +.ssbu_li_wrap_text .std_title3{ + + color: #fff; + +} + +.ssbu_lis{ + + width: 50%; + +} + +.service_support_bt_ul{ + + display: flex; + + flex-wrap: wrap; + +} + +/* .slwt_info{ + + display: none; + +} */ + +.ssbu_lis.act a::before{ + + opacity: 0.7; + +} + +.ssbu_lis.act a::after{ + + opacity: 0; + +} + +.service_arrange h2{ + + text-align: center; + +} + +.service_arrange .service_support_parga p{ + + color: #666; + +} + +.satu_li_cont p{ + + font-weight: bold; + + line-height: 58px; + + transition: all .36s; + +} + +.satu_li_cont .std_title3{ + + background: var(--jb, linear-gradient(90deg, #257CFF -0.88%, #70E3D6 51.07%, #96CD32 97.88%)); + + background-clip: text; + + -webkit-background-clip: text; + + -webkit-text-fill-color: transparent; + + margin-right: 8px; + + font-family: 'montserratbold'; + +} + +.satu_li_cont{ + + display: flex; + + align-items: center; + + justify-content: center; + +} + +.service_arrange_tab{ + + border-radius: 50px; + + background: #F8F9FD; + +} + +.satu_li{ + + width: 33.333333% !important; + + cursor: pointer; + + position: relative; + + z-index: 1; + +} + +.service_arrange_tab_ul { + + display: flex; + +} + +.satu_li::after{ + + content: ""; + + width: 100%; + + height: calc(100% + 12px); + + border-radius: 50px; + + background: var(--main-color); + + position: absolute; + + top: -6px; + + left: 0; + + transition: all .36s; + + z-index: -1; + + opacity: 0; + +} + +.satu_li.act::after{ + + opacity: 1; + +} + +.satu_li.act .std_title3, + +.satu_li.act p{ + + color: #fff; + + -webkit-text-fill-color:inherit; + +} + +/* .service_arrange_list{ + + margin-top: 86px; + +} */ + +.salu_li{ + + animation: fadeInUp .8s ease-in-out both .1s; + +} + +.salu_li:not(:first-child){ + + display: none; + +} + +.slwi_pic{ + + border-radius: 20px; + + overflow: hidden; + +} + +.slwi_pic img{ + + width: 100%; + +} + +.salu_li_wrap_img{ + + width: 49%; + + position: relative; + + z-index: 1; + +} + +.salu_li_wrap_text{ + + width: 51%; + + padding-right: 110px; + +} + +.slwi_bg{ + + width: 270px; + + position: absolute; + + left: -104px; + + bottom: -55px; + + z-index: -1; + +} + +.slwi_bg img{ + + width: 100%; + +} + +.salu_li_btn{ + + text-align: center; + + margin-top: 32px; + +} + +.salu_li_btn .std_btn2_box_circle { + + border: 1px solid rgba(51, 51, 51, 0.26); + +} + +.salu_li_btn .std_btn2 p { + + color: #333; + +} + +.salu_li_wrap{ + + display: flex; + + align-items: center; + + flex-wrap: wrap; + +} + +.salu_li_wrap .std_btn2{ + + margin-top: 80px; + +} + +.salu_li_wrap .std_btn2 p{ + + color: #333; + +} + +.salu_li_wrap .std_btn2_box_circle { + + border: 1px solid rgba(51, 51, 51, 0.26); + +} + +.slsu_li{ + + width: 25%; + +} + +.slsu_li a{ + + display: block; + + width: 100%; + + height: 100%; + + border-radius: 20px; + + box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); + + overflow: hidden; + + background: #fff; + + position: relative; + +} + +.slsu_li_text .std_parga1{ + + color: #000; + + margin-bottom: 20px; + +} + +.slsu_li_text .std_btn2{ + + position: absolute; + + bottom: 45px; + + left: 30px; + +} + +.slsu_li_text ul{ + + margin-block-start: 0; + + margin-block-end: 0; + + margin-inline-start: 0; + + margin-inline-end: 0; + + padding-inline-start: 18px; + + padding-bottom: 77px; + +} + +.slsu_li_text ul li{ + + list-style-type: disc; + +} + +.slsu_li_text ul li::marker{ + + color: rgba(0, 0, 0, 0.60); + +} + +.slsu_li_text ul p{ + + font-size: 14px; + + line-height: 1.75; + + color: rgba(0, 0, 0, 0.60); + +} + +.slsu_li_text{ + + padding: 30px 10px 45px 30px; + +} + +.slsu_li_text .std_btn2 p{ + + color: #333; + + font-size: 16px; + +} + +.slsu_li_text .std_btn2_box_circle { + + border: 1px solid rgba(51, 51, 51, 0.26); + +} + +.salu_li_slick_ul .slick-track{ + + display: flex; + + align-items: stretch; + +} + +.salu_li_slick_ul .slick-list, + +.sibl_ul .slick-list{ + + overflow: visible; + +} + +.service_arrange_list .sibl_ul{ + + display: block; + +} + +.salu_li_slick,.salu_li_slick1{ + + position: relative; + +} + +.salu_li_slick .std_arrow, + +.salu_li_slick1 .std_arrow{ + + width: 100%; + + pointer-events: none; + + position: absolute; + + top: 50%; + + transform: translateY(-50%); + + z-index: 8; + +} + +.salu_li_slick .std_arrow_icon, + +.salu_li_slick1 .std_arrow_icon{ + + pointer-events: all; + +} + +.salu_li_slick .std_arrow_prev, + +.salu_li_slick1 .std_arrow_prev{ + + left: -100px; + +} + +.salu_li_slick .std_arrow_next, + +.salu_li_slick1 .std_arrow_next{ + + right: -100px; + +} + +.service_arrange { + + position: relative; + + overflow: hidden; + +} + +.service_arrange::before{ + + content: ""; + + width: calc(50% - 700px); + + height: 100%; + + background: #fff; + + position: absolute; + + top: 0; + + left: -20px; + + z-index: 5; + +} + +.service_arrange::after{ + + content: ""; + + width: calc(50% - 700px); + + height: 100%; + + background: #fff; + + position: absolute; + + top: 0; + + right: -20px; + + z-index: 5; + +} + +.salu_li_slick1 .sibl_ul_li { + + width: 25%; + + margin-bottom: 0; + +} + +.service_case { + + overflow: hidden; + +} + +.service_case h2{ + + text-align: center; + + transition: all .36s; + +} + +.service_case.change h2{ + + color: #fff; + +} + +.service_case.change .scbu_li a{ + + background: #fff; + +} + +.service_case.change .scbu_li_text div, + +.service_case.change .scbu_li_text_parga p{ + + color: var(--main-color); + +} + +.service_case.change .std_btn2 p{ + + color: var(--main-color); + +} + +.service_case.change .std_btn2_box_circle { + + border: 1px solid rgba(57, 129, 247, 0.26); + +} + +.service_case.change .sbbc_icon img:nth-child(2){ + + opacity: 1; + +} + +.scbu_li a{ + + width: 100%; + + height: 100%; + + display: flex; + + flex-wrap: wrap; + + background: var(--main-color); + + border-radius: 16px; + + overflow: hidden; + + transition: background 1s, transform 1s cubic-bezier(0.7, 0.02, 0.25, 1); + +} + +.scbu_li_img{ + + width: 60%; + +} + +.scbu_li_text{ + + width: 40%; + + padding: 90px 54px 102px 68px; + +} + +.scbu_li_text div, + +.scbu_li_text_parga p{ + + color: #fff; + + transition: all .36s; + +} + +.scbu_li_text_parga{ + + margin-top: 17px; + +} + +.scbu_li_text .std_btn2{ + + margin-top: 98px; + +} + +.scbu_li_text_parga p{ + + height: 7em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 4; + + overflow: hidden; + +} + +.solu_main .ys_bread_list::before { + + background: url(../images/d1_arrow2.svg) center / cover no-repeat; + +} + +.solu_main .ys_nybanner::after{ + + background: rgba(0,0,0,.3); + +} + +.sctu_li{ + + width: 12.5%; + + cursor: pointer; + + padding: 0 30px; + +} + +.sctu_li img:nth-child(2){ + + opacity: 0; + +} + +.sctu_li.slick-current img:nth-child(1){ + + opacity: 0; + +} + +.sctu_li.slick-current img:nth-child(2){ + + opacity: 1; + +} + +.service_case_tab_ul{ + + margin: 0 -30px; + +} + +.service_case_tab_ul .slick-track{ + + margin: auto; + +} + +.service_case_bt{ + + margin-top: 25px; + + border-radius: 16px; + + overflow: hidden; + +} + +/* B1-1行业解决方案-石化汇总页-end */ + +/* F1-商务合作-start */ + +.cooper_cont_wrap{ + + padding-right: calc(50% - 680px); + + display: flex; + + align-items: stretch; + + flex-wrap: wrap; + +} + +.cooper_cont_wrap_form{ + + padding-left: 120px !important; + + width: 46%; + +} + +.cooper_cont_wrap_img{ + + width: 54%; + + position: relative; + + overflow: hidden; + +} + +.cooper_cont_wrap_img img{ + + width: 100%; + + height: 100%; + + object-fit: cover; + +} + +.cooper_cont{ + + position: relative; + +} + +.cooper_main .moe_bread{ + + position: absolute; + + top: 0; + + left: 50%; + + transform: translateX(-50%); + + z-index: 5; + +} + +.cooper_cont_wrap_form h1{ + + font-size: 40px; + + line-height: 1.5; + + color: #333; + +} + +.ccwf_parga{ + + margin-top: 10px; + +} + +.ccwf_list{ + + margin-top: 38px; + +} + +.ccwf_list_wrap_li{ + + width: 50%; + + padding: 0 8.5px; + + margin-bottom: 10px; + +} + +.ccwf_list_wrap{ + + margin: 0 -8.5px; + +} + +.clwl_parga{ + + margin-bottom: 10px; + +} + +.clwl_parga p{ + + color: #333; + +} + +.clwl_parga span{ + + color: #FF0000; + +} + +.clwl_input{ + + width: 100%; + + height: 50px; + + border-radius: 4px; + + border: 1px solid #D9D9D9; + + background: #FFF; + +} + +.clwl_input input,.clwc_wrap_input input{ + + width: 100%; + + height: 100%; + + padding: 0 15px; + + font-size: 16px; + + color: #333; + +} + +.ccwf_list_wrap_info,.ccwf_list_wrap_code{ + + width: 100% !important; + +} + +.clwl_text{ + + width: 100%; + + height: 118px; + + border-radius: 4px; + + border: 1px solid #D9D9D9; + + background: #FFF; + +} + +.clwl_text textarea{ + + width: 100%; + + height: 100%; + + font-size: 16px; + + line-height: 1.75; + + color: #333; + + padding: 10px; + +} + +.clwc_wrap_input{ + + width: 46%; + + height: 50px; + + border-radius: 4px; + + border: 1px solid #D9D9D9; + + background: #FFF; + +} + +.clwc_wrap_img_icon{ + + cursor: pointer; + + display: flex; + + align-items: center; + +} + +.clwc_wrap_img_icon img{ + + width: 18px; + + margin-right: 3px; + +} + +.clwc_wrap{ + + display: flex; + + align-items: flex-end; + +} + +.clwc_wrap_img { + + margin-left: 10px; + +} + +.ccwf_list_agree.act .ccwf_list_agree_box{ + + border: 1px solid var(--main-color); + + background: var(--main-color); + +} + +.ccwf_list_agree.act img{ + + opacity: 1; + +} + +.ccwf_list_agree_box{ + + width: 14px; + + height: 14px; + + border-radius: 2px; + + border: 1px solid #D9D9D9; + + background: #FFF; + + transition: all .36s; + + position: relative; + + top: 7px; + + margin-right: 7px; + + cursor: pointer; + +} + +.ccwf_list_agree_box img{ + + width: 100%; + + position: absolute; + + left: 50%; + + top: 50%; + + transform: translate(-50%,-50%); + + transition: all .36s; + + opacity: 0; + +} + +.ccwf_list_agree_parga p{ + + color: #999; + +} + +.ccwf_list_agree_parga a{ + + color: #1523DC; + + text-decoration: underline; + +} + +.ccwf_list_wrap_code { + + margin-bottom: 16px; + +} + +.ccwf_list_btn .std_btn1_box{ + + width: 172px; + + cursor: pointer; + + padding: 0; + + justify-content: center; + +} + +.ccwi_info{ + + width: 62%; + + border-radius: 20px; + + background: #FFF; + + position: absolute; + + left: calc(38% - 65px); + + bottom: 67px; + + z-index: 50; + + padding: 33px 48px 38px 40px; + +} + +.ccwi_info_li{ + + + + display: flex; + + align-items: flex-start; + + flex-wrap: wrap; + +} + +.ccwi_info_li1{ + + padding-bottom: 15px; + + border-bottom: 1px solid #DEDEDE; + +} + +.cilt_notice p{ + + color: #000; + + font-weight: bold; + +} + +.ccwi_info_li_text{ + + padding-left: 20px; + + width: calc(100% - 24px); + +} + +.ccwi_info_li2{ + + margin-top: 24px; + +} + +.ccwi_info_li2 .mfts_icon_pop { + + top: auto !important; + + bottom: 130%; + + transform-origin: bottom; + +} + +.ccwi_info_li_icon{ + + width: 24px; + + position: relative; + + top: 2px; + +} + +.ccwi_info_li_icon img{ + + width: 100%; + + height: auto; + +} + +.clwc_wrap_img_pic{ + + width: 105px; + + cursor: pointer; + +} + +.clwc_wrap_img_pic img{ + + width: 100%; + +} + +/* F1-商务合作-end */ + +/* C1-2硬件产品详情页-start */ + +.prodet_introu { + + overflow: hidden; + +} + +.prodet_introu_cont{ + + padding-left: calc(50% - 700px); + + padding-right: calc(50% - 640px); + + padding-top: 20px; + +} + +.prodet_introu_cont_img{ + + width: 37%; + + position: relative; + +} + +.prodet_introu_cont_img img{ + + width: 100%; + +} + +.prodet_introu_cont_text{ + + width: 63%; + + padding-right: 300px; + + padding-top: 84px; + +} + +.pici_bg{ + + position: absolute; + + left: -126px; + + bottom: -40px; + +} + +.pici_bg img{ + + width: 100%; + +} + +.prodet_introu_cont_text ul{ + + margin-block-start: 0; + + margin-block-end: 0; + + margin-inline-start: 0; + + margin-inline-end: 0; + + padding-inline-start: 18px; + + margin-top: 26px; + +} + +.prodet_introu_cont_text ul li { + + list-style-type: disc; + +} + +.prodet_introu_cont_text ul li::marker { + + color: #666; + +} + +.prodet_introu_cont_text .std_btn1{ + + margin-top: 56px; + +} + +.prodet_relat{ + + background: #F8F9FD; + + position: relative; + + overflow: hidden; + +} + +.prodet_relat::before{ + + content: ""; + + width: calc(50% - 700px); + + height: 100%; + + background: #F8F9FD; + + position: absolute; + + top: 0; + + left: -20px; + + z-index: 5; + +} + +.prodet_relat::after{ + + content: ""; + + width: calc(50% - 700px); + + height: 100%; + + background: #F8F9FD; + + position: absolute; + + top: 0; + + right: -20px; + + z-index: 5; + +} + +.casedet_relat{ + + overflow: hidden; + +} + +.prodet_main .casedet_relat{ + + background: #F8F9FD; + +} + +.prodet_relat h2,.prodet_main .casedet_relat h2{ + + color: #101111; + +} + +.prodet_relat_bt{ + + margin-top: 43px; + +} + +.prbw_img{ + + width: 32%; + + border-radius: 20px; + + overflow: hidden; + +} + +.prbw_img img{ + + width: 100%; + + height: 100%; + + object-fit: cover; + +} + +.prbw_text{ + + width: 68%; + + padding-left: 30px; + +} + +.prodet_relat_bt_wrap{ + + display: flex; + + align-items: stretch; + + flex-wrap: wrap; + +} + +.prbw_text_cont{ + + padding: 55px 196px 43px 62px; + + border-radius: 20px; + + background: var(--main-color); + + height: 100%; + +} + +.prbw_text_cont_parga p{ + + color: #fff; + + opacity: 0.8; + + height: 5.25em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 3; + + overflow: hidden; + +} + +.prbw_text_cont .std_title3{ + + color: #fff; + + margin-bottom: 16px; + +} + +.prbw_text_cont_parga{ + + margin-bottom: 34px; + +} + +.prbw_text_cont_btn .std_btn2 p{ + + color: #fff !important; + +} + +.prbw_text_cont_btn .std_btn2_box_circle{ + + border: 1px solid rgba(255, 255, 255, 0.26) !important; + +} + +/* C1-2硬件产品详情页-end */ + +/* C1-1硬件产品列表页-start */ + +.product_main .solution_bg img { + + opacity: 0; + +} + +.product_main .slsu_li{ + + width: 33.333333%; + + margin-bottom: 33px; + +} + +.product_main .salu_li_slick_ul{ + + display: flex; + + align-items: stretch; + + flex-wrap: wrap; + +} + +.product_main .slsu_li_text { + + padding-top: 10px; + +} + +.mod_new .picl_nub_new { + + opacity: 1; + + pointer-events: all; + +} + +.picl_nub_new{ + + position: absolute; + + top: 0; + + left: 0; + + width: 76px; + + opacity: 0; + + pointer-events: none; + + transition: all 0.36s; + +} + +.picl_nub_new_bg, .picl_nub_new_bg img { + + width: 100%; + +} + +.picl_nub_new_parga { + + font-size: 12px; + + color: #fff; + + line-height: 1.3; + + position: absolute; + + z-index: 4; + + top: 7px; + + left: 12px; + + width: 24px; + +} + +.sibn_select_li{ + + cursor: pointer; + + border-bottom: 1px solid #D9D9D9; + +} + +.sibn_select_li_tp .std_parga1{ + + color: #000; + +} + +.sslt_icon{ + + width: 20px; + + position: relative; + + top: 4px; + + transition: all .36s; + +} + +.sslt_icon img{ + + width: 100%; + +} + +.sibn_select_li_tp{ + + display: flex; + + align-items: flex-start; + + justify-content: space-between; + + padding: 15px 0; + +} + +.sibn_select_li_bt{ + + margin-top: 7px; + + margin-bottom: 18px; + + display: none; + +} + +.sslb_item_parga p{ + + font-size: 14px; + + line-height: 1.75; + + color: #666; + +} + +.sslb_item_box{ + + width: 16px; + + height: 16px; + + border-radius: 2px; + + border: 1px solid #D3D3D3; + + background: #F9FAFD; + + position: relative; + + transition: all .36s; + + top: 4px; + +} + +.sslb_item_box img{ + + width: 12px; + + position: absolute; + + top: 50%; + + left: 50%; + + transform: translate(-50%,-50%); + + transition: all .36s; + + opacity: 0; + +} + +.sslb_item_parga{ + + width: calc(100% - 16px); + + padding-left: 14px; + +} + +.sslb_item{ + + display: flex; + + align-items: flex-start; + + margin-bottom: 12px; + +} + +.sslb_item:last-child{ + + margin-bottom: 0; + +} + +.sibn_select_li.on .sslt_icon{ + + transform: rotate(180deg); + +} + +.sslb_item.on .sslb_item_box{ + + border: 1px solid var(--main-color); + + background: var(--main-color); + +} + +.sslb_item.on .sslb_item_box img{ + + opacity: 1; + +} + +.sibn_select { + + max-height: calc(100vh - 300px); + +} + +.mhnl_ul_li_pull{ + + position: absolute; + + top: 90px; + + padding-top: 10px; + + display: none; + +} + +.mhnl_ul_li_pro{ + + width: 1170px; + + left: -480px; + +} + +.mulp_wrap{ + + display: flex; + + align-items: stretch; + + background: #FFF; + + border-radius: 10px; + + box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); + + overflow: hidden; + +} + +.mulp_wrap_le{ + + width: calc(100% - 412px); + + padding: 30px 70px 64px 64px; + +} + +.mulp_wrap_ri{ + + width: 412px; + + background: #F8F9FD; + + padding: 30px 35px 35px 67px; + +} + +.mulp_wrap_ri_tp p{ + + color: #333; + + transition: all .36s; + +} + +.mulp_wrap_ri_tp img, + +.mula_wrap_le img{ + + width: 32px; + + margin-right: 8px; + +} + +.mulp_wrap_ri_tp{ + + display: flex; + + align-items: center; + + padding-bottom: 13px; + + border-bottom: 1px solid #E8E8E8; + +} + +.mulp_wrap_ri_bt{ + + margin-top: 20px; + +} + +.mwrb_ul_li{ + + margin-bottom: 10px; + + position: relative; + + background: var(--main-color); + + box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); + + border-radius: 5px; + + overflow: hidden; + + transition: all .36s; + +} + +.mwrb_ul_li:last-child{ + + margin-bottom: 0; + +} + +.mwrb_ul_li_wrap{ + + display: block; + + padding: 24px 24px 28px; + +} + +.mwrb_ul_li.yxnav_active2{ + + background: #171C2C; + +} + +.mwrb_ul_li.yxnav_active2 .mwrb_ul_li1_bg{ + + opacity: 1; + +} + +.mwrb_ul_li1_bg{ + + width: 100%; + + height: 100%; + + position: absolute; + + top: 0; + + left: 0; + + transition: all .36s; + + opacity: 0; + +} + +.mwrb_ul_li1_bg img{ + + width: 100%; + + height: 100%; + + object-fit: cover; + +} + +.mwrb_ul_li_text p{ + + font-size: 14px; + + line-height: 1.75; + + color: #fff; + + opacity: 0.8; + +} + +.mwrb_ul_li_text .std_parga1{ + + color: #fff; + + margin-bottom: 5px; + +} + +.mwrb_ul_li_text{ + + position: relative; + + z-index: 5; + +} + +.mwll_bt{ + + margin-top: 40px; + +} + +.mwll_bt ul{ + + margin: 0 -20px; + + display: flex; + + flex-wrap: wrap; + +} + +.mwll_bt li{ + + width: 16.666666%; + + padding: 0 20px; + +} + +.mwll_bt .ys_imgbox_cover{ + + width: 30px; + + margin: auto; + +} + +.mwll_bt p{ + + margin-top: 14px; + + text-align: center; + + transition: all .36s; + +} + +.mwll_bts{ + + margin-top: 24px; + +} + +.mulp_wrap_le_li:first-child{ + + margin-top: 0; + +} + +.mulp_wrap_le_li{ + + margin-top: 40px; + +} + +.mwll_bts ul{ + + display: flex; + + align-items: stretch; + + flex-wrap: wrap; + +} + +.mwll_bts li{ + + width: 33.333333%; + + margin-bottom: 23px; + +} + +.mwll_more p{ + + font-size: 14px; + + margin-right: 12px; + + transition: all .36s; + +} + +.mwll_more_icon{ + + width: 12px; + + height: 12px; + + position: relative; + +} + +.mwll_more_icon img{ + + width: auto; + + height: 100%; + + position: absolute; + + top: 0; + + left: 50%; + + transform: translateX(-50%); + + transition: all .36s; + +} + +.mwll_more_icon img:nth-child(2){ + + opacity: 0; + +} + +.mwll_more a{ + + display: flex; + + align-items: center; + +} + +.mwll_more{ + + display: inline-block; + + margin-top: 13px; + +} + +.mwll_bts p{ + + transition: all .36s; + +} + +.muls_cont{ + + padding: 28px; + + border-radius: 10px; + + background: #FFF; + + box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); + +} + +.muls_cont_wrap{ + + display: flex; + + align-items: center; + +} + +.muls_cont_wrap p{ + + color: #333; + + transition: all .36s; + + padding-left: 8px; + + padding-right: 20px; + + width: calc(100% - 32px - 12px); + + white-space: nowrap; + +} + +.muls_cont_wrap_icon{ + + width: 32px; + + flex-shrink: 0; + +} + +.muls_cont_wrap_icon img{ + + width: 100%; + +} + +.muls_cont_wrap_more{ + + width: 12px; + + flex-shrink: 0; + + transition: all .36s; + + opacity: 0; + +} + +.muls_cont_wrap_more img{ + + width: 100%; + +} + +.muls_cont li,.mula_wrap_le li{ + + margin-bottom: 28px; + +} + +.muls_cont li:last-child, + +.mula_wrap_le li:last-child{ + + margin-bottom: 0; + +} + +.mhnl_ul_li_supp { + + left: 50%; + + transform: translateX(-50%); + +} + +.muls_cont li.yxnav_active2 p{ + + color: var(--main-color); + +} + +.muls_cont li.yxnav_active2 .muls_cont_wrap_more{ + + opacity: 1; + +} + +.mwll_bt li.yxnav_active2 p{ + + color: var(--main-color); + +} + +.mwll_bts li.yxnav_active2 p{ + + color: var(--main-color); + +} + +.mhnl_ul_li_about{ + + /* width: 600px; + + right: -67px; */ + + left: 50%; + + transform: translateX(-50%); + + width: calc(100% + 80px); + +} + +.mula_wrap_ri{ + + display: none; + +} + +.mula_wrap_le{ + + width: 100% !important; + + padding: 28px !important; + +} + +.mula_wrap_le p{ + + white-space: nowrap; + + width: calc(100% - 32px - 12px); + +} + + + +.mula_wrap{ + + border-radius: 10px; + + background: #FFF; + + box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.04); + + display: flex; + + align-items: stretch; + + overflow: hidden; + + position: relative; + + z-index: 1; + +} + +.mula_wrap_bg{ + + width: 100%; + + z-index: -1; + +} + +.mula_wrap_bg img{ + + width: 100%; + + height: 100%; + + object-fit: cover; + +} + +.mula_wrap_le,.mula_wrap_ri{ + + width: 50%; + +} + +.mula_wrap_le{ + + padding: 30px 50px 38px; + +} + +.mula_wrap_le p{ + + color: #333; + + transition: all .36s; + +} + +.mula_wrap_le_wrap{ + + display: flex; + + align-items: center; + +} + +.mula_wrap_ri{ + + background:#F8F9FD; + + padding: 30px 56px 44px; + +} + +.mula_wrap_ri_bt{ + + margin-top: 17px; + +} + +.mula_wrap_ri_bt p{ + + transition: all .36s; + +} + +.mula_wrap_ri_bt li{ + + margin-bottom: 20px; + +} + +.mula_wrap_ri_bt li:last-child{ + + margin-bottom: 0; + +} + +.mula_wrap_le li.yxnav_active2 p{ + + color: var(--main-color); + +} + +.mula_wrap_ri_bt li.yxnav_active3 p{ + + color: var(--main-color); + +} + +.ys_ph_navbar4 .ys_phnav_menu{ + + background: var(--main-color); + +} + +.ys_ph_nav a{ + + padding: 0 !important; + + max-width: inherit; + +} + +.ys_ph_nav p{ + + font-size: 14px; + + line-height: 1.5; + + padding: 1em 0; + + max-width: calc(100% - 40px); + + display: inline-block; + + color: #fff; + + opacity: 0.7; + +} + +.ys_ph_nav a p{ + + max-width: inherit; + +} + +.ys_ph_navbar4 .ys_ph_nav li.yxnav_active1>.ys_phnav_lisbox p, + +.ys_ph_navbar4 .ys_ph_nav li.yxnav_active2>.ys_phnav_lisbox p, + +.ys_ph_navbar4 .ys_ph_nav li.yxnav_active3>.ys_phnav_lisbox p { + + color: #fff; + + opacity: 1; + +} + +.ys_ph_navbar4 .ys_phnav_icon::after, .ys_ph_navbar4 .ys_phnav_icon::before { + + background: #fff; + +} + +.ys_ph_navbar4 .ys_phnav_lisbox { + + border-bottom: 1px solid rgba(255,255,255,.1); + +} + +/* C1-1硬件产品列表页-end */ + +/* H1-公司概况-start */ + +.about_leader{ + + overflow: hidden; + +} + +.about_leader h2{ + + color: #000; + +} + +.about_leader_bt_le{ + + width: 46%; + + position: relative; + +} + +.about_leader_bt_ri{ + + width: 54%; + + padding-left: 70px; + + padding-right: 120px; + + margin:auto + +} + +.albl_ul_li{ + + padding: 0 10px; + +} + +.albl_ul { + + margin: 0 -10px; + +} + +.albl_slick{ + + border-radius: 50px 50px 50px 0px; + + overflow: hidden; + +} + +.albl_btn .std_arrow_icon { + + border: 1px solid var(--main-color); + + background: var(--main-color); + +} + +.albl_btn{ + + position: absolute; + + right: 70px; + + bottom: -20px; + + z-index: 5; + +} + +.albl_bg{ + + position: absolute; + + bottom: 25px; + + left: -90px; + + z-index: 5; + +} + +.albl_bg img{ + + width: 100%; + +} + +.albr_tit{ + + font-weight: bold; + + color: #333; + + margin-bottom: 16px; + +} + +.albr_parga p{ + + color: #333; + + margin-bottom: 28px; + +} + +.albr_parga p:last-child{ + + margin-bottom: 0; + +} + +/* .about_leader { + + padding-bottom: 50px; + +} */ + +.about_culture { + + overflow: hidden; + +} + +.about_culture h2{ + + text-align: center; + + color: #333; + +} + +.about_culture_parga{ + + margin-top: 11px; + + text-align: center; + + color: #000; + +} + +.about_culture_bt{ + + margin-top: 40px; + +} + +.about_culture_bt_ul .slick-track{ + + display: flex; + + align-items: stretch; + + flex-wrap: wrap; + +} + +.slick-dots li{ + + width: 8px; + + height: 8px; + + border: 1px solid #999; + + background: #fff; + + margin: 0 3px; + +} + +.slick-dots li.slick-active{ + + border: 1px solid var(--main-color); + + background: var(--main-color); + +} + +.slick-dots { + + bottom: 0; + +} + +.acbu_li{ + + -webkit-user-select: text; + + -khtml-user-select: text; + + -moz-user-select: text; + + -ms-user-select: text; + + user-select: text; + +} + +.acbu_li:not(:first-child){ + + display: none; + +} + +.about_culture_bt_ul .slick-list{ + + padding-bottom: 30px; + +} + +.about_culture_bt_ul.empty .slick-list{ + + padding-bottom: 0; + +} + +.acbu_li_cont{ + + width: 100%; + + border-radius: 20px; + + background: #F8F9FD; + + padding: 40px 40px 58px; + + height: 100%; + +} + +.acbu_li_cont .ys_imgbox_cover{ + + width: 90px; + + margin: auto; + +} + +.acbu_li_cont .std_title3{ + + color: #333; + + text-align: center; + + margin-top: 20px; + + margin-bottom: 15px; + +} + +.acbu_li_cont p{ + + text-align: center; + +} + +.acbu_li{ + + width: 33.333333%; + +} + +.ahbu_li_cont_item{ + + width: 25%; + + position: relative; + + margin-top: 120px; + +} + +.ahbu_li_cont_item:nth-child(1), + +.ahbu_li_cont_item:nth-child(2), + +.ahbu_li_cont_item:nth-child(3), + +.ahbu_li_cont_item:nth-child(4){ + + margin-top: 0; + +} + + + +.ahbu_li_cont{ + + display: flex; + + align-items: stretch; + + flex-wrap: wrap; + +} + +.alci_bg{ + + width: 100%; + + position: absolute; + + top: 50%; + + transform: translateY(-50%); + + padding: 0 15px; + + left: 0; + + pointer-events: none; + +} + +.alci_bg img{ + + width: 100%; + +} + +.alci_text_year{ + + font-size: 36px; + + line-height: 1.4; + + background: linear-gradient(90deg, #257CFF -0.88%, #70E3D6 51.07%, #96CD32 97.88%); + + background-clip: text; + + -webkit-background-clip: text; + + -webkit-text-fill-color: transparent; + + text-align: center; + + display: inline-block; + +} + +.alci_text_parga{ + + margin-top: 11px; + +} + +.alci_text_parga p{ + + color: #333; + + text-align: center; + + height: 3.5em; + + overflow: hidden; + + transition: all .36s;; + +} + +.alci_text{ + + width: 100%; + + left: 0; + + text-align: center; + + transition: all .36s; + +} + +.alci_img{ + + width: 64%; + + position: absolute; + + top: 50%; + + transform: translate(-50%,-50%); + + padding: 0 15px; + + left: 50%; + + pointer-events: none; + + transition: all .36s; + + opacity: 0; + + + +} + +.alci_img img{ + + width: 100%; + +} + + + +/* 发展历程效果-start */ + +.about_history{ + + padding-bottom: 220px; + + position: relative; + + overflow: hidden; + + z-index: 1; + + background:#171C2C; + +} + +.about_history h2{ + + color: #fff; + +} + +.about_history_line{ + + width: 100%; + + height: 1px; + + background: rgba(255, 255, 255, .5); + +} + +.about_history_bg{ + + width: 48%; + + position: absolute; + + right: 0; + + top: 65px; + + z-index: -1; + +} + +.about_history_bg img{ + + width: 100%; + +} + + + +@keyframes historyWord{ + + 0%{ + + opacity: 0; + + transform: translateY(100%); + + } + + 100%{ + + opacity: 1; + + transform: translateY(0%); + + } + +} + +.js-timeline-item:not(.is-hidden) .about_history_ul_li{ + + animation: ysfadeInUp 1s ease-out both .3s; + +} + +.about_history_ul{ + + height: 185px; + + overflow: hidden; + +} + +.about_history_ul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + + width: 2px; + +} + +.about_history_ul .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + + background-color: rgba(255,255,255,.75); + +} + +.about_history_ul .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { + + background-color: rgba(255,255,255,.5); + +} + +.timeline_svg2{ + + position: absolute; + + bottom: 0; + + left: 0; + +} + +.ahct_ul_li_cont p{ + + color: #fff; + + position: relative; + +} + +.ahct_ul_li_cont{ + + margin-bottom: 8px; + +} + +.about_history_btn{ + + width: 24px; + +} + +.about_history_btn img{ + + width: 100%; + +} + +.ahct_ul { + + padding-left: 34%; + +} + +.about_history_cont h2{ + + text-align: center; + + color: #fff; + +} + + + +.ahyu_li{ + + font-size: 200px; + + line-height: 1.4; + + color: #fff; + + font-family: 'PoppinsRegular'; + + text-align: center; + +} + +@keyframes year{ + + 0%{ + + opacity: 0; + + transform: translateY(100%); + + } + + 100%{ + + opacity: 1; + + transform: translateY(0%); + + } + +} + +@keyframes year1{ + + 0%{ + + opacity: 1; + + transform: translateY(0%); + + } + + 100%{ + + opacity: 0; + + transform: translateY(-100%); + + } + +} + +.about_history_year_btn .slick-disabled{ + + opacity: 0; + + pointer-events: none; + +} + +.ahct_ul_li.slick-current, + +.ahyu_li.slick-current .ahyu_li{ + + animation: year 1s ease-out both; + +} + + + +/* .ahyu_li:not(:first-child), */ + +.ahct_ul_li:not(:first-child){ + + display: none; + +} + +.ahyu_li{ + + position: absolute; + + top: 0; + + left: 0; + + width: 100%; + + opacity: 0; + + animation: year1 .8s ease-out both; + + font-family: 'PoppinsExtraLight'; + +} + +.ahyu_li.on{ + + position: relative; + + animation: year .6s ease-in-out both; + +} + +.ahyb_btn img{ + + width: 24px; + +} + +.ahyb_prev img{ + + margin-right: 14px; + +} + +.ahyb_btn{ + + display: flex; + + align-items: center; + + cursor: pointer; + +} + +.ahyb_btn p{ + + font-size: 24px; + + line-height: 1.4; + + font-family: 'PoppinsRegular'; + + color: #fff; + +} + +.ahyb_prev img{ + + transform: rotate(180deg); + +} + +.ahyb_next img{ + + margin-left: 14px; + +} + +.about_history_year{ + + position: relative; + + margin-top: 100px; + +} + +.about_history_year_btn{ + + width: 100%; + +} + +.about_devel_svg { + + position: absolute; + + bottom: 0; + + left: 0; + + width: 100%; + +} + +.about_devel_svg svg { + + width: 100%; + + height: auto; + +} + +.about_devel_svg_dots { + + width: 164px; + + height: 100%; + + position: absolute; + + top: 0; + + left: calc(calc(var(--pro-zong) * var(--pro-shu))); + + transition: all 0.2s; + +} + +.adsd_wrap { + + width: 64px; + + position: absolute; + + bottom: 50px; + + transform: translateX(-50%); + + left: 50%; + +} + +.adsd_wrap img{ + + width: 100%; + +} + +.about_devel_svg_wrap { + + position: absolute; + + top: 0; + + left: 0; + + width: 100%; + + height: 100%; + + display: flex; + +} + +.adse_li { + + height: 100%; + + width: 100%; + + cursor: pointer; + +} + +.about_devel_rect { + + x: calc(var(--pro-xin)); + + transition: all 0.2s; + +} + +.about_history .ys_cont1200{ + + position: relative; + + z-index: 5; + +} + +.about_history .ys_cont1200{ + + z-index: 99; + +} + +.yx_event6_slider .layui-slider { + + height: 100%; + + background: transparent; + +} + +.yx_event6_slider .layui-slider-tips{ + + display: none !important; + +} + +.yx_event6_slider .layui-slider-wrap-btn{ + + width: 64px; + + height: 64px; + + background: url(../images/h1_icon4.svg) center / cover no-repeat; + + position: absolute; + + left: 50%; + + bottom: 50px; + + transform: translateX(-50%); + + transition: 0s; + +} + + + +.yx_event6_slider { + + position: absolute; + + width: 100%; + + height: 100%; + + bottom: 0; + + left: 0; + +} + +.yx_event6_slider .layui-slider-wrap{ + + width: 14%; + + height: 100%; + + position: absolute; + + top: auto; + + transform: translateX(0); + + bottom: 0; + + transition: all 0.2s; + +} + +.about_history_cont_parga p{ + + text-align: center; + + color: #fff; + +} + +/* 发展历程效果-end */ + + + +/* H1-公司概况-end */ + +/* F2-合作伙伴-start */ + +.partner_ban { + + position: relative; + + height: calc(100vh - 90px); + + width: 100%; + +} + +.partner_ban_slick { + + overflow: hidden; + + width: 100%; + + height: 100%; + +} + +html.off .partner_ban_slick { + + position: relative; + +} + +.partner_ban_slick_li { + + width: 100%; + + height: 100%; + +} + + + +.partner_ban_modal { + + position: absolute; + + left: 0; + + top: 0; + + width: 100%; + + height: 100%; + + z-index: 10; + + transform-origin: right bottom; + + pointer-events: none; + + transition: transform 1.5s cubic-bezier(.18, .63, 0, 1); + +} + +html.off .partner_ban_modal { + + transform: scale(4); + + opacity: 0; + + pointer-events: none; + +} + +html.on1.off .partner_ban_modal { + + transition: transform .8s cubic-bezier(0, 0, 0.2, 1) 0.6s, opacity .6s ease-out 1s; + + opacity: 0; + + transform: translate3d(0px, 0px, 0px) scale(10, 10); + +} + +html.on1 .partner_ban_modal { + + opacity: 1; + +} + +html.on1.off .partner_ban_modal { + + transition: transform .8s cubic-bezier(0, 0, 0.2, 1) 0.6s, opacity .6s ease-out 1s; + + opacity: 0; + + transform: translate3d(0px, 0px, 0px) scale(10, 10); + +} + +html.off .partner_ban_modal{ + + z-index: 0; + +} + + + + + +.partner_ban_modal_img { + + width: 100%; + + height: 100%; + +} + +.partner_main .ys_cont1400 { + + z-index: 12; + +} + + + +.partner_ban_btn_wrap { + + transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out; + + transition-delay: .8s; + + width: 42.5%; + + border-top: 1px solid #D4DBF1; + + position: relative; + +} + +html.off .partner_ban_btn_wrap{ + + transform: translateY(50px); + + opacity: 0; + +} + +html.on1 .partner_ban_btn_wrap { + + transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity .8s ease-out; + + transition-delay: 1s; + +} + +html.on1.off .partner_ban_btn_wrap { + + transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out; + + transition-delay: 0s; + +} + +.partner_ban_cont { + + top: 40%; + +} + + + +.partner_ban_cont_text { + + transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out; + + transition-delay: .8s; + + width: 42.5%; + +} + +html.off .partner_ban_cont_text { + + transform: translateY(50px); + + opacity: 0; + +} + +html.on1 .partner_ban_cont_text { + + transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity .8s ease-out; + + transition-delay: 1s; + +} + +html.on1.off .partner_ban_cont_text { + + transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out; + + transition-delay: 0s; + +} + + + +.partner_main .yx_menu5_nav { + + transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out; + + transition-delay: .8s; + +} + +html.off .partner_main .yx_menu5_nav { + + opacity: 0; + +} + +html.on1 .partner_main .yx_menu5_nav { + + transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity .8s ease-out; + + transition-delay: 1s; + +} + +html.on1.off .partner_main .yx_menu5_nav { + + transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out; + + transition-delay: 0s; + +} + + + +.partner_ban_shodow { + + position: absolute; + + top: 0; + + left: 0; + + width: 100%; + + height: calc(100vh - 90px); + + pointer-events: none; + + z-index: 10; + +} + +.partner_ban_shodow_img { + + width: 100%; + + height: calc(100vh - 90px); + + position: absolute; + + top: 0; + + left: 0; + + transition: transform .36s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out; + + transition-delay: 2s; + +} + +html.off .partner_ban_shodow_img { + + opacity: 0; + +} + +html.on1 .partner_ban_shodow_img { + + transition: transform .36s cubic-bezier(.215, .61, .355, 1), opacity 1s ease-out; + + + +} + +html.on1.off .partner_ban_shodow_img { + + transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out; + + transition-delay: 0s; + +} + +html.on1 .partner_ban_shodow_img1{ + + transition-delay: 2s; + +} + +html.on1 .partner_ban_shodow_img2{ + + transition-delay: 2.3s; + +} + +html.on1 .partner_ban_shodow_img3{ + + transition-delay: 2.6s; + +} + + + +.modal-open { + + overflow: hidden; + +} + +html.act { + + height: 100vh; + + overflow-y: scroll; + +} + +html.act body { + + height: 100vh !important; + +} + +.index_html.act{ + + overflow-y: scroll !important; + +} + +.index_html.act body{ + + overflow: hidden !important; + +} + +.partner_ban_slick .slick-list,.partner_ban_slick .slick-track{ + + height: 100%; + +} + +.pbsl_text{ + + z-index: 5; + +} + +.pbsl_text .std_title1{ + + text-align: center; + + color: #fff; + + line-height: 1.5; + + margin-bottom: 28px; + +} + +.pbsl_text_tit_wrap{ + + text-align: center; + + font-weight: bold; + + font-size: 64px; + + color: #fff; + + line-height: 1.5; + + margin-bottom: 7px; + +} + +.pbsl_text_tit_wrap:last-child{ + + margin-bottom: 0; + +} + +.pbsl_text_btn{ + + text-align: center; + +} + +.pbsl_bg{ + + width: 75%; + + z-index: 5; + + position: absolute; + + right: -10px; + + top: 50%; + + transform: translateY(-50%); + + pointer-events: none; + +} + +.pbsl_bg img{ + + width: 100%; + +} + +.partner_main .ys_bread_list a{ + + color: #fff; + +} + +.partner_main .ys_bread_list::before { + + background: url(../images/d1_arrow2.svg) center / cover no-repeat; + +} + +.partner_main .moe_bread{ + + position: absolute; + + left: 50%; + + top: 20px; + + transform: translateX(-50%); + + z-index: 20; + +} + +.pbct_li_wrap_btn{ + + margin-top: 70px; + +} + +.pbct_li_wrap .std_title2{ + + width: 68%; + +} + +.partner_ban_btn { + + position: absolute; + + left: 50%; + + transform: translateX(-50%); + + bottom: 87px; + + z-index: 10; + + height: 77px; + +} + +.pbbw_li { + + width: 150px; + + padding-top: 20px; + + position: absolute; + + top: 0; + + cursor: pointer; + +} + +.pbbw_li1{ + + left: 0; + +} + +.pbbw_li2{ + + left: 50%; + +} + +.pbbw_li3{ + + left: 100%; + +} + +.pbbw_li::after{ + + content: ""; + + width: 8px; + + height: 8px; + + border-radius: 50%; + + background: #D4DBF1; + + position: absolute; + + top: -4px; + + left: 0; + +} + +.pbbw_li.on::after{ + + background: var(--main-color); + +} + + + +.pbbw_li.on p{ + + color: var(--main-color); + +} + +.pbbw_li p{ + + color: #999; + + transition: all .36s; + +} + +.partner_recruit_bg{ + + width: 100%; + + height: 700px; + + z-index: -1; + +} + +.partner_recruit_bg img{ + + width: 100%; + + height: 100%; + + object-fit: cover; + +} + +.partner_recruit{ + + position: relative; + +} + +.partner_recruit_text { + + overflow: hidden; + +} + +.partner_recruit_text h2{ + + text-align: center; + + color: #fff; + +} + +.partner_recruit_text h2 span{ + + color: var(--main-color); + +} + +.partner_recruit_text_tit{ + + color: #DEDEDE; + + text-align: center; + + width: 64%; + + margin: auto; + +} + +.prtb_list{ + + margin-top: 40px; + + border-radius: 20px; + + background: #F8F9FD; + + overflow: hidden; + + padding: 103px 116px; + +} + +.partner_order { + + overflow: hidden; + +} + +.partner_recruit_text_bt .std_title2{ + + color: #fff; + + text-align: center; + +} + +.prtb_list_ul_li{ + + width: 33.333333%; + + padding: 0 85px; + + position: relative; + + margin-top: 50px; + +} + +.prtb_list_ul_li:nth-child(1), + +.prtb_list_ul_li:nth-child(2), + +.prtb_list_ul_li:nth-child(3){ + + margin-top: 0; + +} + +.prtb_list_ul{ + + margin: 0 -85px; + + display: flex; + + align-items: stretch; + + flex-wrap: wrap; + +} + +.plul_wrap .ys_imgbox_cover{ + + width: 40px; + + margin-bottom: 35px; + +} + +.plul_wrap_tit { + + margin-bottom: 23px; + + color: #333; + + transition: all .36s; + +} + +.prtb_list_ul_li::after{ + + content: ""; + + width: 1px; + + height: 100%; + + background: #E1E1E1; + + position: absolute; + + top: 0; + + right: 0; + +} + +.prtb_list_ul_li:nth-child(3n+3)::after{ + + display: none; + +} + +/* .prtb_list_ul_li:last-child::after{ + + display: none; + +} */ + +.plul_wrap{ + + height: 100%; + +} + +.partner_together_wrap{ + + position: relative; + + height: 680px; + +} + +.partner_together_text{ + + width: 480px; + + text-align: center; + +} + +.partner_together_text h2{ + + color: #333; + + text-align: center; + +} + +.partner_together_logo_li1{ + + width: 164px; + + height: 164px; + +} + +.partner_together_logo_li2{ + + width: 112px; + + height: 112px; + +} + +.partner_together_logo_li3,.partner_together_ri_li8{ + + width: 128px; + + height: 128px; + +} + +.partner_together_logo_li4{ + + width: 92px; + + height: 92px; + +} + +.partner_together_logo_li5, + +.partner_together_logo_li6, + +.partner_together_logo_li10, + +.partner_together_logo_li12, + +.partner_together_ri_li2{ + + width: 82px; + + height: 82px; + +} + +.partner_together_logo_li7{ + + width: 72px; + + height: 72px; + +} + +.partner_together_logo_li8{ + + width: 38px; + + height: 38px; + +} + +.partner_together_logo_li9{ + + width: 114px; + + height: 114px; + +} + +.partner_together_logo_li11{ + + width: 86px; + + height: 86px; + +} + +.partner_together_logo_li13{ + + width: 148px; + + height: 148px; + +} + +.ptll_cont{ + + width: 100%; + + height: 100%; + + border-radius: 50%; + + background: #fff; + + box-shadow: 0px 24px 35.7px rgba(0, 0, 0, 0.10); + + overflow: hidden; + + position: relative; + +} + +.partner_together_logo_li3 .ptll_cont, + +.partner_together_logo_li12 .ptll_cont{ + + background: #EEFEFF; + + box-shadow: none; + +} + +.partner_together_logo_li5 .ptll_cont, + +.partner_together_logo_li10 .ptll_cont, + +.partner_together_ri_li6 .ptll_cont, + +.partner_together_ri_li12 .ptll_cont{ + + background: #EEF6FF; + + box-shadow: none; + +} + +.partner_together_logo_li7 .ptll_cont, + +.partner_together_logo_li8 .ptll_cont{ + + box-shadow: none; + + background: transparent; + +} + +.partner_together_logo_li { + + position: absolute; + +} + +.partner_together_le { + + position: absolute; + + width: 35%; + + height: 100%; + + top: 0; + + left: 0; + +} + +.partner_together_ri{ + + position: absolute; + + width: 33.333333%; + + height: 100%; + + top: 0; + + right: 0; + +} + +.partner_together_ri_li1{ + + width: 134px; + + height: 134px; + +} + +.partner_together_ri_li3{ + + width: 96px; + + height: 96px; + +} + +.partner_together_ri_li4,.partner_together_ri_li9{ + + width: 78px; + + height: 78px; + +} + +.partner_together_ri_li5{ + + width: 34px; + + height: 34px; + +} + +.partner_together_ri_li6{ + + width: 58px; + + height: 58px; + +} + +.partner_together_ri_li7{ + + width: 98px; + + height: 98px; + +} + +.partner_together_ri_li2 .ptll_cont{ + + background: #FFF2EE; + + box-shadow: none; + +} + +.partner_together_ri_li5 .ptll_cont, + +.partner_together_ri_li10 .ptll_cont{ + + background: transparent; + + box-shadow: none; + +} + +.partner_together_ri_li10{ + + width: 42px; + + height: 42px; + +} + +.partner_together_ri_li11{ + + width: 126px; + + height: 126px; + +} + +.partner_together_ri_li12{ + + width: 80px; + + height: 80px; + +} + +.partner_together_logo_li img{ + + position: absolute; + + top: 50%; + + left: 50%; + + transform: translate(-50%,-50%); + +} + +.partner_together_logo_li1 img{ + + width: 70%; + +} + +.partner_together_logo_li2 img, + +.partner_together_logo_li9 img{ + + width: 57%; + +} + +.partner_together_logo_li3 img{ + + width: 48px; + +} + +.partner_together_logo_li4 img{ + + width: 54%; + +} + +.partner_together_logo_li5 img, + +.partner_together_logo_li8 img, + +.partner_together_logo_li12 img{ + + width: 38px; + +} + +.partner_together_logo_li6 img{ + + width: 61%; + +} + +.partner_together_logo_li7 img{ + + width: 72px; + +} + +.partner_together_logo_li10 img{ + + width: 36px; + +} + +.partner_together_logo_li11 img{ + + width: 64%; + +} + +.partner_together_logo_li13 img{ + + width: 77%; + +} + +.partner_together_ri_li1 img{ + + width: 80.6%; + +} + +.partner_together_ri_li2 img{ + + width: 46px; + +} + +.partner_together_ri_li3 img{ + + width: 62.5%; + +} + +.partner_together_ri_li4 img{ + + width: 64%; + +} + +.partner_together_ri_li5 img{ + + width: 34px; + +} + +.partner_together_ri_li6 img{ + + width: 30px; + +} + +.partner_together_ri_li7 img{ + + width: 65%; + +} + +.partner_together_ri_li8 img{ + + width: 78%; + +} + +.partner_together_ri_li9 img{ + + width: 61.5%; + +} + +.partner_together_ri_li10 img{ + + width: 42px; + +} + +.partner_together_ri_li11 img{ + + width: 100%; + +} + +.partner_together_ri_li12 img{ + + width: 36px; + +} + +.partner_fadeleft1 { + + -webkit-animation: fadeInLeft 1s ease both; + + animation: fadeInLeft 1s ease both; + + animation-delay: 0.4s; + +} + +.partner_faderigth1 { + + -webkit-animation: fadeInRight 1s ease both; + + animation: fadeInRight 1s ease both; + + animation-delay: 0.4s; + +} + +/* .partner_main .college_contact{ + + padding-top: 63px; + +} */ + +.partner_main .college_contact_info ul li:last-child{ + + width: 240px; + +} + +.partner_main .college_contact_info ul li:first-child{ + + width: 160px; + +} + +.partner_main .college_contact_info ul li:nth-child(2){ + + width: 390px; + +} + +/* F2-合作伙伴-end */ + +/* H2-可持续发展-start */ + +.sustain_consider h1{ + + text-align: center; + + color: #000; + + margin-bottom: 40px; + +} + +.sustain_consider_parga{ + + width: 52.5%; + + margin: auto; + + text-align: center; + + position: relative; + +} + +.sustain_consider_parga p{ + + color: #333; + +} + +.sustain_consider_bt{ + + margin-top: 92px; + +} + +.scbu_li_cont{ + + border-radius: 20px; + + overflow: hidden; + +} + +.scbu_li_cont img{ + + width: 100%; + +} + +.sustain_consider_bt_ul .scbu_li:nth-child(1){ + + width: 25.5%; + + transform: translateY(-110px); + +} + +.sustain_consider_bt_ul .scbu_li:nth-child(2){ + + width: 50.5%; + +} + +.sustain_consider_bt_ul .scbu_li:nth-child(3){ + + width: 24%; + + transform: translateY(120px); + +} + +.sustain_consider_bt_ul{ + + display: flex; + +} + +.sustain_consider_parga_bg{ + + width: 212px; + + position: absolute; + + bottom: 0; + + right: -212px; + +} + +.sustain_consider_parga_bg img{ + + width: 100%; + +} + +.sustain_consider { + + position: relative; + + z-index: 10; + +} + +/* H2-可持续发展-end */ + +/* C2-软件（灵芝平台PRO版）-start */ + +.soft_main .moe_bread{ + + position: absolute; + + top: 0; + + left: 50%; + + transform: translateX(-50%); + + z-index: 5; + +} + +.soft_main .ys_bread_list:last-child a{ + + color: #fff; + +} + +.soft_main .ys_nybanner::after{ + + background: linear-gradient(180deg, rgba(23, 28, 44, 0.00) 0%, #171C2C 100%); + + height: 14%; + + top: auto; + + bottom: 0; + +} + +/* .soft_honor { + + overflow: hidden; + +} */ + +.soft_honor h2{ + + text-align: center; + +} + +.soft_honor_bt_ul{ + + margin: 0 -16.5px; + + display: flex; + + align-items: stretch; + + flex-wrap: wrap; + +} + +.shbu_li{ + + width: 25%; + + padding: 0 16.5px; + + margin-top: 44px; + +} + +.shbu_li_wrap{ + + position: relative; + +} + +.shbu_li_wrap_bg{ + + width: 100%; + +} + +.shbu_li_wrap_bg img{ + + width: 100%; + +} + +.shbu_li_wrap_text{ + + width: 100%; + + padding: 0 42px; + + z-index: 5; + +} + +.shbu_li_wrap_text p{ + + color: #333; + + text-align: center; + +} + +.soft_appoint{ + + height: 220vh; + + background: #F8F9FD; + + position: relative; + + /* overflow: hidden; */ + +} + +.soft_appoint_wrap{ + + height: calc(100vh - 90px); + + display: flex; + + align-items: center; + +} + +.sasl_wrap_ri{ + + width: 62%; + +} + +.sasl_wrap_le{ + + width: 38%; + +} + +.sasl_wrap{ + + display: flex; + + align-items: center; + + flex-wrap: wrap; + +} + +.sasl_wrap_le_parga{ + + margin-top: 20px; + + padding-right: 12px; + +} + +.sasl_wrap_le_parga p{ + + color: #333; + + opacity: 0.7; + +} + +.soft_appoint_side p{ + + color: #999; + + transition: all .36s; + +} + +.soft_appoint_side li{ + + margin-bottom: 15px; + + cursor: pointer; + + padding-left: 20px; + + position: relative; + + transition: all .36s; + +} + +.soft_appoint_side li:last-child{ + + margin-bottom: 0; + +} + +.soft_appoint_side li.act p{ + + color: var(--main-color); + +} + +.soft_appoint_side li.act::after{ + + width: 32px; + + background: var(--main-color); + +} + +.soft_appoint_side li.act{ + + padding-left: 46px; + +} + +.soft_appoint_side li::after{ + + content: ""; + + width: 14px; + + height: 1px; + + opacity: 0.3; + + background: #999; + + position: absolute; + + top: 50%; + + left: 0; + + transform: translateY(-50%); + + transition: all .36S; + +} + +.soft_appoint_side { + + position: absolute; + + top: 50%; + + transform: translateY(-50%); + + z-index: 50; + + left: 82px; + + transition: all .36s; + + /* opacity: 0; */ + +} + +/* .soft_appoint_side.act{ + + opacity: 1; + +} */ + +.soft_appoint_swiper_li{ + + opacity: 0; + + transition: 0.3s; + +} + +.soft_appoint_swiper_li.swiper-slide-active{ + + opacity: 1; + + transition: 0.4s 0.3s; + +} + +.soft_progra{ + + height: 400vh; + + /* overflow: hidden; */ + +} + +.soft_progra_wrap h2{ + + text-align: center; + + transition: all .36s; + +} + +.soft_progra.change h2{ + + color: #fff; + +} + +.spwb_li_cont{ + + padding: 74px 225px 74px 102px; + + border-radius: 20px; + + box-shadow: 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 2px 6px 0px rgba(186, 203, 238, 0.10); + + overflow: hidden; + + display: flex; + + align-items: center; + + flex-wrap: wrap; + + position: relative; + +} + +.spwb_li1 .spwb_li_cont{ + + background: #171C2C; + +} + +.spwb_li2 .spwb_li_cont{ + + background: var(--main-color); + +} + +.spwb_li3 .spwb_li_cont{ + + background: #4FFEB6; + +} + +.spwb_li4 .spwb_li_cont{ + + background: #F8F9FD; + +} + +.spwb_li_cont_text .std_title1{ + + color: #fff; + + margin-bottom: 16px; + +} + +.spwb_li_cont_text p{ + + color: #fff; + +} + +.spwb_li_cont_img{ + + width: 45%; + +} + +.spwb_li_cont_text{ + + width: 55%; + + padding-left: 210px; + +} + +.slct_tp{ + + padding-bottom: 40px; + + border-bottom: 1px solid #D9D9D9; + +} + +.slct_bt{ + + margin-top: 36px; + +} + +.slct_bt_parga{ + + margin-top: 25px; + +} + +.slct_bt .std_title3{ + + color: #fff; + +} + +.slct_bt_parga ul{ + + margin-block-start: 1em; + + margin-block-end: 1em; + + margin-inline-start: 0px; + + margin-inline-end: 0px; + + padding-inline-start: 15px; + +} + +.slct_bt_parga ul li { + + list-style-type: disc; + +} + +.slct_bt_parga ul li::marker { + + unicode-bidi: isolate; + + font-variant-numeric: tabular-nums; + + text-transform: none; + + text-indent: 0px !important; + + text-align: start !important; + + text-align-last: start !important; + + color: #fff; + +} + +.spwb_li_cont_num p{ + + color: #fff; + + font-family: 'montserratregular'; + +} + +.spwb_li_cont_num{ + + position: absolute; + + right: 34px; + + bottom: 5px; + +} + +.spwb_li3 .spwb_li_cont_num p, + +.spwb_li4 .spwb_li_cont_num p{ + + color: #171C2C; + +} + +.spwb_li3 .spwb_li_cont_text .std_title1, + +.spwb_li4 .spwb_li_cont_text .std_title1, + +.spwb_li3 .spwb_li_cont_text p, + +.spwb_li4 .spwb_li_cont_text p, + +.spwb_li3 .slct_bt .std_title3, + +.spwb_li4 .slct_bt .std_title3{ + + color: #171C2C; + +} + +.soft_progra_wrap_bt { + + position: relative; + + padding-bottom: 90px; + +} + +.spwb_li1{ + + position: relative !important; + + z-index: 10; + +} + +.spwb_li { + + position: absolute; + + left: 0; + + transition: all .5s linear; + + opacity: 1; + + transform: translateY(0); + +} + +.spwb_li2{ + + top: 30px; + + z-index: 9; + +} + +.spwb_li3{ + + top: 60px; + + z-index: 8; + +} + +.spwb_li4{ + + top: 90px; + + z-index: 7; + +} + +.soft_progra_wrap{ + + height: calc(100vh - 90px); + + display: flex; + + align-items: center; + +} + +.soft_platform{ + + height: calc(100vh - 90px); + + background: #171C2C; + + position: relative; + + overflow: hidden; + +} + +.soft_platform_cont{ + + width: 762px; + + z-index: 5; + + text-align: center; + + transition: all .8s; + +} + +.soft_platform.act .soft_platform_cont{ + + top: 28%; + +} + +.soft_platform_cont_parga p { + + color: #999; + +} + +.soft_platform_cont .std_title3{ + + color: var(--main-color); + + margin-bottom: 12px; + +} + +.soft_platform_cont .std_title2{ + + color: #fff; + +} + +.scene_monitor_bt_ul .slick-track{ + + display: flex; + + align-items: stretch; + +} + +.smbu_li { + + height: auto; + +} + +.smbu_li_cont { + + height: 100%; + +} + +.soft_platform_swiper .swiper-wrapper { + + transition-timing-function: linear !important; + + align-items: center; + +} + +.soft_platform_swiper_li{ + + width: auto !important; + + margin-right: 50px; + + position: absolute !important; + + height: 248px !important; + + transition: all 1s !important; + + display: flex; + + align-items: center; + +} + +.soft_platform_swiper_li img{ + + width: 100%; + +} + +.spsl_cont{ + + position: relative; + + width: 100%; + + border-radius: 10px; + + overflow: hidden; + +} + +.spsl_cont::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: rgba(0,0,0,.3); + + position: absolute; + + top: 0; + + left: 0; + + transition: all .36s; + +} + +.soft_platform_swiper { + + position: absolute !important; + + width: 100%; + + height: 100%; + + bottom: 0; + + left: 0; + + overflow: visible !important; + +} + +.soft_platform_swiper_li1{ + + bottom: 50.9%; + + left: -8%; + + width: 232px !important; + +} + +.soft_platform_swiper_li2{ + + bottom: 57.1%; + + left: 5%; + + width: 184px !important; + +} + +.soft_platform_swiper_li3{ + + bottom: 40.6%; + + left: 15.8%; + + width: 184px !important; + +} + +.soft_platform_swiper_li4{ + + bottom: 54.3%; + + left: 83.4%; + + width: 184px !important; + +} + +.soft_platform_swiper_li5{ + + bottom: 61.9%; + + left: 94.9%; + + width: 238px !important; + +} + +.soft_platform_swiper_li6{ + + bottom: 30.4%; + + left: -3.4%; + + width: 232px !important; + +} + +.soft_platform_swiper_li7{ + + bottom: 11.8%; + + left: 10%; + + width: 173px !important; + +} + +.soft_platform_swiper_li8{ + + bottom: 14.9%; + + left: 22.8%; + + width: 144px !important; + +} + +.soft_platform_swiper_li9{ + + bottom: 28.8%; + + left: 87.9%; + + width: 232px !important; + +} + +.soft_platform_swiper_li10{ + + bottom: -0.7%; + + left: -6%; + + width: 238px !important; + +} + +.soft_platform_swiper_li11{ + + bottom: -1.3%; + + left: 31.7%; + + width: 165px !important; + +} + +.soft_platform_swiper_li12{ + + bottom: -0.4%; + + left: 46.1%; + + width: 212px !important; + +} + +.soft_platform_swiper_li13{ + + bottom: 5.7%; + + left: 64.5%; + + width: 144px !important; + +} + +.soft_platform_swiper_li14{ + + bottom: -2%; + + left: 73.2%; + + width: 155px !important; + +} + +.soft_platform_swiper_li15{ + + bottom: 4.5%; + + left: 86.7%; + + width: 160px !important; + +} + +.soft_platform_swiper_li16{ + + bottom: 21.9%; + + left: 78.9%; + + width: 133px !important; + +} + +.soft_platform.act .soft_platform_swiper_li{ + + bottom: 127px !important; + +} + +.soft_platform.act .soft_platform_swiper_li1{ + + left: 0%; + +} + +.soft_platform.act .soft_platform_swiper_li2{ + + left: 282px; + +} + +.soft_platform.act .soft_platform_swiper_li3{ + + left: 516px; + +} + +.soft_platform.act .soft_platform_swiper_li4{ + + left: 750px; + +} + +.soft_platform.act .soft_platform_swiper_li5{ + + left: 984px; + +} + +.soft_platform.act .soft_platform_swiper_li6{ + + left: 1272px; + +} + +.soft_platform.act .soft_platform_swiper_li7{ + + left: 1554px; + +} + +.soft_platform.act .soft_platform_swiper_li8{ + + left: 1777px; + +} + +.soft_platform.act .soft_platform_swiper_li9{ + + left: 1971px; + +} + +.soft_platform.act .soft_platform_swiper_li10{ + + left: 2253px; + +} + +.soft_platform.act .soft_platform_swiper_li11{ + + left: 2541px; + +} + +.soft_platform.act .soft_platform_swiper_li12{ + + left: 2756px; + +} + +.soft_platform.act .soft_platform_swiper_li13{ + + left: 3018px; + +} + +.soft_platform.act .soft_platform_swiper_li14{ + + left: 3212px; + +} + +.soft_platform.act .soft_platform_swiper_li15{ + + left: 3417px; + +} + +.soft_platform.act .soft_platform_swiper_li16{ + + left: 3627px; + +} + +.soft_platform.active .soft_platform_swiper_li{ + + position: relative !important; + + left: 0 !important; + + transition: none !important; + +} + +.soft_platform.active .soft_platform_swiper{ + + height: auto !important; + +} + +.soft_platform.act .spsl_cont::after{ + + opacity: 0; + +} + +.mula_wrap_le li.yxnav_active2 .muls_cont_wrap_more{ + + opacity: 1; + +} + + + +/* C2-软件（灵芝平台PRO版）-end */ + +/*鼠标效果*/ + +@media screen and (min-width: 1200px) { + + .mula_wrap_le li:hover .muls_cont_wrap_more{ + + opacity: 1; + + } + + + + .casedet_relat_btn .std_btn1:hover p{ + + color: #fff; + + } + + .casedet_relat_btn .std_btn1:hover img:nth-child(2) { + + opacity: 1; + + } + + .casedet_relat_btn .std_btn1:hover .std_btn1_box{ + + background: #237AE4; + + } + + .pwtl_more:hover svg path{ + + fill: var(--main-color); + + } + + .pwtl_more:hover .pwtl_more_tp p{ + + color: var(--main-color); + + } + + .pwtl_more_bt li:hover{ + + background: #E9EEFF; + + } + + .ccbu_li_cont:hover::after{ + + width: 100%; + + } + + .cclu_li_cont:hover .ys_imgbox_cover img, + + .ccbu_li_cont:hover .ys_imgbox_cover img{ + + transform: scale(1.05); + + } + + .ccbu_li_cont:hover .std_btn2 img:nth-child(1){ + + opacity: 0; + + } + + .ccbu_li_cont:hover .std_btn2 img:nth-child(2){ + + opacity: 1; + + } + + .ccbu_li_cont:hover .std_btn2 p { + + color: var(--main-color); + + } + + .smbu_li_cont:hover .std_btn1_box{ + + background: #fff; + + box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.04); + + } + + .smbu_li_cont:hover .std_btn1 p { + + color: var(--main-color); + + } + + .smbu_li_cont:hover .std_btn1 img:nth-child(2) { + + opacity: 0; + + } + + .mulp_wrap_le_li>a:hover p{ + + color: var(--main-color); + + } + + .prtb_list_ul_li:hover .plul_wrap_tit{ + + color: var(--main-color); + + } + + .join_contact_wrap_img:hover img{ + + transform: scale(1.05); + + } + + .layui-slider-wrap-btn.layui-slider-hover, .layui-slider-wrap-btn:hover { + + transform: translateX(-50%) scale(1) !important; + + } + + .mwll_more:hover p{ + + color: var(--main-color); + + } + + .mwll_more:hover img:nth-child(1){ + + opacity: 0; + + } + + .mwll_more:hover img:nth-child(2){ + + opacity: 1; + + } + + .mfts_icon:hover .mfts_icon_pop{ + + opacity: 1; + + transform: translateX(-50%) scale(1); + + } + + .jwcb_li_cont:hover .jwcb_li_cont_img img{ + + transform: scale(1.05); + + } + + .jobu_li_cont:hover::after{ + + opacity: 0; + + } + + .jobu_li_cont:hover::before{ + + opacity: 1; + + } + + .crbu_li a:hover .crbu_li_tp_logo img{ + + transform: scale(1); + + } + + .pc_fenye li:hover{ + + color: #fff; + + background: var(--main-color); + + } + + .first li:hover, + + .prev li:hover, + + .next li:hover, + + .end li:hover{ + + color: var(--main-color); + + background: transparent; + + } + + .pwbl_cont a:hover::after{ + + opacity: 1; + + } + + .pwbl_cont a:hover .pwbl_cont_btn{ + + opacity: 1; + + } + + .college_train_list:hover .college_train_list_ul1, + + .college_train_list:hover .college_train_list_ul2 { + + animation-play-state: paused; + + } + + .sabu_li_cont:hover .sabu_li_cont_wrap{ + + transform: translateY(-20px); + + } + + .smbu_li_cont:hover .smbu_li_cont_wrap{ + + transform: translateY(-20px); + + } + + .std_btn1:hover .std_btn1_box{ + + background: #fff; + + box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.04); + + } + + .std_btn1:hover p{ + + color: var(--main-color); + + } + + .std_btn1:hover img:nth-child(2){ + + opacity: 0; + + } + + .std_btn2:hover p{ + + color: var(--main-color); + + } + + .std_btn2:hover .std_btn2_box_circle{ + + border: 1px solid rgba(57, 129, 247, 0.26); + + } + + .std_btn2:hover img:nth-child(1){ + + opacity: 0; + + } + + .std_btn2:hover img:nth-child(2){ + + opacity: 1; + + } + + .hnbu_li:hover .hnbu_li_wrap::before{ + + width: 100%; + + } + + .home_why_dots_li:hover .std_title3{ + + opacity: 1; + + } + + .ssbu_li_cont:hover{ + + /* box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.08); */ + + box-shadow: 0px 4px 8px 8px rgba(8, 30, 125, 0.04); + + } + + .sibl_ul_li a:hover{ + + box-shadow: 0px 4px 40px 10px rgba(8, 30, 125, 0.08); + + } + + .sibl_ul_li a:hover .sult_btn .std_btn2_box p{ + + color: var(--main-color); + + } + + .sibl_ul_li a:hover .std_btn2_box_circle { + + border: 1px solid rgba(57, 129, 247, 0.26); + + } + + .sibl_ul_li a:hover .sbbc_icon img:nth-child(2){ + + opacity: 1; + + } + + .sibl_ul_li a:hover .sbbc_icon img:nth-child(1){ + + opacity: 0; + + } + + .std_arrow_icon:hover{ + + border: 1px solid var(--main-color); + + } + + .std_arrow_icon:hover img:nth-child(1){ + + opacity: 0; + + } + + .std_arrow_icon:hover img:nth-child(2){ + + opacity: 1; + + } + + .scene_info_img:hover img{ + + transform: scale(1.05); + + } + + .mwll_bt a:hover img{ + + transform: scale(1); + + } + + .sibu_li a:hover .std_title3{ + + color: var(--main-color); + + } + + .sibu_li a:hover .std_btn2 p{ + + color: var(--main-color); + + } + + .sibu_li a:hover .std_btn2_box_circle { + + border: 1px solid rgba(57, 129, 247, 0.26); + + } + + .sibu_li a:hover .std_btn2 img:nth-child(2) { + + opacity: 1; + + } + + .sibu_li a:hover .std_btn2 img:nth-child(1) { + + opacity: 0; + + } + + .hnbu_li a:hover .hnbu_li_tit { + + color: var(--main-color); + + } + + .ahbu_li_cont_item:hover .alci_img{ + + opacity: 1; + + } + + .ahbu_li_cont_item.has_certifi:hover .alci_text{ + + opacity: 0; + + } + + .std_arrow_icon:hover path{ + + fill: var(--main-color); + + } + + /* 按钮hover不变蓝 */ + + .cclu_li_cont .std_btn2:hover .std_btn2_box_circle, + + .ys_ban_btn .std_btn2:hover .std_btn2_box_circle, + + .hsbu_li .std_btn2:hover .std_btn2_box_circle, + + .cabs_li .std_btn2:hover .std_btn2_box_circle, + + .scbu_li .std_btn2:hover .std_btn2_box_circle{ + + border: 1px solid rgba(255, 255, 255, 0.26); + + } + + .cclu_li_cont .std_btn2:hover p , + + .ys_ban_btn .std_btn2:hover p , + + .hsbu_li .std_btn2:hover p , + + .cabs_li .std_btn2:hover p , + + .scbu_li .std_btn2:hover p { + + color: #fff; + + } + + .cclu_li_cont .std_btn2:hover img:nth-child(1) , + + .ys_ban_btn .std_btn2:hover img:nth-child(1) , + + .hsbu_li .std_btn2:hover img:nth-child(1) , + + .cabs_li .std_btn2:hover img:nth-child(1) , + + .scbu_li .std_btn2:hover img:nth-child(1) { + + opacity: 1; + + } + + .cclu_li_cont .std_btn2:hover img:nth-child(2) , + + .ys_ban_btn .std_btn2:hover img:nth-child(2) , + + .hsbu_li .std_btn2:hover img:nth-child(2) , + + .cabs_li .std_btn2:hover img:nth-child(2) , + + .scbu_li .std_btn2:hover img:nth-child(2) { + + opacity: 0; + + } + + /* 按钮hover不变蓝 */ + + .cabs_li:hover .cabs_li_bg img{ + + transform: scale(1.05); + + } + + .service_case.change .std_btn2:hover .std_btn2_box_circle{ + + border: 1px solid rgba(57, 129, 247, 0.26); + + } + + .service_case.change .std_btn2:hover p { + + color: var(--main-color); + + } + + .service_case.change .std_btn2:hover img:nth-child(1) { + + opacity: 0; + + } + + .service_case.change .std_btn2:hover img:nth-child(2) { + + opacity: 1; + + } + + .sibu_li_btn:hover .sibu_li_img .ys_imgbox_cover img{ + + transform: scale(1.05); + + } + + .sibu_li_btn:hover .std_title3{ + + color: var(--main-color); + + } + + .sibu_li_btn:hover .std_btn2 p{ + + color: var(--main-color); + + } + + .sibu_li_btn:hover .std_btn2_box_circle { + + border: 1px solid rgba(57, 129, 247, 0.26); + + } + + .sibu_li_btn:hover .std_btn2 img:nth-child(1) { + + opacity: 0; + + } + + .sibu_li_btn:hover .std_btn2 img:nth-child(2) { + + opacity: 1; + + } + + .home_solution_bg_dots li a:hover .hsbd_wrap::before{ + + background: var(--main-color); + + } + + .home_solution_bg_dots li a:hover .hsbd_wrap_more{ + + opacity: 1; + + margin-left: 20px; + + } + + .pwtl_list li:hover{ + + background: #E9EEFF; + + } + + .pwtl_list li:hover p{ + + color: var(--main-color); + + } + +} + + + +/* 载入效果 */ + +@keyframes fadeInUp{ + + 0%{ + + opacity: 0; + + -webkit-transform: translate3d(0,50px,0); + + transform: translate3d(0,50px,0); + + } + + 100%{ + + opacity: 1; + + -webkit-transform: none; + + transform: none; + + } + +} + +@keyframes imgScale{ + + 0%{ + + transform: scale(1.08); + + } + + 100%{ + + transform: scale(1); + + } + +} + +.rondFadeup1{ + + animation: fadeInUp .8s ease-in-out both .1s; + +} + +.rondFadeup2{ + + animation: fadeInUp .8s ease-in-out both .2s; + +} + +.rondFadeup3{ + + animation: fadeInUp .8s ease-in-out both .3s; + +} + + + +.ys_nyban_img img{ + + animation: imgScale 1.5s ease-in-out both 0s; + +} + +.scbu_li:nth-child(3n+1) .scbu_li_cont, + +.sibl_ul_li:nth-child(3n+1), + +.slsu_li:nth-child(3n+1){ + + animation-delay: .3s; + +} + +.scbu_li:nth-child(3n+2) .scbu_li_cont, + +.sibl_ul_li:nth-child(3n+2), + +.slsu_li:nth-child(3n+2){ + + animation-delay: .4s; + +} + +.shbu_li:nth-child(4n+4), + +.scbu_li:nth-child(3n+3) .scbu_li_cont, + +.sibl_ul_li:nth-child(3n+3), + +.slsu_li:nth-child(3n+3), + +.pwbl_cont li:nth-child(4n+4){ + + animation-delay: .5s; + +} + +.shbu_li:nth-child(4n+1), + +.cclu_li:nth-child(2n+1), + +.jabu_li:nth-child(2n+1), + +.jobu_li:nth-child(2n+1){ + + animation-delay: .2s; + +} + +.shbu_li:nth-child(4n+2), + +.cclu_li:nth-child(2n+2), + +.jabu_li:nth-child(2n+2), + +.jobu_li:nth-child(2n+2){ + + animation-delay: .3s; + +} + +.crbu_li:nth-child(4n+1){ + + animation-delay: .1s; + +} + +.crbu_li:nth-child(4n+2), + +.prtb_list_ul_li:nth-child(3n+1), + +.hnbu_li:nth-child(3n+1), + +.pwbl_cont li:nth-child(4n+1){ + + animation-delay: .2s; + +} + +.crbu_li:nth-child(4n+3), + +.prtb_list_ul_li:nth-child(3n+2), + +.hnbu_li:nth-child(3n+2), + +.pwbl_cont li:nth-child(4n+2){ + + animation-delay: .3s; + +} + +.shbu_li:nth-child(4n+3), + +.crbu_li:nth-child(4n+4), + +.prtb_list_ul_li:nth-child(3n+3), + +.hnbu_li:nth-child(3n+3), + +.pwbl_cont li:nth-child(4n+3){ + + animation-delay: .4s; + +} + +/* 首页banner效果-start */ + +.ys_ban_li{ + + width: 100vw; + + height: 100vh; + + /* opacity: 1 !important; */ + +} + +/* .ys_ban_li.amplify canvas{ + + animation: imgSwitch1 3s cubic-bezier(0.25,0.46,0.45,0.94) both; + +} + +.ys_ban_li canvas{ + + animation: imgSwitch2 3s cubic-bezier(0.25,0.46,0.45,0.94) both; + +} + +.ys_ban_li.act.amplify canvas{ + + animation: none !important; + +} + +.ys_ban_li.amplify .ys_ban_video{ + + animation: videoSwitch1 3s cubic-bezier(0.25,0.46,0.45,0.94) both; + +} + +.ys_ban_li .ys_ban_video{ + + animation: videoSwitch2 3s cubic-bezier(0.25,0.46,0.45,0.94) both; + +} + +.ys_ban_li.act.amplify .ys_ban_video{ + + animation: none !important; + +} */ + +/* .ys_ban_li.amplify, + +.ys_ban_li.reduce{ + + opacity: 1 !important; + +} */ + +@keyframes videoSwitch1{ + + 0%{ + + opacity: 0; + + transform: translate(-50%, -50%) scale(1.1); + + } + + 20%{ + + opacity: 0; + + transform: translate(-50%, -50%) scale(1.1); + + } + + 100%{ + + opacity: 1; + + transform: translate(-50%, -50%) scale(1); + + } + +} + +@keyframes videoSwitch2{ + + 0%{ + + opacity: 1; + + transform: translate(-50%, -50%) scale(1); + + } + + 20%{ + + opacity: 1; + + transform: translate(-50%, -50%) scale(1); + + } + + 100%{ + + opacity: 0; + + transform: translate(-50%, -50%) scale(1.1); + + } + +} + +@keyframes imgSwitch1{ + + 0%{ + + opacity: 0; + + transform: scale(1.1); + + } + + 20%{ + + opacity: 0; + + transform: scale(1.1); + + } + + 100%{ + + opacity: 1; + + transform: scale(1); + + } + +} + +@keyframes imgSwitch2{ + + 0%{ + + opacity: 1; + + transform: scale(1); + + } + + 20%{ + + opacity: 1; + + transform: scale(1); + + } + + 100%{ + + opacity: 0; + + transform: scale(1.1); + + } + +} + +.ys_text_slick { + + width: 100%; + + height: 100%; + + position: absolute; + + top: 0; + + left: 0; + + z-index: 5; + + pointer-events: none; + +} + +.ys_text_slick .slick-list, + +.ys_text_slick .slick-track { + + height: 100%; + +} + +.ys_ban_txtbox { + + pointer-events: all; + + -webkit-user-select: text; + + -khtml-user-select: text; + + -moz-user-select: text; + + -ms-user-select: text; + + user-select: text; + +} + +/* 首页banner效果-en */ + + + +.college_main .scene_info .ys_cont1400{ + + align-items: flex-start; + +} + +.ys_hd_pc.hovered::after { + + opacity: 1 !important; + +} + +.ys_hd_pc.hovered .mod_cover img:nth-child(2) { + + opacity: 1 !important; + +} + +.ys_hd_pc.hovered .mhnl_ul_li_link { + + color: #333 !important; + +} + +.yx_menu5_nav{ + + transition: all .5s ease-in-out; + +} + +.yx_menu5_nav.not_fixed{ + + left: -500px !important; + +} + +html.on1 .partner_main .yx_menu5_nav.act{ + + transition: all .5s ease-in-out !important; + +} + +html.on1 .partner_main .moe_bread{ + + z-index: -1; + +} + +html.on1.off .partner_main .moe_bread{ + + z-index: 20; + +} + + + +.yx_menu5_nav.white p { + + color: rgba(255,255,255,.5); + +} + +.yx_menu5_nav.white li.active p{ + + color: #fff; + +} + +.yx_menu5_nav_line span{ + + transition: all .36s; + +} + +.yx_menu5_nav.white .yx_menu5_nav_circle, + +.yx_menu5_nav.white .l_f1bx2ks::before, + +.yx_menu5_nav.white .l_f1bx2ks::after, + +.yx_menu5_nav.white .yx_menu5_nav_line span{ + + background: #fff; + +} + +.yx_menu5_nav.white .yx_menu5_nav_line { + + background: rgba(255,255,255,.5) !important; + +} + + + +.yx_menu5_nav.last_grey li:last-child p{ + + color: #999; + +} + +.join_main .yx_menu5_nav.last_grey li:last-child p{ + + color: var(--main-color) !important; + +} + +/* .join_main .yx_menu5_nav.change li.active p{ + + color: #fff !important; + +} */ + +.yx_menu5_nav.last_grey li:last-child .yx_menu5_nav_circle, + +.yx_menu5_nav.last_grey li:last-child .l_f1bx2ks::before, + +.yx_menu5_nav.last_grey li:last-child .l_f1bx2ks::after, + +.yx_menu5_nav.last_grey li:last-child .yx_menu5_nav_line span { + + background: var(--main-color) !important; + +} + +.yx_menu5_nav.last_blue li.active p{ + + color: var(--main-color); + +} + +.yx_menu5_nav.last_blue li p{ + + color: #999; + +} + +.yx_menu5_nav.last_blue .yx_menu5_nav_line{ + + background: #D4DBF1 !important; + +} + +.yx_menu5_nav.white.last_blue li .yx_menu5_nav_circle, + +.yx_menu5_nav.white.last_blue li .l_f1bx2ks::before, + +.yx_menu5_nav.white.last_blue li .l_f1bx2ks::after, + +.yx_menu5_nav.white.last_blue li .yx_menu5_nav_circle, + +.yx_menu5_nav.white.last_blue li .l_f1bx2ks::before, + +.yx_menu5_nav.white.last_blue li .l_f1bx2ks::after, + +.yx_menu5_nav.white.last_blue li .yx_menu5_nav_line span { + + background: var(--main-color); + +} + + + +.yx_menu5_nav.first_white li.active p{ + + color: #fff; + +} + +.yx_menu5_nav.first_white li.active .yx_menu5_nav_circle, + +.yx_menu5_nav.first_white li.active .l_f1bx2ks::before, + +.yx_menu5_nav.first_white li.active .l_f1bx2ks::after, + +.yx_menu5_nav.first_white li.active .yx_menu5_nav_line span{ + + background: #fff; + +} + +.yx_menu5_nav.first_white li.active .yx_menu5_nav_line{ + + background: rgba(255,255,255,.5); + +} + +.yx_menu5_nav.first_white li.active~li p{ + + color: rgba(255,255,255,.5); + +} + +.yx_menu5_nav.first_white li.active~li .yx_menu5_nav_circle{ + + background: #fff; + +} + +.yx_menu5_nav.all_change p{ + + color: rgba(255,255,255,.5); + +} + +.yx_menu5_nav.all_change .yx_menu5_nav_line{ + + background: rgba(255,255,255,.5); + +} + +.yx_menu5_nav.all_change .yx_menu5_nav_line span{ + + background: #fff; + +} + +.yx_menu5_nav.all_change .yx_menu5_nav_circle, + +.yx_menu5_nav.all_change .l_f1bx2ks::before, + +.yx_menu5_nav.all_change .l_f1bx2ks::after{ + + background: #fff; + +} + + + +/* .yx_menu5_nav.change p { + + color: rgba(255,255,255,.5) !important; + + transition: all .36s; + + margin-left: 16px; + +} + +.yx_menu5_nav.change li.active p{ + + color: #fff !important; + +} + +.yx_menu5_nav.change .yx_menu5_nav_line { + + background: rgba(255,255,255,.5) !important; + +} + +.yx_menu5_nav.change .yx_menu5_nav_line span { + + background: #fff !important; + +} + +.yx_menu5_nav.change .l_f1bx2ks::after{ + + background: #fff !important; + +} + +.yx_menu5_nav.change .yx_menu5_nav_circle{ + + background: #fff !important; + +} + +.yx_menu5_nav.change li:last-child .yx_menu5_nav_circle, + +.yx_menu5_nav.change li:last-child .l_f1bx2ks::before, + +.yx_menu5_nav.change li:last-child .l_f1bx2ks::after{ + + background: #fff !important; + +} */ + +.soft_appoint_swiper.swiper-container{ + + overflow: visible; + +} + +.join_body{ + + background: transparent !important; + +} + +.hsbu_li_bg,.hnbu_li_img,.mod_contact_tp,.mod_contact,.slwi_pic,.sibu_li_img,.scbu_li_img,.sibu_li_img,.sibl_ul_li a,.scene_info_img,.ssbu_li_cont,.sabu_li_cont_wrap,.smbu_li_cont_wrap, + +.slsu_li a,.prbw_img,.prbw_text_cont,.slsu_li a,.crbu_li_tp .ys_imgbox_cover,.spsl_cont,.spwb_li_cont,.itbu_wrap,.slbs_li .ys_imgbox_cover,.cclu_li_cont .ys_imgbox_cover,.cllu_li_cont .ys_imgbox_cover, + +.ctlu_li .ys_imgbox_cover,.cabs_li_bg,.crbu_li_tp_logo .ys_imgbox_cover,.casedet_article_img_pic,.ccbu_li_cont .ys_imgbox_cover,.albl_slick,.scbu_li_cont,.nslu_li a,.jwcb_li_cont_img, + +.jobu_li_cont .ys_imgbox_cover,.join_contact_wrap{ + + transform: rotate(0deg); + + -webkit-transform: rotate(0deg); + +} + +.home_solution_bg_video{ + + position: absolute; + + left: 50%; + + top: 50%; + + z-index: 2; + + transform: translate(-50%, -50%); + + width: 100%; + + height: 100%; + + object-fit: cover; + +} + +.join_contact_wrap_img{ + + overflow: hidden; + +} + +.join_contact_wrap_img img{ + + transition: all .36s; + +} + +.partner_ban_cont_text .slick-list{ + + overflow: visible; + +} + +.ys_nyban_title h1{ + + line-height: 1.5; + +} + +.college_main .scene_info { + + padding-bottom: 10px; + +} + +.service_arrange_tab_swiper { + + padding: 6px 0 !important; + +} + +.slwt_parga p{ + + height: 3.5em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 2; + + overflow: hidden; + +} + +.ssbu_li_wrap_text{ + + bottom: auto !important; + + top: 80%; + + transition: all .36s; + +} + +.ssbu_lis a{ + + overflow: hidden; + +} + +.slwt_info{ + + opacity: 0; + + transition: all .36s; + +} + +.ssbu_lis.act .ssbu_li_wrap_text{ + + top: 40%; + +} + +.ssbu_lis.act .slwt_info{ + + opacity: 1; + +} + +.yx_menu5_nav.connec{ + + left: -500px; + +} + +.itemright { + + animation: textLeft .8s ease-in-out both .1s; + +} + +.right_side .itemright{ + + animation: textRight .8s ease-in-out both .1s; + +} + +.join_main .yx_menu5_nav.last_blue .yx_menu5_nav_line span{ + + background: var(--main-color); + +} + +.join_main .yx_menu5_nav.last_blue .yx_menu5_nav_circle, + +.join_main .yx_menu5_nav.last_blue .l_f1bx2ks::before, + +.join_main .yx_menu5_nav.last_blue .l_f1bx2ks::after { + + background: var(--main-color); + +} + + + +.service_ours{ + + height: 700vh; + +} + +.soft_main .ys_nyban_img img{ + + animation: none; + +} + +.ys_nyban_slick .slick-arrow{ + + transition: all .36s; + + width: 50px; + + height: 50px; + + background: url(../images/a1_arrow1.svg) center / cover no-repeat; + + z-index: 5; + +} + +.ys_nyban_slick .slick-prev { + + left: 15px; + +} + +.ys_nyban_slick .slick-next { + + background: url(../images/a1_arrow2.svg) center / cover no-repeat; + + right: 15px; + +} + +.soft_html,.soft_body,.soft_html .mod_content, + +.service_html,.service_body,.service_html .mod_content{ + + overflow: inherit !important; + +} + +.soft_progra_wrap, + +.soft_appoint_wrap, + +.service_ours_wrap, + +.service_labora_wrap{ + + position: sticky; + + top: 80px; + +} + +.service_labora_wrap_box{ + + width: 100vw; + + overflow: hidden; + + height: 100%; + + display: flex; + + align-items: center; + + justify-content: center; + +} + +.ys_ban_bg{ + + width: 1920px; + + position: absolute; + + top: 50%; + + left: 50%; + + z-index: 5; + + transform: translate(-50%,-50%) scale(1); + +} + +.ys_ban_bg img{ + + width: 100%; + + height: 100%; + + object-fit: cover; + +} + +.investor_notice_bt p:first-child iframe{ + + width: 90%; + + height: 430px; + +} + +.investor_notice_bt p:last-child iframe{ + + width: 90%; + + height: 450px; + +} + +.hsbd_circle { + + display: block; + + width: 18px; + + height: 18px; + + background: #fff; + + border: 7px solid var(--main-color); + + border-radius: 50%; + + position: relative; + + /* animation: bordershow 3s infinite; */ + + /* overflow: hidden; */ + +} + +.hsbd_circle::before { + + content: ''; + + display: block; + + position: absolute; + + left: 50%; + + top: 50%; + + z-index: -1; + + transform: translate(-50%, -50%); + + width: 25px; + + height: 25px; + + border-radius: 50%; + + background: rgba(57,129,247, 0.2); + + animation: boderM 3s .75s infinite; + +} + +.hsbd_circle::after { + + content: ''; + + display: block; + + position: absolute; + + left: 50%; + + top: 50%; + + z-index: -1; + + transform: translate(-50%, -50%); + + width: 25px; + + height: 25px; + + border-radius: 50%; + + background: rgba(57,129,247, 0.2); + + animation: boderM 3s infinite; + +} + +@keyframes boderM { + + 0% { + + transform: translate(-50%, -50%) scale(1); + + opacity: 0 + + } + + 20% { + + opacity: 1 + + } + + 75% { + + transform: translate(-50%, -50%) scale(2); + + opacity: 0 + + } + + 100% { + + opacity: 0 + + } + +} + +@keyframes bordershow { + + 50% { + + box-shadow: 0px 0px 10px 0 var(--main-color); + + } + +} + +.home_solution_bg_dots{ + + width: 100%; + + height: 100%; + + position: absolute; + + top: 0; + + left: 0; + +} + +.home_solution_bg_dots li{ + + position: absolute; + + z-index: 5; + + cursor: pointer; + +} + +.hsbd_wrap { + + position: absolute; + + left: 40px; + + top: 50%; + + z-index: 1; + + transform: translateY(-50%); + + padding: 0 18px; + + pointer-events: all; + + display: flex; + + align-items: center; + +} + +.hsbd_wrap::before { + + content: ""; + + width: 100%; + + height: 100%; + + background: rgba(57, 129, 247, 0.70); + + /* backdrop-filter: blur(5px); */ + + border-radius: 21.5px; + + position: absolute; + + left: 0; + + top: 0; + + z-index: -1; + + transition: all .36s; + +} + +.hsbd_wrap::after { + + content: ""; + + position: absolute; + + right: 100%; + + top: 0; + + width: 40px; + + height: 100%; + +} + +.hsbd_wrap_icon{ + + width: 24px; + + margin-right: 12px; + +} + +.hsbd_wrap_icon img{ + + width: 100%; + +} + +.hsbd_wrap_tit{ + + white-space: nowrap; + + font-size: 16px; + + line-height: 42px; + + text-shadow: 0px 1px 1px rgba(64, 123, 255, 0.50); + + color: #fff; + +} + +.hsbd_wrap_more{ + + width: 12px; + + margin-left: 0; + + opacity: 0; + + transition: all .36s; + +} + +.hsbd_wrap_more img{ + + width: 100%; + +} + + + +.investor_notice_bt p{ + + text-align: center; + +} + +.home_new .home_new_bt_ul{ + + display: block; + +} + +.pbsl_bg{ + + transition: opacity .5s ease-out; + + opacity: 0; + +} + +.pbsl_text{ + + opacity: 0; + +} + +html.off .pbsl_text{ + + opacity: 1; + +} + +html.on1 .pbsl_text{ + + transition: transform .8s cubic-bezier(0, 0, 0.2, 1), opacity .8s ease-out; + + transition-delay: 1s; + +} + +html.on1.off .pbsl_text { + + transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 1s ease-out; + + transition-delay: 1s; + +} + + + +html.on1 .pbsl_bg{ + + transition: opacity .8s ease-out; + + transition-delay: 1s; + +} + +html.on1.off .pbsl_bg{ + + opacity: 1; + + transition: opacity .8s ease-out; + + transition-delay: 1s; + +} + +.college_achieve_text{ + + position: relative; + + z-index: 5; + +} + + + +.home_main .ys_hd_pc{ + + background: linear-gradient(to bottom, rgba(0,0,0,.5),rgba(0,0,0,0)); + +} + +.home_main .ys_hd_pc.isfixed{ + + background: rgba(255, 255, 255, 0.7); + +} + +.solu_main .ys_bread_list a, + +.cooper_main .ys_bread_list a, + +.soft_main .ys_bread_list a, + +.case_main .ys_bread_list a{ + + color: #fff; + + opacity: 1; + +} + +.soft_main .ys_bread_list::before, + +.cooper_main .ys_bread_list::before, + +.case_main .ys_bread_list::before{ + + background: url(../images/d1_arrow2.svg) center / cover no-repeat; + +} + +.cooper_cont_wrap_img::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: rgba(0,0,0,.3); + + position: absolute; + + top: 0; + + left: 0; + +} + +.ahct_ul_li_cont ul{ + + margin-block-start: 0; + + margin-block-end: 0; + + margin-inline-start: 0px; + + margin-inline-end: 0px; + + padding-inline-start: 18px; + +} + +.ahct_ul_li_cont li{ + + list-style-type: disc; + +} + +.ahct_ul_li_cont li::marker{ + + color: var(--main-color); + +} + +.ahct_ul { + + padding-left: 19%; + +} + +.casedet_article_bt_aside { + + padding-right: 78px; + +} + +.ys_nyban_slick a{ + + display: block; + +} + +.sibu_li_img { + + position: relative; + +} + +.sult_parga p { + + height: 3.5em; + + -webkit-line-clamp: 2; + +} + +.service_arrange .slsu_li_text ul p{ + + height: 1.75em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 1; + + overflow: hidden; + +} + +.service_arrange .slsu_li_text ul{ + + height: 126px; + + overflow: hidden; + +} + +.service_arrange .slsu_li_text .std_parga1{ + + height: 1.75em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 1; + + overflow: hidden; + +} + +.sibu_li_img_icon { + + width: 34px; + + z-index: 5; + +} + +.sibu_li_img_icon img{ + + width: 100%; + +} + +.ys_ban_btn_video p{ + + font-size: 20px; + + line-height: 1.5; + + color: #fff; + +} + +.ys_ban_btn_video img{ + + width: 34px; + + margin-right: 12px; + +} + +.ys_ban_btn_video{ + + display: flex; + + align-items: center; + + cursor: pointer; + + margin-left: 45px; + +} + +.ys_ban_btn{ + + display: flex; + + align-items: center; + +} + +.itbu_wrap_ri{ + + padding: 0 !important; + +} + + + +.home_solution_title { + + pointer-events: none; + +} + +.home_solution_title h2{ + + pointer-events: all; + + display: inline-block; + +} + + + +/* 首页建模覆盖效果 */ + +/* .index_html.act, + +.index_html.acts { + + height: 100vh; + + overflow-y: scroll; + +} + +.index_html.act body, + +.index_html.acts body { + + height: 100vh !important; + +} + +.home_main .mod_content { + + margin-top: 90px; + + transition: margin-top .5s linear; + +} + +.index_html.off .mod_content { + + margin-top: 100vh; + +} + +.index_html.on1.off .mod_cover img:nth-child(2){ + + opacity: 0; + +} + +.index_html.on1.off .ys_hd_pc .mhnl_ul_li_link { + + color: #fff; + +} + +.index_html.on1.off .ys_hd_pc::after { + + opacity: 0; + +} + +.index_html.on1 .mod_cover img:nth-child(2){ + + opacity: 1; + +} + +.index_html.on1 .ys_hd_pc .mhnl_ul_li_link { + + color: #333; + +} + +.index_html.on1 .ys_hd_pc::after { + + opacity: 1; + +} */ + +.yx_rotate5 .itbu_wrap_ri{ + + padding: 70px !important; + +} + +.home_solution_title h2{ + + color: var(--main-color) !important; + +} + +/*导航默认选中*/ + +.yxnav_active1 .mhnl_ul_li_link{ + + color: var(--main-color) !important; + +} + +.ys_hd_pc.hovered .yxnav_active1 .mhnl_ul_li_link{ + + color: var(--main-color) !important; + +} + +.culc_img{ + + width: 100% !important; + + padding: 0 !important; + +} + +.cabl_ul_li_cont{ + + margin: 0 !important; + +} + +.culc_img{ + + border-radius: 20px; + +} + +.culc_img img{ + + border: none; + + border-radius: 0; + +} + +.cpbw_text_li h3{ + + margin-top: 20px; + +} + +.cpbw_text_li h4{ + + margin: 15px 0; + + font-size: 20px; + + font-weight: bold; + +} + +.yxedr_active h4{ + + font-size: 20px; + +} + +.halu_li { + + width: 33.333333%; + +} + +.home_approve_list_ul{ + + justify-content: flex-start; + +} + +.halu_li:not(:first-child){ + + display: none; + +} + +.slick-list{ + + min-width: 100%; + +} + +.home_approve_list_ul .slick-list{ + + padding-bottom: 50px; + +} + +.home_approve_list_ul.empty .slick-list{ + + padding-bottom: 0; + +} + +.scene_info_le { + + padding-right: 100px; + +} + +.slcw_btn{ + + position: absolute; + + bottom: 50px; + + left: 50%; + + transform: translateX(-50%); + +} + +.smbu_li_cont_wrap{ + + padding-bottom: 146px; + +} + +.solu_main .slsu_li_text ul{ + + display: none; + +} + +.solu_main .slsu_li_text .std_btn2 { + + position: static; + +} + +.solu_main .slsu_li_text { + + text-align: center; + + padding-left: 30px; + + padding-right: 30px; + +} + +.slsu_li_text .std_parga1{ + + color: var(--main-color); + +} + +.hsbu_li_wrap{ + + position: relative; + + border-radius: 20px; + + overflow: hidden; + +} + +.hsbu_li_wrap::after{ + + content: ""; + + width: 100%; + + height: 100%; + + /* background: rgba(0, 0, 0, .3); */ + + position: absolute; + + top: 0; + + left: 0; + +} + +.scene_info_img_btn { + + z-index: 5; + + width: 34px; + + cursor: pointer; + +} + +.scene_info_img_btn img{ + + width: 100%; + +} + +.scene_info_img::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: rgba(0, 0, 0, .2); + + position: absolute; + + top: 0; + + left: 0; + +} + +.solu_main .yx_menu5_nav { + + left: -500px; + +} + +.solu_main .yx_menu5_nav.enter{ + + left: 25px; + +} + +.solu_main .yx_menu5_nav.all_change li.active p{ + + color: #fff; + +} + +.solu_main .yx_menu5_nav.last_blue .yx_menu5_nav_circle{ + + background: var(--main-color); + +} + +.solu_main .yx_menu5_nav.last_blue .yx_menu5_nav_line span{ + + background: var(--main-color); + +} + +.solu_main .yx_menu5_nav.last_blue .l_f1bx2ks::before, + +.solu_main .yx_menu5_nav.last_blue .l_f1bx2ks::after{ + + background: var(--main-color); + +} + +.solu_main .yx_menu5_nav.all_change.last_blue li.active p { + + color: var(--main-color); + +} + +.cabs_li_bg::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: rgba(0, 0, 0, .2); + + position: absolute; + + top: 0; + + left: 0; + +} + +.cabs_li { + + margin-right: 60px; + +} + +.home_why_wrap { + + overflow: hidden; + + height: 100%; + +} + +.home_why { + + background: var(--auxi-bgcolor1); + +} + +.pbct_li_wrap_parga p{ + + height: 5.25em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 3; + + overflow: hidden; + +} + +.ccbu_li_cont{ + + position: relative; + +} + +.ccbu_li_cont::after{ + + content: ""; + + width: 0%; + + height: 1px; + + background: var(--main-color); + + position: absolute; + + bottom: 0; + + left: 0; + + transition: all .36s; + +} + +.itbu_wrap{ + + padding-top: 60px; + + padding-bottom: 60px; + +} + +.cpwb_top_subin { + + margin-top: 60px; + +} + +.itbu_wrap_le_parga { + + line-height: 1.75; + + height: 15.75em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 9; + + overflow: hidden; + +} + +.cpwb_top_subin_p2 p{ + + height: 3.5em; + + display: -webkit-box; + + -webkit-box-orient: vertical; + + -webkit-line-clamp: 2; + + overflow: hidden; + +} + +.ssbu_li_cont { + + box-shadow: 0px 2px 5px 5px rgba(8, 30, 125, 0.04); + +} + +.mod_head_logo a,.mhns_icon{ + + transition: all .36s; + +} + +.ys_hd_pc.isfixed .mod_head_logo a, + +.ys_hd_pc.isfixed .mhnl_ul_li_link, + +.ys_hd_pc.isfixed .mhns_icon{ + + line-height: 80px; + +} + +/* .home_main .mod_content { + + margin-top: 80px; + +} */ + +.home_solution_bg { + + height: calc(100vh - 80px); + +} + +.home_why,.soft_progra_wrap,.soft_appoint_wrap,.service_ours_wrap,.service_labora_wrap,.college_achieve{ + + height: calc(100vh - 80px); + +} + +.home_story{ + + padding-bottom: calc(100vh - 80px); + +} + +.home_develop_wrap_tit{ + + height: calc(100vh - 80px); + + top: 80px; + +} + +.smbu_li.not_btn .smbu_li_cont_wrap{ + + padding-bottom: 50px; + +} + +.sustain_consider { + + margin-bottom: 200px; + +} + +.home_develop_bg_cloud { + + top: -732px; + +} + +.mod_foot_bt_le a[href="https://www.yongsy.com"]{ + + opacity: 0.5; + +} + +/* 合作伙伴覆盖效果 */ + +.partner_ban{ + + position: fixed; + + z-index: 0; + +} + +.partner_recruit{ + + margin-top: calc(100vh - 90px); + + transition: margin-top .5s linear; + +} + +.partner_order{ + + position: relative; + +} + +.partner_order::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: #fff; + + position: absolute; + + bottom: 0; + + left: 0; + +} + +.partner_recruit_text_bt{ + + position: relative; + + z-index: 5; + +} + +.service_class,.partner_together,.college_contact { + + position: relative; + + z-index: 5; + + background: #fff; + +} + +.partner_recruit_text .ys_cont1400{ + + position: relative; + + z-index: 12; + +} + +.partner_recruit_bg{ + + z-index: 1; + +} + +.partner_together{ + + z-index: 6; + +} + +.partner_main .mod_content{ + + z-index: inherit; + +} + +.next_page1 .partner_recruit{ + + margin-top: 0px; + +} + +.yx_menu5_nav li:first-child span{ + + transition: height .5s linear; + +} + +.next_page1 .yx_menu5_nav li:first-child span{ + + height: 100% !important; + +} + +/* 首页第二屏转场修改 */ + +.home_solution_wrap{ + + overflow: hidden; + + width: 100%; + + height: calc(100vh - 80px); + + position: sticky; + + top: 80px; + +} + +.home_solution_bg { + + height: 100% !important; + +} + +.home_solution_wrap_cont{ + + overflow: hidden; + + transform: scale(0.9, 0.9); + + border-top-right-radius: 48px; + + border-top-left-radius: 48px; + + height: 100%; + +} + +.home_solution{ + + height: 200vh; + +} + +.home_main .mod_content{ + + overflow: inherit; + +} + +.index_html,.index_html body{ + + overflow: inherit !important; + +} + +/* .home_solution_wrap.isfixed { + + position: fixed; + + top: 80px; + + left: 0; + +} + +.home_solution_wrap.isfixed.isab{ + + position: absolute; + + top: auto !important; + + bottom: -80px; + +} */ + +.ys_banner{ + + overflow: hidden; + +} + +.home_why { + + height: 200vh !important; + + overflow: inherit; + + transition: all .36s; + +} + +.home_why_wrap{ + + height: calc(100vh - 80px); + + position: sticky; + + top: 80px; + +} + +.home_why_wrap_cont { + + overflow: hidden; + + height: 100%; + +} + +.home_new{ + + overflow: hidden; + +} + +.pwtl_list p, + +.pwtl_more_tp p, + +.pwtl_more_bt p{ + + font-size: 14px; + + line-height: 18px; + + color: #666; + + transition: all .36s; + +} + +.pwtl_more_tp p{ + + line-height: 34px; + + margin-right: 5px; + +} + +.pwtl_list li { + + padding: 8px 16px; + + border-radius: 6px; + + transition: all .36s; + + cursor: pointer; + + margin-right: 4px; + +} + +.pwtl_list li.act { + + background: #E9EEFF; + +} + +.pwtl_list li.act p{ + + color: var(--main-color); + +} + +.pwtl_list ul{ + + display: flex; + + flex-wrap: wrap; + + height: 34px; + + overflow: hidden; + +} + +.pwtl_more_tp svg{ + + width: 20px; + + transition: all .36s; + +} + +.pwtl_more_tp svg path{ + + transition: all .36s; + +} + +.pwtl_more_tp{ + + display: flex; + + align-items: center; + + cursor: pointer; + + padding: 0 16px; + + transition: all .36s; + + border-radius: 6px; + +} + +.pwtl_more.act .pwtl_more_tp{ + + background: #E9EEFF; + +} + +.pwtl_more.act .pwtl_more_tp p{ + + color: var(--main-color); + +} + +.pwtl_more.act svg path{ + + fill: var(--main-color); + +} + +.pwtl_more_bt{ + + width: 184px; + + position: absolute; + + top: 34px; + + left: 50%; + + transform: translateX(-50%); + + display: none; + + padding-top: 10px; + +} + +.pwtl_more_bt ul{ + + border: 1px solid #dee0e3; + + box-shadow: 0 4px 8px -8px rgba(31,35,41,.06), 0 6px 12px rgba(31,35,41,.04), 0 8px 24px 8px rgba(31,35,41,.04); + + border-radius: 6px; + + background: #fff; + + padding: 8px 4px; + +} + +.pwtl_more{ + + position: relative; + +} + +.pwtl_list{ + + width: calc(100% - 150px); + +} + +.public_wrap_tp_lab { + + display: flex; + + align-items: center; + + justify-content: space-between; + + padding: 10px 0; + + position: relative; + + z-index: 5; + +} + +.pwtl_more_bt li{ + + padding: 0 8px; + + cursor: pointer; + + transition: all .36s; + + border-radius: 4px; + + display: flex; + + align-items: center; + + justify-content: space-between; + + margin-bottom: 2px; + +} + +.pwtl_more_bt p{ + + line-height: 48px; + +} + +.pwtl_more_bt img{ + + transition: all .36s; + + width: 14px; + + opacity: 0; + +} + +.pwtl_more_tp.on svg{ + + transform: rotate(180deg); + +} + +.pwtl_more_bt li.act { + + background: #E9EEFF; + +} + +.pwtl_more_bt li.act p{ + + color: var(--main-color); + +} + +.pwtl_more_bt li.act img{ + + opacity: 1; + +} + +.casedet_relat_btn{ + + text-align: center; + + padding-bottom: 10px; + +} + +.casedet_relat_list { + + padding-bottom: 30px; + +} + +.casedet_relat_btn .std_btn1 { + + cursor: pointer; + +} + +.casedet_relat_btn .std_btn1_box { + + background: #fff; + + box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.04); + +} + +.casedet_relat_btn .std_btn1 p { + + color: var(--main-color); + +} + +.casedet_relat_btn .std_btn1 img:nth-child(2) { + + opacity: 0; + +} + + + +.inddet_nav { + + height: 54px; + + position: relative; + + z-index: 1; + +} + +.inddet_nav.isfixed { + + z-index: 97; + +} + +.inddet_nav_wrap { + + position: relative; + + transition: all .4s; + + text-align: center; + + left: 50%; + + transform: translateX(-50%); + + + + background: #fff; + +} + +.inddet_nav_wrap::after{ + + content: ""; + + width: 100vw; + + height: 100%; + + border-top: 1px solid rgb(242, 243, 245); + + background: #fff; + + box-shadow: rgba(31, 35, 41, 0.03) 0px 4px 8px, rgba(31, 35, 41, 0.05) 0px 3px 6px -6px, rgba(31, 35, 41, 0.03) 0px 6px 18px 6px; + + position: absolute; + + top: 0; + + left: 50%; + + transform: translateX(-50%); + + transition: all .36s; + + opacity: 0; + +} + + + +.inddet_nav_wrap.isfixed{ + + position: fixed; + + top: 80px; + + z-index: 100; + + width: 100%; + + max-width: 1400px; + +} + +.inddet_nav_wrap.isfixed::after{ + + opacity: 1; + +} + +.casedet_relat_list.retract .inddet_nav_wrap.isfixed{ + + top: -80px; + +} + +.home_develop_bg_cloud { + + top: -200px; + +} + +.home_story_cont_box.ys_fixed{ + + top: 80px; + +} + +.home_story_cont_box{ + + height: calc(100vh - 80px); + +} + +.home_main .home_develop_bg_cloud{ + + top: -1px; + +} + +.home_story{ + + overflow: inherit; + + padding-bottom: 0 !important; + +} + +.home_story_cont{ + + /* position: sticky; + + top: 80px; */ + + height: calc(100vh - 80px); + + overflow: hidden; + +} + +.ctlu_li a{ + + position: relative; + +} + +.ctlu_li a::after{ + + content: ''; + + width: 100%; + + height: 44%; + + border-radius: 20px; + + background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 100%); + + position: absolute; + + bottom: 0; + + left: 0; + +} + +/* .ctlu_li a:not([href])::after{ + + display: none; + +} */ + +.ctlu_li_btn{ + + position: absolute; + + bottom: 35px; + + left: 37px; + + z-index: 5; + +} + +.ctlu_li .std_btn2 p{ + + font-size: 16px; + + color: #fff !important; + +} + +.ctlu_li .std_btn2 img:nth-child(1){ + + opacity: 1 !important; + +} + +.ctlu_li .sbbc_icon img:nth-child(2){ + + opacity: 0 !important; + +} + +.ctlu_li .std_btn2_box_circle { + + border: 1px solid rgba(255, 255, 255, 0.26) !important; + +} + +.hscb_wrap_bt_cont{ + + width: 1165px; + +} + +.hscb_wrap_bt_ul{ + + margin: 0 -10px; + +} + +.hsbu_li{ + + margin-right: 0 !important; + + padding: 0 10px; + +} + +.home_story_cont_box{ + + justify-content: center; + +} + +.home_story{ + + overflow: hidden; + +} + +.hscb_wrap_bt_ul .slick-list{ + + overflow: visible; + +} + +/* .service_team h2{ + + padding-top: 0 !important; + +} */ + +.hscb_wrap_tit{ + + display: flex; + + align-items: center; + + justify-content: space-between; + +} + +.home_solution_bg_ph{ + + display: none; + +} + +.mula_wrap_bg{ + + display: none; + +} + +.home_approve{ + + position: relative; + + background-color: var(--auxi-bgcolor1); + + z-index: 1; + +} + +.home_approve_bg{ + + position: absolute; + + top: 0; + + left: 0; + + width: 100%; + + height: 100%; + + object-fit: cover; + + z-index: -1; + +} + +.home_approve_bgph{ + + display: none; + +} + +.home_approve .sbbc_icon img:nth-child(3){ + + display: none; + +} + +/* 2024.4.3导航修改 */ + +.mhnl_ul_li_link { + + font-size: 16px; + + line-height: 80px; + +} + +.mod_head_logo a,.mhns_icon{ + + line-height: 80px; + +} + +.mhnl_ul_li_pull { + + top: 80px; + +} + +.mod_head_logo { + + width: 140px; + +} + +.mhns_icon { + + width: 34px; + +} + +.ys_hd_pc.isfixed .mod_head_logo a, .ys_hd_pc.isfixed .mhnl_ul_li_link, .ys_hd_pc.isfixed .mhns_icon { + + line-height: 75px; + +} + +.ys_hd_pc.isfixed .mhnl_ul_li_pull { + + top: 75px; + +} + +.inside_body .ys_main { + + padding-top: 80px; + +} + +.home_solution_wrap,.home_why_wrap{ + + height: calc(100vh - 75px); + + top: 75px; + +} + +/* 2024.4.10 */ + +.ccwi_info_code .mfts_icon_pop { + + opacity: 1; + + position: relative; + + transform: translateX(-50%) scale(1); + + margin-bottom: 20px; + +} + +.ccwi_info_code .mfts_icon_pop::after { + + top: auto; + + bottom: -5px; + +} + +.ccwi_info_li { + + padding-bottom: 15px; + + border-bottom: 1px solid #DEDEDE; + + margin-bottom: 24px; + +} + +.ccwi_info_li2{ + + margin-top: 0 !important; + +} + +.ccwi_info_code{ + + border-bottom: none; + + padding-bottom: 0; + + margin-bottom: 0 !important; + +} + +.ccwi_info_list .ccwi_info_li:last-child{ + + border-bottom: none; + + padding-bottom: 0; + +} + +.home_solu_phtit{ + + display: none; + +} + +.home_approve_phtit{ + + display: none; + +} + +/* 2024.4.22修改-start */ + +.ys_ban_dots{ + + bottom: 60px; + + z-index: 5; + +} + +.ys_ban_dots_ul { + + display: flex; + + justify-content: center; + +} + +.ybdu_li { + + width: 8px; + + height: 8px; + + border-radius: 50%; + + background: #fff; + + cursor: pointer; + + margin: 0 6px; + + overflow: hidden; + + transition: all .3s ease-out 0s; + +} + +.ybdu_li_line { + + width: 0%; + + height: 100%; + + background: rgba(255,255,255,1); + + border-radius: 58px; + +} + +.ybdu_li.act{ + + width: 58px; + + height: 8px; + + border-radius: 58px; + + background: rgba(255,255,255,.5); + +} + +.home_solution_wrap_cont{ + + position: relative; + +} + +.home_solution_wrap_cont::before{ + + content: ""; + + width: 100%; + + height: 76%; + + background: linear-gradient(180deg, #EFF2F8 7.44%, rgba(239, 242, 248, 0.00) 41.88%); + + position: absolute; + + top: 0; + + left: 0; + + pointer-events: none; + + z-index: 5; + +} + +.home_solution_wrap_cont::after{ + + content: ""; + + width: 100%; + + height: 22%; + + background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); + + position: absolute; + + bottom: -6px; + + left: 0; + + pointer-events: none; + + z-index: 5; + +} + +.hsbd_wrap::before{ + + border-radius: 50px; + + background: #FFF; + + box-shadow: 0px 2px 6px 0px rgba(186, 203, 238, 0.10), 0px 7px 16px 0px rgba(41, 107, 255, 0.06), 0px 4px 9.642px 6px rgba(64, 123, 255, 0.05); + +} + +.hsbd_wrap_tit{ + + color: #333; + + text-shadow: none; + + padding-left: 18px; + + line-height: 50px; + +} + +.hsbd_wrap_icon{ + + display: none; + +} + +.hsbd_wrap{ + + position: static; + + transform: inherit; + + padding-left: 18px; + + padding-right: 30px; + + transition: all .36s; + +} + +.hsbd_wrap_more { + + position: absolute; + + right: 20px; + + top: 50%; + + transform: translateY(-50%); + +} + +.hsbd_circle{ + + flex-shrink: 0; + + border: 7px solid var(--main-color); + +} + +.hsbd_circle::before, + +.hsbd_circle::after{ + + background: rgba(14, 97, 255, .2); + +} + +.home_why_text h2{ + + color: #262626; + + margin-bottom: 90px; + +} + +.home_why_dots_li .std_title3{ + + color: #262626; + +} + +.hwdl_info p{ + + color: #666; + +} + +.home_why_text { + + top: 16.8%; + +} + +.hdwt-wrap{ + + height: 100%; + +} + +.hdwt-wrap h2{ + + height: auto; + + color: #262626; + + margin-bottom: 28px; + +} + +.hdwt-wrap-parga{ + + width: 42%; + + margin: auto; + +} + +.hdwt-wrap-parga p{ + + font-size: 22px; + + line-height: 1.6; + + color: #656D7D; + + text-align: center; + +} + +.ys_ban_title { + + margin-bottom: 35px; + +} + +.hdwl_ul_li_cont{ + + background: rgba(0, 84, 255, 0.90); + +} + +.hulc_parga p{ + + color: #fff; + + opacity: 0.8; + +} + +.std_btn2 p { + + font-size: 16px; + +} + +.hnbu_li_time p { + + color: #0E61FF; + +} + +.hnbu_li_wrap::before { + + background: #0E61FF; + +} + +.mod_foot_tp_nav>ul>li>a { + + font-size: 18px; + + color: #333; + + font-weight: bold; + + margin-bottom: 16px; + +} + +.mod_foot_tp_nav a { + + line-height: 2.2; + + color: #666; + +} + +.mfts_parga{ + + margin-top: 6px; + +} + +.mfts_parga p{ + + font-size: 14px; + + line-height: 1.5; + + color: #333; + + text-align: center; + +} + +.mod_foot_tp_share{ + + width: 116px; + +} + +.mfts_img{ + + width: 100%; + +} + +.mfts_img img{ + + width: 100%; + +} + +.mod_foot_tp_logo{ + + width: 163px; + +} + +.mod_foot_tp_nav{ + + width: calc(100% - 163px - 116px) !important; + + padding-left: 154px; + + padding-right: 80px; + +} + +.mftl_phone p{ + + font-size: 16px; + + line-height: 1.75; + + color: #333; + + opacity: 0.5; + + margin-bottom: 6px; + +} + +.mftl_phone a{ + + font-size: 24px; + + line-height: 1.1; + + color: #333; + + font-family: 'playbold'; + +} + +.mftl_phone{ + + margin-top: 40px; + +} + +.mod_foot{ + + padding-top: 110px; + + background: #fff; + +} + +.mod_foot_bt { + + padding-top: 55px; + + padding-bottom: 62px; + + border-top: 1px solid #E1E1E1; + +} + +.mod_foot_bt_le p, + +.mod_foot_bt_ri p a{ + + font-size: 14px; + +} + +.mod_foot::after{ + + background: #fff; + +} + +.mod_foot_bt_ri p a{ + + color: #999; + + opacity: 0.5; + + position: relative; + + margin-left: 40px; + +} + +.mod_foot_bt_ri p a::after{ + + content: ""; + + width: 1px; + + height: 100%; + + background: #999; + + opacity: 0.5; + + position: absolute; + + top: 50%; + + left: -20px; + + transform: translateY(-50%); + +} + +.mod_foot_bt_ri p a:first-child::after{ + + display: none; + +} + +.mod_contact_wrap{ + + border-radius: 30px; + + overflow: hidden; + + width: 100%; + + position: relative; + +} + +.mod_contact_wrap_text{ + + padding: 100px 40px; + + text-align: center; + +} + +.mod_contact_wrap_bg{ + + width: 100%; + + height: 100%; + + z-index: -1; + +} + +.mod_contact_wrap_bg img{ + + width: 100%; + + height: 100%; + + object-fit: cover; + +} + +.mod_contact_wrap_text h2{ + + color: #fff !important; + + text-align: center; + +} + +.mcwt_btn{ + + margin-top: 42px; + +} + +.mcwt_btn p { + + color: var(--main-color); + +} + +.mcwt_btn .std_btn1_box{ + + background: #fff; + +} + +.mcwt_btn .std_btn1_box_icon img:nth-child(1){ + + opacity: 1 !important; + +} + +.mcwt_btn .std_btn1_box_icon img:nth-child(2){ + + opacity: 0 !important; + +} + +.mod_contact{ + + padding-top: 80px; + + padding-bottom: 0 !important; + +} + +.home_why,.home_solution{ + + background: #fff; + +} + +.home_solution_title h2 { + + color: var(--main-color); + +} + +.home_choose{ + + position: relative; + +} + +.home_choose_bg{ + + width: 100%; + + /* height: 100%; */ + + position: absolute; + + top: 0; + + left: 0; + + z-index: -1; + +} + +.home_choose_bg img{ + + width: 100%; + + /* height: 100%; + + object-fit: cover; */ + +} + +.std_btn1_box{ + + background: var(--main-color); + +} + +.home_choose_text h2{ + + color: #262626; + + font-weight: bold; + + line-height: 1.75; + +} + +.home_choose_text_parga{ + + margin-top: 24px; + +} + +.home_choose_text_parga p{ + + font-size: 30px; + + line-height: 1.75; + + color: #262626; + +} + +.home_choose_text_btn{ + + margin-top: 85px; + +} + +.home_choose_text{ + + /* width: 40%; */ + width: calc(1400px * 0.4); + + /* position: sticky; + + top: 210px; */ + +} + +.home_choose_num{ + + /* width: 60%; */ + width: calc(1400px * 0.6); + + padding-left: 130px; + +} + +.hcnu_li_data{ + + font-size: 120px; + + line-height: 1.2; + + color: #262626; + + font-family: 'KANITBOLD'; + + transition: all .36s; + +} + +.hcnu_li_parga{ + + font-size: 20px; + + color: #262626; + + opacity: 0.8; + + line-height: 1.6; + +} + +.hcnu_li{ + + padding-top: 90px; + +} + +.hcnu_li:first-child{ + + padding-top: 0; + +} + +.hcnu_li.act .hcnu_li_data{ + + color: var(--main-color); + +} + +.std_btn1 p{ + + line-height: 50px; + +} + +.std_btn1_box{ + + padding-left: 44px; + + padding-right: 44px; + +} + +.home_choose_wrap{ + + position: relative; + +} + +.home_choose_num_ul{ + + padding-bottom: 140px; + +} + +.home_story_cont{ + + height: auto !important; + + padding-top: 90px; + + padding-bottom: 115px; + +} + +.home_story_cont_box { + + height: auto !important; + + position: static; + +} + +.home_develop_bg::after{ + + content: ""; + + width: 100%; + + height: 100%; + + background: linear-gradient(180deg, #FFF 18.19%, rgba(255, 255, 255, 0.00) 72.28%); + + position: absolute; + + top: 0; + + left: 0; + +} + +.mod_head { + + padding-left: 60px; + +} + +.ys_hd_pc.isfixed .mod_cover img:nth-child(1) { + + opacity: 0; + +} + +.home_solution_wrap_cont { + + transform: scale(1, 1); + + border-top-right-radius: 0; + + border-top-left-radius: 0; + +} + +.home_solution{ + + height: auto !important; + +} + +.home_main .std_title1{ + + color: #262626; + +} + +.ys_ban_title{ + + color: #fff !important; + +} + +.mod_content{ + + border-radius: 0 !important; + +} + +.inddet_nav_wrap.isfixed { + + top: 75px; + +} + +.ccwi_info_code{ + + width: 120px; + +} + +.ccwi_info_code img{ + + width: 100%; + +} + +.home_develop_wrap h2{ + + color: #262626; + +} + +/* 鼠标效果 */ + +@media screen and (min-width: 1200px){ + + .home_solution_bg_dots li a:hover .hsbd_wrap::before { + + background: #FFF; + + } + + .home_solution_bg_dots li a:hover .hsbd_wrap{ + + padding-right: 53px; + + } + +} + +/* 2024.4.22修改-end */ + +.home_why_dots { + + width: 25%; + +} + +.college_contact_info{ + + width: 58%; + + margin: auto; + + margin-top: 40px; + +} + +.college_contact_info .std_title3{ + + font-size: 20px; + + color: #fff; + +} + +.college_contact_info .std_title3 span{ + + color: #fff; + +} + +.college_contact .mod_contact_tp::after{ + + display: none; + +} + +.mod_contact_tp { + + padding: 100px 0; + + text-align: center; + +} + +.mod_contact_wrap{ + + position: relative; + +} + +.mod_contact_tp_img{ + + height: 100%; + + z-index: -1; + +} + +.mod_contact_tp_img img{ + + height: 100%; + + object-fit: cover; + +} + +.college_contact_info img { + + width: 30px; + + margin-right: 8px; + +} + +.investor_main .college_contact_info{ + + width: 50%; + +} + +.college_contact_info ul{ + + margin-bottom: 24px; + +} + +.partner_ban { + + height: calc(100vh - 80px); + +} + +.partner_recruit { + + margin-top: calc(100vh - 80px); + +} + +.cooper_main .mod_content{ + + background: #F8F9FD; + +} + +.albl_cont{ + + position: relative; + +} + +.albr_parga p { + + margin-bottom: 20px; + +} + +.mwll_bt ul { + + margin: 0 -14px; + +} + +.mwll_bt li { + + padding: 0 14px; + +} +.home_choose.isfixed .home_choose_bg{ + position: fixed; + top: 76px; +} +.home_choose.isfixed.notfixed .home_choose_bg{ + position: absolute !important; + top: var(--top1); + /* top: auto !important; + bottom: -76px; */ +} +/* 2024.5.9修改-start */ +.home_choose_num_ul{ + padding-bottom: 0 !important; +} +.home_choose{ + padding-bottom: 340px; +} +.home_choose.isfixed .home_choose_text{ + position: fixed; + top: 76px; +} +.home_choose.isfixed.notfixed .home_choose_text{ + position: absolute !important; + top: auto !important; + bottom: 0; +} +/* 2024.5.9修改-end */ +/*2024.5.21修改-start*/ +.mhnl_icon{ + width: 20px; + height: 20px; + position: relative; + margin-right: 16px; +} +.mhnl_icon img{ + width: auto; + height: 100%; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + transition: all .36s; +} +.mhnl_icon img:nth-child(1){ + opacity: 0; +} +.mod_head_nav_lang a{ + display: flex; + align-items: center; +} +.mhnl_parga p{ + font-size: 16px; + color: #fff; + line-height: 80px; + transition: all .36s; +} +.mod_head_nav_lang{ + padding-right: 60px; +} +.ys_hd_pc.hovered .mhnl_icon img:nth-child(1), +.ys_hd_pc.isfixed .mhnl_icon img:nth-child(1){ + opacity: 1; +} +.ys_hd_pc.hovered .mhnl_icon img:nth-child(2), +.ys_hd_pc.isfixed .mhnl_icon img:nth-child(2){ + opacity: 0; +} +.ys_hd_pc.hovered .mhnl_parga p, +.ys_hd_pc.isfixed .mhnl_parga p{ + color: #333; + line-height: 75px; +} +.ys_bread_list a{ + font-size: 12px; + opacity: 0.5 !important; +} +.ys_bread_list::before{ + opacity: 0.5; +} +.home_choose_text_parga p { + font-size: 34px; +} +body{ + background: transparent !important; +} +html.off .home_solution{ + animation: indexChange2 .5s cubic-bezier(0.32,0.2,0.68,0.78) both; +} +.home_main .home_solution{ + margin-top: 75px; + animation: indexChange1 .5s cubic-bezier(0.32,0.2,0.68,0.78) both; +} +html.off .ys_banner{ + opacity: 1; + transition: opacity .3s cubic-bezier(0.32,0.2,0.68,0.78); + z-index: 6; +} +.ys_banner{ + opacity: 0; + transition: opacity .3s cubic-bezier(0.32,0.2,0.68,0.78); + /*z-index: 6;*/ + position: fixed; +} +@keyframes indexChange1{ + 0%{ + transform: translateY(200px); + opacity: 0; + } + 100%{ + transform: translateY(0px); + opacity: 1; + } +} +@keyframes indexChange2{ + 0%{ + transform: translateY(0px); + opacity: 0; + } + 100%{ + transform: translateY(0px); + opacity: 0; + } +} +.home_main .mod_content{ + background: transparent !important; + z-index: auto; +} +.mod_contact{ + position: relative; + z-index: 5; +} +.home_main{ + background: linear-gradient(180deg, #EFF2F8 7.44%, rgba(239, 242, 248, 0.00) 41.88%); +} +.home_choose{ + background: #fff; +} +.home_choose .ys_cont1400{ + position: relative; + z-index: 2; +} +.home_choose_bg{ + z-index: 0; +} +/*2024.5.21修改-end*/ +html.off .partner_ban_slick{ + z-index: 13; +} diff --git a/css/media.css b/css/media.css new file mode 100644 index 0000000..f626605 --- /dev/null +++ b/css/media.css @@ -0,0 +1,7899 @@ +@charset "utf-8"; + +/* 调大看小 */ +/* 1920~1441 pc大屏幕 */ +@media screen and (max-width: 1920px) { + .home_develop_bg{ + top: -15%; + } + .college_achieve_text{ + padding-top: 125px; + } + .ys_ban_bg{ + width: 100%; + height: 100%; + } + .about_history { + padding-bottom: 90px; + } + .ahyu_li { + line-height: 1.2; + } + .about_history_year { + margin-top: 70px; + } + .yx_event6_slider .layui-slider-wrap-btn { + width: 60px; + height: 60px; + bottom: 30px; + } +} +@media screen and (max-width: 1765px) { + .solu_main .ys_cont1400{ + width: 78%; + } +} +@media screen and (max-width: 1680px) { + .mod_head { + padding-left: calc(50% - 41.25%); + } + .mhnl_ul_li { + padding: 0 32px; + } + .mhnl_ul { + margin: 0 -32px; + } + .newdet_wrap_share { + margin-top: 60px; + } + .std_padding1{ + padding: 110px 0; + } + .std_padtop1{ + padding-top: 110px; + } + .std_padbot1{ + padding-bottom: 110px; + } + .std_padding2{ + padding: 120px 0; + } + .std_padtop2{ + padding-top: 120px; + } + .std_padbot2{ + padding-bottom: 120px; + } + .std_margin1{ + margin-top: 40px; + } + .std_margin2{ + margin-top: 50px; + } + .hnbu_li a { + padding: 50px 30px 40px; + } + .hnbu_li_wrap::before, + .hnbu_li_wrap::after{ + bottom: -40px; + } + .home_new_bt_ul { + margin: 0 -30px; + } + .hnbu_li_img { + margin-top: 70px; + margin-bottom: 32px; + } + .mod_foot_tp_nav { + width: 700px; + } + .mod_foot { + padding-top: 70px; + } + .mod_foot_bt { + margin-top: 100px; + } + :root { + --font-title1: 46px; + --font-title2: 34px; + --font-title3: 22px; + --font-title4: 16px; + } + /* .std_btn1 p { + line-height: 60px; + } */ + .solution_info_bt_list { + padding-left: 110px; + } + .sibn_ul_li a { + padding: 16px 0; + } + .sibl_ul_li_text { + padding: 20px 58px 35px 30px; + } + .sult_btn { + margin-top: 28px; + } + .sibl_ul_li_text .std_title4 { + margin-bottom: 15px; + } + .service_arrange::before, + .service_arrange::after{ + width: calc(50% - 41.25%); + } + .slsu_li_text { + padding: 20px 10px 35px 20px; + } + .mod_contact { + padding-bottom: 160px; + } + .mod_content { + border-radius: 0 0 350px 0; + } + .new_wrap_cont .hnbu_li a { + padding: 0 30px; + } + .new_wrap_cont .hnbu_li { + margin-bottom: 70px; + } + .new_wrap_cont_page { + margin-top: 20px; + } + .new_slick { + padding-top: 80px; + } + .cooper_cont_wrap_form { + padding-left: 100px !important; + } + .scene_info_le { + padding-right: 80px; + } + .ssbu_li_cont { + padding: 40px 40px 50px; + } + .scene_spot::before, + .scene_spot::after, + .scene_adv::before, + .scene_adv::after{ + width: calc(50% - 41.25%); + } + .smbu_li_cont_wrap { + padding: 40px 40px 70px; + } + .scene_monitor_bt{ + margin-top: 30px; + } + .slsu_li_text .std_btn2{ + bottom: 35px; + left: 20px; + } + .prodet_introu_cont { + padding-left: calc(50% - 41.25%); + } + .prodet_introu_cont_text { + padding-right: 250px; + } + .prodet_introu_cont_text .std_btn1 { + margin-top: 46px; + } + .prodet_relat::before, + .prodet_relat::after { + width: calc(50% - 41.25%); + } + .casedet_article_tp .std_btn1 { + margin-top: 74px; + } + .casedet_custom::after{ + width: 82.5%; + } + .cplu_li1, .cplu_li3s { + width: 90px; + } + .cplu_li4 { + width: 140px; + } + .cplu_li3 { + width: 112px; + } + .cplu_li2, .cplu_li5s { + width: 97px; + } + .cplu_li0 { + width: 64px; + } + .cplu_li5, .cplu_li6s { + width: 106px; + } + .cplu_li1s { + width: 115px; + } + .cplu_li2s { + width: 86px; + } + .cplu_li4s { + width: 75px; + } + .cplu_li2, .cplu_li5s { + width: 77px; + } + .cplu_li5, .cplu_li6s { + width: 86px; + } + .cplu_li7s { + width: 118px; + } + .cpmw_text { + padding: 80px; + } + .partner_main .ys_cont1400, + .service_main .ys_cont1400, + .join_main .ys_cont1400, + .college_main .ys_cont1400{ + width: 78%; + } + .yx_menu5_nav { + width: 140px; + } + .yx_menu5_nav li { + padding-bottom: 45px; + } + .college_adv_bt { + margin-top: 50px; + } + .cclu_li_cont_btn { + bottom: 30px; + } + .cllu_li_cont_text { + margin-top: 34px; + padding-left: 24px; + padding-right: 40px; + } + .clct_parga { + margin-top: 16px; + } + .ctlu_li { + width: 400px; + } + .college_train_list_ul { + width: calc((400px * var(--width-shu)) + (30px *var(--width-shu))); + } + .college_achieve_text_list { + margin-top: 80px; + } + .catl_num span{ + font-size: 54px; + } + .join_wealth_cont_btn { + margin-top: 60px; + } + .join_wealth_cont_parga { + margin: 30px auto 0; + width: 50%; + } + .jwcb_li_cont_icon { + width: 110px; + top: -60px; + left: -50px; + } + .jwcb_li2 { + margin-top: 56px; + } + .sfwt_ul_li_icon { + width: 132px; + height: 132px; + } + .scene_flow_wrap_circle { + width: 500px; + height: 500px; + } + .sfwc_cont_text p { + margin-top: 16px; + } + .sfwt_ul_li_text { + width: 300px; + padding-right: 40px; + } + .right_side .sfwt_ul_li_text { + padding-left: 40px; + } + .service_team h2 { + padding-top: 60px; + } + .service_team .yx_rotate5 { + margin-top: 50px; + } + .service_ours_bt { + margin-top: 60px; + } + .pbsl_text_tit_wrap { + font-size: 58px; + } + .pbct_li_wrap_btn { + margin-top: 50px; + } + .prtb_list { + padding: 83px 96px; + } + .prtb_list_ul_li { + padding: 0 60px; + } + .prtb_list_ul { + margin: 0 -60px; + } + .plul_wrap_tit { + margin-bottom: 16px; + } + .plul_wrap .ys_imgbox_cover { + margin-bottom: 28px; + } + /* .college_contact_info ul { + margin-bottom: 40px; + } */ + .pbsl_bg { + width: 95%; + right: -16%; + } + .acbu_li_cont .ys_imgbox_cover { + width: 80px; + } + .ahyu_li { + font-size: 180px; + } + .ahyb_btn p { + font-size: 22px; + } + .about_history_year { + margin-top: 80px; + } + .alci_text_year { + font-size: 32px; + } + .ahbu_li_cont_item { + margin-top: 100px; + } + .jdwl_cont { + left: -65%; + } + @keyframes leftEffect1{ + 0%{ + left: -65%; + } + 100%{ + left: 13%; + } + } + @keyframes leftEffect2{ + 0%{ + left: -65%; + } + 100%{ + left: 0%; + } + } + @keyframes leftEffect3{ + 0%{ + left: -65%; + } + 100%{ + left: 27%; + } + } + .join_altas .ctlu_li { + width: 460px; + } + .join_altas .college_train_list_ul { + width: calc((460px * var(--width-shu)) + (20px *var(--width-shu))); + } + .join_thoro{ + padding-top: 44px; + } + .join_wealth { + padding-bottom: 80px; + } + .join_value_ul { + width: 500px; + } + .jvul_cont { + padding: 44px 52px 47px 56px; + } + .jvul_cont_tp img { + width: 75px; + } + .jvul_cont_tp .std_title2 { + width: calc(100% - 75px); + } + .soft_platform_swiper_li1, + .soft_platform_swiper_li6, + .soft_platform_swiper_li9{ + width: 200px !important; + } + .soft_platform_swiper_li2, + .soft_platform_swiper_li3, + .soft_platform_swiper_li4{ + width: 152px !important; + } + .soft_platform_swiper_li5, + .soft_platform_swiper_li10{ + width: 206px !important; + } + .soft_platform_swiper_li7 { + width: 141px !important; + } + .soft_platform_swiper_li8, + .soft_platform_swiper_li13 { + width: 112px !important; + } + .soft_platform_swiper_li11 { + width: 133px !important; + } + .soft_platform_swiper_li12 { + width: 180px !important; + } + .soft_platform_swiper_li14 { + width: 123px !important; + } + .soft_platform_swiper_li15 { + width: 128px !important; + } + .soft_platform_swiper_li16 { + width: 101px !important; + } + .soft_platform_cont { + width: 700px; + } + .soft_platform.act .soft_platform_swiper_li2 { + left: 250px; + } + .soft_platform.act .soft_platform_swiper_li3 { + left: 452px; + } + .soft_platform.act .soft_platform_swiper_li4 { + left: 654px; + } + .soft_platform.act .soft_platform_swiper_li5 { + left: 856px; + } + .soft_platform.act .soft_platform_swiper_li6 { + left: 1112px; + } + .soft_platform.act .soft_platform_swiper_li7 { + left: 1362px; + } + .soft_platform.act .soft_platform_swiper_li8 { + left: 1553px; + } + .soft_platform.act .soft_platform_swiper_li9 { + left: 1715px; + } + .soft_platform.act .soft_platform_swiper_li10 { + left: 1965px; + } + .soft_platform.act .soft_platform_swiper_li11 { + left: 2221px; + } + .soft_platform.act .soft_platform_swiper_li12 { + left: 2404px; + } + .soft_platform.act .soft_platform_swiper_li13 { + left: 2634px; + } + .soft_platform.act .soft_platform_swiper_li14 { + left: 2796px; + } + .soft_platform.act .soft_platform_swiper_li15 { + left: 2969px; + } + .soft_platform.act .soft_platform_swiper_li16{ + left: 3147px; + } + .soft_platform.act .soft_platform_swiper_li { + bottom: 100px !important; + } + .spwb_li_cont { + padding: 50px 200px 50px 80px; + } + .spwb_li_cont_text { + padding-left: 180px; + } + .slct_tp { + padding-bottom: 30px; + } + .slct_bt { + margin-top: 26px; + } + .soft_appoint_side { + left: 40px; + } + .soft_platform_swiper_li { + height: 204px !important; + } + .home_solution_title { + top: 120px; + } + .halu_li_num{ + margin-top: 30px; + } + .halu_li_num span{ + font-size: 50px; + + } + .halu_li_icon { + width: 84px; + } + .home_approve h2 { + margin-bottom: 85px; + } + .home_approve { + padding-top: 6%; + } + .home_why_text h2 { + margin-bottom: 55px; + } + .home_why_text { + top: 100px; + } + /* .home_develop_bg_cloud { + top: -440px; + } */ + .pbsl_text .std_title1 { + margin-bottom: 27px; + } + .solu_main .ys_nyban_parga { + margin: 33px auto 0; + } + .service_support_parga { + margin-top: 20px; + } + .service_arrange .std_margin1 { + margin-top: 30px; + } + .slsu_li_text ul { + padding-bottom: 50px; + } + .service_arrange .slsu_li_text ul { + height: 99px; + } + .smbu_li_cont_wrap{ + padding-bottom: 130px; + } + .slcw_btn { + bottom: 40px; + } + .solu_main .slsu_li_text { + padding-left: 20px; + padding-right: 20px; + } + .itbu_wrap_le { + padding-right: 90px; + } + .itbu_wrap { + padding-top: 50px; + padding-bottom: 50px; + } + .cpwb_top_subin { + margin-top: 50px; + } + .smbu_li.not_btn .smbu_li_cont_wrap{ + padding-bottom: 40px; + } + /* .mod_foot_bt_le p,.mod_foot_bt_ri p a{ + font-size: 16px; + } */ + .inddet_nav_wrap.isfixed { + max-width: 82.5%; + } + /* .hsbu_li { + width: 900px; + } */ + .hscb_wrap_bt_cont{ + width: 900px; + } + .about_leader_bt_ri { + margin-top: 0 !important; + } + .about_leader_bt_ri { + padding-left: 50px; + padding-right: 100px; + } + /* 2024.4.22修改 */ + .mod_head { + padding-left: 60px; + } + .hcnu_li_data { + font-size: 110px; + } + .home_choose_text_parga p { + font-size: 32px; + } + .home_choose_text_btn { + margin-top: 70px; + } + .home_choose_text_parga { + margin-top: 20px; + } + .home_why_text h2 { + margin-bottom: 70px; + } + .home_story_cont { + padding-top: 80px; + padding-bottom: 100px; + } + .hdwt-wrap-parga p { + font-size: 20px; + } + .mod_foot_tp_nav { + padding-left: 120px; + padding-right: 60px; + } + .mod_foot { + padding-top: 100px; + } + .mod_foot_bt { + padding-top: 45px; + padding-bottom: 50px; + } + .partner_main .college_contact_info ul li:first-child { + width: 130px; + } + .partner_main .college_contact_info ul li:nth-child(2) { + width: 300px; + } + .partner_main .college_contact_info ul li:last-child { + width: 200px; + } + .investor_main .college_contact_info { + width: 55%; + } + .college_contact_info { + width: 72%; + } + .home_choose_text { + width: calc(82.5vw * 0.4); + } + .home_choose_num { + width: calc(82.5vw * 0.6); + } + .home_choose { + padding-bottom: 400px; + } + /* 1680end */ +} + +@media screen and (max-width: 1560px) { + .newdet_wrap,.public_wrap{ + padding-top: 60px; + } + :root { + --font-title1: 44px; + --font-title2: 32px; + --font-title3: 22px; + --font-title4: 16px; + } + .hnbu_li_img { + margin-top: 60px; + margin-bottom: 28px; + } + .std_margin3 { + margin-top: 25px; + } + .mhnl_ul_li_link { + font-size: 16px; + } + .newdet_wrap_share { + margin-top: 50px; + } + .std_arrow_icon { + width: 34px; + height: 34px; + } + .std_arrow { + width: 80px; + } + .std_padding2{ + padding: 100px 0; + } + .std_padtop2{ + padding-top: 100px; + } + .std_padbot2{ + padding-bottom: 100px; + } + .mod_foot_tp_nav>ul>li>a { + font-size: 18px; + margin-bottom: 15px; + } + /* .mod_foot_bt_ri p a { + font-size: 16px; + margin-left: 10px; + } */ + .mod_foot_bt_le a { + margin-right: 20px; + } + /* .mod_foot_bt_le p,.mhnl_ul_li_link{ + font-size: 16px; + } */ + .ys_search1_tbox input { + font-size: 22px; + } + .ys_search1_but button { + font-size: 20px; + } + .ys_search1_close { + width: 24px; + } + .public_wrap_bt_view { + width: 350px; + padding-right: 50px; + } + .public_wrap_bt_list { + width: calc(100% - 350px); + } + .pwbv_btn { + margin-top: 30px; + } + .public_wrap_bt { + margin-top: 56px; + } + .pwbl_cont { + padding-left: 50px; + } + .public_wrap_tp_info .ys_select { + width: 200px; + padding: 0 10px; + } + .pwti_search { + width: 300px; + padding-left: 15px; + margin-left: 15px; + } + .jwcb_li, .jabu_li, .ssbu_li, .sabu_li, .smbu_li, .cllu_li, .cclu_li, .pwbl_cont li, .ccbu_li { + padding: 0 10px; + } + .join_wealth_cont_bt, .join_activity_bt_ul, .casedet_class_bt_ul, .scene_spot_bt_ul, .scene_adv_bt_ul, .scene_monitor_bt_ul, .college_live_list_ul, .college_course_list_ul, .pwbl_cont ul { + margin: 0 -10px; + } + .pwbl_page { + margin-top: 50px; + } + .solution_info_bt_list { + padding-left: 90px; + } + .sibl_ul_li_text { + padding: 20px 45px 35px 30px; + } + /* .mhnl_ul_li_about { + width: 500px; + } */ + .mula_wrap_le { + padding: 20px 40px 28px; + } + .mula_wrap_ri { + padding: 20px 46px 34px; + } + .muls_cont li, .mula_wrap_le li { + margin-bottom: 22px; + } + .mulp_wrap_ri_tp img, .mula_wrap_le img { + width: 30px; + } + .mula_wrap_ri_bt li { + margin-bottom: 15px; + } + .mhnl_ul_li_pro { + width: 1000px; + left: -400px; + } + .mulp_wrap_ri { + width: 380px; + background: #F8F9FD; + padding: 20px 25px 25px 57px; + } + .mulp_wrap_le { + width: calc(100% - 380px); + padding: 20px 50px 44px 44px; + } + .mwll_bt li { + padding: 0 12px; + } + .mwll_bt ul { + margin: 0 -12px; + } + .mwll_bt { + margin-top: 30px; + } + .mulp_wrap_le_li { + margin-top: 30px; + } + .mwll_bts { + margin-top: 18px; + } + .mwll_bts li { + margin-bottom: 16px; + } + .solu_main .ys_nyban_parga { + margin: 26px auto 0; + width: 55%; + } + .ys_nyban_btn .std_btn1 { + margin-right: 30px; + } + .satu_li_cont p { + line-height: 50px; + } + /* .service_arrange_list { + margin-top: 66px; + } */ + .salu_li_wrap .std_btn2 { + margin-top: 60px; + } + .slwi_bg { + width: 250px; + left: -80px; + bottom: -40px; + } + .sibl_ul_li,.sustain_consider_bt_ul .scbu_li, .ahbu_li, .ahbu_li_cont_item, .acbu_li, .scbu_li, .slsu_li, .ssbu_lis, .sibu_li, .jwcb_li, .jabu_li, .ssbu_li, .sabu_li, .smbu_li, .cllu_li, .cclu_li, .pwbl_cont li, .ccbu_li{ + padding: 0 10px; + } + .sibl_ul,.sustain_consider_bt_ul, .about_honor_bt_ul, .ahbu_li_cont, .about_culture_bt_ul, .service_case_bt_ul, .salu_li_slick_ul, .service_support_bt_ul, .service_industry_bt_ul, .join_wealth_cont_bt, .join_activity_bt_ul, .casedet_class_bt_ul, .scene_spot_bt_ul, .scene_adv_bt_ul, .scene_monitor_bt_ul, .college_live_list_ul, .college_course_list_ul, .pwbl_cont ul { + margin: 0 -10px; + } + .salu_li_slick .std_arrow_prev, .salu_li_slick1 .std_arrow_prev { + left: -60px; + } + .salu_li_slick .std_arrow_next, .salu_li_slick1 .std_arrow_next { + right: -60px; + } + .salu_li_wrap_text { + padding-right: 90px; + } + /* .std_btn2 p { + font-size: 18px; + } */ + .ssbu_li_wrap_text { + width: 100%; + padding: 0 40px; + z-index: 5; + bottom: 40px; + } + .slwt_parga { + margin-top: 18px; + margin-bottom: 26px; + } + .scbu_li_text { + padding: 70px 34px 82px 48px; + } + .scbu_li_text .std_btn2 { + margin-top: 70px; + } + .new_wrap_cont { + margin-top: 50px; + } + .investor_certi { + margin-top: 50px; + } + .icti_ul_li { + padding: 0 20px; + } + .icti_ul { + margin: 0 -20px; + } + .investor_certi_text { + padding-right: 100px; + } + /* .college_contact_info img { + width: 40px; + margin-right: 28px; + } */ + .college_contact_info { + margin-top: 80px; + } + .ictn_digit { + font-size: 50px; + } + .clwl_input,.clwc_wrap_input{ + height: 44px; + } + .cooper_cont_wrap_form { + padding-left: 80px !important; + } + .ssbu_li_cont { + padding: 30px 30px 40px; + } + .sabu_li_cont_wrap { + padding: 24px 30px 80px 30px; + } + .slsu_li_text .std_parga1 { + margin-bottom: 12px; + } + .slsu_li_text ul { + padding-bottom: 55px; + } + .crbu_li { + padding: 0 12px; + margin-bottom: 24px; + } + .casedet_relat_bt_ul { + margin: 0 -12px; + } + .mod_contact { + padding-bottom: 150px; + } + .casedet_article_tp .std_btn1 { + margin-top: 60px; + } + .casedet_article_bt_aside { + padding-right: 60px; + } + .itbu_wrap { + padding: 50px 55px 50px 72px; + } + .itbu_wrap_le { + width: calc(100% - 340px); + padding-right: 80px; + } + .itbu_wrap_ri { + width: 340px; + padding: 80px 40px 100px 50px; + } + /* .cpwb_top_subin { + margin-top: 80px; + } */ + .cpwb_top_dots { + width: 50px; + } + .itbu_swip { + margin-top: 80px; + } + .cabs_li_text_logo { + width: 240px; + } + .cabs_li_text { + top: 50px; + padding: 0 44px; + } + .cabs_li_text_btn { + margin-top: 70px; + } + .scene_info_le { + padding-right: 60px; + } + /* .college_adv { + padding-top: 50px; + } */ + .cabr_ul_li { + padding: 30px 0; + } + .cabr_ul_li_bt { + margin-top: 30px; + } + .cabr_ul { + padding-left: 28px; + } + .cabr_ul_li_tp::after{ + left: -28px; + } + .cclu_li_cont_text { + top: 40px; + padding: 0 50px; + z-index: 5; + } + .cclu_li_cont_btn { + bottom: 30px; + left: 50px; + } + .cclu_li { + margin-top: 25px; + } + .course_pop_bt { + padding: 35px 20px 80px 60px; + } + .course_pop_bt_wrap { + max-height: 445px; + } + .course_pop_tp { + padding: 20px 60px; + } + .cllu_li_cont_text { + margin-top: 28px; + padding-left: 20px; + padding-right: 30px; + } + .cllu_li_cont_text .std_title3 { + margin-top: 8px; + } + .college_achieve_text_list { + margin-top: 60px; + } + .college_achieve_text .ys_cont1280{ + width: 70%; + } + .catl_num span{ + font-size: 50px; + } + .sfwt_ul_li_text { + width: 270px; + padding-right: 30px; + } + .right_side .sfwt_ul_li_text { + padding-left: 30px; + } + .sfwt_ul_li_icon { + width: 122px; + height: 122px; + } + .sfwt_ul_li_icon img { + width: 38%; + } + .yx_rotate5 .itbu_wrap_ri { + padding: 60px !important; + } + .yx_rotate5 .itbu_swip { + bottom: 50px; + left: calc(57% + 60px); + } + .sobu_li_text_parga1 p { + margin-bottom: 18px; + } + .service_labora_bt { + margin-top: 100px; + } + .slbs_li.swiper-slide-active { + transform: scale(1.28); + } + .prtb_list_ul_li { + padding: 0 50px; + } + .prtb_list_ul { + margin: 0 -50px; + } + .partner_recruit_bg { + height: 540px; + } + .partner_together_logo_li1 { + width: 144px; + height: 144px; + } + .partner_together_logo_li2 { + width: 92px; + height: 92px; + } + .partner_together_logo_li3, .partner_together_ri_li8 { + width: 108px; + height: 108px; + } + .partner_together_logo_li4 { + width: 72px; + height: 72px; + } + .partner_together_logo_li5, .partner_together_logo_li6, .partner_together_logo_li10, .partner_together_logo_li12, .partner_together_ri_li2 { + width: 62px; + height: 62px; + } + .partner_together_logo_li7 { + width: 62px; + height: 62px; + } + .partner_together_logo_li9 { + width: 94px; + height: 94px; + } + .partner_together_logo_li11 { + width: 76px; + height: 76px; + } + .partner_together_logo_li13 { + width: 128px; + height: 128px; + } + .partner_together_ri_li1 { + width: 114px; + height: 114px; + } + .partner_together_ri_li3 { + width: 76px; + height: 76px; + } + .partner_together_ri_li4, .partner_together_ri_li9 { + width: 68px; + height: 68px; + } + .partner_together_logo_li3, .partner_together_ri_li8 { + width: 88px; + height: 88px; + } + .partner_together_ri_li11 { + width: 106px; + height: 106px; + } + .pbsl_text_tit_wrap { + font-size: 50px; + } + .partner_together_logo_li3 img { + width: 38px; + } + .about_leader_bt_ri { + margin-top: 0 !important; + } + .about_leader_bt_ri { + padding-left: 50px; + padding-right: 100px; + } + .mod_bg { + width: 220px; + } + .albr_tit { + margin-bottom: 20px; + } + .albr_parga p { + margin-bottom: 20px; + } + .acbu_li_cont { + padding: 30px 30px 48px; + } + .acbu_li_cont .ys_imgbox_cover { + width: 74px; + } + .ahyb_btn p { + font-size: 20px; + } + .ahyu_li { + font-size: 168px; + } + .about_history_year { + margin-top: 70px; + } + .about_history { + padding-bottom: 180px; + } + .albl_btn { + bottom: -17px; + } + .ahbu_li_cont_item { + margin-top: 80px; + } + .alci_bg { + padding: 0 10px; + } + .join_wealth_cont_btn { + margin-top: 50px; + } + .jdwl_cont { + height: 170px; + } + .jdwl_cont_circle { + width: 170px; + height: 170px; + right: -85px; + } + .jdwl_icon_bg { + width: 40px; + height: 40px; + } + .jdwl_icon img { + width: 46px; + } + .jobu_li { + padding: 0 20px; + margin-bottom: 60px; + } + .join_organ_bt_ul { + margin: 0 -20px; + } + .jobu_li_cont_text { + padding: 0 40px; + bottom: 50px; + } + .jlct_btn { + margin-top: 28px; + } + .join_thoro{ + padding-top: 40px; + } + .join_activity { + padding-top: 60px; + padding-bottom: 80px; + } + .jabu_li_cont { + padding: 35px 46px 46px 30px; + } + .jabu_li_cont_text { + padding-left: 30px; + } + .jlct_parga1 { + margin-top: 15px; + } + .join_altas .ctlu_li { + width: 430px; + } + .join_altas .college_train_list_ul { + width: calc((430px * var(--width-shu)) + (20px *var(--width-shu))); + } + .join_contact_wrap_text { + padding-left: 70px; + padding-right: 58px; + } + .jcwt_parga { + margin-top: 16px; + } + .jcwt_btn { + margin-top: 100px; + } + .join_wealth { + padding-bottom: 70px; + } + .sustain_consider h1 { + margin-bottom: 30px; + } + .hdwl_ul_li { + width: 330px; + } + .hdwl_ul_li_cont{ + padding: 30px 20px 34px 32px; + } + .hdwl_ul_li .ys_imgbox_cover { + width: 70px; + } + .hdwl_ul_li .std_title3 { + margin-top: 30px; + margin-bottom: 18px; + } + /* .home_develop_wrap_tit h2{ + font-size: 40px; + } */ + /* .home_develop_bg_cloud { + top: -400px; + } */ + .soft_platform.act .soft_platform_swiper_li { + bottom: 80px !important; + } + .soft_platform_swiper_li { + margin-right: 30px; + } + .soft_platform_swiper_li1 { + left: -9%; + } + .soft_platform_swiper_li2 { + left: 6%; + } + .soft_platform_swiper_li3 { + left: 17.8%; + } + .soft_platform_swiper_li4 { + left: 80%; + } + .soft_platform_swiper_li5 { + left: 93%; + } + .soft_platform_swiper_li6 { + bottom: 28.4%; + } + .soft_platform_swiper_li7 { + left: 12%; + } + .soft_platform_swiper_li8 { + left: 24.8%; + } + .soft_platform_swiper_li11 { + left: 34.7%; + } + .soft_platform_swiper_li13 { + left: 63.5%; + } + .soft_platform.act .soft_platform_swiper_li2 { + left: 230px; + } + .soft_platform.act .soft_platform_swiper_li3 { + left: 412px; + } + .soft_platform.act .soft_platform_swiper_li4 { + left: 594px; + } + .soft_platform.act .soft_platform_swiper_li5 { + left: 776px; + } + .soft_platform.act .soft_platform_swiper_li6 { + left: 1012px; + } + .soft_platform.act .soft_platform_swiper_li7 { + left: 1242px; + } + .soft_platform.act .soft_platform_swiper_li8 { + left: 1413px; + } + .soft_platform.act .soft_platform_swiper_li9 { + left: 1555px; + } + .soft_platform.act .soft_platform_swiper_li10 { + left: 1785px; + } + .soft_platform.act .soft_platform_swiper_li11 { + left: 2021px; + } + .soft_platform.act .soft_platform_swiper_li12 { + left: 2184px; + } + .soft_platform.act .soft_platform_swiper_li13 { + left: 2394px; + } + .soft_platform.act .soft_platform_swiper_li14 { + left: 2536px; + } + .soft_platform.act .soft_platform_swiper_li15 { + left: 2689px; + } + .soft_platform.act .soft_platform_swiper_li16 { + left: 2847px; + } + .soft_platform_cont { + width: 580px; + } + .spwb_li_cont { + padding: 40px 100px 40px 60px; + } + .spwb_li_cont_text { + padding-left: 100px; + } + .slct_bt_parga { + margin-top: 15px; + } + .slct_bt { + margin-top: 20px; + } + .slct_tp { + padding-bottom: 25px; + } + .spwb_li_cont_text .std_title1 { + margin-bottom: 10px; + } + /* .ys_ban_title { + margin-bottom: 60px; + } */ + .halu_li_num span{ + font-size: 46px; + } + .halu_li_icon { + width: 76px; + } + .home_approve_list { + margin-bottom: 80px; + } + /* .hsbu_li { + width: 750px; + } */ + .hscb_wrap_bt_cont{ + width: 750px; + } + .hsbu_li_text { + padding: 0 80px; + top: 12%; + } + .hsbu_li_text .std_btn2 { + margin-top: 60px; + } + .organ_pop .course_pop_bt { + padding-bottom: 60px; + } + .pbsl_text .std_title1 { + margin-bottom: 26px; + } + .service_support_parga p { + width: 80%; + } + .satu_li_cont p { + line-height: 44px; + } + .sult_btn { + margin-top: 20px; + } + .service_arrange .slsu_li_text ul { + height: 101px; + } + .service_arrange .sibu_li_img { + width: 80%; + margin: auto; + } + .catl_num, .halu_li_num{ + font-size: 32px; + } + .ys_ban_btn_video p{ + font-size: 18px; + } + .ahyu_li { + line-height: 1.1; + } + .about_history_year { + margin-top: 40px; + } + .about_history { + padding-bottom: 80px; + } + .mod_foot_bt_le a { + margin-right: 15px; + } + .mod_foot_bt_ri{ + width: 200px; + display: flex; + justify-content: flex-end; + } + .mod_foot_bt_le{ + width: calc(100% - 200px); + } + .mod_foot_bt{ + align-items: flex-start; + } + .mod_foot_bt_le a[href="https://www.yongsy.com"] { + /* display: block; */ + margin-top: 5px; + } + .ctlu_li_btn { + bottom: 25px; + left: 27px; + } + .mhnl_ul_li_link { + font-size: 14px; + line-height: 75px; + } + .mod_head_logo a,.mhns_icon{ + line-height: 75px; + } + .mhnl_ul_li_pull { + top: 75px; + } + .ys_hd_pc.isfixed .mhnl_ul_li_pull { + top: 70px; + } + .mhnl_ul_li { + padding: 0 26px; + } + .mhnl_ul { + margin: 0 -26px; + } + .mhns_icon { + width: 30px; + } + .mod_head_logo { + width: 130px; + } + .ys_hd_pc.isfixed .mod_head_logo a, .ys_hd_pc.isfixed .mhnl_ul_li_link, .ys_hd_pc.isfixed .mhns_icon { + line-height: 70px; + } + .mwll_bts ul { + margin: 0 -5px; + } + .mwll_bts li { + padding: 0 5px; + } + .mwll_bts p,.mwll_bt p,.muls_cont_wrap p,.mula_wrap_le p{ + font-size: 14px; + } + .mwll_bt li { + padding: 0 8px; + } + .mwll_bt ul { + margin: 0 -8px; + } + .muls_cont_wrap_icon { + width: 30px; + } + .inside_body .ys_main { + padding-top: 75px; + } + .home_solution_wrap,.home_why_wrap{ + height: calc(100vh - 70px); + top: 70px; + } + /* 2024.4.22 */ + .ys_ban_dots { + bottom: 40px; + } + .ybdu_li { + width: 6px; + height: 6px; + } + .ybdu_li.act { + width: 54px; + height: 6px; + } + .hcnu_li_data { + font-size: 100px; + } + .home_choose_text_parga p { + font-size: 30px; + } + .std_btn1_box { + padding-left: 38px; + padding-right: 38px; + } + .hcnu_li_parga { + font-size: 18px; + } + .home_choose_text_btn { + margin-top: 60px; + } + .home_choose_num_ul { + padding-bottom: 148px; + } + .home_why_text h2 { + margin-bottom: 60px; + } + .home_story_cont { + padding-top: 70px; + padding-bottom: 90px; + } + .mod_contact { + padding-top: 70px; + } + .mod_contact_wrap_text { + padding: 90px 40px; + } + .mcwt_btn { + margin-top: 35px; + } + .std_btn1 p { + line-height: 44px; + } + .mod_foot_tp_nav { + padding-left: 100px; + padding-right: 50px; + } + .mod_foot_bt_ri p a { + margin-left: 30px; + } + .mod_foot_bt_ri p a::after { + left: -15px; + } + .mod_foot_bt_ri p a:first-child{ + margin-left: 0; + } + .mod_foot_bt_ri { + width: 150px; + } + .mod_foot_bt_le { + width: calc(100% - 150px); + } + .mod_foot_bt { + padding-top: 40px; + padding-bottom: 40px; + } + .mod_foot_tp_nav>ul>li>a { + font-size: 16px; + margin-bottom: 10px; + } + .mod_foot_tp_nav a { + font-size: 14px; + line-height: 2; + } + .ys_text_slick .slick-arrow { + width: 42px; + height: 42px; + } + .inddet_nav_wrap.isfixed { + top: 70px; + } + .mod_contact_tp { + padding: 90px 0; + } + .college_contact_info { + margin-top: 30px; + } + .partner_ban { + height: calc(100vh - 75px); + } + .partner_recruit { + margin-top: calc(100vh - 75px); + } + .college_contact_info img { + width: 26px; + } + .investor_main .college_contact_info { + width: 60%; + } + .college_contact_info .std_title3 { + font-size: 18px; + } + .albr_parga p { + margin-bottom: 16px; + } + .home_choose_num_ul { + padding-bottom: 120px; + } + .home_choose { + padding-bottom: 356px; + } + .home_choose.isfixed .home_choose_text, + .home_choose.isfixed .home_choose_bg{ + top: 70px; + } + .yx_menu5_nav { + width: 110px; + } + .mhnl_parga p { + font-size: 14px; + line-height: 75px; + } + .mhnl_icon { + width: 18px; + height: 18px; + margin-right: 12px; + } + .ys_hd_pc.hovered .mhnl_parga p, .ys_hd_pc.isfixed .mhnl_parga p { + line-height: 70px; + } + .home_main .home_solution { + margin-top: 70px; + } + /* 1560end */ +} + +/* 1440~1200 pc小屏幕 重点*/ +@media screen and (max-width: 1440px) { + .ys_modal_content { + max-height: 650px; + } + /* .mod_head_logo a,.mhns_icon,.mhnl_ul_li_link{ + line-height: 80px; + } */ + .mod_head_nav_search { + width: 90px; + } + /* .mhns_icon { + width: 35px; + } */ + .inside_body .ys_main { + padding-top: 80px; + } + .mhnl_ul_li { + padding: 0 26px; + } + .mhnl_ul { + margin: 0 -26px; + } + .ys_search1_tbox input { + font-size: 20px; + } + :root { + --font-title1: 42px; + --font-title2: 30px; + --font-title3: 22px; + --font-title4: 16px; + } + .std_margin1{ + margin-top: 34px; + } + .std_margin2{ + margin-top: 44px; + } + .home_new_bt_ul { + margin: 0 -22px; + } + .hnbu_li a { + padding: 40px 22px 30px; + } + .hnbu_li_wrap::before, + .hnbu_li_wrap::after{ + bottom: -30px; + } + .hnbu_li_img { + margin-top: 45px; + } + .mod_contact { + padding-bottom: 140px; + } + .mod_content { + border-radius: 0 0 300px 0; + } + .mod_foot_bt { + margin-top: 80px; + padding-top: 22px; + padding-bottom: 32px; + } + .sibl_ul_li { + padding: 0 12px; + margin-bottom: 24px; + } + .sibl_ul { + margin: 0 -12px; + } + .sibn_ul_li a { + padding: 14px 0; + } + .sibl_ul_li_text { + padding: 20px 40px 30px 25px; + } + .solution_info_bt_list { + padding-left: 70px; + } + .sibl_ul_li_text .std_title4 { + margin-bottom: 10px; + } + .sult_btn { + margin-top: 20px; + } + .std_btn2_box_circle { + width: 30px; + height: 30px; + } + .sbbc_icon { + width: 16px; + height: 16px; + } + /* .mhnl_ul_li_pull { + top: 80px; + } */ + .mulp_wrap_ri { + padding: 20px 25px 25px 40px; + } + .mhnl_ul_li_pro { + width: 900px; + left: -350px; + } + .mwll_bt p { + margin-top: 10px; + font-size: 14px; + } + .mwll_bt .ys_imgbox_cover { + width: 26px; + } + .mwll_bt li { + padding: 0 8px; + } + .mwll_bt ul { + margin: 0 -8px; + } + /* .std_btn1 p { + line-height: 54px; + } */ + .slwi_bg { + width: 220px; + } + /* .service_arrange_list { + margin-top: 50px; + } */ + .salu_li_wrap .std_btn2 { + margin-top: 40px; + } + .slwt_parga { + margin-top: 12px; + margin-bottom: 20px; + } + .scbu_li_text .std_btn2 { + margin-top: 50px; + } + .new_slick { + padding-top: 70px; + } + .new_wrap_cont .hnbu_li { + margin-bottom: 50px; + } + .new_wrap_cont .hnbu_li a { + padding: 0 22px; + } + .nslu_li.swiper-slide-active { + width: 800px !important; + height: 445px !important; + } + .new_slick_list { + width: 800px; + height: 445px; + } + .nslu_li { + height: 345px !important; + } + .investor_certi_text { + padding-right: 50px; + } + .icti_ul_li { + padding: 0 10px; + } + .icti_ul { + margin: 0 -10px; + } + .investor_certi_text_tit { + font-size: 18px; + margin-bottom: 15px; + } + /* .college_contact_info { + margin-top: 70px; + } */ + .ccwi_info { + padding: 22px 38px 28px 30px; + width: 70%; + } + .cooper_cont_wrap { + padding-right: calc(50% - 41.25%); + } + .solution_info_bt_nav { + width: 200px; + } + .solution_info_bt_list { + width: calc(100% - 200px); + } + .ssbu_li_cont_tit::after { + width: 3px; + height: 20px; + } + .scene_monitor_bt { + margin-top: 24px; + } + .smbu_li_cont_wrap { + padding: 30px 30px 60px; + } + .pici_bg { + left: -100px; + bottom: -30px; + } + .prodet_introu_cont_text { + padding-top: 60px; + } + .prodet_introu_cont_text .std_btn1 { + margin-top: 38px; + } + .prbw_text_cont { + padding: 40px 140px 35px 40px; + } + .prbw_text_cont_parga { + margin-bottom: 24px; + } + .prodet_introu_cont { + padding-right: calc(50% - 41.25%); + } + .std_padding1{ + padding: 80px 0; + } + .std_padtop1{ + padding-top: 80px; + } + .std_padbot1{ + padding-bottom: 80px; + } + .casedet_article_tp { + padding-top: 50px; + } + .casedet_article_tp .std_btn1 { + margin-top: 50px; + } + .casedet_article_bt_text { + padding-left: 50px; + } + .itbu_wrap_ri { + width: 320px; + padding: 70px 30px 80px 40px; + } + .itbu_wrap_le { + width: calc(100% - 320px); + padding-right: 60px; + } + /* .cpwb_top_subin { + margin-top: 60px; + } */ + .cplu_li1, .cplu_li3s { + width: 80px; + } + .cplu_li4 { + width: 130px; + } + .cplu_li3 { + width: 102px; + } + .cplu_li2, .cplu_li5s { + width: 87px; + } + .cplu_li0 { + width: 54px; + } + .cplu_li5, .cplu_li6s { + width: 96px; + } + .cplu_li1s { + width: 105px; + } + .cplu_li2s { + width: 76px; + } + .cplu_li4s { + width: 65px; + } + .cplu_li2, .cplu_li5s { + width: 67px; + } + .cplu_li5, .cplu_li6s { + width: 76px; + } + .cplu_li7s { + width: 108px; + } + .mod_bg{ + width: 200px; + } + .casedet_power_mid_bg { + left: -120px; + } + .scene_info_le_parga p { + margin-bottom: 18px; + } + .yx_menu5_nav li { + padding-bottom: 36px; + } + .yx_menu5_nav p{ + font-size: 14px; + } + .yx_menu5_nav_circle { + top: 8px; + } + .yx_menu5_nav { + width: 120px; + left: 18px; + } + .cclu_li_cont_text ul p{ + font-size: 14px; + } + .course_pop_bt_ul { + padding-right: 50px; + } + .ctlu_li { + width: 360px; + margin-right: 20px; + } + .college_train_list_ul { + width: calc((360px * var(--width-shu)) + (20px *var(--width-shu))); + } + .college_achieve { + height: calc(100vh - 80px); + } + .college_live_list_ul .slick-list { + padding-bottom: 40px; + } + .scene_flow_wrap_circle { + width: 460px; + height: 460px; + } + .sfwt_ul_li_icon { + width: 100px; + height: 100px; + } + .service_team .yx_rotate5 { + margin-top: 40px; + } + .yx_rotate5 .itbu_wrap_ri { + padding: 60px 50px !important; + } + .yx_rotate5 .itbu_swip { + left: calc(57% + 50px); + } + .sobu_li_text_parga1 p { + margin-bottom: 10px; + } + .service_labora_bt_swiper { + width: 500px; + } + .sobu_li_text { + padding: 0 100px; + } + .service_ours_bt { + margin-top: 40px; + } + .service_ours_wrap { + height: calc(100vh - 80px); + } + .service_labora_wrap { + height: calc(100vh - 80px); + } + .partner_ban { + height: calc(100vh - 80px); + } + .pbsl_text_tit_wrap { + font-size: 46px; + } + .pbsl_text .std_title1 { + margin-bottom: 15px; + } + .prtb_list { + padding: 70px 80px; + } + .prtb_list_ul_li { + padding: 0 40px; + } + .prtb_list_ul { + margin: 0 -40px; + } + /* .college_contact_info ul { + margin-bottom: 30px; + } */ + .partner_together_logo_li1 { + width: 124px; + height: 124px; + } + .partner_together_logo_li2 { + width: 82px; + height: 82px; + } + .partner_ban_shodow, + .partner_ban_shodow_img{ + height: calc(100vh - 80px); + } + .albl_bg { + left: -70px; + } + .acbu_li_cont .ys_imgbox_cover { + width: 66px; + } + .ahyu_li { + font-size: 158px; + } + .about_history_year { + margin-top: 50px; + } + .yx_event6_slider .layui-slider-wrap-btn { + width: 54px; + height: 54px; + } + .ahbu_li_cont_item { + margin-top: 60px; + } + .alci_text_year { + font-size: 28px; + } + .join_wealth_cont { + padding-top: 55px; + } + .join_wealth_cont_btn { + margin-top: 40px; + } + .jwcb_li_cont_icon { + width: 100px; + top: -50px; + left: -40px; + } + .jwcb_li2 { + margin-top: 46px; + } + .jwcb_li_cont_bg { + left: -100px; + } + /* .jdwl_cont { + left: -50%; + } + @keyframes leftEffect1{ + 0%{ + left: -50%; + } + 100%{ + left: 13%; + } + } + @keyframes leftEffect2{ + 0%{ + left: -50%; + } + 100%{ + left: 0%; + } + } + @keyframes leftEffect3{ + 0%{ + left: -50%; + } + 100%{ + left: 27%; + } + } */ + .jcwt_btn { + margin-top: 80px; + } + .join_contact_wrap_text { + padding-left: 60px; + padding-right: 40px; + } + .join_altas .ctlu_li { + width: 400px; + } + .join_altas .college_train_list_ul { + width: calc((400px * var(--width-shu)) + (20px *var(--width-shu))); + } + .join_wealth { + padding-bottom: 60px; + } + .join_wealth { + padding-bottom: 60px; + } + .jvul_cont { + padding: 30px 40px 35px 40px; + } + .join_value_ul { + width: 450px; + } + .jvul_cont_tp img { + width: 64px; + } + .jvul_cont_tp .std_title2 { + width: calc(100% - 64px); + } + .join_value_img { + height: calc(100vh - 80px); + } + .join_value.isfixed .join_value_img { + top: 80px; + } + .join_value .ys_cont1400 { + padding-top: 100px; + } + .sustain_consider_parga { + width: 60%; + } + .sustain_consider_parga_bg { + width: 180px; + right: -180px; + } + .sustain_consider_bt_ul .scbu_li:nth-child(1) { + transform: translateY(-90px); + } + .sustain_consider_bt_ul .scbu_li:nth-child(3) { + transform: translateY(100px); + } + .home_develop_wrap_tit { + top: 80px; + height: calc(100vh - 80px); + } + /* .home_develop_bg { + top: -10%; + } */ + .hdwl_ul_li .ys_imgbox_cover { + width: 60px; + } + .sustain_consider_bt { + margin-top: 70px; + } + /* .home_develop_bg_cloud { + top: -134px; + } */ + .home_develop_wrap { + padding-top: 100px; + } + .home_develop_wrap_list { + margin-top: 200px; + } + .soft_platform_swiper_li1, + .soft_platform_swiper_li6, + .soft_platform_swiper_li9 { + width: 160px !important; + } + .soft_platform_swiper_li2, + .soft_platform_swiper_li3, + .soft_platform_swiper_li4 { + width: 132px !important; + } + .soft_platform_swiper_li1 { + left: -7%; + } + .soft_platform_swiper_li3 { + left: 17%; + } + .soft_platform_swiper_li5, + .soft_platform_swiper_li10 { + width: 180px !important; + } + .soft_platform_swiper_li12 { + left: 48%; + } + .soft_platform_swiper_li7 { + width: 121px !important; + } + .soft_platform_cont { + width: 540px; + } + .soft_platform_swiper_li { + height: 178px !important; + } + .soft_platform_cont { + top: 40%; + } + .soft_platform_swiper_li16 { + bottom: 25.9%; + } + .soft_platform.act .soft_platform_swiper_li { + bottom: 60px !important; + } + .soft_platform.act .soft_platform_swiper_li2 { + left: 190px; + } + .soft_platform.act .soft_platform_swiper_li3 { + left: 352px; + } + .soft_platform.act .soft_platform_swiper_li4 { + left: 514px; + } + .soft_platform.act .soft_platform_swiper_li5 { + left: 676px; + } + .soft_platform.act .soft_platform_swiper_li6 { + left: 886px; + } + .soft_platform.act .soft_platform_swiper_li7 { + left: 1076px; + } + .soft_platform.act .soft_platform_swiper_li8 { + left: 1227px; + } + .soft_platform.act .soft_platform_swiper_li9 { + left: 1369px; + } + .soft_platform.act .soft_platform_swiper_li10 { + left: 1559px; + } + .soft_platform.act .soft_platform_swiper_li11 { + left: 1769px; + } + .soft_platform.act .soft_platform_swiper_li12 { + left: 1932px; + } + .soft_platform.act .soft_platform_swiper_li13 { + left: 2142px; + } + .soft_platform.act .soft_platform_swiper_li14 { + left: 2284px; + } + .soft_platform.act .soft_platform_swiper_li15 { + left: 2437px; + } + .soft_platform.act .soft_platform_swiper_li16 { + left: 2595px; + } + .slct_tp .std_title1{ + font-size: 38px; + } + .slct_bt .std_title3{ + font-size: 20px; + } + .spwb_li_cont_img { + width: 40%; + } + .spwb_li_cont_text { + width: 60%; + } + .soft_appoint_side { + left: 20px; + } + .shbu_li { + padding: 0 10px; + margin-top: 36px; + } + .soft_honor_bt_ul { + margin: 0 -10px; + } + .shbu_li_wrap_text { + padding: 0 32px; + } + .soft_progra_wrap { + height: calc(100vh - 80px); + } + .soft_appoint_wrap { + height: calc(100vh - 80px); + } + .soft_platform { + height: calc(100vh - 80px); + } + .ys_text_slick .slick-arrow, + .ys_nyban_slick .slick-arrow { + width: 40px; + height: 40px; + } + .home_solution_title { + top: 100px; + } + .home_approve { + height: calc(100vh - 80px); + padding-top: 5%; + } + .home_approve h2 { + margin-bottom: 65px; + } + .halu_li_icon { + width: 68px; + } + .halu_li_num span{ + font-size: 40px; + } + .halu_li_num{ + margin-top: 20px; + } + .home_approve_list { + margin-bottom: 60px; + } + .home_why_text h2 { + margin-bottom: 45px; + } + .home_why_text { + top: 80px; + } + .hwdl_info_btn { + margin-top: 15px; + } + .home_why_dots_li { + margin-bottom: 25px; + } + .hsbu_li_text_logo { + width: 240px; + } + /* .hsbu_li { + width: 700px; + margin-right: 30px; + } */ + .hscb_wrap_bt_cont{ + width: 700px; + } + .home_why { + height: calc(100vh - 80px); + } + .home_story { + padding-bottom: calc(100vh - 80px); + } + .home_story_cont_box{ + height: calc(100vh - 80px); + } + .home_story_cont_box.ys_fixed { + top: 80px; + } + .home_solution_bg{ + height: calc(100vh - 80px); + } + .solu_main .ys_nyban_parga { + margin: 25px auto 0; + } + .soft_progra_wrap, + .soft_appoint_wrap, + .service_ours_wrap, + .service_labora_wrap{ + top: 80px; + } + /* .join_value_ul_li:last-child { + padding-bottom: 166px; + } */ + .ys_ban_btn_video img { + width: 30px; + } + /* .home_main .mod_content { + margin-top: 80px; + } */ + .cpbw_img { + width: 340px; + } + .cpbw_text { + width: calc(100% - 340px); + padding-right: 60px; + } + .case_pop_bt { + padding: 35px 28px 44px 60px; + } + .cpbw_text_li h3,.yxedr_active h3{ + font-size: 22px; + } + .home_approve_list_ul .slick-list { + padding-bottom: 40px; + } + .smbu_li_cont_wrap{ + padding-bottom: 110px; + } + .slcw_btn { + bottom: 30px; + } + .cabs_li { + margin-right: 40px; + } + .partner_ban_cont_text { + width: 44.5%; + } + /* .ys_hd_pc.isfixed .mod_head_logo a, + .ys_hd_pc.isfixed .mhnl_ul_li_link, + .ys_hd_pc.isfixed .mhns_icon{ + line-height: 70px; + } */ + /* .home_main .mod_content { + margin-top: 70px; + } */ + .home_solution_bg { + height: calc(100vh - 70px); + } + .mod_head_logo { + width: 140px; + } + .home_why,.college_achieve{ + height: calc(100vh - 70px); + } + .home_story{ + padding-bottom: calc(100vh - 70px); + } + .home_develop_wrap_tit{ + height: calc(100vh - 70px); + top: 70px; + } + .soft_progra_wrap,.soft_appoint_wrap,.service_ours_wrap,.service_labora_wrap{ + height: calc(100vh - 70px); + top: 70px; + } + .smbu_li.not_btn .smbu_li_cont_wrap{ + padding-bottom: 30px; + } + .partner_recruit { + margin-top: calc(100vh - 80px); + } + .home_solution_wrap,.home_why_wrap{ + height: calc(100vh - 70px); + top: 70px; + } + .pwtl_more_bt p { + line-height: 40px; + } + .inddet_nav_wrap.isfixed { + top: 70px; + } + .home_story_cont_box.ys_fixed{ + top: 70px; + } + .home_story_cont_box{ + height: calc(100vh - 70px); + } + .sustain_consider { + margin-bottom: 100px; + } + .home_develop_bg_cloud { + top: -100px; + } + .home_story_cont{ + /* top: 70px; */ + height: calc(100vh - 70px); + } + .mod_head_logo a, .mhns_icon,.mhnl_ul_li_link { + line-height: 70px; + } + .ys_hd_pc.isfixed .mod_head_logo a, .ys_hd_pc.isfixed .mhnl_ul_li_link, .ys_hd_pc.isfixed .mhns_icon { + line-height: 65px; + } + .mhnl_ul_li_pull { + top: 70px; + } + .ys_hd_pc.isfixed .mhnl_ul_li_pull { + top: 65px; + } + .mulp_wrap_le { + padding: 20px 40px 36px 36px; + } + .inside_body .ys_main { + padding-top: 70px; + } + .home_solution_wrap,.home_why_wrap{ + height: calc(100vh - 65px); + top: 65px; + } + .hsbd_wrap_tit { + line-height: 44px; + } + .hsbd_circle { + width: 16px; + height: 16px; + border: 6px solid var(--main-color); + } + .hsbd_circle::before, + .hsbd_circle::after{ + width: 20px; + height: 20px; + } + .home_solution_title { + top: 80px; + } + .hcnu_li_data { + font-size: 90px; + } + .home_choose_num_ul { + padding-bottom: 136px; + } + .hcnu_li { + padding-top: 70px; + } + .home_choose_text_parga p { + font-size: 28px; + } + .std_btn1_box { + padding-left: 32px; + padding-right: 32px; + } + .home_choose_text_btn { + margin-top: 50px; + } + .hdwt-wrap-parga p { + font-size: 18px; + } + .mod_contact_wrap_text { + padding: 80px 40px; + } + .mod_foot { + padding-top: 90px; + } + .mftl_phone { + margin-top: 30px; + } + .inddet_nav_wrap.isfixed { + top: 65px; + } + .mod_contact_tp { + padding: 80px 0; + } + .partner_ban { + height: calc(100vh - 70px); + } + .partner_recruit { + margin-top: calc(100vh - 70px); + } + .mhnl_ul_li_pro { + width: 960px; + } + .home_choose_text { + top: 180px; + } + .home_choose.isfixed .home_choose_text, + .home_choose.isfixed .home_choose_bg{ + top: 65px; + } + .home_choose { + padding-bottom: 320px; + } + .mhnl_parga p { + line-height: 70px; + } + .ys_hd_pc.hovered .mhnl_parga p, .ys_hd_pc.isfixed .mhnl_parga p { + line-height: 65px; + } + .mod_head_nav_list,.mod_head_nav_lang{ + padding-right: 50px; + } + .home_main .home_solution { + margin-top: 65px; + } + /* 1440end */ +} + +@media screen and (max-width: 1360px) { + .solu_main .ys_nyban_parga { + margin: 19px auto 0; + width: 60%; + } + .ys_nyban_btn .std_btn1 { + margin-right: 22px; + } + .investor_certi { + margin-top: 40px; + padding: 10px 40px 10px 20px; + } + .scene_info_img { + width: 50%; + } + .scene_info_le { + padding-right: 50px; + width: 50%; + } + .sabu_li_cont_wrap { + padding: 24px 20px 60px 20px; + } + .alcw_nums { + font-size: 18px; + } + .slsu_li_text .std_parga1 { + margin-bottom: 12px; + } + .product_main .slsu_li { + margin-bottom: 25px; + } + .prodet_introu_cont_text { + padding-right: 200px; + } + .prodet_introu_cont_text ul { + margin-top: 20px; + } + .yx_menu5_nav p { + margin-left: 10px; + } + .college_adv_bt { + margin-top: 35px; + } + .cclu_li_cont_text { + top: 30px; + padding: 0 40px; + } + .cclu_li_cont_btn { + bottom: 20px; + left: 40px; + } + .course_pop_bt .std_title3::before { + top: 10px; + } + :root { + --font-title1: 42px; + --font-title2: 30px; + --font-title3: 20px; + --font-title4: 16px; + } + /* .college_contact_info img { + width: 35px; + margin-right: 20px; + } */ + .sfwt_ul_li_text { + width: 250px; + } + .sobu_li_text { + padding: 0 80px; + } + .pbsl_text_tit_wrap { + margin-bottom: 2px; + } + .pbsl_text .std_title1 { + margin-bottom: 11px; + } + .partner_ban_btn{ + bottom: 60px; + } + .prtb_list { + margin-top: 30px; + } + .plul_wrap .ys_imgbox_cover { + margin-bottom: 22px; + } + .partner_together_wrap { + height: 500px; + } + .alci_text_year { + font-size: 28px; + } + .jlct_btn { + margin-top: 20px; + } + .jobu_li { + padding: 0 16px; + margin-bottom: 50px; + } + /* .home_develop_wrap_tit h2 { + font-size: 38px; + } */ + .home_solution_bg{ + height: calc(100vh - 70px); + } + .ahct_ul { + padding-left: 17%; + } + .pbct_li_wrap_parga p{ + height: 7em; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 4; + overflow: hidden; + } + .scene_spot::before { + left: -12px; + } + .scene_spot::after { + right: -12px; + } + .mod_foot_bt_ri{ + width: 170px; + } + .mod_foot_bt_le{ + width: calc(100% - 170px); + } + .mod_foot_tp_nav { + padding-left: 80px; + padding-right: 40px; + } + .college_contact_info .std_title3 { + font-size: 18px; + } + .college_contact_info img { + width: 24px; + } + .partner_main .college_contact_info ul li:nth-child(2) { + width: 260px; + } + .college_contact_info { + width: 68%; + } + .college_contact_info { + width: 80%; + } + .home_choose { + padding-bottom: 280px; + } + .solu_main .ys_cont1400 { + width: 76%; + } + /* 1360end */ +} + +@media screen and (max-width: 1280px) { + .ys_modal_content { + max-height: 600px; + } + /* .mod_head_logo a,.mhns_icon,.mhnl_ul_li_link{ + line-height: 70px; + } */ + .mod_head_nav_search { + width: 80px; + } + .mhns_icon { + width: 30px; + } + .inside_body .ys_main { + padding-top: 70px; + } + .mhnl_ul_li { + padding: 0 20px; + } + .mhnl_ul { + margin: 0 -20px; + } + .ys_search1_close { + width: 20px; + } + .ys_search1_tbox input { + font-size: 18px; + } + .ys_search1_but button { + font-size: 18px; + } + .std_padding2{ + padding: 100px 0; + } + .std_padtop2{ + padding-top: 100px; + } + .std_padbot2{ + padding-bottom: 100px; + } + .std_padding1{ + padding: 80px 0; + } + .std_padtop1{ + padding-top: 80px; + } + .std_padbot1{ + padding-bottom: 80px; + } + .std_parga1, .std_parga1 p { + font-size: 14px; + } + .newdet_wrap_bt { + margin-top: 26px; + } + .newdet_wrap_tp { + padding-bottom: 18px; + } + .yxedr_active p { + margin-bottom: 10px; + } + .newdet_wrap_bt p{ + margin-bottom: 10px; + } + .mod_foot_tp_logo { + width: 150px; + } + .mod_foot { + padding-top: 60px; + } + .mod_foot_tp_nav a { + font-size: 14px; + } + .mod_foot_tp_nav>ul>li>a { + font-size: 16px; + margin-bottom: 10px; + } + .mod_foot_tp_nav { + width: 600px; + } + .mod_foot_bt_le p { + font-size: 14px; + } + .mod_foot_bt_ri p a { + font-size: 14px; + } + .mod_foot_bt { + margin-top: 60px; + } + .mod_content { + border-radius: 0 0 200px 0; + } + :root { + --font-title1: 40px; + --font-title2: 28px; + --font-title3: 20px; + --font-title4: 16px; + } + .std_arrow { + width: 70px; + } + .std_arrow_icon { + width: 30px; + height: 30px; + } + .std_arrow_icon_img { + width: 16px; + height: 16px; + } + .newdet_wrap,.public_wrap { + padding-top: 50px; + } + .public_wrap_bt_view { + width: 300px; + padding-right: 30px; + } + .public_wrap_bt_list { + width: calc(100% - 300px); + } + .pwbl_cont { + padding-left: 30px; + } + .pwti_search { + width: 280px; + padding-left: 10px; + margin-left: 10px; + } + .public_wrap_tp_info .ys_select { + width: 180px; + padding: 0 10px; + } + .public_wrap_tp_info .ys_select_hd { + height: 40px; + } + .pwti_search_icon { + line-height: 40px; + } + .pwti_search_input { + height: 40px; + } + .pwti_search_input input, + .pwti_search_input input::placeholder{ + font-size: 14px; + } + .pwbl_page { + margin-top: 40px; + } + /* .std_btn1 p { + line-height: 50px; + } */ + .std_btn1_box { + padding-left: 30px; + padding-right: 20px; + } + .solution_info_bt_nav { + width: 200px; + } + .solution_info_bt_list { + width: calc(100% - 200px); + padding-left: 50px; + } + .sibl_ul_li_text { + padding: 20px 30px 24px 20px; + } + .slwi_bg { + width: 180px; + } + .salu_li_wrap_text { + padding-right: 70px; + } + .satu_li_cont p { + line-height: 44px; + } + /* .service_arrange_list { + margin-top: 40px; + } */ + .std_btn2 p { + font-size: 16px; + } + .std_btn2_box_circle { + margin-right: 10px; + } + .salu_li_wrap .std_btn2 { + margin-top: 30px; + } + .ssbu_li_wrap_text { + bottom: 30px; + } + .sctu_li { + padding: 0 20px; + } + .service_case_tab_ul { + margin: 0 -20px; + } + .mhnl_ul_li_pull { + top: 70px; + } + .new_slick { + padding-top: 60px; + } + .new_wrap_cont { + margin-top: 40px; + } + .new_wrap_cont .hnbu_li { + margin-bottom: 40px; + } + .ictn_digit { + font-size: 44px; + } + .icti_ul_li p { + font-size: 12px; + } + .icti_ul_li { + padding: 0 6px; + } + .icti_ul { + margin: 0 -6px; + } + .icti_ul_li_num { + font-size: 18px; + } + .college_contact_info { + margin-top: 60px; + } + /* .college_contact_info img { + width: 35px; + margin-right: 22px; + } */ + .ccwf_list_agree_box { + top: 5px; + } + .cooper_cont_wrap_form { + padding-left: 50px !important; + } + .clwl_input input, .clwc_wrap_input input { + padding: 0 10px; + font-size: 14px; + } + .smbu_li_cont_wrap { + padding: 30px 30px 40px; + } + .prbw_text_cont { + padding: 40px 100px 35px 40px; + } + .crbu_li_text { + padding: 15px 18px 20px; + } + .std_padding2{ + padding: 80px 0; + } + .std_padtop2{ + padding-top: 80px; + } + .std_padbot2{ + padding-bottom: 80px; + } + .std_margin3 { + margin-top: 20px; + } + .std_padding1{ + padding: 70px 0; + } + .std_padtop1{ + padding-top: 70px; + } + .std_padbot1{ + padding-bottom: 70px; + } + .mod_contact { + padding-bottom: 120px; + } + .casedet_article_tp .std_btn1 { + margin-top: 40px; + } + .casedet_article_bt { + margin-top: 60px; + } + .itbu_wrap { + padding: 40px 45px 40px 60px; + } + .cpwb_top_subin { + margin-top: 40px; + } + .cpwb_top_dots { + width: 45px; + } + .casedet_main .casedet_relat { + padding-top: 60px; + } + .casedet_relat_list{ + padding-bottom: 20px; + } + .cplu_li1, .cplu_li3s { + width: 70px; + } + .cplu_li4 { + width: 120px; + } + .cplu_li3 { + width: 92px; + } + .cplu_li2, .cplu_li5s { + width: 77px; + } + .cplu_li0 { + width: 44px; + } + .cplu_li5, .cplu_li6s { + width: 86px; + } + .cplu_li1s { + width: 95px; + } + .cplu_li2s { + width: 66px; + } + .cplu_li4s { + width: 55px; + } + .cplu_li2, .cplu_li5s { + width: 57px; + } + .cplu_li5, .cplu_li6s { + width: 66px; + } + .cplu_li7s { + width: 98px; + } + .cpmw_text { + padding: 70px; + } + .mod_bg{ + width: 180px; + } + .casedet_power_mid_bg { + bottom: -40px; + left: -100px; + } + .cabr_ul_li { + padding: 24px 0; + } + .cabr_ul_li_bt { + margin-top: 24px; + } + .course_pop_bt { + padding: 25px 20px 60px 40px; + } + .course_pop_tp { + padding: 16px 40px; + } + .course_pop_bt_ul { + padding-right: 30px; + } + .cllu_li_cont_text { + margin-top: 20px; + padding-left: 15px; + padding-right: 15px; + } + .ctlu_li { + width: 330px; + } + .college_train_list_ul { + width: calc((330px * var(--width-shu)) + (20px *var(--width-shu))); + } + .catl_num span{ + font-size: 44px; + } + .college_contact_info .std_title3{ + font-size: 18px; + } + .college_achieve { + height: calc(100vh - 70px); + } + .scene_flow_wrap_circle { + width: 420px; + height: 420px; + } + .sfwt_ul_li_text { + width: 230px; + padding-right: 20px; + } + .right_side .sfwt_ul_li_text { + padding-left: 20px; + } + .yx_rotate5 .itbu_wrap_ri { + padding: 40px !important; + } + .yx_rotate5 .itbu_swip { + left: calc(57% + 40px); + bottom: 40px; + } + .service_labora_bt { + margin-top: 80px; + } + .service_ours_wrap { + height: calc(100vh - 70px); + } + .service_labora_wrap { + height: calc(100vh - 70px); + } + .partner_ban { + height: calc(100vh - 70px); + } + .partner_main .moe_bread { + top: 10px; + } + .pbsl_text_tit_wrap { + font-size: 42px; + } + .partner_ban_cont_text { + width: 51.5%; + } + .prtb_list { + padding: 50px 60px; + } + .partner_recruit_bg { + height: 450px; + } + .prtb_list_ul_li { + padding: 0 30px; + } + .prtb_list_ul { + margin: 0 -30px; + } + .partner_ban_shodow, + .partner_ban_shodow_img{ + height: calc(100vh - 70px); + } + .albr_tit, + .albr_parga p{ + margin-bottom: 10px; + } + .about_leader_bt_ri { + padding-right: 70px; + } + .acbu_li_cont .ys_imgbox_cover { + width: 55px; + } + .acbu_li_cont { + padding: 24px 24px 38px; + } + .ahyu_li { + font-size: 144px; + } + .ahyb_btn p { + font-size: 18px; + } + .ahyb_btn img { + width: 22px; + } + .about_history_year { + margin-top: 30px; + } + .alci_text_year { + font-size: 24px; + } + .albl_btn { + right: 50px; + bottom: -15px; + } + .ahbu_li_cont_item { + margin-top: 40px; + } + .join_wealth_cont { + padding-top: 50px; + } + .join_wealth_cont_parga { + margin: 20px auto 0; + width: 60%; + } + .join_wealth_cont_btn { + margin-top: 30px; + } + .jwcb_li_cont_icon { + width: 94px; + } + .jwcb_li_cont_bg { + left: -80px; + bottom: -30px; + } + .jdwl_cont { + left: -73%; + } + @keyframes leftEffect1{ + 0%{ + left: -73%; + } + 100%{ + left: 13%; + } + } + @keyframes leftEffect2{ + 0%{ + left: -73%; + } + 100%{ + left: 0%; + } + } + @keyframes leftEffect3{ + 0%{ + left: -73%; + } + 100%{ + left: 27%; + } + } + .jdwl_cont { + height: 150px; + } + .jdwl_cont_circle { + width: 150px; + height: 150px; + right: -75px; + } + .jdwl_cont_circle .std_title1{ + font-size: 36px; + } + .std_parga2, .std_parga2 p { + font-size: 16px; + } + .jdwl_icon_bg { + width: 30px; + height: 30px; + } + .jobu_li { + margin-bottom: 40px; + } + .jabu_li_cont_icon { + width: 44px; + height: 44px; + } + .jlci_pic { + width: 25px; + } + .jabu_li_cont_text { + width: calc(100% - 44px); + } + .jabu_li_cont { + padding: 30px 35px 35px 25px; + } + .jabu_li { + margin-bottom: 20px; + } + .join_activity { + padding-top: 60px; + padding-bottom: 60px; + } + .join_altas .ctlu_li { + width: 360px; + } + .join_altas .college_train_list_ul { + width: calc((360px * var(--width-shu)) + (20px *var(--width-shu))); + } + .jcwt_btn { + margin-top: 60px; + } + .join_contact_wrap_text { + padding-left: 40px; + padding-right: 30px; + } + .join_value_img { + height: calc(100vh - 70px); + } + .join_value.isfixed .join_value_img { + top: 70px; + } + .join_value_ul_li { + top: 200px; + } + .sustain_consider_parga_bg { + width: 160px; + right: -160px; + } + .sustain_consider h1 { + margin-bottom: 20px; + } + .sustain_consider_bt { + margin-top: 50px; + } + .sustain_consider_bt_ul .scbu_li:nth-child(1) { + transform: translateY(-70px); + } + .sustain_consider_bt_ul .scbu_li:nth-child(3) { + transform: translateY(80px); + } + .home_develop_wrap_tit { + top: 70px; + height: calc(100vh - 70px); + } + /* .home_develop_wrap_tit h2 { + font-size: 36px; + } */ + .hdwl_ul_li { + width: 300px; + } + .hdwl_ul_li_cont{ + padding: 30px; + } + .hdwl_ul_li .ys_imgbox_cover { + width: 50px; + } + .hdwl_ul_li .std_title3 { + margin-top: 20px; + margin-bottom: 15px; + } + .home_develop_wrap { + padding-top: 80px; + } + .soft_platform_cont { + width: 480px; + } + .soft_platform_swiper_li1, + .soft_platform_swiper_li6, + .soft_platform_swiper_li9 { + width: 140px !important; + } + .soft_platform_swiper_li1 { + left: -8%; + } + .soft_platform_swiper_li2, + .soft_platform_swiper_li3, + .soft_platform_swiper_li4 { + width: 112px !important; + } + .soft_platform_swiper_li5, + .soft_platform_swiper_li10 { + width: 160px !important; + } + .soft_platform_swiper_li7 { + width: 101px !important; + } + .soft_platform_swiper_li8, + .soft_platform_swiper_li13 { + width: 102px !important; + } + .soft_platform_swiper_li11 { + width: 113px !important; + } + .soft_platform_swiper_li12 { + width: 160px !important; + } + .soft_platform_swiper_li14 { + width: 103px !important; + } + .soft_platform_swiper_li15 { + width: 108px !important; + } + .soft_platform_swiper_li16 { + width: 90px !important; + } + .soft_platform_swiper_li { + margin-right: 20px; + } + .soft_platform.act .soft_platform_swiper_li2 { + left: 160px; + } + .soft_platform.act .soft_platform_swiper_li3 { + left: 292px; + } + .soft_platform.act .soft_platform_swiper_li4 { + left: 424px; + } + .soft_platform.act .soft_platform_swiper_li5 { + left: 556px; + } + .soft_platform.act .soft_platform_swiper_li6 { + left: 736px; + } + .soft_platform.act .soft_platform_swiper_li7 { + left: 896px; + } + .soft_platform.act .soft_platform_swiper_li8 { + left: 1017px; + } + .soft_platform.act .soft_platform_swiper_li9 { + left: 1139px; + } + .soft_platform.act .soft_platform_swiper_li10 { + left: 1299px; + } + .soft_platform.act .soft_platform_swiper_li11 { + left: 1479px; + } + .soft_platform.act .soft_platform_swiper_li12 { + left: 1622px; + } + .soft_platform.act .soft_platform_swiper_li13 { + left: 1802px; + } + .soft_platform.act .soft_platform_swiper_li14 { + left: 1924px; + } + .soft_platform.act .soft_platform_swiper_li15 { + left: 2047px; + } + .soft_platform.act .soft_platform_swiper_li16 { + left: 2175px; + } + .slct_tp .std_title1 { + font-size: 34px; + } + .soft_progra_wrap { + height: calc(100vh - 70px); + } + .soft_appoint_wrap { + height: calc(100vh - 70px); + } + .soft_platform { + height: calc(100vh - 70px); + } + .ys_text_slick .slick-arrow , + .ys_nyban_slick .slick-arrow { + width: 36px; + height: 36px; + } + /* .ys_ban_title { + margin-bottom: 50px; + } */ + .home_solution_title { + top: 80px; + } + .home_approve { + height: calc(100vh - 70px); + } + .halu_li_icon { + width: 60px; + } + .halu_li_num span{ + font-size: 36px; + } + .halu_li_num{ + margin-top: 16px; + } + .halu_li_parga { + margin-top: 12px; + } + .home_why_text { + top: 50px; + } + .home_why { + height: calc(100vh - 70px); + } + .hsbu_li_text_logo { + width: 220px; + } + .hsbu_li_text { + padding: 0 60px; + top: 8%; + } + /* .hsbu_li { + width: 650px; + } */ + .hscb_wrap_bt_cont{ + width: 650px; + } + .hsbu_li_text .std_btn2 { + margin-top: 50px; + } + .home_story { + padding-bottom: calc(100vh - 70px); + } + .home_story_cont_box{ + height: calc(100vh - 70px); + } + .home_story_cont_box.ys_fixed { + top: 70px; + } + .organ_pop .course_pop_bt { + padding-bottom: 40px; + } + .pbsl_text .std_title1 { + margin-bottom: 10px; + } + .solu_main .ys_nyban_parga { + margin: 18px auto 0; + width: 65%; + } + .soft_progra_wrap, + .soft_appoint_wrap, + .service_ours_wrap, + .service_labora_wrap{ + top: 70px; + } + .join_value_ul_li:nth-child(1), + .join_value_ul_li:nth-child(2) { + top: 200px; + } + .satu_li_cont p { + line-height: 38px; + } + .salu_li_btn { + margin-top: 22px; + } + .sibu_li_img_icon { + width: 30px; + } + .ys_ban_btn_video p{ + font-size: 16px; + } + .ys_ban_btn_video img { + margin-right: 10px; + } + /* .home_main .mod_content { + margin-top: 70px; + } */ + .cpbw_img { + width: 320px; + } + .cpbw_text { + width: calc(100% - 320px); + padding-right: 50px; + } + .cpbw_text_li h3,.yxedr_active h3 { + font-size: 20px; + } + .cpbw_text_li h4,.yxedr_active h4 { + font-size: 18px; + } + .prtb_list_ul_li{ + margin-top: 30px; + } + .home_approve_list_ul .slick-list { + padding-bottom: 30px; + } + .smbu_li_cont_wrap{ + padding-bottom: 100px; + } + .slcw_btn { + bottom: 30px; + } + .pbct_li_wrap_parga p{ + height: 5.25em; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + overflow: hidden; + } + /* .ys_hd_pc.isfixed .mod_head_logo a, + .ys_hd_pc.isfixed .mhnl_ul_li_link, + .ys_hd_pc.isfixed .mhns_icon{ + line-height: 60px; + } */ + /* .home_main .mod_content { + margin-top: 60px; + } */ + .home_solution_bg { + height: calc(100vh - 60px); + } + .mod_head_logo { + width: 125px; + } + .home_why,.college_achieve{ + height: calc(100vh - 60px); + } + .home_story{ + padding-bottom: calc(100vh - 60px); + } + .home_develop_wrap_tit{ + height: calc(100vh - 60px); + top: 60px; + } + .soft_progra_wrap,.soft_appoint_wrap,.service_ours_wrap,.service_labora_wrap{ + height: calc(100vh - 60px); + top: 60px; + } + .smbu_li.not_btn .smbu_li_cont_wrap{ + padding-bottom: 30px; + } + .partner_recruit { + margin-top: calc(100vh - 70px); + } + /* .home_solution_wrap,.home_why_wrap{ + height: calc(100vh - 60px); + top: 60px; + } */ + .inddet_nav_wrap.isfixed { + top: 60px; + } + .home_story_cont_box.ys_fixed{ + top: 60px; + } + .home_story_cont_box{ + height: calc(100vh 60px); + } + .home_story_cont{ + /* top: 60px; */ + height: calc(100vh - 60px); + } + .ccwi_info_code .mfts_icon_pop { + margin-bottom: 15px; + } + .ccwi_info_li { + margin-bottom: 20px; + } + .mod_head { + padding-left: 40px; + } + .hcnu_li_data { + font-size: 80px; + } + .hcnu_li_parga { + font-size: 16px; + } + .home_choose_text_parga p { + font-size: 24px; + } + .home_choose_text_btn { + margin-top: 40px; + } + .home_story_cont { + padding-top: 60px; + padding-bottom: 80px; + } + .hdwt-wrap h2 { + margin-bottom: 20px; + } + .mod_foot { + padding-top: 80px; + } + .mftl_phone a { + font-size: 22px; + } + .mod_foot_tp_nav { + padding-left: 60px; + padding-right: 30px; + } + .mod_contact { + padding-top: 60px; + } + .college_contact_info{ + margin-top: 25px; + } + .investor_main .college_contact_info { + width: 65%; + } + .home_choose_text { + top: 150px; + } + .home_choose_num_ul { + padding-bottom: 110px; + } + .home_choose { + padding-bottom: 250px; + } + .solu_main .yx_menu5_nav.enter { + left: 16px; + } + /* 1280end */ +} + +/* 1200~992 平板横屏*/ +@media screen and (max-width: 1200px) { + .mod_head { + padding-left: 40px; + } + .ys_cont920 { + width: 100%; + padding: 0 40px; + } + .ys_share_img { + width: 24px; + } + .newdet_wrap_share { + margin-top: 40px; + } + :root { + --font-title1: 38px; + --font-title2: 26px; + --font-title3: 20px; + --font-title4: 16px; + } + .solution_info_tp_parga p { + width: 60%; + } + .service_arrange::before, .service_arrange::after { + width: 40px; + } + .salu_li_slick .std_arrow_next, .salu_li_slick1 .std_arrow_next { + right: -15px; + } + .salu_li_slick .std_arrow_prev, .salu_li_slick1 .std_arrow_prev { + left: -15px; + } + .cooper_cont_wrap { + padding-right: 40px; + } + .ccwf_list { + margin-top: 28px; + } + /* .mod_foot_tp_share{ + margin-right: 20px; + } */ + .scene_spot::before, .scene_spot::after, .scene_adv::before, .scene_adv::after { + width: 40px; + } + .prodet_relat::before, .prodet_relat::after { + width: 40px; + } + .pici_bg { + left: -60px; + bottom: -20px; + } + .prodet_introu_cont { + padding-left: 40px; + padding-right: 40px; + } + .casedet_custom::after { + width: calc(100% - 80px); + } + .partner_main .ys_cont1400, + .service_main .ys_cont1400, + .college_main .ys_cont1400, + .join_main .ys_cont1400 { + width: 84%; + } + .cabr_ul_li_tp::after { + width: 8px; + height: 8px; + top: 10px; + } + .cclu_li_cont_text { + top: 20px; + padding: 0 30px; + } + .cclu_li_cont_btn { + left: 30px; + } + .college_achieve_text .ys_cont1280 { + width: 83%; + } + .catl_num span{ + font-size: 40px; + } + .sfwt_ul_li_icon { + width: 90px; + height: 90px; + } + .partner_together_logo_li1 { + width: 104px; + height: 104px; + } + .partner_together_logo_li3, .partner_together_ri_li8 { + width: 78px; + height: 78px; + } + .partner_together_logo_li3 img { + width: 30px; + } + .partner_together_logo_li7 { + width: 52px; + height: 52px; + } + .partner_together_logo_li8 { + width: 30px; + height: 30px; + } + .partner_together_logo_li9 { + width: 84px; + height: 84px; + } + .partner_together_logo_li5, .partner_together_logo_li6, .partner_together_logo_li10, .partner_together_logo_li12, .partner_together_ri_li2 { + width: 52px; + height: 52px; + } + .partner_together_logo_li13 { + width: 108px; + height: 108px; + } + .partner_main .college_contact_info ul li:nth-child(2) { + width: 300px; + } + .albl_bg { + left: -30px; + } + .acbu_li_cont .std_title3 { + margin-top: 14px; + margin-bottom: 10px; + } + .yx_event6_slider .layui-slider-wrap-btn { + width: 48px; + height: 48px; + } + .soft_appoint_swiper { + padding-left: 80px !important; + } + .ys_ban_txtbox { + width: 90%; + } + .ys_ban_slick .slick-prev, + .ys_nyban_slick .slick-prev { + left: 0; + } + .ys_ban_slick .slick-next, + .ys_nyban_slick .slick-next { + right: 0; + } + .ccwi_info{ + left: 40px !important; + } + .pbsl_text .std_title1 { + margin-bottom: 9px; + } + .solu_main .ys_nyban_parga { + margin: 17px auto 0; + } + .ahct_ul { + padding-left: 22%; + } + .itbu_wrap_le { + padding-right: 40px; + } + .inddet_nav_wrap.isfixed { + max-width: calc(100% - 80px); + } + .investor_main .college_contact_info { + width: 60%; + } + .home_choose_text { + width: 450px; + } + .home_choose_num { + width: calc(100% - 450px); + } + .solu_main .ys_cont1400 { + width: 83%; + } + /* 1200end */ +} + +@media screen and (max-width: 1199px) { + .inside_body .ys_main { + padding-top: 0; + } + .moe_bread{ + display: none !important; + } + .std_padding2{ + padding: 80px 0; + } + .std_padtop2{ + padding-top: 80px; + } + .std_padbot2{ + padding-bottom: 80px; + } + .std_padding1{ + padding: 70px 0; + } + .std_padtop1{ + padding-top: 70px; + } + .std_padbot1{ + padding-bottom: 70px; + } + .ys_share_list { + margin: 0 8px; + } + .newdet_wrap_share { + margin-top: 32px; + } + .public_wrap_bt { + margin-top: 36px; + } + .pwbl_page{ + margin-top: 30px; + padding-left: 30px; + } + .slwt_info{ + /* display: block; */ + opacity: 1; + } + .ssbu_li_wrap_text { + bottom: 20px !important; + top: auto !important; + transition: all .36s; + padding: 0 30px; + } + .slwt_parga p{ + height: 3.5em; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; + } + .ssbu_li_wrap_text { + bottom: 20px; + } + .ssbu_lis a::before{ + opacity: 1; + background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 9.15%, rgba(0, 0, 0, 0.00) 95.73%); + } + .ssbu_lis a::after{ + opacity: 0; + } + .mod_contact { + padding-bottom: 120px; + } + .ys_nyban_parga p { + font-size: 14px; + } + .std_margin2 { + margin-top: 36px; + } + .nslu_li.swiper-slide-active { + width: 760px !important; + height: 423px !important; + } + .new_slick_list { + width: 760px; + height: 423px; + } + .nslu_li { + height: 325px !important; + } + .hnbu_li_img { + margin-top: 30px; + } + .new_wrap_cont_page { + margin-top: 0; + } + .mod_content { + border-radius: 0 0 150px 0; + } + .investor_certi_text { + padding-right: 0; + width: 100%; + } + .investor_certi_link { + width: 100%; + } + .mfts_icon.act .mfts_icon_pop{ + opacity: 1; + transform: translateX(-50%) scale(1); + } + .ccwi_info { + padding: 20px; + } + .mfts_icon { + width: 28px; + } + .solution_info_bt_nav { + width: 170px; + } + .solution_info_bt_list { + width: calc(100% - 170px); + } + .sabu_li { + width: 33.333333%; + } + .alcw_nums { + right: 12px; + top: 6px; + } + .smbu_li_cont_wrap::after { + width: 80px; + height: 80px; + right: -25px; + top: -35px; + } + .scene_monitor_bt_ul .slick-list { + padding: 0; + } + .scene_monitor_bt { + margin-top: 36px; + } + .product_main .slsu_li { + width: 50%; + } + .slsu_li{ + width: 33.333333%; + } + .crbu_li{ + width: 33.333333%; + } + .casedet_article_bt_aside { + width: 260px; + padding-right: 40px; + } + .casedet_article_bt_text { + width: calc(100% - 260px); + } + .case_atlas_btn { + margin-top: 16px; + } + .case_atlas_bt .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { + bottom: -50px; + } + .cplu_li1, .cplu_li3s { + width: 60px; + } + .cplu_li4 { + width: 100px; + } + .cplu_li3 { + width: 72px; + } + .cplu_li2, .cplu_li5s { + width: 57px; + } + .cplu_li0 { + width: 34px; + } + .cplu_li5, .cplu_li6s { + width: 66px; + } + .cplu_li1s { + width: 75px; + } + .cplu_li2s { + width: 46px; + } + .cplu_li4s { + width: 45px; + } + .cplu_li2, .cplu_li5s { + width: 47px; + } + .cplu_li5, .cplu_li6s { + width: 46px; + } + .cplu_li7s { + width: 78px; + } + .cpmw_text { + padding: 60px; + } + .yx_menu5_nav { + display: none; + } + .partner_main .ys_cont1400, + .join_main .ys_cont1400, + .college_main .ys_cont1400, + .service_main .ys_cont1400, + .college_achieve_text .ys_cont1280{ + width: 100%; + } + .college_adv_bt_ri { + padding-left: 40px; + } + .course_pop_bt { + padding: 25px 20px 40px 40px; + } + .college_achieve { + height: calc(100vh - 64px); + } + .service_ours_wrap { + height: calc(100vh - 64px); + } + .sobu_li_text { + padding: 0 60px; + } + .slbs_li.swiper-slide-active { + transform: scale(1.25); + } + .partner_ban_shodow, .partner_ban_shodow_img { + height: calc(100vh - 64px); + } + .partner_ban { + height: calc(100vh - 64px); + } + .pbsl_bg { + width: 110%; + right: -26%; + } + .pbsl_text_tit_wrap { + font-size: 40px; + } + .pbct_li_wrap_btn { + margin-top: 40px; + } + .partner_ban_btn_wrap { + width: 37%; + } + .pbbw_li { + padding-top: 14px; + } + .partner_together_le{ + position: static; + width: 100%; + height: auto; + } + .partner_together_logo_li{ + position: static; + width: 73px !important; + height: 73px !important; + display: inline-block; + margin: 10px; + } + .partner_together_ri{ + position: static; + width: 100%; + } + .partner_together_text{ + width: 100%; + position: static; + transform: inherit; + margin-bottom: 40px; + } + .partner_together_logo { + display: flex; + flex-wrap: wrap; + justify-content: center; + } + .partner_together_wrap { + height: auto; + } + .partner_together{ + padding-left: 40px; + padding-right: 40px; + } + .ahyu_li { + font-size: 136px; + } + .about_history { + padding-bottom: 150px; + } + .yx_event6_slider .layui-slider-wrap-btn { + width: 44px; + height: 44px; + } + .jlct_info { + display: block; + } + .jobu_li_cont_text { + padding: 0 30px; + bottom: 30px; + } + .jobu_li_cont::before{ + opacity: 1; + } + .jobu_li_cont::after{ + opacity: 0; + } + .join_thoro_img { + width: 100%; + } + .join_wealth { + padding-bottom: 0; + } + .jvul_cont_tp img { + width: 56px; + } + .jvul_cont_tp .std_title2 { + width: calc(100% - 56px); + } + .join_value_img { + height: calc(100vh - 64px); + } + .join_value.isfixed .join_value_img { + top: 64px; + } + .join_value .ys_cont1400 { + padding-top: 80px; + } + .slsu_li:nth-child(2n+1){ + animation-delay: .3s; + } + .slsu_li:nth-child(2n+2){ + animation-delay: .4s; + } + .home_develop_wrap_tit { + top: 64px; + height: calc(100vh - 64px); + } + .sustain_consider_bt { + margin-top: 40px; + } + .sustain_consider_bt_ul .scbu_li:nth-child(1) { + transform: translateY(-50px); + } + .sustain_consider_bt_ul .scbu_li:nth-child(3) { + transform: translateY(50px); + } + .sustain_consider_parga_bg { + width: 140px; + right: -100px; + } + .home_develop_wrap { + padding-top: 60px; + } + .home_develop_wrap_list { + margin-top: 180px; + } + .home_develop_bg img { + width: 100%; + height: 100vh; + object-fit: cover; + } + .soft_platform_swiper_li1, + .soft_platform_swiper_li6, + .soft_platform_swiper_li9 { + width: 120px !important; + } + .soft_platform_swiper_li2, + .soft_platform_swiper_li3, + .soft_platform_swiper_li4 { + width: 92px !important; + } + .soft_platform_swiper_li { + height: 124px !important; + } + .soft_platform_swiper_li3 { + left: 15%; + } + .soft_platform_swiper_li2 { + left: 5%; + } + .soft_platform_swiper_li5, + .soft_platform_swiper_li10 { + width: 140px !important; + } + .soft_platform_swiper_li7 { + width: 90px !important; + } + .soft_platform_swiper_li8, + .soft_platform_swiper_li13 { + width: 92px !important; + } + .soft_platform_swiper_li8 { + left: 22.8%; + } + .soft_platform_swiper_li7 { + left: 10%; + } + .soft_platform_swiper_li16 { + left: 77%; + } + .soft_platform_swiper_li11 { + width: 93px !important; + } + .soft_platform_swiper_li12 { + width: 140px !important; + } + .soft_platform_swiper_li14 { + left: 75.2%; + width: 93px !important; + } + .soft_platform_swiper_li4 { + bottom: 46.3%; + } + .soft_platform_swiper_li5 { + bottom: 53.9%; + } + .soft_platform.act .soft_platform_swiper_li2 { + left: 140px; + } + .soft_platform.act .soft_platform_swiper_li3 { + left: 252px; + } + .soft_platform.act .soft_platform_swiper_li4 { + left: 362px; + } + .soft_platform.act .soft_platform_swiper_li5 { + left: 474px; + } + .soft_platform.act .soft_platform_swiper_li6 { + left: 634px; + } + .soft_platform.act .soft_platform_swiper_li7 { + left: 774px; + } + .soft_platform.act .soft_platform_swiper_li8 { + left: 884px; + } + .soft_platform.act .soft_platform_swiper_li9 { + left: 996px; + } + .soft_platform.act .soft_platform_swiper_li10 { + left: 1136px; + } + .soft_platform.act .soft_platform_swiper_li11 { + left: 1296px; + } + .soft_platform.act .soft_platform_swiper_li12 { + left: 1409px; + } + .soft_platform.act .soft_platform_swiper_li13 { + left: 1569px; + } + .soft_platform.act .soft_platform_swiper_li14 { + left: 1681px; + } + .soft_platform.act .soft_platform_swiper_li15 { + left: 1794px; + } + .soft_platform.act .soft_platform_swiper_li16 { + left: 1922px; + } + .soft_progra_wrap { + height: calc(100vh - 64px); + } + .slct_tp .std_title1 { + font-size: 30px; + } + .slct_tp { + padding-bottom: 20px; + } + .soft_platform { + height: calc(100vh - 64px); + } + .home_approve { + height: auto; + padding: 70px 0; + } + .halu_li_num span{ + font-size: 32px; + } + .halu_li_icon { + width: 56px; + } + .home_approve h2 { + margin-bottom: 50px; + } + .home_approve_list { + margin-bottom: 50px; + } + .home_why { + height: calc(100vh - 64px); + } + .home_story { + padding-bottom: calc(100vh - 64px); + } + .home_story_cont_box{ + height: calc(100vh - 64px); + } + .home_story_cont_box.ys_fixed { + top: 64px; + } + .home_why_text h2 { + margin-bottom: 35px; + } + .home_why_dots_li::after { + left: -16px; + } + .home_solution_bg{ + height: calc(100vh - 64px); + } + .college_main .scene_info { + padding-bottom: 0; + } + .soft_progra_wrap, + .soft_appoint_wrap, + .service_ours_wrap, + .service_labora_wrap{ + top: 64px; + } + .ahct_ul { + padding-left: 18%; + } + /* .home_main .mod_content { + margin-top: 0; + } */ + .partner_recruit { + margin-top: calc(100vh - 64px); + } + .home_solution_wrap,.home_why_wrap{ + height: calc(100vh - 64px); + top: 64px; + } + .pwtl_list { + width: calc(100% - 135px); + } + .pwtl_more_bt { + left: 30%; + } + .inddet_nav_wrap.isfixed { + top: 64px; + } + .home_develop_bg_cloud { + top: -200px; + } + .sustain_consider { + margin-bottom: 0; + } + .home_main .home_develop_bg_cloud { + top: -100px; + } + .home_story_cont{ + /* top: 64px; */ + height: calc(100vh - 64px); + } + .home_solution_bg_video{ + display: none; + } + .ccwi_info { + width: 80%; + } + .ys_ban_title { + margin-bottom: 30px; + } + .hcnu_li_data { + font-size: 70px; + } + .mcwt_btn { + margin-top: 30px; + } + .mod_foot_tp_nav { + width: calc(100% - 150px - 116px) !important; + padding-left: 30px; + padding-right: 30px; + } + .mod_foot { + padding-top: 70px; + } + .mod_contact_wrap_text { + padding: 70px 40px; + } + .home_story_cont { + padding-bottom: 0; + } + .home_develop_wrap_list { + margin-top: 100px; + } + .ys_banner{ + height: calc(100vh - 64px); + } + .mod_contact_tp { + padding: 70px 0; + } + .college_contact_info { + width: 70%; + } + .investor_main .college_contact_info { + width: 68%; + } + .college_contact_info { + width: 87%; + } + .college_contact_info .std_title3 { + font-size: 16px; + } + .home_choose_bg { + min-height: auto; + } + .home_choose { + padding-bottom: 190px; + } + .home_choose_text{ + width: 400px; + } + .home_choose_num{ + width: calc(100% - 400px); + } + .solu_main .ys_cont1400 { + width: 100%; + } + .mhnl_icon img:nth-child(1) { + opacity: 1; + } + .mhnl_icon img:nth-child(2) { + opacity: 0; + } + .mhnl_parga p{ + line-height: 64px; + color: #333; + } + .ys_phnav_other{ + display: flex; + align-items: center; + } + .mod_head_nav_lang { + padding-right: 30px; + } + .ys_phnav_logo{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + } + .ys_banner{ + height: 100.5vh; + } + html.act body { + height: 100.5vh !important; + } + .home_main .mod_content{ + margin-top: 0; + } + .home_main .home_solution { + margin-top: 0; + } +} +/* 991~768 平板竖屏 重点*/ +@media screen and (max-width: 991px) { + .mod_foot_tp_nav{ + display: none; + } + .mod_foot_bt_le,.mod_foot_bt_ri{ + width: 100%; + } + .mod_foot_bt{ + flex-wrap: wrap; + flex-direction: column-reverse; + } + .mod_foot_bt_ri{ + margin-bottom: 10px; + } + .mod_foot_bt { + margin-top: 40px; + padding-top: 20px; + padding-bottom: 20px; + } + .hnbu_li{ + width: 50%; + } + .home_main .hnbu_li:nth-child(2n+1), + .home_main .hnbu_li:nth-child(2n+2){ + border-top: 1px solid #e5e5e5; + } + .mod_foot_bt_ri p a { + margin-left: 0; + margin-right: 10px; + } + .mod_foot_bt_le a { + margin-right: 0px; + } + :root { + --font-title1: 34px; + --font-title2: 24px; + --font-title3: 20px; + --font-title4: 16px; + } + .mod_content { + border-radius: 0 0 100px 0; + } + .public_wrap_bt_view { + width: 250px; + } + .public_wrap_bt_list { + width: calc(100% - 250px); + } + .pwbl_cont li { + margin-bottom: 20px; + } + .std_btn1_box_icon { + width: 25px; + height: 22px; + } + /* .std_btn1 p { + line-height: 48px; + } */ + .solu_main .ys_nyban_parga { + width: 70%; + } + + .ssbu_li_wrap_text { + padding: 0 20px; + } + .sctu_li { + padding: 0 10px; + } + .service_case_tab_ul { + margin: 0 -10px; + } + .sibu_li { + width: 50%; + } + .hnbu_li:nth-child(2n+1){ + animation-delay: .2s; + } + .hnbu_li:nth-child(2n+2){ + animation-delay: .3s; + } + .nslu_li.swiper-slide-active { + width: 700px !important; + height: 390px !important; + } + .new_slick_list { + width: 700px; + height: 390px; + } + /* .college_contact_info img { + width: 30px; + margin-right: 18px; + } */ + .college_contact_info { + margin-top: 40px; + } + .investor_certi { + margin-top: 30px; + padding: 20px; + } + .ictn_digit { + font-size: 38px; + } + .ictn_icon { + width: 28px; + } + .solution_info_bt_list .sibl_ul_li{ + width: 50%; + } + .smbu_li{ + width: 50%; + } + .sabu_li_cont_wrap { + padding: 24px 20px 40px 20px; + } + .sibn_select_li_tp { + padding: 12px 0; + } + .sslb_item { + margin-bottom: 8px; + } + .prodet_introu_cont_text { + padding-right: 150px; + } + .prodet_introu_cont_text .std_btn1 { + margin-top: 28px; + } + .prbw_text_cont { + padding: 30px 70px 25px 30px; + } + .prbw_text { + padding-left: 20px; + } + .std_padding2{ + padding: 70px 0; + } + .std_padtop2{ + padding-top: 70px; + } + .std_padbot2{ + padding-bottom: 70px; + } + .std_padding1{ + padding: 60px 0; + } + .std_padtop1{ + padding-top: 60px; + } + .std_padbot1{ + padding-bottom: 60px; + } + .itbu_wrap_ri { + width: 250px; + padding: 50px 20px 60px 20px; + } + .itbu_wrap_le { + width: calc(100% - 250px); + } + .itbu_wrap { + padding: 30px 35px 30px 40px; + } + .cpwb_top_subin { + margin-top: 30px; + } + .cpwb_top_subin { + margin-top: 40px; + } + .cpwb_top_dots { + width: 40px; + } + .ccbu_li { + width: 50%; + } + .cabs_li.swiper-slide-active { + width: 730px !important; + height: 390px !important; + } + .case_atlas_bt_swiper { + height: 390px; + } + .case_atlas_bt { + width: 730px; + } + .cabs_li { + width: 600px !important; + height: 300px !important; + } + .cabs_li_text_btn { + margin-top: 50px; + } + .cpmw_text { + padding: 50px; + } + .cclu_li_cont_btn { + bottom: 14px; + } + .cllu_li_cont_text { + padding-left: 0; + padding-right: 0; + } + .catl_num span{ + font-size: 34px; + } + .college_achieve{ + height: auto; + } + .college_achieve_text { + padding-top: 100px; + padding-bottom: 100px; + } + .college_achieve_text_list { + margin-top: 40px; + } + .ys_cont900{ + width: 100%; + padding: 0 40px; + } + .scene_flow_wrap_circle { + width: 400px; + height: 400px; + } + .sfwt_ul_li_icon { + width: 80px; + height: 80px; + } + .pbsl_text_tit_wrap { + font-size: 36px; + } + .prtb_list { + padding: 40px 50px; + } + .plul_wrap .ys_imgbox_cover { + margin-bottom: 15px; + } + .prtb_list_ul_li { + padding: 0 20px; + } + .prtb_list_ul { + margin: 0 -20px; + } + .about_leader_bt_ri { + padding-left: 30px; + padding-right: 0; + } + .acbu_li_cont .ys_imgbox_cover { + width: 46px; + } + .ahyu_li { + font-size: 120px; + line-height: 1.2; + } + .about_history_year { + margin-top: 20px; + } + .about_history { + padding-bottom: 120px; + } + .yx_event6_slider .layui-slider-wrap-btn { + bottom: 30px; + } + .ahbu_li_cont_item { + margin-top: 30px; + } + .alci_text_year { + font-size: 22px; + } + .join_altas .ctlu_li { + width: 320px; + } + .join_altas .college_train_list_ul { + width: calc((320px * var(--width-shu)) + (20px *var(--width-shu))); + } + .jcwt_btn { + margin-top: 50px; + } + .join_value_img_bg1 { + height: 100%; + } + .join_value_ul_li { + top: 100px; + } + .join_value .ys_cont1400 { + padding-top: 60px; + } + .sibl_ul_li:nth-child(2n+1){ + animation-delay: .3s; + } + .sibl_ul_li:nth-child(2n+2){ + animation-delay: .4s; + } + /* .home_develop_wrap_tit h2 { + font-size: 32px; + } */ + .hdwl_ul_li_cont{ + padding: 30px 20px; + } + .home_approve { + padding: 60px 0; + } + .catl_num, .halu_li_num{ + font-size: 24px; + } + .ys_ban_btn_video { + margin-left: 25px; + } + .cpbw_img { + width: 300px; + } + .cpbw_text { + width: calc(100% - 300px); + padding-right: 40px; + } + .case_pop_bt_wrap .mCSB_inside>.mCSB_container { + padding-right: 40px; + } + .hcnu_li_data { + font-size: 60px; + } + .home_choose_num { + padding-left: 100px; + } + .mod_foot_bt_ri { + justify-content: flex-start; + } + .mod_foot_bt_ri p a::after { + left: -8px; + } + .hdwl_ul2 .hdwl_ul_li{ + margin-top: 30px; + } + .college_contact_info { + margin-top: 20px; + } + .college_contact_info img { + width: 22px; + } + .college_contact_info .std_title3 { + font-size: 16px; + } + .partner_main .college_contact_info ul li:first-child { + width: 110px; + } + .partner_main .college_contact_info ul li:nth-child(2) { + width: 240px; + } + .partner_main .college_contact_info ul li:last-child { + width: 160px; + } + .college_contact_info { + width: 76%; + } + .investor_main .college_contact_info { + width: 78%; + } + .college_contact_info { + width: 100%; + padding: 0 20px; + } + .college_contact_info img { + width: 20px; + } + .college_contact_info .std_title3 { + font-size: 14px; + } + .home_choose_num_ul { + padding-bottom: 140px; + } + @keyframes indexChange1{ + 0%{ + transform: translateY(100px); + opacity: 0; + } + 100%{ + transform: translateY(0px); + opacity: 1; + } + } + /* 991end */ +} + +/* <768 移动端 重点*/ +@media screen and (max-width: 768px) { + .ys_ban_pc, .ys_nyban_pc{ + display: none; + } + .ys_ban_video{ + display: none; + } + .ys_ban_ph, .ys_nyban_ph{ + display: block; + } + .ys_modal_content { + max-height: 550px; + padding: 50px 20px; + } + .std_padding2{ + padding: 50px 0; + } + .std_padtop2{ + padding-top: 50px; + } + .std_padbot2{ + padding-bottom: 50px; + } + .std_padding1{ + padding: 40px 0; + } + .std_padtop1{ + padding-top: 40px; + } + .std_padbot1{ + padding-bottom: 40px; + } + .std_arrow_icon { + width: 26px; + height: 26px; + } + .std_arrow { + width: 60px; + } + .std_arrow_icon_img { + width: 14px; + height: 14px; + } + .std_margin1{ + margin-top: 24px; + } + .std_margin2{ + margin-top: 30px; + } + :root { + --font-title1: 30px; + --font-title2: 22px; + --font-title3: 20px; + --font-title4: 16px; + } + .hnbu_li_img { + margin-top: 30px; + } + .public_wrap_bt_list { + width: 100%; + padding-left: 0; + margin-top: 40px; + } + .pwti_search { + width: 250px; + } + .public_wrap_bt_view { + padding-right: 0; + } + .pwbv_btn { + margin-top: 24px; + } + .pwbl_cont { + padding-left: 0; + border: none; + } + .pwbl_page { + margin-top: 24px; + padding-left: 0; + } + .satu_li{ + width: auto !important; + display: inline-block; + padding: 0 20px; + } + /* .service_arrange_tab_ul{ + display: inline-block; + } + .service_arrange_tab { + white-space: nowrap; + overflow-x: auto; + } */ + .satu_li::after { + height: 100%; + top: 0; + } + .salu_li_wrap_text { + padding-right: 0; + width: 100%; + } + .salu_li_wrap_img { + width: 100%; + margin-top: 30px; + } + .salu_li_wrap .std_btn2 { + margin-top: 20px; + } + .service_support_parga p{ + width: 80%; + } + .slwi_bg { + width: 160px; + left: -20px; + bottom: -20px; + } + .std_btn2 p { + font-size: 14px; + } + .std_btn2_box_circle { + width: 26px; + height: 26px; + } + .slwt_parga { + margin-top: 10px; + margin-bottom: 15px; + } + .scbu_li_text { + width: 100%; + padding: 30px; + } + .scbu_li_img { + width: 100%; + } + .scbu_li_text .std_btn2 { + margin-top: 20px; + } + .scbu_li_text_parga p { + height: 5.25em; + -webkit-line-clamp: 3; + } + .sctu_li { + width: 16.666666%; + } + .mod_contact { + padding-bottom: 100px; + } + .nslu_li.swiper-slide-active { + width: 100% !important; + height: auto !important; + } + .new_slick_list { + width: 100%; + height: auto; + } + .nslu_li { + width: 100% !important; + height: auto !important; + } + .nslu_li.swiper-slide-active{ + transition: none; + } + .nslu_li.swiper-slide-active .nslu_li_text { + padding-right: 42px; + } + .new_slick_bt_btn { + position: static; + margin-top: 50px; + } + .new_slick .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ + bottom: -30px; + } + /* .college_contact_info li{ + margin-bottom: 20px; + width: 100%; + } + .college_contact_info li:last-child{ + margin-bottom: 0; + } */ + .college_contact_info img { + width: 25px; + } + .cooper_cont_wrap_img { + width: 100%; + height: 400px; + } + .cooper_cont_wrap_form { + padding-left: 40px !important; + padding-right: 40px; + width: 100%; + } + .cooper_cont_wrap { + padding-right: 0; + } + .ccwi_info { + bottom: 40px; + } + .solution_info_bt_nav { + width: 100%; + } + .solution_info_bt_list { + width: 100%; + padding-left: 0; + margin-top: 30px; + } + .sibn_ul{ + margin: 0 -10px; + display: inline-block; + } + .sibn_ul li{ + width: auto; + display: inline-block; + padding: 0 10px; + } + .sibn_ul_li a{ + border: none; + } + /* .sibn_tab{ + white-space: nowrap; + overflow-x: auto; + } */ + .scene_info_le { + padding-right: 0; + width: 100%; + } + .scene_info_img { + width: 70%; + margin-top: 40px; + } + .sabu_li { + width: 50%; + } + .scene_monitor_bt { + margin-top: 30px; + } + .ssbu_li { + width: 50%; + } + .solution_info_tp_parga p { + width: 80%; + } + .prodet_introu_cont_text { + padding-right: 50px; + } + .pici_bg { + left: -40px; + } + .prodet_introu_cont_text .std_btn1 { + margin-top: 20px; + } + .prbw_text_cont { + padding: 30px; + } + .slsu_li{ + width: 50%; + } + .crbu_li{ + width: 50%; + } + .yx_rotate4 { + --move: 18px; + } + .casedet_article_tp_logo { + width: 240px; + } + .casedet_article_bt_aside { + width: 100%; + padding-right: 0; + } + .casedet_article_bt_text { + width: 100%; + padding-left: 0; + border: none; + } + .casedet_article_bt { + margin-top: 50px; + } + .caba_li:last-child{ + margin-bottom: 0; + } + .itbu_wrap_le { + width: 100%; + padding-right: 0; + margin-top: 30px; + } + .itbu_wrap { + flex-direction: column-reverse; + padding: 40px; + } + .cpwb_top_subin { + margin-top: 40px; + } + .itbu_swip { + margin-top: 60px; + } + .casedet_main .casedet_relat { + padding-top: 40px; + } + .case_atlas_bt { + width: 100%; + } + .case_atlas_bt_swiper{ + height: auto; + } + .cabs_li { + width: 100% !important; + height: auto !important; + } + .cabs_li.swiper-slide-active { + width: 100% !important; + height: auto !important; + transition: none; + } + .case_atlas_bt .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { + bottom: -30px; + } + .case_atlas_btn { + margin-top: 50px; + justify-content: flex-start; + } + .cabs_li_text_logo { + width: 200px; + } + .cabs_li_text_btn { + margin-top: 40px; + } + .cpmw_text { + padding: 40px 20px; + } + .mod_bg{ + width: 130px; + } + .casedet_power_mid_bg { + bottom: -30px; + left: -80px; + } + .cplu_li1, .cplu_li3s { + width: 50px; + } + .cplu_li4 { + width: 80px; + } + .cplu_li3 { + width: 52px; + } + .cplu_li2, .cplu_li5s { + width: 47px; + } + .cplu_li0 { + width: 24px; + } + .cplu_li5, .cplu_li6s { + width: 46px; + } + .cplu_li1s { + width: 55px; + } + .cplu_li2s { + width: 36px; + } + .cplu_li4s { + width: 35px; + } + .cplu_li2, .cplu_li5s { + width: 37px; + } + .cplu_li5, .cplu_li6s { + width: 36px; + } + .cplu_li7s { + width: 58px; + } + .casedet_relat_list{ + padding-bottom: 5px; + } + .ys_nyban_parga { + width: 100%; + margin: 15px auto 0; + } + .college_main .scene_info_le, .service_main .scene_info_le { + width: 100%; + } + .college_main .scene_info_img, .service_main .scene_info_img { + width: 100%; + margin-top: 40px; + } + .scene_info_le_parga p { + margin-bottom: 10px; + } + .college_adv_bt_ri { + padding-left: 20px; + } + .cabr_ul_li { + padding: 20px 0; + } + .cabr_ul_li_bt { + margin-top: 20px; + } + .cclu_li_cont_text ul{ + display: none; + } + .cllu_li { + width: 50%; + } + + .ctlu_li { + width: 280px; + } + .college_train_list_ul { + width: calc((280px * var(--width-shu)) + (20px *var(--width-shu))); + } + .catl_num span{ + font-size: 24px; + } + .college_live_list_ul .slick-list { + padding-bottom: 30px; + } + .sfwc_bg,.sfwc_circle { + display: none; + } + .sfwc_cont{ + position: static; + transform: inherit; + width: 100%; + height: auto; + border-radius: 0; + background: transparent; + box-shadow: none; + } + .scene_flow_wrap_text{ + position: static; + pointer-events: all; + } + .sfwt_ul{ + margin: 0 -10px; + } + .sfwt_ul_li { + position: static; + + width: 50%; + padding: 0 10px; + } + .sfwt_ul_li_wrap{ + flex-direction: row; + flex-wrap: wrap; + } + .sfwt_ul_li:nth-child(3), + .sfwt_ul_li:nth-child(6){ + transform: translateY(0); + } + + .sfwt_ul_li_text .std_title3, + .sfwt_ul_li_text p{ + text-align: center !important; + } + .sfwt_ul_li_text { + width: 100%; + padding-right: 0; + padding-left: 0; + } + .sfwt_ul_li_icon { + width: 80px; + height: 80px; + flex-shrink: 0; + margin: auto; + } + .right_side .sfwt_ul_li_text { + padding-left: 0; + } + .scene_flow_wrap_circle { + width: 100%; + height: auto; + } + .sfwc_cont_text { + width: 100%; + } + .sfwt_ul_li:not(:first-child){ + display: none; + } + + .sfwt_ul_li_text{ + margin-top: 20px; + } + .scene_flow_wrap_text{ + margin-top: 40px; + } + .sfwt_ul .slick-list{ + padding-bottom: 30px; + } + .sfwt_ul .slick-dots { + bottom: 0; + } + .yx_rotate5 .itbu_wrap { + flex-direction: column; + } + .yx_rotate5 .itbu_wrap_ri { + width: 100%; + } + .yx_rotate5 .itbu_wrap_le { + width: 100%; + margin-top: 0; + } + .yx_rotate5 .itbu_wrap_ri { + padding: 30px 30px 80px !important; + } + .yx_rotate5 .itbu_swip { + left: 30px; + bottom: 30px; + } + .service_team h2 { + padding-top: 50px; + } + .service_team .yx_rotate5 { + margin-top: 30px; + } + .service_ours { + height: auto; + } + .service_ours_wrap { + height: auto; + } + .sobu_li_text { + padding: 0; + width: 100%; + margin-top: 30px; + } + .service_ours{ + padding: 50px 0; + } + .service_ours_bt .swiper-pagination { + left: 0 !important; + right: auto; + width: 100% !important; + top: auto; + transform: translateY(0); + } + .service_ours_bt_swiper .swiper-pagination-bullet{ + display: inline-block; + } + .service_ours_bt .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ + margin: 0 3px !important; + } + .service_ours_bt .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { + bottom: 0; + } + .service_ours_bt_swiper { + padding-bottom: 20px !important; + } + .slbs_li.swiper-slide-active { + transform: scale(1); + } + .slbs_li{ + transition: none; + } + .service_labora{ + height: auto; + padding: 50px 0; + } + .service_labora_wrap{ + height: auto; + } + .service_labora_bt { + margin-top: 30px; + } + .service_labora_wrap_cont { + top: 0; + } + .partner_recruit_text_tit { + width: 100%; + } + .partner_ban{ + height: auto; + } + .partner_ban_modal{ + display: none; + } + /*html.act {*/ + /* height: auto;*/ + /*}*/ + /*html.act body {*/ + /* height: auto !important;*/ + /*}*/ + .partner_ban_cont { + position: static; + transform: inherit; + padding: 50px 40px 40px; + } + html.off .partner_ban_cont_text{ + opacity: 1; + transform: translateY(0); + } + .partner_ban_btn{ + position: static; + transform: inherit; + margin-top: 30px; + } + .partner_ban_cont_text{ + width: 100%; + transition: none !important; + } + .partner_ban_btn_wrap { + width: 100%; + } + html.off .partner_ban_btn_wrap { + transform: translateY(0); + opacity: 1; + } + .partner_ban_shodow{ + display: none; + } + .pbct_li_wrap .std_title2 { + width: 100%; + } + .pbct_li_wrap_btn { + margin-top: 30px; + } + .partner_ban_btn { + margin-top: 0; + margin-bottom: 50px; + } + .pbbw_li2 { + left: 33.333333%; + } + .pbbw_li3 { + left: 66.666666%; + } + .partner_ban_btn_wrap::before{ + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background: #D4DBF1; + position: absolute; + top: -4px; + right: 0; + } + + .pbsl_bg { + width: 125%; + right: -38%; + } + .partner_recruit_bg { + height: 360px; + } + .prtb_list_ul_li{ + width: 50%; + } + .prtb_list_ul_li:not(:first-child){ + display: none; + } + .prtb_list_ul .slick-dots { + bottom: 0; + } + .prtb_list_ul .slick-list{ + padding-bottom: 20px; + } + .pbsl_text_tit_wrap { + font-size: 30px; + } + .prtb_list_ul { + display: block; + } + .prtb_list_ul .slick-track{ + display: flex; + align-items: stretch; + } + .about_leader_bt_ri { + padding-left: 0; + padding-right: 0; + width: 100%; + margin-top: 30px !important; + } + .about_leader_bt_le { + width: 100%; + } + .acbu_li{ + width: 50%; + } + .ahyu_li { + font-size: 84px; + } + .ahbu_li_cont_item { + width: 50%; + } + .alci_bg { + padding: 0 30px; + } + .ahbu_li_cont_item:nth-child(3), .ahbu_li_cont_item:nth-child(4) { + margin-top: 30px; + } + .about_culture_bt { + margin-top: 30px; + } + .join_wealth_cont_parga { + width: 70%; + } + .jwcb_li2 { + margin-top: 30px; + } + .jwcb_li_cont_icon { + width: 80px; + top: -40px; + left: -30px; + } + .join_wealth_cont_btn { + margin-top: 20px; + } + .jdwl_cont { + left: -76%; + } + @keyframes leftEffect1{ + 0%{ + left: -76%; + } + 100%{ + left: -10%; + } + } + @keyframes leftEffect2{ + 0%{ + left: -76%; + } + 100%{ + left: -20%; + } + } + @keyframes leftEffect3{ + 0%{ + left: -76%; + } + 100%{ + left: 4%; + } + } + .std_parga2, .std_parga2 p { + font-size: 14px; + } + .jdwl_cont_circle .std_title1 { + font-size: 30px; + } + .jdwl_cont_circle { + width: 120px; + height: 120px; + right: -60px; + } + .jdwl_cont { + height: 120px; + } + .jdwl_icon_bg { + width: 20px; + height: 20px; + } + .jdwl_icon img { + width: 36px; + } + .jobu_li { + padding: 0 10px; + margin-bottom: 30px; + } + .join_organ_bt_ul { + margin: 0 -10px; + } + .jabu_li_cont_text { + width: 100%; + padding-left: 0; + margin-top: 20px; + } + .jabu_li_cont { + padding: 25px; + } + .jlct_parga1 { + margin-top: 10px; + } + .join_activity { + padding-top: 50px; + padding-bottom: 50px; + } + .jcwt_btn { + margin-top: 20px; + } + .join_contact_wrap_text { + padding-left: 20px; + padding-right: 20px; + } + .join_altas .ctlu_li { + width: 280px; + } + .join_altas .college_train_list_ul { + width: calc((280px * var(--width-shu)) + (20px *var(--width-shu))); + } + .jvul_cont_tp img { + width: 48px; + } + .jvul_cont_tp .std_title2 { + width: calc(100% - 48px); + } + .join_value .ys_cont1400 { + padding-top: 40px; + } + .sibn_tab { + height: 56px; + position: relative; + z-index: 1; + white-space: nowrap; + } + .sibn_tab.isfixed { + z-index: 97; + } + .sibn_tab_wrap { + position: relative; + transition: all .4s; + text-align: center; + left: 50%; + transform: translateX(-50%); + z-index: 4; + } + .sibn_tab_wrap.isfixed { + position: fixed; + top: 64px; + z-index: 100; + width: calc(100% - 40px); + } + .sibn_tab_wrap.isfixed::after{ + opacity: 1; + } + .sibn_tab_wrap::after{ + content: ""; + width: calc(100% + 80px); + height: 100%; + background-color: #fff; + left: 50%; + transform: translateX(-50%); + box-shadow: 0 7px 10px rgb(0 0 0 / 10%); + position: absolute; + top: 0; + z-index: -1; + transition: all .36s; + opacity: 0; + + } + .solution_info_bt_nav .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal { + bottom: -8px; + } + .solution_info_bt_nav .mCSB_scrollTools{ + opacity: 0 !important; + } + .viewer-container img{ + background: #fff; + } + .viewer-toolbar,.viewer-navbar{ + opacity: 0 !important; + } + .sustain_consider_parga { + width: 80%; + } + .sustain_consider_parga_bg { + width: 120px; + right: -100px; + } + .sustain_consider h1 { + margin-bottom: 12px; + } + /* .home_develop_wrap_tit h2 { + font-size: 28px; + } */ + .sustain_consider_bt_ul .scbu_li{ + padding: 0 5px; + } + .sustain_consider_bt_ul{ + margin: 0 -5px; + } + /* .home_develop_bg_cloud { + top: -250px; + } */ + .soft_platform_swiper_li { + position: relative !important; + left: 0 !important; + transition: none !important; + bottom: 0 !important; + } + .soft_platform.act .soft_platform_swiper_li { + bottom: 40px !important; + } + .soft_platform_swiper{ + height: auto !important; + } + .shbu_li { + width: 33.333333%; + } + .spwb_li_cont { + padding: 30px; + } + .spwb_li_cont_text { + padding-left: 40px; + } + .slct_tp .std_title1 { + font-size: 26px; + } + .slct_bt .std_title3{ + font-size: 18px; + } + .sasl_wrap_le { + width: 100%; + } + .sasl_wrap_ri { + width: 60%; + } + .sasl_wrap_le_parga { + padding-right: 0; + } + .soft_platform{ + height: auto; + padding: 40px 0; + } + .soft_platform_cont { + position: static; + transform: inherit; + margin: auto; + } + .soft_platform_swiper { + position: relative !important; + margin-top: 30px; + } + .shbu_li:nth-child(3n+1){ + animation-delay: .2s; + } + .shbu_li:nth-child(3n+2){ + animation-delay: .3s; + } + .shbu_li:nth-child(3n+3){ + animation-delay: .4s; + } + .ys_text_slick .slick-arrow , + .ys_nyban_slick .slick-arrow { + width: 30px; + height: 30px; + } + .ys_text_slick .slick-next, + .ys_nyban_slick .slick-next { + right: 8px; + } + .ys_text_slick .slick-prev, + .ys_nyban_slick .slick-prev { + left: 8px; + } + /* .ys_ban_title { + margin-bottom: 40px; + } */ + + .home_solution_title { + top: 50px; + } + .halu_li_icon { + width: 50px; + } + .home_why_dots { + width: 50%; + } + /* .hsbu_li { + width: 550px; + margin-right: 30px; + } */ + .hscb_wrap_bt_cont{ + width: 550px; + } + .hsbu_li_text { + padding: 0 40px; + top: 6%; + } + .hsbu_li_text_logo { + width: 190px; + } + .hsbu_li_text .std_btn2 { + margin-top: 40px; + } + .home_approve { + padding: 40px 0; + } + .halu_li_num span{ + font-size: 24px; + } + .home_approve h2 { + margin-bottom: 30px; + } + .service_labora .swiper-pagination-bullet{ + border: 1px solid #999; + background: #fff; + transition: all .3s ease-out 0s; + opacity: 1; + } + .service_labora .swiper-pagination-bullet-active{ + border: 1px solid var(--main-color); + background: var(--main-color); + } + .slbs_li { + margin-bottom: 30px; + } + .service_labora .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { + bottom: 0; + } + .cclu_li_cont_text ul{ + display: block; + } + .cclu_li_cont_text{ + position: static; + transform: inherit; + } + .cclu_li_cont .ys_imgbox_cover{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + width: 100%; + height: 100%; + z-index: -1; + } + .cclu_li_cont .ys_imgbox_cover img{ + height: 100%; + object-fit: cover; + } + .cclu_li_cont{ + height: 100%; + padding: 40px 0; + } + .ys_ban_bg{ + width: 750px; + height: auto; + } + .investor_notice_bt p:first-child iframe{ + width: 100%; + } + .investor_notice_bt p:last-child iframe{ + width: 100%; + } + .hsbd_wrap_tit { + font-size: 14px; + line-height: 36px; + } + .hsbd_wrap_icon { + width: 20px; + margin-right: 8px; + } + html.on1 .pbsl_text, + html.on1 .pbsl_bg{ + opacity: 1; + } + .ahct_ul { + padding-left: 23%; + } + .ys_ban_btn_video p{ + font-size: 14px; + } + .ys_ban_btn_video img { + width: 26px; + } + .cpbw_img { + width: 280px; + } + .cpbw_text { + width: calc(100% - 280px); + padding-right: 30px; + } + .case_pop_bt { + padding: 30px; + } + .case_pop_bt_wrap .mCSB_inside>.mCSB_container { + padding-right: 20px; + } + .cpbw_text_li h3 { + margin: 15px 0; + } + .cpbw_text_li h4 { + margin: 10px 0; + } + .prtb_list_ul_li:nth-child(3n+3)::after{ + display: block; + } + .prtb_list_ul_li:last-child::after{ + display: none !important; + } + .prtb_list_ul_li { + margin-top: 0 !important; + } + .cabs_li { + margin-right: 0; + } + .slsu_li_text .std_btn2 p { + font-size: 14px; + } + .pbct_li_wrap_parga p{ + height: 3.5em; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; + } + .partner_ban { + position: relative; + } + .partner_recruit { + margin-top: 0; + } + .partner_recruit_text h2.rondFadeup1, + .partner_recruit_text_tit.rondFadeup2, + .partner_recruit_text_bt h2.rondFadeup3, + .prtb_list.rondFadeup3{ + visibility: visible; + } + .pwtl_more{ + display: none; + } + .pwtl_list{ + width: 100%; + white-space: nowrap; + } + .pwtl_list ul{ + overflow: visible; + display: inline-block; + } + .pwtl_list li{ + display: inline-block; + } + .pwtl_list .mCSB_scrollTools .mCSB_draggerRail{ + background: #fff; + } + .mod_foot_bt { + position: relative; + } + .mod_foot_bt_ri{ + position: absolute; + right: 0; + bottom: 20px; + width: auto; + margin-bottom: 0; + } + .hwul_img .ys_ban_pc{ + display: block; + } + .hwul_img .ys_ban_ph{ + display: none; + } + .cooper_cont_wrap_img { + height: 550px; + } + .hsbd_wrap_tit { + padding-left: 14px; + } + .hsbd_wrap { + padding-right: 24px; + } + .hcnu_li_data { + font-size: 52px; + } + .home_choose_num_ul { + padding-bottom: 88px; + } + .hsbd_circle { + width: 14px; + height: 14px; + border: 5px solid var(--main-color); + } + .hsbd_circle::before, .hsbd_circle::after { + width: 16px; + height: 16px; + } + .home_choose_text_parga p { + font-size: 22px; + } + .hcnu_li { + padding-top: 60px; + } + .hdwt-wrap-parga { + width: 60%; + } + .mod_contact { + padding-top: 50px; + } + .mod_contact_wrap_text { + padding: 60px 40px; + } + .std_btn1 p { + line-height: 40px; + } + .mcwt_btn { + margin-top: 25px; + } + .mod_contact_wrap { + border-radius: 20px; + } + .mod_foot { + padding-top: 60px; + } + .mftl_phone p { + font-size: 14px; + } + .mftl_phone a { + font-size: 20px; + } + .mod_foot_bt { + padding-bottom: 50px; + } + .mod_contact_tp { + padding: 60px 0; + } + .college_contact_info img { + width: 20px; + } + .partner_main .college_contact_info ul li{ + margin-bottom: 0; + } + .investor_main .college_contact_info { + width: 85%; + } + .home_choose_num_ul { + padding-bottom: 100px; + } + .hcnu_li { + padding-top: 90px; + } + .home_choose_text{ + width: 300px; + } + .home_choose_num{ + width: calc(100% - 300px); + padding-left: 50px; + } + .home_choose { + padding-bottom: 100px; + } + .mhnl_icon { + margin-right: 8px; + } + .mod_head_nav_lang { + padding-right: 15px; + } + /* 768end */ +} + +@media screen and (max-width: 767px) { + .service_arrange::before, .service_arrange::after { + width: 20px; + } + .ys_cont920 { + padding: 0 20px; + } + .cooper_cont_wrap_form { + padding-left: 20px !important; + padding-right: 20px !important; + } + /* .mod_foot_tp_share { + margin-right: 40px; + } */ + .scene_spot::before, .scene_spot::after, .scene_adv::before, .scene_adv::after{ + width: 0; + } + .prodet_introu_cont { + padding-left: 20px; + padding-right: 20px; + } + .casedet_custom::after { + width: calc(100% - 40px); + } + .ys_cont900{ + padding: 0 20px; + } + .partner_ban_cont { + padding: 50px 20px 40px; + } + .partner_together { + padding-left: 20px; + padding-right: 20px; + } + .ccwi_info { + left: 20px !important; + } + .inddet_nav_wrap.isfixed { + max-width: calc(100% - 40px); + } +} +@media screen and (max-width: 480px) { + :root { + --font-title1: 24px; + --font-title2: 20px; + --font-title3: 18px; + --font-title4: 16px; + } + .newdet_wrap,.public_wrap{ + padding-top: 42px; + } + .newdet_wrap_share { + margin-top: 24px; + } + .hnbu_li { + width: 100%; + border: none; + } + .std_padding2{ + padding: 32px 0; + } + .std_padtop2{ + padding-top: 32px; + } + .std_padbot2{ + padding-bottom: 32px; + } + .std_padding1{ + padding: 32px 0; + } + .std_padtop1{ + padding-top: 32px; + } + .std_padbot1{ + padding-bottom: 32px; + } + .std_margin2 { + margin-top: 20px; + } + .hnbu_li a { + padding: 20px; + } + .home_new_bt_ul { + margin: 0 -20px; + } + .newdet_prog_bt .hnbu_li:nth-child(3n+3){ + border: none; + } + .mod_content { + border-radius: 0 0 70px 0; + } + .pwbl_cont li { + width: 50%; + } + .public_wrap_bt_view { + width: 100%; + } + .public_wrap_tp_info .ys_select { + width: 100%; + } + .pwti_search { + width: 100%; + margin-top: 10px; + margin-left: 0; + } + .public_wrap_tp_info{ + margin-top: 20px; + } + .public_wrap_bt { + margin-top: 32px; + } + .public_wrap_bt_list { + margin-top: 32px; + } + .jwcb_li, .jabu_li, .ssbu_li, .sabu_li, .smbu_li, .cllu_li, .cclu_li, .pwbl_cont li, .ccbu_li { + padding: 0 7px; + } + .join_wealth_cont_bt, .join_activity_bt_ul, .casedet_class_bt_ul, .scene_spot_bt_ul, .scene_adv_bt_ul, .scene_monitor_bt_ul, .college_live_list_ul, .college_course_list_ul, .pwbl_cont ul { + margin: 0 -7px; + } + .pwbl_page { + margin-top: 8px; + } + .solu_main .ys_nyban_parga { + width: 100%; + } + .ys_nyban_btn .std_btn1 { + margin-right: 18px; + } + .std_btn1 p { + line-height: 42px; + } + .std_btn1_box_icon { + width: 22px; + } + .service_support_parga p{ + width: 100%; + } + .salu_li_btn { + text-align: center; + margin-top: 24px; + } + /* .service_arrange_list { + margin-top: 20px; + } */ + .slwi_bg{ + display: none; + } + .salu_li_wrap_img { + margin-top: 20px; + } + .salu_li_wrap .std_btn2 { + margin-top: 15px; + } + .ssbu_lis { + width: 100%; + margin-bottom: 20px; + } + .ssbu_lis:last-child{ + margin-bottom: 0; + } + .sctu_li { + width: 33.333333%; + } + .service_case_bt { + margin-top: 20px; + border-radius: 10px; + } + .scbu_li_text { + padding: 20px; + } + .scbu_li_text_parga { + margin-top: 10px; + } + .scbu_li a { + border-radius: 10px; + } + .sibu_li { + width: 100%; + } + .hnbu_li{ + animation-delay: .2s !important; + } + + .service_class .hnbu_li{ + margin-bottom: 0; + padding: 0 20px; + } + .hnbu_li a { + padding: 20px 0; + } + .hnbu_li_wrap::before, .hnbu_li_wrap::after { + bottom: -20px; + } + .hnbu_li_img { + margin-bottom: 0; + } + .mod_contact_tp { + border-radius: 10px; + height: 250px; + } + .mod_contact_bt h2{ + width: 100%; + margin-bottom: 20px; + } + .mod_contact { + padding-bottom: 60px; + } + .mod_contact_tp_img { + height: 100%; + } + .mod_contact_tp_img img{ + height: 100%; + object-fit: cover; + } + .nslu_li_text, + .nslu_li.swiper-slide-active .nslu_li_text { + padding-right: 20px; + padding-left: 20px; + } + .nslu_li a { + border-radius: 10px; + } + .nslu_li_text { + bottom: 20px; + } + .new_slick { + padding-top: 42px; + } + .new_wrap_cont .pwti_search { + margin-left: 0; + } + .new_slick_bt_btn { + margin-top: 40px; + } + .new_slick .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ + bottom: -25px; + } + .swiper-pagination-bullet { + width: 6px !important; + height: 6px !important; + } + .icti_ul{ + flex-wrap: wrap; + } + .icti_ul li{ + width: 50%; + margin-bottom: 10px; + } + .investor_certi_text_parga { + margin-top: 10px; + } + .investor_certi_text_tit { + font-size: 16px; + margin-bottom: 12px; + } + .ictn_digit { + font-size: 32px; + } + .ictn_icon { + width: 24px; + } + .college_contact_info { + margin-top: 30px; + } + .college_contact_info img { + width: 20px; + } + .ccwi_info{ + width: calc(100% - 40px); + } + .ccwi_info_li_text { + padding-left: 14px; + } + .ccwf_list_wrap_li { + width: 100%; + } + .ccwf_list { + margin-top: 20px; + } + .clwc_wrap_input { + width: 60%; + } + .ccwf_list_btn .std_btn1_box { + width: 140px; + } + .solution_info_bt_list .sibl_ul_li { + width: 100%; + } + .solution_info_tp_parga p { + width: 100%; + } + .solution_info_bt_list .sibl_ul_li:last-child{ + margin-bottom: 0; + } + .scene_info_img { + width: 100%; + margin-top: 28px; + } + .smbu_li{ + width: 100%; + } + .ssbu_li,.sabu_li{ + padding: 0 20px; + width: 100%; + } + .scene_spot_bt_ul,.scene_adv_bt_ul{ + margin: 0 -20px; + } + .product_main .slsu_li { + width: 100%; + } + .product_main .slsu_li:last-child{ + margin-bottom: 0; + } + .slsu_li_text .std_btn2{ + position: static; + } + .slsu_li_text ul { + padding-bottom: 20px; + } + .sbbc_icon { + width: 14px; + height: 14px; + } + .crbu_li{ + width: 100%; + } + .prodet_introu_cont_text { + padding-right: 0; + } + .prodet_introu_cont_text{ + width: 100%; + } + .prodet_introu_cont_img { + width: 100%; + margin-top: 28px; + } + .prodet_introu_cont{ + padding-top: 0; + } + .prodet_introu_cont_text { + padding-top: 42px; + } + .prbw_img { + width: 100%; + } + .prbw_text { + padding-left: 0; + width: 100%; + margin-top: 20px; + } + .prbw_text_cont { + padding: 20px; + border-radius: 10px; + } + .prbw_img{ + border-radius: 10px; + } + .prodet_relat_bt { + margin-top: 24px; + } + .slsu_li { + width: 100%; + } + .slsu_li_text { + padding: 20px; + } + .std_margin3 { + margin-top: 15px; + } + .casedet_article_tp_logo { + width: 200px; + } + .casedet_article_tp .std_btn1 { + margin-top: 25px; + } + .casedet_article_tp { + padding-top: 42px; + } + .casedet_article_bt { + margin-top: 32px; + } + .caba_li { + margin-bottom: 10px; + } + .casedet_article_bt_text h3 { + margin-bottom: 10px; + } + .casedet_article_bt_text p { + font-size: 14px; + margin-bottom: 10px; + } + .yxedr_active p { + font-size: 14px; + margin-bottom: 10px; + } + .ccbu_li { + width: 100%; + } + .itbu_wrap { + padding: 20px; + } + .itbu_wrap_ri { + width: 100%; + padding: 30px; + } + .itbu_wrap_le { + margin-top: 20px; + } + .cpwb_top_dots { + width: 34px; + } + .itbu_swip { + margin-top: 40px; + } + .casedet_main .casedet_relat { + padding-top: 32px; + } + .cabs_li_text { + top: 20px; + padding: 0 20px; + } + .cabs_li_text_logo { + width: 150px; + } + .cabs_li { + border-radius: 10px; + } + .cabs_li.swiper-slide-active { + height: 250px !important; + } + .cabs_li_text_btn { + margin-top: 20px; + } + .casedet_relat .crbu_li_text_parga p{ + height: auto; + -webkit-line-clamp: inherit; + } + .casedet_power_li { + width: 100%; + } + .casedet_power { + padding-left: 20px; + padding-right: 20px; + flex-wrap: wrap; + } + .mod_bg{ + display: none; + } + .cplu_li { + position: static; + animation: none !important; + width: 25% !important; + margin: 0 10px 10px; + } + .casedet_power_le_ul{ + position: static; + display: flex; + align-items: flex-start; + flex-wrap: wrap; + justify-content: center; + } + .casedet_power_mid{ + margin: 10px 0; + } + .casedet_power { + padding-bottom: 0 !important; + } + .college_main .scene_info_img, .service_main .scene_info_img { + margin-top: 24px; + } + .college_adv_bt_ri { + padding-left: 0; + width: 100%; + } + .college_adv_bt_le { + width: 100%; + margin-bottom: 20px; + } + /* .college_adv { + padding-top: 32px; + } */ + .college_adv_bt { + margin-top: 25px; + } + .culc_img img { + border-radius: 10px; + } + .cabr_ul { + padding-left: 18px; + } + .cabr_ul_li_tp::after { + left: -18px; + width: 6px; + height: 6px; + } + .cabr_ul_li { + padding: 16px 0; + } + .cabr_ul_li_bt { + margin-top: 16px; + } + .ult_icon { + width: 15px; + height: 15px; + } + .cclu_li{ + width: 100%; + margin-top: 20px; + } + .cclu_li:first-child{ + margin-top: 0; + } + .cclu_li_cont { + border-radius: 10px; + } + .course_pop_tp { + padding: 16px 20px; + } + .course_pop_bt { + padding: 20px; + } + .mCSB_inside>.mCSB_container { + margin-right: 0 !important; + } + .course_pop_bt_ul { + padding-right: 20px; + } + .course_pop_bt .std_title3::before { + top: 8px; + width: 8px; + height: 8px; + } + .cllu_li { + width: 100%; + } + .ctlu_li { + border-radius: 10px; + } + .ctlu_li { + width: 150px; + } + .college_train_list_ul { + width: calc((150px * var(--width-shu)) + (20px *var(--width-shu))); + } + /* .catl_num span{ + font-size: 24px; + } */ + .catl_num, .halu_li_num{ + font-size: 20px; + } + .college_achieve_text_list ul{ + margin: 0 -10px; + } + .college_achieve_text_list li{ + width: 50%; + margin-top: 20px; + padding: 0 10px; + } + .college_achieve_text_list { + margin-top: 10px; + } + .college_achieve_text { + padding-top: 50px; + padding-bottom: 50px; + } + .college_live_list_ul .slick-list { + padding-bottom: 20px; + } + .sobu_li_wrap .ys_imgbox_cover { + width: 100%; + } + .sobu_li_text { + margin-top: 20px; + } + .service_ours_bt { + margin-top: 25px; + } + .service_ours { + padding: 32px 0; + } + .service_labora_bt_swiper { + width: 100%; + } + .service_labora_wrap{ + display: block; + padding: 0 20px; + } + .service_labora { + padding: 32px 0; + } + .service_labora_bt { + margin-top: 20px; + } + .slbs_li { + border-radius: 10px; + } + .sfwt_ul_li{ + width: 100%; + } + .sfwt_ul .slick-list { + padding-bottom: 20px; + } + .scene_flow_wrap_text { + margin-top: 20px; + } + .pbsl_text_tit_wrap { + font-size: 24px; + } + .pbsl_text .std_title1{ + font-size: 20px; + } + .pbsl_bg{ + display: none; + } + .partner_ban_cont { + padding: 32px 20px 24px; + } + .pbbw_li{ + width: 33.333333%; + } + .partner_ban_btn { + margin-bottom: 32px; + } + .pbct_li_wrap_btn { + margin-top: 15px; + } + .std_btn1_box { + padding-left: 20px; + padding-right: 20px; + } + .pbct_li_wrap_parga { + margin-top: 15px; + } + .pbbw_li p{ + padding-right: 10px; + } + .prtb_list_ul_li { + width: 100%; + } + .prtb_list_ul_li::after{ + display: none; + } + .prtb_list { + padding: 20px; + border-radius: 10px; + } + .plul_wrap .ys_imgbox_cover { + width: 34px; + } + .partner_together_logo_li { + width: 60px !important; + height: 60px !important; + } + .partner_together_text { + margin-bottom: 20px; + } + .acbu_li{ + width: 100%; + } + .albl_slick { + border-radius: 30px 30px 30px 0px; + } + .albl_btn { + right: 30px; + } + .about_culture_bt { + margin-top: 24px; + } + .about_devel_svg{ + display: none; + } + .about_history_year_btn { + width: 80px; + bottom: 32px; + top: auto; + transform: translateX(-50%); + } + .alci_bg { + padding: 0 5px; + } + .alci_text_year { + font-size: 20px; + line-height: 1.2; + } + .ahbu_li_cont_item:nth-child(3), .ahbu_li_cont_item:nth-child(4) { + margin-top: 20px; + } + .ahbu_li_cont_item { + margin-top: 20px; + } + .alci_text{ + padding: 0 10px; + } + .alci_text_parga { + margin-top: 5px; + } + .about_history { + padding-bottom: 80px; + } + .ahyu_li { + font-size: 50px; + } + .ahyb_btn p{ + display: none; + } + .about_history_year_btn .slick-disabled{ + opacity: 0.5; + } + .ahyb_btn img{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + } + .ahyb_next img { + margin-left: 0; + } + .ahyb_prev img{ + margin-right: 0; + transform: translate(-50%,-50%) rotate(180deg); + } + .ahyb_btn { + width: 34px; + height: 34px; + border-radius: 50%; + position: relative; + background: #3981F7; + } + .ahyb_btn img { + width: 18px; + } + .about_history_year{ + position: static; + } + .about_history { + position: relative; + } + .about_history .ys_cont1200 { + position: static; + } + .about_history_cont_text { + margin-top: 10px; + } + .join_wealth_cont { + padding-top: 42px; + } + .join_wealth_cont_parga { + width: 100%; + } + .jwcb_li1 { + width: 100%; + margin-top: 0; + margin-bottom: 14px; + } + .join_wealth_cont_bt{ + flex-wrap: wrap; + margin-top: 30px; + } + .jwcb_li2 { + margin-top: 0; + width: 50%; + } + .jwcb_li3 { + width: 50%; + } + .jobu_li { + width: 100%; + margin-bottom: 20px; + } + .jobu_li:last-child, + .jabu_li:last-child{ + margin-bottom: 0; + } + .jobu_li_cont_text { + padding: 0 20px; + } + .join_thoro { + padding-top: 32px; + } + .jabu_li { + width: 100%; + } + .jabu_li_cont { + padding: 20px; + } + .join_contact_wrap_img{ + width: 100%; + } + .join_contact_wrap_text{ + width: 100%; + padding: 32px 20px; + } + .join_contact_wrap{ + flex-wrap: wrap; + } + .join_altas .ctlu_li { + width: 220px; + margin-right: 10px; + } + .join_altas .college_train_list_ul { + width: calc((220px * var(--width-shu)) + (10px *var(--width-shu))); + } + .join_activity { + padding-top: 32px; + padding-bottom: 32px; + } + .jdwl_cont_circle .std_title1 { + font-size: 24px; + } + .jdwl_cont_circle { + width: 100px; + height: 100px; + right: -50px; + } + .jdwl_cont { + height: 100px; + } + .jdwl_icon img { + width: 20px; + } + .jdwl_icon_bg { + width: 14px; + height: 14px; + } + .jdwl_cont { + left: -170%; + } + @keyframes leftEffect1{ + 0%{ + left: -170%; + } + 100%{ + left: -80%; + } + } + @keyframes leftEffect2{ + 0%{ + left: -170%; + } + 100%{ + left: -100%; + } + } + @keyframes leftEffect3{ + 0%{ + left: -170%; + } + 100%{ + left: -70%; + } + } + .jvul_cont { + padding: 30px 20px; + + } + .join_value_ul_li { + padding-bottom: 50px; + } + .join_value { + height: 150vh; + } + .jvul_cont_tp img { + width: 40px; + } + .jvul_cont_tp .std_title2 { + width: calc(100% - 40px); + padding-right: 20px; + } + .sibl_ul_li{ + animation-delay: .3s !important; + } + .solution_info,.product_info { + padding-bottom: 32px; + } + .solution_main .mod_contact, + .product_main .mod_contact { + padding-top: 0; + } + .slsu_li{ + animation-delay: .3s !important; + } + .cclu_li{ + animation-delay: .2s !important; + } + .pwbl_cont li:nth-child(2n+1) { + animation-delay: .2s; + } + .pwbl_cont li:nth-child(2n+2) { + animation-delay: .3s; + } + .jobu_li,.jabu_li{ + animation-delay: .2s !important; + } + .home_main .hnbu_li{ + border-top: none !important; + } + .sustain_main .mod_content{ + padding-bottom: 28px; + } + .sustain_consider_parga_bg{ + display: none; + } + .sustain_consider_parga { + width: 100%; + } + .scbu_li_cont { + border-radius: 10px; + } + .sustain_consider_bt_ul .scbu_li{ + margin-bottom: 20px; + } + .sustain_consider_bt_ul .scbu_li:nth-child(2) { + width: 100%; + } + .sustain_consider_bt_ul{ + flex-wrap: wrap; + } + .sustain_consider_bt_ul .scbu_li:nth-child(1), + .sustain_consider_bt_ul .scbu_li:nth-child(3) { + transform: translateY(0px); + width: 100%; + } + .sustain_consider_bt_ul .scbu_li:last-child{ + margin-bottom: 0; + } + .sustain_consider_bt { + margin-top: 20px; + } + .hdwl_ul_li { + width: 100%; + margin-top: 20px !important; + } + .hdwl_ul_li_cont{ + padding: 20px; + } + .hdwl_ul{ + flex-wrap: wrap; + } + .hdwl_ul2 .hdwl_ul_li:nth-child(1) { + left: 0; + transform: translateX(0%); + margin-top: 20px; + } + .hdwl_ul3 .hdwl_ul_li:nth-child(2) { + margin-top: 20px; + } + .hdwl_ul3 .hdwl_ul_li:nth-child(1) { + margin-top: 20px; + } + .home_develop_wrap_tit h2 { + /* font-size: 24px; */ + transform: translateY(0) !important; + } + .home_develop_wrap_tit { + top: 150px; + height: auto; + } + .home_develop.isfixed .home_develop_wrap_tit{ + position: absolute; + } + .home_develop.isfixed.notfixed .home_develop_wrap_tit { + top: 150px !important; + bottom: auto !important; + } + .hdwl_ul_li .ys_imgbox_cover { + width: 40px; + } + /* .home_develop_bg_cloud { + top: -300px; + } */ + .soft_platform_cont { + width: 100%; + padding: 0 20px; + } + .soft_platform { + padding: 32px 0; + } + .spwb_li_cont { + padding: 30px 20px; + border-radius: 10px; + } + .spwb_li_cont_img { + width: 100%; + } + .spwb_li_cont_text { + padding-left: 0; + width: 100%; + margin-top: 20px; + } + .slct_tp .std_title1 { + font-size: 22px; + } + .slct_bt .std_title3 { + font-size: 16px; + } + .soft_progra,.soft_progra_wrap{ + height: auto; + } + .spwb_li{ + position: relative; + top: 0; + padding: 0 10px; + } + .soft_progra{ + padding: 32px 0; + } + .spwb_li:not(:first-child){ + display: none; + } + .soft_progra_wrap_bt { + padding-bottom: 0; + } + .soft_progra_wrap_bt { + margin-left: -10px; + margin-right: -10px; + } + .soft_progra_wrap_bt .slick-list{ + overflow: visible; + padding-bottom: 30px; + } + .soft_appoint_side { + top: 0; + transform: translateX(-50%); + left: 50%; + width: 100%; + } + .soft_appoint_side ul{ + display: flex; + padding: 0 20px; + justify-content: space-between; + } + .soft_appoint_side li { + margin-bottom: 0; + padding-left: 0; + } + .soft_appoint_side li.act { + padding-left: 0; + } + .soft_appoint_swiper { + padding-left: 0!important; + } + .soft_appoint{ + height: auto; + padding: 32px 0; + } + .soft_appoint_wrap{ + height: auto; + } + .soft_appoint_swiper_li.swiper-slide-active{ + transition: none + } + .soft_appoint_swiper_li{ + opacity: 1; + transition: none; + } + .sasl_wrap_ri { + width: 100%; + } + .shbu_li { + width: 100%; + margin-top: 20px; + animation-delay: .2s !important; + } + .ys_text_slick .slick-arrow, + .ys_nyban_slick .slick-arrow { + width: 24px; + height: 24px; + } + .ys_text_slick .slick-prev, + .ys_nyban_slick .slick-prev { + left: 0; + } + .ys_text_slick .slick-next, + .ys_nyban_slick .slick-next { + right: 0; + } + .ys_ban_txtbox { + padding: 0 30px; + } + .ys_ban_title { + margin-bottom: 30px; + } + .home_approve { + padding: 32px 0; + } + .halu_li_icon { + width: 40px; + } + .home_approve h2 { + margin-bottom: 0; + text-align:left + } + .home_approve_list_ul{ + flex-wrap: wrap; + } + .halu_li { + width: 50%; + margin-top: 30px; + } + .home_approve_list { + margin-bottom: 20px; + } + .home_why_text h2 { + margin-bottom: 20px; + } + .home_why_dots { + width: 100%; + } + .home_why_dots_li::after{ + display: none; + } + .home_why_text { + top: 32px; + } + .hwdl_info_btn a { + width: 30px; + height: 30px; + } + .hwdl_info_btn img { + width: 16px; + } + .hscb_wrap_bt_ul{ + display: block; + margin: 0 -10px; + } + .hscb_wrap_bt_cont { + width: 100%; + } + .hsbu_li_wrap { + height: 100%; + border-radius: 10px; + } + .hsbu_li { + border-radius: 0; + margin-right: 0; + padding: 0 10px; + height: 300px; + } + + /* .hscb_wrap_bt { + padding: 0 20px; + } */ + .home_story_cont_box { + height: auto; + } + .home_story { + padding-top: 32px; + padding-bottom: 32px; + } + .home_story_cont_box{ + position: static; + } + .hsbu_li_text_logo { + width: 140px; + } + .hsbu_li_text { + padding: 0 30px; + top: 6%; + } + .hsbu_li_text .std_btn2 { + margin-top: 20px; + } + .hsbu_li_bg { + border-radius: 10px; + overflow: hidden; + height: 100%; + } + .hsbu_li_bg img{ + height: 100%; + object-fit: cover; + } + .hsbu_li:not(:first-child){ + display: none; + } + .hscb_wrap{ + width: 100%; + } + .hscb_wrap_bt_ul .slick-list{ + padding-bottom: 30px; + } + .hnbu_li { + padding: 0 20px; + } + .hnbu_li_img { + margin-top: 20px; + border-radius: 10px; + } + .college_contact_info .std_title3 span{ + display: block; + } + .college_contact_info a, .college_contact_info_box{ + align-items: flex-start; + } + .college_contact_info img { + position: relative; + top: 3px; + } + .ccwi_info{ + position: static; + margin-left: 20px; + box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.08); + margin-top: 32px; + } + .cooper_cont_wrap_img{ + height: auto; + padding-bottom: 32px; + } + .cooper_cont_wrap_img>img{ + height: 400px; + } + .cooper_cont_wrap_form { + padding-top: 0; + } + .mod_foot_bt_le a { + display: block; + line-height: 1.5; + } + .organ_pop .course_pop_bt { + padding-bottom: 20px; + } + .home_why_text { + position: static; + transform: inherit; + overflow: hidden; + } + .home_why_text h2{ + color: #333; + } + .home_why_dots_li .std_title3{ + color: #333; + opacity: 1; + } + .hwdl_info p{ + color: #333; + } + .home_why { + transform: scale(1) !important; + border-radius: 0 !important; + padding: 32px 0 0; + height: auto !important; + background: transparent !important; + } + .home_why_wrap { + transform: scale(1) !important; + border-radius: 0 !important; + } + .hwdl_info{ + height: auto !important; + transition: none !important; + margin-top: 10px; + } + .home_why_dots_li::after{ + display: none; + } + .home_why_dots_li{ + -webkit-user-select: text; + -khtml-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; + } + .home_why_dots_li:not(:first-child){ + display: none; + } + .home_why_dots { + width: 100%; + margin: 0 -10px; + } + .home_why_ul{ + padding: 0 20px; + } + .home_why_ul .slick-dots{ + left: 0; + bottom: -30px; + } + .home_why_dots_li,.home_why_ul_li { + padding: 0 10px; + } + .home_why_ul{ + margin: 0 -10px; + } + .soft_appoint_side li::after { + width: 0%; + top: auto; + bottom: 0; + transform: translateY(0); + } + .soft_appoint_side li.act::after { + width: 100%; + } + .yx_rotate4_list_nub{ + height: auto; + } + .itbu_wrap{ + height: 100%; + } + .yx_rotate4_list .slick-track{ + display: flex; + align-items: stretch; + } + .join_data_wrap_li2 .jdwl_icon img { + left: 7%; + } + .join_data_wrap_li1 .jdwl_icon_bg1 { + left: 4%; + } + .soft_html{ + overflow-x: hidden!important; + overflow-y: auto !important; + } + .soft_body,.soft_html .mod_content{ + overflow: hidden !important; + } + .hsbd_wrap { + padding: 0 10px; + left: 26px; + display: none; + } + .hsbd_wrap_tit { + font-size: 12px; + } + .hsbd_circle { + width: 14px; + height: 14px; + border: 5px solid #3981F7; + } + .hsbd_wrap_icon { + width: 18px; + } + .hsbd_circle::before, + .hsbd_circle::after { + width: 20px; + height: 20px; + } + .home_solution_title { + top: 32px; + } + + .join_value_img_bg1{ + transform: translateY(0) !important; + } + .join_value { + height: auto; + } + /* .join_value_ul_li:last-child { + padding-bottom: 80px; + } */ + .join_value_ul_li:nth-child(1), .join_value_ul_li:nth-child(2) { + top: 100px; + } + .ys_ban_slick{ + pointer-events: none; + } + .service_labora_wrap_box { + width: 100%; + display: block; + } + .ahct_ul { + padding-left: 15%; + } + .about_history_year_ul{ + position: relative; + } + .cpbw_text { + width: 100%; + padding-right: 0; + } + .cpbw_img { + width: 100%; + } + .course_pop_tp .ys_modal_close { + width: 15px; + right: 20px; + } + .course_pop_tp .std_title3 { + padding-right: 25px; + } + .case_pop_bt { + padding: 30px 20px; + } + .case_pop_bt .mCSB_scrollTools { + width: 2px; + } + .cpbw_text_li h3, .yxedr_active h3 { + font-size: 18px; + } + .cpbw_text_li h4, .yxedr_active h4 { + font-size: 16px; + } + .home_approve_list_ul .slick-list { + padding-bottom: 30px; + } + .smbu_li_cont_wrap { + padding-bottom: 90px; + } + .hulc_parga p { + height: auto; + -webkit-line-clamp: inherit; + } + .pbct_li_wrap_parga p{ + height: 7em; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 4; + overflow: hidden; + } + .pbct_li_wrap .std_title2{ + height: 2.8em; + } + .cpwb_top_subin { + margin-top: 20px; + } + .smbu_li.not_btn .smbu_li_cont_wrap{ + padding-bottom: 30px; + } + .cooper_cont_wrap_img::after{ + display: none; + } + .cclu_li:nth-child(2){ + margin-top: 20px; + } + .soft_appoint_wrap_cont{ + margin-top: 44px; + } + + .hsbu_li_text{ + z-index: 6; + } + .home_why_wrap_cont{ + transform: scale(1) !important; + border-radius: 0 !important; + } + .home_solution { + height: 150vh; + } + .casedet_relat_bt_wrap{ + margin-top: 18px; + } + .home_develop_bg_cloud img{ + display: none; + } + .home_develop_bg_cloud{ + height: 60px; + top: 0 !important; + transform: translateY(0%) !important; + } + .home_develop_wrap_tit{ + position: relative !important; + transform: translateX(0); + top: 0; + left: 0; + } + .home_develop_wrap_list { + margin-top: 0; + padding-bottom: 60px; + } + .home_solution_wrap_cont { + border-top-right-radius: 20px; + border-top-left-radius: 20px; + } + .home_story_cont { + top: 0; + height: auto; + position: relative; + } + .ctlu_li { + width: 240px; + margin-right: 10px; + } + .college_train_list_ul { + width: calc((240px * var(--width-shu)) + (10px *var(--width-shu))); + } + .ctlu_li a::after { + border-radius: 10px; + } + .ctlu_li_btn { + bottom: 20px; + left: 20px; + } + .hwul_img img { + width: 100%; + height: auto; + object-fit: contain; + } + .home_why_wrap{ + height: auto; + } + .hwul_img .ys_ban_pc{ + display: none; + } + .hwul_img .ys_ban_ph{ + display: block; + } + .home_solution_bg_pc{ + display: none; + } + .home_solution_bg_ph{ + display: block; + width: 100%; + } + .home_solution_bg_ph img{ + height: auto; + object-fit: contain; + } + .home_solution_wrap { + height: auto; + top: 0; + transform: scale(1, 1) !important; + border-bottom-right-radius: 0px !important; + border-bottom-left-radius: 0px !important; + } + .home_solution_wrap_cont{ + transform: scale(1, 1) !important; + border-top-right-radius: 0px !important; + border-top-left-radius: 0px !important; + } + .home_solution{ + height: auto; + } + .home_solution_title { + position: static; + transform: inherit; + margin-bottom: 20px; + } + .home_solution_bg{ + position: relative; + width: calc(100% - 40px); + margin: auto; + } + .ys_banner,.ys_ban_li{ + height: auto; + } + .ys_ban_imgbox img{ + height: auto; + object-fit: inherit; + } + .home_solution { + padding-top: 32px; + background: #fff; + } + .home_approve{ + background-color: #fff; + padding-bottom: 0; + } + .home_approve_bg{ + opacity: 1; + } + .halu_li_num, + .halu_li_parga p, + .home_approve h2{ + color: #333; + } + .home_approve .std_btn2 p { + color: #333; + } + .home_approve_bgpc{ + display: none; + } + .home_approve_bgph{ + display: block; + } + .home_approve .std_btn2_box_circle { + border: 1px solid rgba(51,51,51, 0.26); + } + .home_approve .sbbc_icon img:nth-child(3){ + display: block; + } + /* 2024.3.30 */ + .hsbd_wrap { + display: block; + } + .hsbd_wrap_icon{ + display: none; + } + .hsbd_wrap_more{ + display: none; + } + .home_solution_bg_dots li:nth-child(5) { + left: 66.53% !important; + } + .home_solution_bg_dots li:nth-child(3) { + top: 35.85% !important; + } + .cooper_cont_wrap_img>img { + height: auto; + } + .home_solu_phtit{ + display: block; + margin-bottom: 20px; + } + .home_solution_title{ + display: none; + } + .home_approve_phtit{ + display: block; + } + .home_approve_pctit{ + display: none; + } + .home_approve_phtit h2{ + text-align: center; + } + .hsbd_circle { + width: 12px; + height: 12px; + border: 4px solid #3981F7; + } + .hsbd_circle::before, .hsbd_circle::after { + width: 14px; + height: 14px; + } + .hsbd_wrap { + display: flex; + } + .ys_ban_title { + margin-bottom: 20px; + } + .ys_ban_dots { + bottom: 20px; + } + .ybdu_li { + width: 5px; + height: 5px; + margin: 0 4px; + } + .ybdu_li.act { + width: 40px; + height: 5px; + } + .home_solution_wrap_cont::before, + .home_solution_wrap_cont::after{ + display: none; + } + .home_solution_bg::before{ + content: ""; + width: 100%; + height: 76%; + background: linear-gradient(180deg, #EFF2F8 7.44%, rgba(239, 242, 248, 0.00) 41.88%); + position: absolute; + top: 0; + left: 0; + pointer-events: none; + z-index: 5; + } + .home_solution_bg::after{ + content: ""; + width: 100%; + height: 22%; + background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); + position: absolute; + bottom: -6px; + left: 0; + pointer-events: none; + z-index: 5; + } + .home_choose_num { + width: 100%; + padding-left: 0; + margin-top: 30px; + } + .home_choose_text { + width: 100%; + position: static; + } + .home_choose_text_btn { + margin-top: 20px; + } + .std_btn1 p { + line-height: 38px; + } + .home_choose_num_ul { + padding-bottom: 0; + } + .home_choose{ + padding-bottom: 0; + } + .hcnu_li_data { + font-size: 40px; + } + .hcnu_li { + padding-top: 20px; + } + .home_choose_text_parga p { + font-size: 20px; + } + .home_choose_text_parga { + margin-top: 10px; + } + .mod_contact_wrap_text { + padding: 40px 20px; + } + .mod_foot { + padding-top: 42px; + } + .mod_contact { + padding-top: 32px; + } + .mod_foot_tp_logo { + width: 140px; + } + .mftl_phone { + margin-top: 20px; + } + .mod_foot_bt { + margin-top: 30px; + } + .hscb_wrap_bt_ul .slick-list { + padding-bottom: 0; + } + .home_story_cont { + padding-top: 32px; + } + .home_story{ + padding-top: 0; + } + .hdwt-wrap-parga { + width: 100%; + } + .hdwt-wrap-parga p { + font-size: 16px; + } + .hdwt-wrap{ + transform: translateY(0) !important; + } + .home_develop_wrap { + padding-top: 42px; + } + .home_why_dots { + width: calc(100% + 20px); + } + .mod_contact_tp { + padding: 40px 0; + } + .college_contact_info { + width: 100%; + } + .college_contact_info { + margin-top: 20px; + padding: 0 20px; + } + .college_contact_info ul li{ + width: 100% !important; + margin-bottom: 15px; + } + .college_contact_info ul li:last-child{ + margin-bottom: 0; + } + .college_contact_info img { + top: 0px; + } + .college_main .mod_contact_tp, + .partner_main .mod_contact_tp, + .investor_main .mod_contact_tp{ + height: auto; + } + .college_contact_info ul { + margin-bottom: 30px; + } + .investor_main .college_contact_info { + width: 100%; + } + .college_contact_info .std_title3{ + text-align: left; + } + .college_contact_info .std_title3 span { + line-height: 1.5; + } + .home_choose_num{ + padding-top: 0; + } + .ys_banner{ + opacity: 1; + transition: none; + position: relative; + } + html.act body{ + height: auto !important; + } + html.act{ + height: auto !important; + } + .home_main{ + background: transparent; + } + .home_solution{ + animation: none !important; + } + /* 480end */ +} \ No newline at end of file diff --git a/css/pscroll.css b/css/pscroll.css new file mode 100644 index 0000000..5a784e5 --- /dev/null +++ b/css/pscroll.css @@ -0,0 +1,764 @@ +.owl-carousel .owl-wrapper:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +/* display none until init*/ +.owl-carousel { + display: none; + position: relative; + width: 100%; + -ms-touch-action: pan-y; +} +.owl-carousel .owl-wrapper { + display: none; + position: relative; + -webkit-transform: translate3d(0px, 0px, 0px); +} +.owl-carousel .owl-wrapper-outer { + overflow: hidden; + position: relative; + width: 100%; +} +.owl-carousel .owl-wrapper-outer.autoHeight { + -webkit-transition: height 500ms ease-in-out; + -moz-transition: height 500ms ease-in-out; + -ms-transition: height 500ms ease-in-out; + -o-transition: height 500ms ease-in-out; + transition: height 500ms ease-in-out; +} +.owl-carousel .owl-item { + float: left; +} +.owl-controls .owl-page, .owl-controls .owl-buttons div { + cursor: pointer; +} +.owl-controls { + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +/* mouse grab icon*/ +.grabbing { + cursor: url(../images/grabbing.png) 8 8, move; +} +/* fix*/ +.owl-carousel .owl-wrapper, .owl-carousel .owl-item { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); +} +.owl-theme .owl-controls {/*margin-bottom:20px;*/ + text-align: center; +} +/* Styling Next and Prev buttons*/ +.owl-theme .owl-controls .owl-buttons div { + color: #FFF; + display: inline-block; + zoom: 1; +*display: inline; + width: 38px; + height: 74px;/*IE7 life-saver*/ + text-indent: 40px; + margin-top: -16%; + z-index: 9; + position: relative; + overflow: hidden; + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; +} +.owl-theme .owl-controls .owl-buttons div.owl-prev { + background: url(../images/i_pro_left.png) no-repeat; + float: left; +} +.owl-theme .owl-controls .owl-buttons div.owl-prev:hover { + background: url(../images/i_pro_left_on.png) no-repeat; +} +.owl-theme .owl-controls .owl-buttons div.owl-next { + background: url(../images/i_pro_right.png) no-repeat; + float: right; +} +.owl-theme .owl-controls .owl-buttons div.owl-next:hover { + background: url(../images/i_pro_right_on.png) no-repeat; +} +/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/ +.owl-theme .owl-controls.clickable .owl-buttons div:hover { + filter: Alpha(Opacity=100);/*IE7 fix*/ + opacity: 1; + text-decoration: none; +} +/* Styling Pagination*/ +.owl-theme .owl-controls .owl-page { + display: inline-block; + zoom: 1; +*display: inline;/*IE7 life-saver*/ + display: none; +} +.owl-theme .owl-controls .owl-page span { + display: block; + width: 10px; + height: 10px; + margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/ + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + background: #ccc; +} +.owl-theme .owl-controls .owl-page.active span { + background: #4cb6ed; +} +/* If PaginationNumbers is true +.owl-theme .owl-controls.clickable .owl-page:hover span*/ +.owl-theme .owl-controls .owl-page span.owl-numbers { + height: auto; + width: auto; + color: #FFF; + padding: 2px 10px; + font-size: 12px; + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; +} +/* preloading images*/ +.owl-item.loading { + min-height: 150px; + background: url(../images/ajaxloader.gif) no-repeat center center +} +/*首页手机轮显*/ +.flash_div { + display: none; +} +#owl-flash { + text-align: center; +} +#owl-flash.owl-theme .owl-controls { + bottom: 0px; + text-align: center; + position: absolute; + width: 100%; +} +#owl-flash.owl-theme .owl-controls .owl-pagination { +} +/* Styling Pagination*/ +#owl-flash.owl-theme .owl-controls .owl-page { + display: inline-block; + zoom: 1; +*display: inline;/*IE7 life-saver*/ +} +#owl-flash.owl-theme .owl-controls .owl-page span { + display: block; + width: 10px; + height: 10px; + margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/ + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 50%; + background: #b3b3b3; +} +#owl-flash.owl-theme .owl-controls .owl-page.active span { + background: #00a1e9; +} +#owl-flash.owl-theme .owl-controls .owl-buttons { + position: absolute; + top: 30%; + width: 100%; + left: 0; + height: 0; + display: none; +} +#owl-flash.owl-theme .owl-controls .owl-page { + display: inline-block; +} +#owl-flash .item { + margin: 0px; +} +#owl-flash .item img { + display: block; + width: 100%; + height: 100%; +} +#owl-flash .item dd { + width: 100%; +} +/*首页工程实例*/ +#owl-demo3 { + text-align: center; +} +#owl-demo3.owl-theme .owl-pagination { + display: none; +} +#owl-demo3.owl-theme .owl-controls { + padding-top: 0%; +} +#owl-demo3.owl-theme .owl-controls .owl-buttons { + position: absolute; + top: 47%; + width: 100%; + left: 0; + height: 0; +} +#owl-demo3.owl-theme .owl-controls .owl-buttons div { + color: #FFF; + display: inline-block; + zoom: 1; +*display: inline; + width: 19px; + height: 33px;/*IE7 life-saver*/ + text-indent: 60px; + overflow: hidden; + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; + margin-top: 0; +} +#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev { + background: url(../images/i_left2.png) center center no-repeat; + float: left; + margin-left: -30px; +} +#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover { + filter: Alpha(Opacity=80); + opacity: 0.8; + transition: all 0.3s; +} +#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next { + background: url(../images/i_right2.png) center center no-repeat; + float: right; + margin-right: -30px; +} +#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover { + filter: Alpha(Opacity=80); + opacity: 0.8; + transition: all 0.3s; +} +#owl-demo3.owl-theme .owl-controls .owl-page { + display: inline-block; +} +#owl-demo3 .item { + margin: 0px 3%; + text-align: center; +} +#owl-demo3 .item img { + display: block; + width: 100%; + height: 100%; + -webkit-transition: all 1s ease-in-out; + -moz-transition: all 1s ease-in-out; + -ms-transition: all 1s ease-in-out; + -o-transition: all 1s ease-in-out; + transition: all 1s ease-in-out; +} +#owl-demo3 .item dd { + width: 100%; + margin: 0 auto; + position: relative; + overflow: hidden;border-radius:10px +} +#owl-demo3 .item dd .imgs { + overflow: hidden; + width: 100%; +} +#owl-demo3 .item dd .imgs img { + display: block; + width: 100%; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; +} +#owl-demo3 .item dd .txts { + overflow: hidden; + background-color: #fff; + transition: all 0.3s; + padding-bottom: 25px; + padding-top: 25px; + padding-left: 26px; + padding-right: 2%; + text-align: left; +} +#owl-demo3 .item dd .txts h2 { + height: 36px; + line-height: 36px; + overflow: hidden; + font-weight: normal; + color: #333; +} +#owl-demo3 .item dd .txts .p { + font-size: 14px; + color: #aaaaaa; + line-height: 20px; + height: 20px; + overflow: hidden; +} +#owl-demo3 .item dd:hover .imgs img { + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +#owl-demo3 .item dd:hover .txts h2 { + color: #014ee7; +} +#owl-demo3 .item dd .desc { + display: none; +} +/*旧产品详细*/ +#owl-demo2 { + text-align: center; +} +#owl-demo2.owl-theme .owl-controls { + bottom: 5px; + text-align: center; + position: absolute; + width: 100%; +} +#owl-demo2.owl-theme .owl-controls .owl-pagination { + text-align: right; + padding-right: 2%; + display: none; +} +/* Styling Pagination*/ +#owl-demo2.owl-theme .owl-controls .owl-page { + display: inline-block; + zoom: 1; +*display: inline;/*IE7 life-saver*/ +} +#owl-demo2.owl-theme .owl-controls .owl-page span { + display: block; + width: 10px; + height: 10px; + margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/ + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 50%; + background: #ffffff; +} +#owl-demo2.owl-theme .owl-controls .owl-page.active span { + background: #ec2029; +} +#owl-demo2.owl-theme .owl-controls .owl-buttons { + position: absolute; + top: 30%; + width: 100%; + left: 0; + height: 0; + display: none; +} +#owl-demo2.owl-theme .owl-controls .owl-page { + display: inline-block; +} +#owl-demo2 .item { + margin: 0px; +} +#owl-demo2 .item img { + display: block; + width: 100%; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; +} +#owl-demo2 .item dd { + width: 80%; + margin: 0 auto; + text-align: center; +} +#owl-demo2 .item dd .imgs { + margin: 0 auto; + overflow: hidden; + -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1); + box-shadow: 0 5px 20px rgba(0,0,0,0.1); + -webkit-transform: translate3d(0, -2px, 0); + transform: translate3d(0, -2px, 0); + margin-bottom: 5%; +} +#owl-demo2 .item dd:hover .imgs img { + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +#owl-demo2 .item dd h2 { + font-weight: normal; + color: #1d1d1d; + margin: 0 auto; + max-width: 450px; + margin-bottom: 2%; +} +#owl-demo2 .item dd p { + color: #444; + line-height: 24px; + margin: 0 auto; + max-width: 450px; +} +#owl-demo2 .item dd:hover h2 { + color: #1d96d2; +} +/*机器人产品详细3*/ +#owl-demo4.owl-carousel .owl-wrapper-outer { + overflow: visible; +} +#owl-demo4 { + text-align: center; + margin-top: 10%; +} +#owl-demo4.owl-theme .owl-controls { + bottom: 5px; + text-align: center; + position: absolute; + width: 100%; +} +#owl-demo4.owl-theme .owl-controls .owl-pagination { + text-align: right; + padding-right: 2%; + display: none; +} +/* Styling Pagination*/ +#owl-demo4.owl-theme .owl-controls .owl-page { + display: inline-block; + zoom: 1; +*display: inline;/*IE7 life-saver*/ +} +#owl-demo4.owl-theme .owl-controls .owl-page span { + display: block; + width: 10px; + height: 10px; + margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/ + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 50%; + background: #ffffff; +} +#owl-demo4.owl-theme .owl-controls .owl-page.active span { + background: #ec2029; +} +#owl-demo4.owl-theme .owl-controls .owl-buttons { + position: absolute; + top: 30%; + width: 100%; + left: 0; + height: 0; + display: none; +} +#owl-demo4.owl-theme .owl-controls .owl-page { + display: inline-block; +} +#owl-demo4 .item { + margin: 0px; +} +#owl-demo4 .item img { + display: block; + width: 100%; + max-width: 100px; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; +} +#owl-demo4 .item dd { + width: 80%; + margin: 0 auto; + text-align: center; +} +#owl-demo4 .item dd .imgs { + margin: 0 auto;/* overflow:hidden;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1);*/ + -webkit-transform: translate3d(0, -2px, 0); + transform: translate3d(0, -2px, 0); + margin-bottom: 7%; +} +#owl-demo4 .item dd:hover .imgs img { + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +#owl-demo4 .item dd h2 { + font-weight: normal; + color: #fff; + max-width: 212px; + line-height: 26px; + margin: 0 auto; + margin-bottom: 1%; + font-size: 16px; +} +#owl-demo4 .item dd p { + color: #fff; + line-height: 24px; + margin: 0 auto; + font-size: 16px; +} +#owl-demo4 .item dd:hover h2 { + color: #fff; +} +#owl-demo5.owl-carousel .owl-wrapper-outer { + overflow: visible; +} +#owl-demo5 { + text-align: center; + margin-top: 10%; +} +#owl-demo5.owl-theme .owl-controls { + bottom: 5px; + text-align: center; + position: absolute; + width: 100%; +} +#owl-demo5.owl-theme .owl-controls .owl-pagination { + text-align: right; + padding-right: 2%; + display: none; +} +/* Styling Pagination*/ +#owl-demo5.owl-theme .owl-controls .owl-page { + display: inline-block; + zoom: 1; +*display: inline;/*IE7 life-saver*/ +} +#owl-demo5.owl-theme .owl-controls .owl-page span { + display: block; + width: 10px; + height: 10px; + margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/ + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 50%; + background: #ffffff; +} +#owl-demo5.owl-theme .owl-controls .owl-page.active span { + background: #ec2029; +} +#owl-demo5.owl-theme .owl-controls .owl-buttons { + position: absolute; + top: 30%; + width: 100%; + left: 0; + height: 0; + display: none; +} +#owl-demo5.owl-theme .owl-controls .owl-page { + display: inline-block; +} +#owl-demo5 .item { + margin: 0px; +} +#owl-demo5 .item img { + display: block; + width: 100%; + max-width: 119px; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; +} +#owl-demo5 .item dd { + width: 80%; + margin: 0 auto; + text-align: center; +} +#owl-demo5 .item dd:first-child { + margin-bottom: 14%; +} +#owl-demo5 .item dd .imgs { + margin: 0 auto;/* overflow:hidden;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1);*/ + -webkit-transform: translate3d(0, -2px, 0); + transform: translate3d(0, -2px, 0); + margin-bottom: 7%; +} +#owl-demo5 .item dd:hover .imgs img { + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +#owl-demo5 .item dd h2 { + font-weight: normal; + color: #fff; + max-width: 212px; + line-height: 26px; + margin: 0 auto; + margin-bottom: 1%; + font-size: 16px; +} +#owl-demo5 .item dd p { + color: #fff; + line-height: 24px; + margin: 0 auto; + font-size: 16px; +} +#owl-demo5 .item dd:hover h2 { + color: #fff; +} +/*柜台轻产品详细*/ +#owl-demo6 { + text-align: center; +} +#owl-demo6.owl-theme .owl-controls { + bottom: 5px; + text-align: center; + position: absolute; + width: 100%; +} +#owl-demo6.owl-theme .owl-controls .owl-pagination { + text-align: right; + padding-right: 2%; + display: none; +} +/* Styling Pagination*/ +#owl-demo6.owl-theme .owl-controls .owl-page { + display: inline-block; + zoom: 1; +*display: inline;/*IE7 life-saver*/ +} +#owl-demo6.owl-theme .owl-controls .owl-page span { + display: block; + width: 10px; + height: 10px; + margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/ + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 50%; + background: #ffffff; +} +#owl-demo6.owl-theme .owl-controls .owl-page.active span { + background: #ec2029; +} +#owl-demo6.owl-theme .owl-controls .owl-buttons { + position: absolute; + top: 30%; + width: 100%; + left: 0; + height: 0; + display: none; +} +#owl-demo6.owl-theme .owl-controls .owl-page { + display: inline-block; +} +#owl-demo6 .item { + margin: 0px; +} +#owl-demo6 .item img { + display: block; + width: 100%; + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + -webkit-transition: all 0.3s ease-out 0s; + -moz-transition: all 0.3s ease-out 0s; + -o-transition: all 0.3s ease-out 0s; + transition: all 0.3s ease-out 0s; +} +#owl-demo6 .item dd { + width: 90%; + margin: 0 auto; + text-align: center; +} +#owl-demo6 .item dd .imgs { + margin: 0 auto; + overflow: hidden; + margin-bottom: 5%; +} +#owl-demo6 .item dd:hover .imgs img { + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +#owl-demo6 .item dd h2 { + font-weight: normal; + color: #1d1d1d; + margin: 0 auto; + max-width: 450px; + margin-bottom: 2%; +} +#owl-demo6 .item dd p { + color: #444; + line-height: 24px; + margin: 0 auto; + max-width: 450px; +} +#owl-demo6 .item dd:hover h2 { + color: #1d96d2; +} + @media screen and (max-width:1440px) { +/*首页工程实例*/ +#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev { + margin-left: -15px; +} +#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next { + margin-right: -15px; +} +} + @media screen and (max-width:1100px) { +/*首页工程实例*/ +#owl-demo3 .item dd .txts .p { + font-size: 13px; +} +} + @media screen and (max-width:979px) { +} +@media screen and (max-width:890px) { +} +@media screen and (max-width:830px) { +} +@media screen and (max-width:780px) { +} +@media screen and (max-width:640px) { +/*产品详细3*/ +#owl-demo4 .item dd h2 { + line-height: 22px; + font-size: 14px; +} +} +@media screen and (max-width:480px) { +/*首页工程实例*/ +#owl-demo3 .item dd .imgs h2 { + height: 42px; + line-height: 42px; + font-size: 14px; +} +#owl-demo3 .item dd .txts h2 { + font-size: 14px; +} +} +@media screen and (max-width:360px) { +} + diff --git a/css/slick.min.css b/css/slick.min.css new file mode 100644 index 0000000..1e218c8 --- /dev/null +++ b/css/slick.min.css @@ -0,0 +1 @@ +.slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px;outline:0}[dir='rtl'] .slick-slide{float:right}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;cursor:pointer;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);color:transparent;border:0;outline:0;background:transparent}.slick-prev{left:0}[dir='rtl'] .slick-prev{right:0;left:auto}.slick-next{right:0}[dir='rtl'] .slick-next{right:auto;left:0}.slick-dots{position:absolute;bottom:15px;display:block;width:100%;list-style:none;text-align:center}.slick-dots li{font-size:0;position:relative;display:inline-block;width:12px;height:12px;margin:0 6px;cursor:pointer;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;vertical-align:middle;border-radius:50%;background:#ccc}.slick-dots li button{display:none}.slick-dots li.slick-active{background:#666} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..6d87652 --- /dev/null +++ b/css/style.css @@ -0,0 +1,1532 @@ +@import url(anim.css); +@import url(lrtk3.css); +* { + margin: 0; + padding: 0; +} +html { + font-size: 62.5%; +} +body { + background-color: #fff; + overflow-x: hidden; + color: #333; + font-size: 1.2rem; + font-family: "微软雅黑", "Arial", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; +} +a { + color: #333; + text-decoration: none; + -webkit-tap-highlight-color: transparent; /*-webkit-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease; + -moz-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease; + transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;*/ +} +a:hover { + color: #00a1e9; /*text-decoration: underline;*/ +} +input, +select, +img { + vertical-align: middle; +} +ul, +li { + list-style: none; +} +em, +cite, +th { + font-style: normal; + font-weight: normal; +} +.wrap { + clear: both; + width: 96%; + max-width: 1300px; + margin: 0 auto; + text-align: left; + zoom: 1; + overflow: hidden; +} +.wrap2 { + clear: both; + width: 96%; + max-width: 1300px; + margin: 0 auto; + text-align: left; + zoom: 1; +} +.wrap3 { + clear: both; + width: 94%; + max-width: 1000px; + margin: 0 auto; + text-align: left; + zoom: 1; + overflow: hidden; +} +.divhidden { + display: none; +} +.l { + float: left; +} +.r { + float: right; +} +.c_l { + clear: both; + height: 0; + font-size: 0; + overflow: hidden; +} +.f50 { + font-size: 50px; +} +.f44 { + font-size: 44px; +} +.f41 { + font-size: 41px; +} +.f40 { + font-size: 40px; +} +.f38 { + font-size: 38px; +} +.f36 { + font-size: 36px; +} +.f32 { + font-size: 32px; +} +.f30 { + font-size: 30px; +} +.f28 { + font-size: 30px; +} +.f24 { + font-size: 24px; +} +.f22 { + font-size: 22px; +} +.f18 { + font-size: 18px; +} +.f16 { + font-size: 16px; +} +/*联系我们*/ +.contact-us-box { + width: 100%; + height: calc(100vh - 100px); + display: flex; +} +.contact-us-box-content { + width: 1px; + flex: 1; + height: 100%; + position: relative; +} +.contact-us-box-content .info-box { + width: 55%; + border-radius: 20px; + background: #fff; + position: absolute; + right: 9%; + bottom: 5%; + z-index: 1; + padding: 33px 48px 38px 40px; +} +.contact-us-box-content .info-box ul { + overflow: hidden; +} +.contact-us-box-content .info-box ul li { + padding-bottom: 15px; + border-bottom: 1px solid #dedede; + margin-bottom: 24px; + display: flex; + align-items: flex-start; + flex-wrap: wrap; +} +.info-box ul li .icon-box { + width: 24px; + height: 24px; +} +.info-box ul li .info-content-box { + width: 1px; + flex: 1; + padding-left: 20px; + font-size: 16px; +} +.info-box ul li .info-content-box p { + color: #666; + line-height: 1.75; +} +.contact-us-box-content img { + width: 100%; + height: 100%; +} +.contact-us-box-content-form { + width: 100%; + height: 100%; + background: #f8f9fd; + box-sizing: border-box; + padding: 85px 50px 10px; + overflow-y: auto; +} +/*PC导航*/ +.header-v1 { + width: 100%; + position: fixed; /*overflow:hidden; */ + height: 100px; + z-index: 10; + background: rgba(255, 255, 255, 0.7); + backdrop-filter: blur(40px); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); +} +.home-header .header-v1 { + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); + backdrop-filter: blur(0); +} +.home-header .header-v1 .top_search i { + color: #fff; +} +.home-header .header-v1:hover, +.home-header .header-v1.active { + background: rgba(255, 255, 255, 0.7); + backdrop-filter: blur(40px); +} +.home-header .header-v1:hover .top_search i, +.home-header .header-v1.active .top_search i { + color: #666; +} +.home-header .blank_h { + height: 0; +} +.home-header .nav h3 a { + color: #fff; +} +.header-v1:hover .nav h3 a, +.header-v1.active .nav h3 a { + color: #333; +} +/*.nav-hide .header-v1 { + height: 80px; +} +.nav-hide .blank_h { + height: 0; +}*/ + +.header-v1 .top-main { + width: 100%; + margin: 0 auto; + position: relative; +} +.header-v1 .top-main .logo1 { + float: left; + height: 100px; + margin-left: 2%; + justify-content: center; + align-items: center; + display: flex; +} +.header-v1 .top-main .logo1 a { + display: block; + height: 40px; +} +.header-v1 .top-main .logo1 img { + height: 100%; + vertical-align: middle; +} +/* +.nav-hide .header-v1 .top-main .logo1 img{ + margin-top: -30px; +}*/ +.header-v1 .top-main .logo1 img:hover { + transition: all 0.3s; + filter: Alpha(Opacity=60); + opacity: 0.6; +} +.header-v1 .top-main .top_r { + float: right; +} +.header-v1 .languages { + float: right; + position: relative; + display: block; + font-size: 12px; + color: #707070; + height: 38px; + line-height: 38px; + padding-left: 18px; + text-align: right; + font-family: "宋休", serif; + text-decoration: none; + margin-left: 10px; + background: url(../images/top_pic2.png) left center no-repeat; + margin-top: 29px; + transition: all 0.3s; +} +.header-v1 .languages:hover { + margin-top: 25px; +} +/*.nav-hide .header-v1 .languages { + margin-top: 22px; +} +.nav-hide .header-v1 .languages:Hover { + margin-top: 18px; +}*/ +.header-v1 .languages:hover { + transition: all 0.3s; + filter: Alpha(Opacity=80); + opacity: 0.8; +} +/*.header-v1 .languages:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} +.header-v1 .languages:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -1px;height:4px;opacity: 0;background-color: #c71d32;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} +.header-v1 .languages:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/ +.header-v1 .top-main .top-main-content { + /* float:right;*/ /* margin-top:31px;*/ + text-align: center; +} +.navBar { +} +.nav { + list-style: none; + padding: 0; +} +.nav .m { + /*float:left; */ + display: inline-block; + border-top: 0; + border-bottom: 0; /*width:120px; */ /* position:relative; */ + margin-right: 22px; + margin-left: 22px; +} +.nav a:hover { + text-decoration: none; /*color:#fff;*/ + vertical-align: top; +} +.nav li:hover span { + transform: translateY(-100%); /*color:#fff;*/ +} +.nav h3 { + float: left; + font-weight: normal; + font-size: 16px; + height: 100px; + overflow: hidden; + width: 100%; + text-align: center; + position: relative; +} +.nav h3 a { + display: block; + color: #333; + line-height: 100px; + font-size: 16px; + text-transform: uppercase; +} +.nav h3 a span { + display: block; + position: relative; + transition: all 0.3s; + height: 100px; + text-transform: uppercase; +} +/*.nav-hide .nav h3 a span { + height: 80px; +}*/ +.nav h3 a span:after { + content: attr(data-title); + position: absolute; /*color:#fff;*/ + left: 0; + transform: translateY(100%); + width: 100%; + top: 0; /*color:#fff;*/ +} +.nav h3 a i { + width: 9px; + height: 5px; + background: url(../images/top_pic5.png) no-repeat; + display: inline-block; + margin-left: 7px; +} +/*.nav-hide .nav { +} +.nav-hide .nav h3 { + height: 80px; +} +.nav-hide .nav h3 a { + line-height: 80px; +}*/ +.nav .on { +} +.nav .on h3 a { + /* height:42px; line-height:42px; */ /*color:#fff;background:#ec2029;*/ /*background:url(../images/top_bg.png) center bottom no-repeat;*/ +} +.nav .on h3 a i { + background: url(../images/top_pic6.png) no-repeat; +} +.nav .on h3 a span { + /*color:#fff;*/ +} +.nav li.on a:after { + left: 0; + right: 0; + opacity: 1; + -webkit-transition: all 0.5s; + -o-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; +} +.nav li h3 a:after { + content: ""; + display: block; + position: absolute; + left: 50%; + right: 50%; + margin-left: 0; + margin-right: 0; + bottom: 0; + height: 4px; + opacity: 0; + background-color: #00a1e9; + -webkit-transition: all 0.5s; + -o-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; +} +.nav li h3 a:hover:after { + left: 1%; + right: 1%; + opacity: 1; + -webkit-transition: all 0.5s; + -o-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; +} +.nav .sub { + display: none; + /*width: 100%;*/ + position: absolute; /* top:87px;*/ + top: 100px; /* overflow:hidden;*/ + text-align: center; + padding: 10px 0 0; + z-index: 110; + /*left: 0%;*/ +} +/*.nav-hide .nav .sub { + top: 80px; +}*/ +.nav .sub ul { + margin: 0 auto; + padding: 0 24px; + background: #fff; + border-radius: 4px; +} +.nav .sub li { + vertical-align: middle; + list-style: none; + text-decoration: none; + display: block; + line-height: 50px; + font-size: 16px; + margin-left: 8px; + margin-right: 8px; + text-transform: uppercase; +} +.nav .sub li span { + display: block; + height: 38px; + position: relative; +} +.nav .sub li a { + text-decoration: none; + background: none; + color: #333; /* border-bottom:1px solid #515152;*/ + display: flex; + align-items: center; + height: 50px; + overflow: hidden; +} +.nav .sub li a img { + width: 20px; + height: 20px; + margin-right: 12px; + filter: grayscale(100%); +} +/*.nav .sub li:last-child a{ border-bottom:0;} +.nav .sub li:last-child a:hover{ border-bottom:0;}*/ +.nav .sub li a:hover { + color: #00a1e9; /*border-bottom:1px solid #00a1e9;*/ +} +.nav .sub li:hover img { + transition: all 0.3s; + filter: grayscale(0); +} +.blank_h { + height: 100px; + overflow: hidden; +} +.top_search { + width: 220px; + float: right; + height: 100px; + display: flex; + justify-content: flex-end; + overflow: hidden; + align-items: center; + position: relative; + margin-right: 2%; +} +.top_search i { + position: absolute; + right: 0; + top: 50%; + pointer-events: none; + transform: translateY(-50%); + font-size: 20px; + font-weight: 400; + color: #666; + cursor: pointer; +} +/*.nav-hide .top_search { + height: 80px; +}*/ +.top_search .input1 { + width: 0; + text-indent: 10px; + line-height: 40px; + height: 40px; + outline: medium; + border-radius: 4px; + color: #9c9c9c; + opacity: 0; + text-align: left; + font-size: 13px; + border: 1px solid rgba(0, 0, 0, 0.09); + transition: all 0.2s; +} +.top_search:hover .input1, +.input1:focus { + width: 180px; + opacity: 1; +} +.top_search em { + width: 16px; + height: 16px; + background: url(../images/head_pic2.png) left center no-repeat; + cursor: pointer; + background-size: cover; + display: block; +} +.top_search em:hover { + transition: all 0.3s; + opacity: 0.8; + filter: Alpha(opacity=80); +} +.top_search .search_con { + display: none; + position: absolute; + bottom: -73px; + right: 0; + width: 300px; + height: 0; + padding-top: 23px; + padding-bottom: 19px; + background: url(../images/top_bg2.png) no-repeat; + z-index: 100; /* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;*/ +} +.top_search .search_con .input1 { + height: 39px; + line-height: 39px; + background: #f8f8f8; + border: 0; + padding-left: 5px; + margin-left: 16px; + padding-right: 47px; + width: 174px; + float: left; + outline: none; +} +.top_search .bnts { + float: left; + width: 20px; + height: 20px; + margin-left: 15px; + opacity: 0; + background: url(../images/head_pic2.png) no-repeat; + background-size: cover; + cursor: pointer; +} +.top_search .search_con .bnts:hover { + transition: all 0.3s; + background: url(../images/top_pic4.png) no-repeat; +} +/* 手机导航全局 */ +.touch-top { + width: 100%; + position: fixed; + top: 0; + z-index: 99; + background: #090a0c; + display: none; + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); +} +.touch_bg { + width: 100%; + position: fixed; + top: 0; + z-index: 8; + background: #0d0d0d; + display: none; + filter: Alpha(Opacity=60); /*IE7 fix*/ + opacity: 0.6; + height: 100%; +} +.touch-top-wrapper { + width: 96%; + margin: 0 auto; +} +.touch-top-wrapper .touch-logo { + float: left; +} +.touch-top-wrapper .touch-logo img { + height: 50px; + display: block; + padding: 1.5rem 0; +} +.touch-navigation { + display: block; +} +.touch-toggle { + position: absolute; + right: 10px; + top: 0; +} +.touch-toggle li { + float: left; + height: 70px; + padding: 0 12px; + text-align: center; +} +.touch-toggle li a { + height: 70px; +} +.touch-toggle li:hover, +.touch-toggle li:active { +} +.touch-toggle .touch-toggle-item-first { + border-left: none; +} +.touch-toggle .touch-toggle-item-last { + border-right: none; +} +.touch-toggle li a { + display: block; + font-size: 12px; +} +.touch-toggle li i { + display: inline-block; + width: 32px; + height: 32px; + overflow: hidden; /*margin-top:20px;*/ + margin-top: 30px; + background-repeat: no-repeat; + background-position: center center; + background-size: contain; +} +.touch-toggle .touch-icon-language { + background-image: url(../images/touch-icon-language.png); +} +.touch-toggle .touch-icon-user { + background-image: url(../images/touch-icon-user.png); +} +.touch-toggle .touch-icon-search { + background-image: url(../images/head_pic2.png); +} +.touch-toggle .touch-icon-menu { + background-image: url(../images/head_pic1.png); +} +.touch-toggle li span { + display: none; + text-align: center; +} +.drawer-section { + /* background-color:#40312f; padding:20px;*/ + display: none; +} +.drawer-section-menu { + /* padding:20px 20px 35px;*/ /*padding:0px 0px 35px;*/ +} +.touch-toggle-content { + clear: both; +} +.touch-menu { + clear: both; +} +.touch-menu ul li { + border-bottom: 1px solid #333; + position: relative; +} +.touch-menu ul li a { + color: #fff; + display: block; + font-size: 18px; + height: 48px; + line-height: 48px; /* padding-left:10px;*/ + padding-left: 2%; +} +.touch-menu ul li a:hover, +.touch-menu ul li a:active { + background-color: #004ce5; + color: #fff; +} +.touch-menu ul li i { + position: absolute; + top: 14px; /* right:5px;*/ + right: 25px; + display: block; + width: 13px; + height: 13px; + overflow: hidden; + background-position: center center; + background-repeat: no-repeat; + background-size: contain; +} +.touch-menu ul li i.touch-arrow-right { + display: none; + background-image: url(../images/touch-arrow-r.png); +} +.touch-menu ul li i.touch-arrow-down { + background-image: url(../images/touch-arrow-d.png); +} +.touch-menu ul li i.touch-arrow-up { + background-image: url(../images/touch-arrow-u.png); +} +.touch-menu ul li a:hover i.touch-arrow-down { + background-image: url(../images/touch-arrow-d2.png); +} +.touch-menu ul li a:hover i.touch-arrow-up { + background-image: url(../images/touch-arrow-u2.png); +} +.touch-menu ul ul { + display: none; + margin: 0; /* padding:0 10px 30px 30px;*/ + padding: 0 0 30px 0; +} +.touch-menu ul ul li { + border-bottom: none; + margin: 0; + padding: 0; +} +.touch-menu ul ul li a { + padding: 0 0 0 3%; + font-size: 16px; + height: 38px; + line-height: 38px; + text-transform: uppercase; +} +.touch-menu ul ul li i { + top: 13px; +} +.touch-menu .closetitle { + padding-top: 10px; + padding-bottom: 12px; + text-align: center; +} +.touch-menu .closetitle img { + margin: 0 auto; + height: 20px; + width: auto; +} +/*手机弹出搜索*/ +.search_div { + clear: both; + width: 100%; + overflow: hidden; + padding-top: 2%; + padding-bottom: 2%; + display: none; /*z-index:999;*/ +} +.search_div .search_con { + width: 92%; + margin: 0 auto; + border: 1px solid #cdcdcd; + height: 40px !important; + line-height: 40px; +} +.search_div .search_con .input1 { + text-indent: 15px; + width: 88%; + float: left; + border: 0; + background: none; + height: 100%; + font-size: 16px; + outline: none; + color: #bbb; +} +.search_div .search_con .bnt1 { + -webkit-appearance: none; + float: right; + width: 12%; + max-width: 60px; + background: url(../images/head_pic2.png) 50% center no-repeat; + background-size: auto 55%; + border: 0; + height: 100%; + cursor: pointer; +} +/*尾部*/ +.f_bg { + overflow: hidden; + background: #313131; + color: #8f8f8f; + font-size: 12px; + clear: both; + padding-top: 2%; + padding-bottom: 2%; +} +.f_bg_div { + width: 96%; + max-width: 1300px; + margin: 0 auto; +} +.f_bg a { + color: #8f8f8f; + text-decoration: none; +} +.f_bg a:hover { + color: #fff; +} +.f_bg .links { + float: left; + padding-right: 4%; + margin-right: 4%; + overflow: hidden; + padding-bottom: 2%; +} +.f_bg .links h2 { + font-size: 18px; + line-height: 38px; + font-weight: normal; + margin-bottom: 10px; + color: #c7c7c7; +} +.f_bg .links ul li { + display: block; + height: 38px; + line-height: 38px; + overflow: hidden; +} +.f_bg .links ul li a { + transition: all 0.3s; + padding-right: 5px; +} +.f_bg .links ul li a:hover { + margin-left: 5px; + padding-right: 0; +} +.f_bg .f_div2_r2 { + float: right; + text-align: center; + padding-bottom: 2%; +} +.f_bg .f_div2_r2 img { + display: block; + width: 118px; + margin: 5px auto 10px; +} +.f_bg .f_div2_r { + float: left; + overflow: hidden; + margin-right: 3%; +} +.f_bg .f_div2_r h2 { + font-size: 18px; + line-height: 38px; + font-weight: normal; + margin-bottom: 10px; + color: #c7c7c7; +} +.f_bg .f_div2_r span { + display: block; + color: #8f8f8f; + line-height: 30px; + padding-top: 2%; + clear: both; +} +.f_bg .f_div2_r a { + line-height: 20px; + font-weight: normal; + margin-bottom: 4px; + padding-bottom: 8px; + color: #afafaf; + font-size: 26px; + font-family: Arial, serif; +} +.f_bg .f_div2_r a:hover { + transition: all 0.3s; + opacity: 0.8; + filter: Alpha(opacity=80); +} +.foot_a { + height: 41px; + width: 135px; + display: block; + margin-top: 10px; +} +.f_div3 { + line-height: 24px; + min-height: 24px; + background-color: #313131; + border-top: 1px solid #424242; + clear: both; + overflow: hidden; + font-size: 14px; + padding-top: 8px; + padding-bottom: 8px; + color: #8f8f8f; +} +.f_div3 a { + color: #8f8f8f; +} +.f_div3 a:hover { + color: #fff; + transition: all 0.3s; + filter: Alpha(Opacity=80); + opacity: 0.8; +} +/*.gotop{ position:fixed; bottom:10%; right:1%; width:51px; height:51px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%; +-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; +-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; +} +.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}*/ + +.right_ul { + height: 46px; + line-height: 46px; + overflow: hidden; + border-top: 2px solid #dedede; + position: fixed; + width: 100%; + bottom: 0; + left: 0; + display: none; + background-color: #fff; +} +.right_ul ul li { + width: 25%; + float: left; + overflow: hidden; + text-align: center; + font-size: 14px; +} +.right_ul ul li img { + height: 22px; + margin: 0 auto; +} +.right_ul ul li a { + display: block; + border-right: 1px solid #dedede; +} +.right_ul ul li:last-child a { + border: 0; +} +/*微信弹窗*/ +#hidden { + z-index: 2147483647; + display: none; + background: #000; + filter: alpha(opacity=0); + left: 0; + opacity: 0; + position: fixed; + width: 3000px; + height: 100%; + padding-top: 28%; + text-align: center; + top: 0; +} +#hiddenimg { + opacity: 1; + display: none; + position: fixed; + left: 0; + width: 100%; + height: 300px; + padding-top: 0; + z-index: 2147483647; + top: 28%; + text-align: center; +} +#hiddenimg img { + width: 90%; + max-width: 300px; + margin: 0 auto; +} +#hiddenimg2 { + text-align: center; +} +.weixinclose { + position: fixed; + right: 2%; + top: 2%; + color: #fff; + font-size: 30px; + cursor: pointer; + z-index: 2147483648; + font-weight: normal; + display: none; +} +/*荣誉弹窗*/ +.case_bgs { + z-index: 19891024; + background: url(../images/about_bg.png) repeat; + width: 100%; + height: 100%; + position: fixed; + left: 0; + top: 0; + display: none; +} +.case_tc { + z-index: 19891025; + width: 90%; /* top: 157.5px; */ + left: 50%; + margin-left: -46%; /* margin-left: -300px; */ + position: absolute; + overflow: hidden; + top: 270px; + height: 0; + display: none; +} +.case_tc .case_box { + width: 94%; + margin: 0 auto; + max-width: 740px; + background: #00a1e9; + border: 6px solid #b3b3b3; + border-radius: 6px; + overflow: hidden; +} +.case_tc .case_box2 { + width: 94%; + margin: 0 auto; + max-width: 1028px; + background: #fff; + overflow: hidden; +} +.case_tc .case_divs { + position: relative; + width: 100%; +} +.case_tc .case_divs .closed { + right: 0; + position: absolute; + top: 0; + cursor: pointer; +} +.case_tc .case_divs .closed:hover { + filter: Alpha(Opacity=80); + opacity: 0.8; + transition: all 0.3s; +} +.case_tc .case_divs .closed2 { + right: 15px; + position: absolute; + top: 15px; + cursor: pointer; +} +.case_tc .case_divs .closed2:hover { + filter: Alpha(Opacity=80); + opacity: 0.8; + transition: all 0.3s; +} +.case_tc #tc_big { + width: 100%; + display: block; +} +.case_tc .case_divs .case_txt { + color: #fff; + font-size: 14px; + line-height: 22px; + padding: 6px 12px; +} +.case_tc .case_divs .case_txt h2 { + font-size: 14px; + line-height: 40px; + font-weight: normal; +} +.case_tc .case_divs .case_txt2 { + max-width: 890px; + width: 94%; + margin: 0 auto; + color: #333; + font-size: 14px; + line-height: 22px; + padding-top: 50px; + padding-bottom: 50px; +} +.case_tc .case_divs .case_txt2 h2 { + font-size: 18px; + line-height: 40px; + margin-bottom: 1%; +} +.case_tc .case_divs .case_txt3 { + max-width: 890px; + width: 94%; + margin: 0 auto; + color: #333; + font-size: 14px; + line-height: 22px; + padding-top: 50px; + padding-bottom: 30px; +} +.case_tc .case_divs .case_txt3 dl dt { + font-weight: bold; + font-size: 18px; + height: 36px; + line-height: 36px; + color: #333333; +} +.case_tc .case_divs .case_txt3 dl dd:first-child { + font-size: 14px; +} +.case_tc .case_divs .case_txt3 dl dd { + color: #555555; + font-size: 13px; + line-height: 28px; + border-bottom: 1px dashed #cccccc; + padding-bottom: 2%; + margin-bottom: 2%; +} +.case_tc .case_divs .case_txt3 dl dd h3 { + font-size: 16px; + height: 30px; + line-height: 30px; +} +.case_tc .case_divs .case_txt3 dl dd:last-child { + border-bottom: 0; +} +.case_tc .case_divs .case_txt3 dl dd .job_a { + display: block; + width: 150px; + height: 44px; + overflow: hidden; + background-color: #409eff; + color: #fff; + font-size: 14px; + line-height: 44px; + border-radius: 6px; + margin-top: 50px; + text-align: center; + transition: all 0.3s; +} +.case_tc .case_divs .case_txt3 dl dd .job_a:hover { + color: #fff; + filter: Alpha(Opacity=80); + opacity: 0.8; +} +@media screen and (max-width: 1600px) { + .f50 { + font-size: 47px; + } + .f44 { + font-size: 40px; + } + .f41 { + font-size: 38px; + } + .f40 { + font-size: 37px; + } + .f38 { + font-size: 36px; + } + .f36 { + font-size: 35px; + } +} +@media screen and (max-width: 1440px) { + .f50 { + font-size: 45px; + } + .f44 { + font-size: 38px; + } + .f41 { + font-size: 36px; + } + .f40 { + font-size: 35px; + } + .f38 { + font-size: 34px; + } + .f36 { + font-size: 33px; + } +} +@media screen and (max-width: 1310px) { + .header-v1 .top-main .top_r { + display: none; + } +} +@media screen and (max-width: 1200px) { + .f50 { + font-size: 41px; + } + .f44 { + font-size: 36px; + } + .f41 { + font-size: 32px; + } + .f40 { + font-size: 31px; + } + .f38 { + font-size: 30px; + } + .f36 { + font-size: 29px; + } + .f16 { + font-size: 14px; + } + /*尾部*/ + .f_bg .links { + padding-right: 3%; + margin-right: 3%; + } + .f_bg .f_div2_r { + margin-right: 1%; + } +} +@media screen and (max-width: 1266px) { + .f50 { + font-size: 39px; + } + .f44 { + font-size: 32px; + } + .f41 { + font-size: 30px; + } + .f40 { + font-size: 29px; + } + .f38 { + font-size: 28px; + } + .f36 { + font-size: 27px; + } + .f28 { + font-size: 22px; + } + .f24 { + font-size: 20px; + } + .f22 { + font-size: 18px; + } + .f18 { + font-size: 16px; + } + /* 手机导航全局 */ + .blank_h { + height: 0; + } + .nav-hide .blank_h { + height: 90px; + } + .header-v1, + .contact-us-box-content:nth-child(1) { + display: none; + } + .touch-top { + display: block; + } + .top_search { + width: 90%; + overflow: hidden; + margin-bottom: 10px; + margin-top: 0; + background: url(../images/search_bg.png) #eee right center no-repeat; + margin-right: 5%; + } + /*尾部*/ + .f_bg .links { + padding-right: 2.8%; + margin-right: 2.8%; + } + .f_bg .f_div2_r a { + font-size: 18px; + } +} +@media screen and (max-width: 960px) { + .f50 { + font-size: 36px; + } + .f44 { + font-size: 30px; + } + .f41 { + font-size: 28px; + } + .f40 { + font-size: 27px; + } + .f38 { + font-size: 26px; + } + .f36 { + font-size: 25px; + } + .f24 { + font-size: 18px; + } + /*尾部*/ + .f_bg .links { + display: none; + } + .f_bg .f_div2_r2 { + margin-top: 2%; + } + .f_bg .f_div2_r { + width: 40%; + margin-top: 2%; + } +} +@media screen and (max-width: 830px) { + .f50 { + font-size: 34px; + } + .f44 { + font-size: 28px; + } + .f41 { + font-size: 27px; + } + .f40 { + font-size: 26px; + } + .f38 { + font-size: 25px; + } + .f36 { + font-size: 24px; + } + .f32 { + font-size: 27px; + } + .f30 { + font-size: 26px; + } + .f28 { + font-size: 20px; + } + .f24 { + font-size: 17px; + } + .f22 { + font-size: 16px; + } + .f18 { + font-size: 14px; + } + /*尾部*/ + .f_div3 { + text-align: center; + font-size: 12px; + } + .f_div3 .l { + display: block; + width: 100%; + } + .f_div3 .l label { + display: block; + } + .f_div3 .r { + display: block; + width: 100%; + } +} +@media screen and (max-width: 780px) { + .f50 { + font-size: 30px; + } + .f40 { + font-size: 25px; + } + .f38 { + font-size: 24px; + } + .f36 { + font-size: 23px; + } + /*右边浮动客服*/ + .side { + display: none; + } + .right_ul { + display: block; + } +} +@media screen and (max-width: 640px) { + .f50 { + font-size: 28px; + } + .f40 { + font-size: 23px; + } + .f38 { + font-size: 22px; + } + .f36 { + font-size: 21px; + } + .f32 { + font-size: 21px; + } + .f30 { + font-size: 20px; + } + .f28 { + font-size: 18px; + } + .f24 { + font-size: 16px; + } + .f22 { + font-size: 14px; + } + .f18 { + font-size: 13px; + } + .f16 { + font-size: 13px; + } + /* 手机导航全局 */ + .blank_h { + height: 80px; + } + /*.nav-hide .blank_h{ height:80px;}*/ + .touch-top-wrapper .touch-logo img { + height: 50px; + } + .touch-toggle li i { + margin-top: 20px; + } + .touch-menu ul li a { + font-size: 16px; + height: 40px; + line-height: 40px; + } + .touch-menu ul ul li a { + font-size: 14px; + } +} +@media screen and (max-width: 480px) { + .f50 { + font-size: 25px; + } + .f40 { + font-size: 19px; + } + .f38 { + font-size: 18px; + } + .f36 { + font-size: 18px; + } + .f32 { + font-size: 17px; + } + .f28 { + font-size: 15px; + } + .f18 { + font-size: 12px; + } + /* 手机导航全局 */ + .blank_h { + height: 70px; + } + .nav-hide .blank_h { + height: 70px; + } + .touch-top-wrapper .touch-logo img { + height: 40px; + padding: 12px 0; + } + .touch-toggle li { + padding-left: 8px; + padding-right: 8px; + } + .touch-toggle li i { + width: 26px; + height: 26px; + margin-top: 23px; + } + /*.touch-menu ul li a{ font-size:14px; height:36px; line-height:36px;} +.touch-menu ul ul li a{ font-size:13px;}*/ + /*尾部*/ + .f_bg .f_div2_r2 { + width: 42%; + } + .f_bg .f_div2_r2 img { + width: 80%; + height: auto; + max-width: 118px; + } + .f_bg .f_div2_r { + width: 45%; + } +} +@media screen and (max-width: 360px) { + .f50 { + font-size: 23px; + } + .f40 { + font-size: 17px; + } + .f38 { + font-size: 16px; + } + .f36 { + font-size: 17px; + } + .f32 { + font-size: 16px; + } + .f28 { + font-size: 14px; + } +} +.baidu_ditu { + width: 100%; + height: 25rem; + border: #ccc solid 1px; + margin: 0 auto 2rem; +} +@media screen and (max-width: 767px) { + body .baidu_ditu { + width: 96%; + height: 20rem; + border: #ccc solid 1px; + margin: 0 auto 2rem; + } +} + +.footx a { + display: inline-block; + margin-right: 10px; +} diff --git a/css/tinymce-content.css b/css/tinymce-content.css new file mode 100644 index 0000000..858f6b4 --- /dev/null +++ b/css/tinymce-content.css @@ -0,0 +1,48 @@ +.con_id{ + font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, sans-serif; +} + +.con_id ul li{ + list-style:disc inside none +} + +.con_id ol li{ + list-style:decimal inside none +} + +.con_id h1{ + margin-block-start: 0.67em; + margin-block-end: 0.67em; +} +.con_id h2{ + margin-block-start: 0.83em; + margin-block-end: 0.83em; +} +.con_id h3{ + margin-block-start: 1em; + margin-block-end: 1em; +} +.con_id h4{ + margin-block-start: 1.33em; + margin-block-end: 1.33em; +} +.con_id h5{ + margin-block-start: 1.67em; + margin-block-end: 1.67em; +} +.con_id h6{ + margin-block-start: 2.33em; + margin-block-end: 2.33em; +} +.con_id hr{ + display: block; + margin-block-start: 0.5em; + margin-block-end: 0.5em; + margin-inline-start: auto; + margin-inline-end: auto; + color: gray; + unicode-bidi: isolate; + overflow: hidden; + border-style: inset; + border-width: 1px; +} \ No newline at end of file diff --git a/footer.htm b/footer.htm new file mode 100644 index 0000000..741e5bc --- /dev/null +++ b/footer.htm @@ -0,0 +1,35 @@ + +
+
+ {ms:channel type='nav' flag='n' size='4'} +
+

+ ${field.typetitle} +

+ +
+ {/ms:channel} +
+

联系我们

+ {ms:global.foot.tel/} 仅限中国服务时间 {ms:global.foot.timeBegin/} - {ms:global.foot.timeEnd/} + +
+
+ 微信二维码 +
+
+
+
+
{ms:global.copyright/}
+
+ diff --git a/head-file.htm b/head-file.htm new file mode 100644 index 0000000..317f2ee --- /dev/null +++ b/head-file.htm @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/header.htm b/header.htm new file mode 100644 index 0000000..2d790bb --- /dev/null +++ b/header.htm @@ -0,0 +1,181 @@ + +
+ +
+
+ 汉邦唐科技 +
+
+
+ + + +
+ + +
+
+ +
+ +
+ + +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+ +
+ +
+
+
+ + +
+
+
+ + +
+
+ +
+ +
+
+
+ +
+ +
+
 
+ +
 
+ + + + + + + + + diff --git a/images/_____20251110113659_85_163.jpg b/images/_____20251110113659_85_163.jpg new file mode 100644 index 0000000..363889c Binary files /dev/null and b/images/_____20251110113659_85_163.jpg differ diff --git a/images/about/0pics31.png b/images/about/0pics31.png new file mode 100644 index 0000000..586610c Binary files /dev/null and b/images/about/0pics31.png differ diff --git a/images/about/0pics32.png b/images/about/0pics32.png new file mode 100644 index 0000000..c152a0c Binary files /dev/null and b/images/about/0pics32.png differ diff --git a/images/about/CMMI.png b/images/about/CMMI.png new file mode 100644 index 0000000..21a0dfd Binary files /dev/null and b/images/about/CMMI.png differ diff --git a/images/about/beijingchuangxin.png b/images/about/beijingchuangxin.png new file mode 100644 index 0000000..0f27f02 Binary files /dev/null and b/images/about/beijingchuangxin.png differ diff --git a/images/about/download-559.svg b/images/about/download-559.svg new file mode 100644 index 0000000..f5b3d15 --- /dev/null +++ b/images/about/download-559.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/images/about/download-804.svg b/images/about/download-804.svg new file mode 100644 index 0000000..b3e633c --- /dev/null +++ b/images/about/download-804.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/about/download-853.svg b/images/about/download-853.svg new file mode 100644 index 0000000..0cb669a --- /dev/null +++ b/images/about/download-853.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/images/about/gaoxinjishu.png b/images/about/gaoxinjishu.png new file mode 100644 index 0000000..5faf622 Binary files /dev/null and b/images/about/gaoxinjishu.png differ diff --git a/images/about/h1_img2.svg b/images/about/h1_img2.svg new file mode 100644 index 0000000..10b1939 --- /dev/null +++ b/images/about/h1_img2.svg @@ -0,0 +1,110 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/about/h1_img4.svg b/images/about/h1_img4.svg new file mode 100644 index 0000000..bf59e0c --- /dev/null +++ b/images/about/h1_img4.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/about/ny_arrow3.svg b/images/about/ny_arrow3.svg new file mode 100644 index 0000000..803999e --- /dev/null +++ b/images/about/ny_arrow3.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/about/ny_arrow3_1.svg b/images/about/ny_arrow3_1.svg new file mode 100644 index 0000000..e506f0c --- /dev/null +++ b/images/about/ny_arrow3_1.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/about/ny_bg1.png b/images/about/ny_bg1.png new file mode 100644 index 0000000..54e03d5 Binary files /dev/null and b/images/about/ny_bg1.png differ diff --git a/images/about/shiyongxinxing.png b/images/about/shiyongxinxing.png new file mode 100644 index 0000000..d653461 Binary files /dev/null and b/images/about/shiyongxinxing.png differ diff --git a/images/about/shouhoufuwu.png b/images/about/shouhoufuwu.png new file mode 100644 index 0000000..9201a3d Binary files /dev/null and b/images/about/shouhoufuwu.png differ diff --git a/images/about/xinyongdengji.png b/images/about/xinyongdengji.png new file mode 100644 index 0000000..d56b4bd Binary files /dev/null and b/images/about/xinyongdengji.png differ diff --git a/images/about/yingyezhizhao.png b/images/about/yingyezhizhao.png new file mode 100644 index 0000000..bee08f8 Binary files /dev/null and b/images/about/yingyezhizhao.png differ diff --git a/images/about/zhuanjingtexin.png b/images/about/zhuanjingtexin.png new file mode 100644 index 0000000..db35abe Binary files /dev/null and b/images/about/zhuanjingtexin.png differ diff --git a/images/about_bg.png b/images/about_bg.png new file mode 100644 index 0000000..e47f082 Binary files /dev/null and b/images/about_bg.png differ diff --git a/images/ajaxloader.gif b/images/ajaxloader.gif new file mode 100644 index 0000000..90a8677 --- /dev/null +++ b/images/ajaxloader.gif @@ -0,0 +1,9 @@ + + +404 Not Found + +

Not Found

+

The requested URL /skin/img/ajaxloader.gif was not found on this server.

+

Additionally, a 404 Not Found +error was encountered while trying to use an ErrorDocument to handle the request.

+ diff --git a/images/allbgs.png b/images/allbgs.png new file mode 100644 index 0000000..854f6a0 Binary files /dev/null and b/images/allbgs.png differ diff --git a/images/bg2.gif b/images/bg2.gif new file mode 100644 index 0000000..e16492f Binary files /dev/null and b/images/bg2.gif differ diff --git a/images/bx_loader.gif b/images/bx_loader.gif new file mode 100644 index 0000000..824737c --- /dev/null +++ b/images/bx_loader.gif @@ -0,0 +1,9 @@ + + +404 Not Found + +

Not Found

+

The requested URL /skin/img/bx_loader.gif was not found on this server.

+

Additionally, a 404 Not Found +error was encountered while trying to use an ErrorDocument to handle the request.

+ diff --git a/images/case_bg1.png b/images/case_bg1.png new file mode 100644 index 0000000..9386f32 Binary files /dev/null and b/images/case_bg1.png differ diff --git a/images/contact_pic1.png b/images/contact_pic1.png new file mode 100644 index 0000000..762d2a3 Binary files /dev/null and b/images/contact_pic1.png differ diff --git a/images/contact_pic2.png b/images/contact_pic2.png new file mode 100644 index 0000000..81b70a5 Binary files /dev/null and b/images/contact_pic2.png differ diff --git a/images/contact_pic3.png b/images/contact_pic3.png new file mode 100644 index 0000000..5cf98c4 Binary files /dev/null and b/images/contact_pic3.png differ diff --git a/images/contact_pic4.png b/images/contact_pic4.png new file mode 100644 index 0000000..0ddea14 Binary files /dev/null and b/images/contact_pic4.png differ diff --git a/images/f1icon1.png b/images/f1icon1.png new file mode 100644 index 0000000..ff83f27 Binary files /dev/null and b/images/f1icon1.png differ diff --git a/images/f1icon2.png b/images/f1icon2.png new file mode 100644 index 0000000..ef23167 Binary files /dev/null and b/images/f1icon2.png differ diff --git a/images/head_pic1.png b/images/head_pic1.png new file mode 100644 index 0000000..8570fc6 Binary files /dev/null and b/images/head_pic1.png differ diff --git a/images/head_pic2.png b/images/head_pic2.png new file mode 100644 index 0000000..e70ecca Binary files /dev/null and b/images/head_pic2.png differ diff --git a/images/i_bg1.png b/images/i_bg1.png new file mode 100644 index 0000000..f083863 Binary files /dev/null and b/images/i_bg1.png differ diff --git a/images/i_bg2.jpg b/images/i_bg2.jpg new file mode 100644 index 0000000..e81af34 Binary files /dev/null and b/images/i_bg2.jpg differ diff --git a/images/i_bg3.png b/images/i_bg3.png new file mode 100644 index 0000000..956c6f8 Binary files /dev/null and b/images/i_bg3.png differ diff --git a/images/i_left.png b/images/i_left.png new file mode 100644 index 0000000..8b341bb Binary files /dev/null and b/images/i_left.png differ diff --git a/images/i_left2.png b/images/i_left2.png new file mode 100644 index 0000000..86fe461 Binary files /dev/null and b/images/i_left2.png differ diff --git a/images/i_left_on.png b/images/i_left_on.png new file mode 100644 index 0000000..d010b78 Binary files /dev/null and b/images/i_left_on.png differ diff --git a/images/i_right.png b/images/i_right.png new file mode 100644 index 0000000..666ef2d Binary files /dev/null and b/images/i_right.png differ diff --git a/images/i_right2.png b/images/i_right2.png new file mode 100644 index 0000000..cbd53b0 Binary files /dev/null and b/images/i_right2.png differ diff --git a/images/i_right_on.png b/images/i_right_on.png new file mode 100644 index 0000000..382d235 Binary files /dev/null and b/images/i_right_on.png differ diff --git a/images/line.png b/images/line.png new file mode 100644 index 0000000..8696688 Binary files /dev/null and b/images/line.png differ diff --git a/images/p2.png b/images/p2.png new file mode 100644 index 0000000..a2654d7 Binary files /dev/null and b/images/p2.png differ diff --git a/images/product_header_active_icon_01.png b/images/product_header_active_icon_01.png new file mode 100644 index 0000000..e94f3e6 Binary files /dev/null and b/images/product_header_active_icon_01.png differ diff --git a/images/product_header_active_icon_02.png b/images/product_header_active_icon_02.png new file mode 100644 index 0000000..ce66cb4 Binary files /dev/null and b/images/product_header_active_icon_02.png differ diff --git a/images/product_header_active_icon_03.png b/images/product_header_active_icon_03.png new file mode 100644 index 0000000..bc2710e Binary files /dev/null and b/images/product_header_active_icon_03.png differ diff --git a/images/product_header_active_icon_04.png b/images/product_header_active_icon_04.png new file mode 100644 index 0000000..4aba481 Binary files /dev/null and b/images/product_header_active_icon_04.png differ diff --git a/images/product_header_active_icon_05.png b/images/product_header_active_icon_05.png new file mode 100644 index 0000000..a375df2 Binary files /dev/null and b/images/product_header_active_icon_05.png differ diff --git a/images/product_header_active_icon_06.png b/images/product_header_active_icon_06.png new file mode 100644 index 0000000..3d7e38a Binary files /dev/null and b/images/product_header_active_icon_06.png differ diff --git a/images/product_header_icon_01.png b/images/product_header_icon_01.png new file mode 100644 index 0000000..e94f3e6 Binary files /dev/null and b/images/product_header_icon_01.png differ diff --git a/images/product_header_icon_02.png b/images/product_header_icon_02.png new file mode 100644 index 0000000..ce66cb4 Binary files /dev/null and b/images/product_header_icon_02.png differ diff --git a/images/product_header_icon_03.png b/images/product_header_icon_03.png new file mode 100644 index 0000000..bc2710e Binary files /dev/null and b/images/product_header_icon_03.png differ diff --git a/images/product_header_icon_04.png b/images/product_header_icon_04.png new file mode 100644 index 0000000..4aba481 Binary files /dev/null and b/images/product_header_icon_04.png differ diff --git a/images/product_header_icon_05.png b/images/product_header_icon_05.png new file mode 100644 index 0000000..a375df2 Binary files /dev/null and b/images/product_header_icon_05.png differ diff --git a/images/product_header_icon_06.png b/images/product_header_icon_06.png new file mode 100644 index 0000000..3d7e38a Binary files /dev/null and b/images/product_header_icon_06.png differ diff --git a/images/top_bg2.png b/images/top_bg2.png new file mode 100644 index 0000000..7168ae7 Binary files /dev/null and b/images/top_bg2.png differ diff --git a/images/top_pic1.png b/images/top_pic1.png new file mode 100644 index 0000000..454077f Binary files /dev/null and b/images/top_pic1.png differ diff --git a/images/top_pic3.png b/images/top_pic3.png new file mode 100644 index 0000000..9bf826e Binary files /dev/null and b/images/top_pic3.png differ diff --git a/images/top_pic4.png b/images/top_pic4.png new file mode 100644 index 0000000..355a12c Binary files /dev/null and b/images/top_pic4.png differ diff --git a/images/touch-arrow-d.png b/images/touch-arrow-d.png new file mode 100644 index 0000000..892f1e9 Binary files /dev/null and b/images/touch-arrow-d.png differ diff --git a/images/touch-arrow-d2.png b/images/touch-arrow-d2.png new file mode 100644 index 0000000..7b3484a Binary files /dev/null and b/images/touch-arrow-d2.png differ diff --git a/images/touch-arrow-u.png b/images/touch-arrow-u.png new file mode 100644 index 0000000..6b434e3 Binary files /dev/null and b/images/touch-arrow-u.png differ diff --git a/images/touch-arrow-u2.png b/images/touch-arrow-u2.png new file mode 100644 index 0000000..5db6270 Binary files /dev/null and b/images/touch-arrow-u2.png differ diff --git a/index.htm b/index.htm new file mode 100644 index 0000000..5e7cd69 --- /dev/null +++ b/index.htm @@ -0,0 +1,485 @@ + + + + + + + + {ms:global.name/} + + + + + + + + + + + + + + + + +
<#include "header.htm" />
+ + +
+ +
+ + + +
+ +
+ +
+
+
+
+

我们的服务

+

SERVICE

+
+ 我们始终致力于为客户提供高质量的服务，让客户在安全和生产中获得更多的保障。服务涵盖消防/危化实战实训基地、消防模拟仿真软件、安全评价软件、化工安全生产等多个方面，如果您在消防和化工领域方面需要协助或者有任何需求，请联系我们，我们将竭诚为您服务！ +
+
+ +
    +
  • +
    +
    +
    +
    +
    +

    实战训练基地

    +

    打造多元化基地

    +
    +

    提升战斗力为导向

    +

    构建训练体系为基础

    +

    提高培训质量为重点

    +
    +
    +
    +
    +
    +
    +
    +
    +

    实战训练基地

    +

    打造多元化基地

    +
    +

    + 以习近平总书记关于防灾减灾救灾的重要论述为指导，打造高水平、高标准、高技术和科学化的实战实训基地，构建与综合应急救援任务相适应、与队伍专业化能力建设相匹配的训练基地体系。促进应急救援核心战斗力生成模式转变，有力服务应急救援工作和队伍建设长远发展。 +

    +
    +
    +
    +
    • +
  • +
    +
    +
    +
    +
    +

    化工安全生产

    +

    全流程安全生产监管

    +
    +

    隐患排查与治理

    +

    安全培训

    +

    事故应急

    +
    +
    +
    +
    +
    +
    +
    +
    +

    化工安全生产

    +

    全流程安全生产监管

    +
    +

    + 提升工业安全生产的感知、监测、预警、处置和评估能力，加速安全生产从静态分析向动态感知、事后应急向事前预防、单点防控向全局联防的转变，提升工业生产本质安全水平 +

    +
    +
    +
    +
    • +
  • +
    +
    +
    +
    +
    +

    数字孪生

    +

    Digital Twins

    +
    +

    全生命周期过程

    +

    虚实等价

    +

    全联接、全场景、全智能

    +
    +
    +
    +
    +
    +
    +
    +
    +

    数字孪生

    +

    Digital Twins

    +
    +

    + 充分利用物理模型、传感器更新、运行历史数据、集成多学科、多物理量、多尺度、多概率的仿真过程，在虚拟的空间中完成对物理世界的映射，从而反映相对实体的全生命周期过程 +

    +
    +
    +
    +
    • +
  • +
    +
    +
    +
    +
    +

    模拟仿真

    +

    VR | AR | WEB

    +
    +

    仿真和预测

    +

    L1到L4精细化建模

    +

    三维可视化

    +
    +
    +
    +
    +
    +
    +
    +
    +

    模拟仿真

    +

    模拟仿真

    +
    +

    + 系统基于虚拟现实技术和三维建模技术，内置功能完备的虚拟现实交互模块，提供多种交互模式，用户可以根据场景特点和实际需求选择不同交互模式进行场景交互。系统支持不同的交互设备实时接入，如：键盘鼠标、数据手套、方向盘、操纵杆和6自由度位置追踪系统等。用户可根据需要接入不同的交互设备进行场景交互操作和仿真实训 +

    +
    +
    +
    +
    • +
  • +
    +
    +
    +
    +
    +

    应急指挥

    +

    防灾减灾救灾

    +
    +

    风险管控与预警

    +

    多端通信融合

    +

    辅助决策指挥

    +
    +
    +
    +
    +
    +
    +
    +
    +

    应急指挥

    +

    防灾减灾救灾

    +
    +

    + 根据国家政策要求，具备一定规模的危险化学品生产、经营、储存企业应当建立应急救援队伍，利用统一的工业互联网平台进行汇总与融合，构建以敏捷应急体系为核心，完善安全生产管理功能应用的数字化应急指挥与救援平台。 +

    +
    +
    +
    +
    • +
+
+
+
+ +
+
+

多元化基地 体系化建设

+

Base construction

+
构建与综合应急救援任务相适应、与队伍专业化能力建设相匹配的训练基地体系
+
+ +
+
    +
  • + 1真火模拟训练系统 +

    + 集多介质真火模拟训练设施与业务培训、 + 技能考核、实战演练、技术竞赛为一体的实训演练系统，包含：化工装置火灾事故处置训练、综合训练塔内真火模拟训练、真烟真火训练集装箱、多功能危化品运输槽车处置装置等 +

    +
    • +
  • + 2多功能烟热训练集装箱 +

    + 烟热箱包含丰富的障碍模块、灵活多变的训练路径、集成业务训练模块、3D全局监控系统、多重安全控制系统等；真火箱以木材为燃料，真实再现火焰燃烧全过程，可模拟建筑火灾轰燃、回燃火 +

    +
    • +
  • + 3危化品泄漏事故训练平台 +

    可模拟液化石油气在不同压力下，罐、管道、阀门、法兰等不同部位，液相、气相等不同形式，矩形、圆孔、锯齿、裂缝、断裂等不同形状的泄露

    +
    • +
+
互联网转型
+
    +
  • + 4危化品槽罐车泄露事故训练设施 +

    危化品处置训练区特色：车辆可侧翻，可倾倒，可切剖。全套全真阀门、切断装置、安全装置，实战学习，视觉和触觉上真实体验。增加多套3D工艺流程、事故处置教学

    +
    • +
  • + 5油罐事故处置训练设施 +

    储油罐是油库的重要设施，存储着大量易燃、易爆、易挥发、易流失的油品，如果安全管理不当，或由于设备技术故障和自然灾害，极易发生火灾事故

    +
    • +
  • + 6净化装置低温甲醇洗装置 +

    净化装置低温甲醇洗工艺是目前国内外所公认的较为经济且净化度高的气体净化技术，具有脱硫、脱碳技术不能取代的特点，是大部门化工企业经常采用的工艺

    +
    • +
+
+
+ +
+
+ {ms:channel type='self' typeid="1666653706550321152"} +
+

${field.typetitle}

+

${field.typeshorttitle}

+
+ {/ms:channel} +
+ +
+
+
+
+
+

新闻中心

+

NEWS

+
+ +
+
+
+ {ms:arclist size=1 topflag='h' orderby='date' ispaging=true} + ${field.title}${field.date?string("dd")}${field.date?string("yyyy-MM")} +
+

${field.title}

+

{@ms:len field.descrip 60 /}

+ 查看详情 +
+ + {/ms:arclist} +
+
+ +
+
+
+
+
+ {ms:channel type='self' typeid="1666653706550321163"} +
+

${field.typetitle}

+

${field.typeshorttitle}

+
+ {/ms:channel} +
+ +
+
+
+
+ {ms:channel type='self' typeid="1666653706550321164"} +
+

${field.typetitle}

+

${field.typeshorttitle}

+
+ {/ms:channel} + +
+
+
+ {ms:channel type='self' typeid="1666653706550321169"} +
+

${field.typetitle}

+

${field.typeshorttitle}

+
+ {/ms:channel} +
+
    + {ms:arclist typeid="1666653706550321169" size=12} +
  • + +
    ${field.title}
    +     +
    • + {/ms:arclist} +
+
+
+ <#include "footer.htm" /> + + + + + diff --git a/job-list.htm b/job-list.htm new file mode 100644 index 0000000..1912b86 --- /dev/null +++ b/job-list.htm @@ -0,0 +1,103 @@ + + + + + + + + ${field.typetitle} + + + + + + + + + + + + + +<#include "header.htm" /> +
+ CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具 +

${field.typedescrip}

+
+

社会职位招聘

+ +
+
+
+ +
+
<#include "page.htm" />
+
+
+ +<#include "footer.htm" /> + + + + diff --git a/js/048c11927f4c4b8a8811578543381d58.js b/js/048c11927f4c4b8a8811578543381d58.js new file mode 100644 index 0000000..ca2aef7 --- /dev/null +++ b/js/048c11927f4c4b8a8811578543381d58.js @@ -0,0 +1 @@ +(function(){ window.BMap_loadScriptTime = (new Date).getTime(); document.write('');})(); \ No newline at end of file diff --git a/js/anim.js b/js/anim.js new file mode 100644 index 0000000..6b9805e --- /dev/null +++ b/js/anim.js @@ -0,0 +1,26 @@ +$(function(){ + // 出场动画 + var anim = $(".anim"); + setTimeout(function(){//规避页面加载不完整高度获取异常 + $(window).scroll(function() { + roll(); + }) + $(window).resize(function() { + roll(); + }) + roll(); + },6) + function roll() { //滚动执行动画 + var oHeight = $(window).height(); + var ScrVal = $(window).scrollTop(); + anim.each(function(i) { + if (ScrVal + oHeight > anim.eq(i).offset().top + 100 ){ + anim.eq(i).addClass("anim-show"); + } + }) + } + + + + +}) \ No newline at end of file diff --git a/js/basic.js b/js/basic.js new file mode 100644 index 0000000..7cc2e1e --- /dev/null +++ b/js/basic.js @@ -0,0 +1,46 @@ +/** + * Created by Administrator on 2017/1/16. + */ + + +$(function () { + + //加载公用部分，写程序的时候记得删除！！ + $("header").load("header.html"); + $("footer").load("footer.html"); + //$(".sidebar").load("sidebar.html"); + + if (window.innerWidth >= 640) { + $(".cloud-product-ul li").hover(function () { + $(this).addClass("active").siblings().removeClass("active"); + }) + + $(".solution-list ul li").hover(function () { + $(this).addClass("active").siblings().removeClass("active"); + }) + } else { + $('.cloud-product-ul li').filter(':even').removeClass("active").addClass('active'); + $('.i_solution p').text('...'); + $('.nproduct_list2 .f24').next().text('...') + } + + // 监听页面滚动，当滚动超过首屏高度时给header添加active类 + let windowHeight = $(window).height(); // 获取窗口高度作为首屏高度判断标准 + + $(window).scroll(function() { + let scrollTop = $(window).scrollTop(); + + if (scrollTop > windowHeight) { + $('.home-header .header-v1').addClass('active'); + } else { + $('.home-header .header-v1').removeClass('active'); + } + }); + +}); + + + + + + diff --git a/js/foot.js b/js/foot.js new file mode 100644 index 0000000..9c99a0c --- /dev/null +++ b/js/foot.js @@ -0,0 +1,45 @@ +function g(o){return document.getElementById(o);} +//window.onload=function() +//{ + $(".top_search").find("em").click(function(){ + if($(".search_con").css("display")=="none") + { + $(".search_con").css("display","block"); + $(".search_con").animate({"height":"39px"},"fast"); + } + else + {$(".search_con").css("display","none"); + $(".search_con").animate({"height":"0px"},"fast"); + } + }); + $(".search_con").hover(function(){},function(){ + $(".search_con").css("display","none"); + }) + +//$(".side ul li").hover(function(){ +// $(this).find(".sidebox").stop().animate({"width":"180px"},200).find("img").css({"opacity":"1","filter":"Alpha(opacity=100)"}); +// },function(){ +// $(this).find(".sidebox").stop().animate({"width":"56px",},200).find("img").css({"opacity":"0.8","filter":"Alpha(opacity=80)"}); +// }); +// $('.sideewm').hover(function(){ +// $('.ewBox').stop().show(); +// },function(){ +// $('.ewBox').stop().hide(); +// }); + + + + + +//} + +//回到顶部 +function goTop(){ + $('html,body').animate({'scrollTop':0},600); +} + +function inewsc(objs,src) +{ +$(objs).attr("src",src); +} + diff --git a/js/jquery-1.8.3.min.js b/js/jquery-1.8.3.min.js new file mode 100644 index 0000000..3883779 --- /dev/null +++ b/js/jquery-1.8.3.min.js @@ -0,0 +1,2 @@ +/*! jQuery v1.8.3 jquery.com | jquery.org/license */ +(function(e,t){function _(e){var t=M[e]={};return v.each(e.split(y),function(e,n){t[n]=!0}),t}function H(e,n,r){if(r===t&&e.nodeType===1){var i="data-"+n.replace(P,"-$1").toLowerCase();r=e.getAttribute(i);if(typeof r=="string"){try{r=r==="true"?!0:r==="false"?!1:r==="null"?null:+r+""===r?+r:D.test(r)?v.parseJSON(r):r}catch(s){}v.data(e,n,r)}else r=t}return r}function B(e){var t;for(t in e){if(t==="data"&&v.isEmptyObject(e[t]))continue;if(t!=="toJSON")return!1}return!0}function et(){return!1}function tt(){return!0}function ut(e){return!e||!e.parentNode||e.parentNode.nodeType===11}function at(e,t){do e=e[t];while(e&&e.nodeType!==1);return e}function ft(e,t,n){t=t||0;if(v.isFunction(t))return v.grep(e,function(e,r){var i=!!t.call(e,r,e);return i===n});if(t.nodeType)return v.grep(e,function(e,r){return e===t===n});if(typeof t=="string"){var r=v.grep(e,function(e){return e.nodeType===1});if(it.test(t))return v.filter(t,r,!n);t=v.filter(t,r)}return v.grep(e,function(e,r){return v.inArray(e,t)>=0===n})}function lt(e){var t=ct.split("|"),n=e.createDocumentFragment();if(n.createElement)while(t.length)n.createElement(t.pop());return n}function Lt(e,t){return e.getElementsByTagName(t)[0]||e.appendChild(e.ownerDocument.createElement(t))}function At(e,t){if(t.nodeType!==1||!v.hasData(e))return;var n,r,i,s=v._data(e),o=v._data(t,s),u=s.events;if(u){delete o.handle,o.events={};for(n in u)for(r=0,i=u[n].length;r").appendTo(i.body),n=t.css("display");t.remove();if(n==="none"||n===""){Pt=i.body.appendChild(Pt||v.extend(i.createElement("iframe"),{frameBorder:0,width:0,height:0}));if(!Ht||!Pt.createElement)Ht=(Pt.contentWindow||Pt.contentDocument).document,Ht.write(""),Ht.close();t=Ht.body.appendChild(Ht.createElement(e)),n=Dt(t,"display"),i.body.removeChild(Pt)}return Wt[e]=n,n}function fn(e,t,n,r){var i;if(v.isArray(t))v.each(t,function(t,i){n||sn.test(e)?r(e,i):fn(e+"["+(typeof i=="object"?t:"")+"]",i,n,r)});else if(!n&&v.type(t)==="object")for(i in t)fn(e+"["+i+"]",t[i],n,r);else r(e,t)}function Cn(e){return function(t,n){typeof t!="string"&&(n=t,t="*");var r,i,s,o=t.toLowerCase().split(y),u=0,a=o.length;if(v.isFunction(n))for(;u)[^>]*$|#([\w\-]*)$)/,E=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,S=/^[\],:{}\s]*$/,x=/(?:^|:|,)(?:\s*\[)+/g,T=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,N=/"[^"\\\r\n]*"|true|false|null|-?(?:\d\d*\.|)\d+(?:[eE][\-+]?\d+|)/g,C=/^-ms-/,k=/-([\da-z])/gi,L=function(e,t){return(t+"").toUpperCase()},A=function(){i.addEventListener?(i.removeEventListener("DOMContentLoaded",A,!1),v.ready()):i.readyState==="complete"&&(i.detachEvent("onreadystatechange",A),v.ready())},O={};v.fn=v.prototype={constructor:v,init:function(e,n,r){var s,o,u,a;if(!e)return this;if(e.nodeType)return this.context=this[0]=e,this.length=1,this;if(typeof e=="string"){e.charAt(0)==="<"&&e.charAt(e.length-1)===">"&&e.length>=3?s=[null,e,null]:s=w.exec(e);if(s&&(s[1]||!n)){if(s[1])return n=n instanceof v?n[0]:n,a=n&&n.nodeType?n.ownerDocument||n:i,e=v.parseHTML(s[1],a,!0),E.test(s[1])&&v.isPlainObject(n)&&this.attr.call(e,n,!0),v.merge(this,e);o=i.getElementById(s[2]);if(o&&o.parentNode){if(o.id!==s[2])return r.find(e);this.length=1,this[0]=o}return this.context=i,this.selector=e,this}return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e)}return v.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),v.makeArray(e,this))},selector:"",jquery:"1.8.3",length:0,size:function(){return this.length},toArray:function(){return l.call(this)},get:function(e){return e==null?this.toArray():e<0?this[this.length+e]:this[e]},pushStack:function(e,t,n){var r=v.merge(this.constructor(),e);return r.prevObject=this,r.context=this.context,t==="find"?r.selector=this.selector+(this.selector?" ":"")+n:t&&(r.selector=this.selector+"."+t+"("+n+")"),r},each:function(e,t){return v.each(this,e,t)},ready:function(e){return v.ready.promise().done(e),this},eq:function(e){return e=+e,e===-1?this.slice(e):this.slice(e,e+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(l.apply(this,arguments),"slice",l.call(arguments).join(","))},map:function(e){return this.pushStack(v.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:[].sort,splice:[].splice},v.fn.init.prototype=v.fn,v.extend=v.fn.extend=function(){var e,n,r,i,s,o,u=arguments[0]||{},a=1,f=arguments.length,l=!1;typeof u=="boolean"&&(l=u,u=arguments[1]||{},a=2),typeof u!="object"&&!v.isFunction(u)&&(u={}),f===a&&(u=this,--a);for(;a0)return;r.resolveWith(i,[v]),v.fn.trigger&&v(i).trigger("ready").off("ready")},isFunction:function(e){return v.type(e)==="function"},isArray:Array.isArray||function(e){return v.type(e)==="array"},isWindow:function(e){return e!=null&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return e==null?String(e):O[h.call(e)]||"object"},isPlainObject:function(e){if(!e||v.type(e)!=="object"||e.nodeType||v.isWindow(e))return!1;try{if(e.constructor&&!p.call(e,"constructor")&&!p.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(n){return!1}var r;for(r in e);return r===t||p.call(e,r)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw new Error(e)},parseHTML:function(e,t,n){var r;return!e||typeof e!="string"?null:(typeof t=="boolean"&&(n=t,t=0),t=t||i,(r=E.exec(e))?[t.createElement(r[1])]:(r=v.buildFragment([e],t,n?null:[]),v.merge([],(r.cacheable?v.clone(r.fragment):r.fragment).childNodes)))},parseJSON:function(t){if(!t||typeof t!="string")return null;t=v.trim(t);if(e.JSON&&e.JSON.parse)return e.JSON.parse(t);if(S.test(t.replace(T,"@").replace(N,"]").replace(x,"")))return(new Function("return "+t))();v.error("Invalid JSON: "+t)},parseXML:function(n){var r,i;if(!n||typeof n!="string")return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(s){r=t}return(!r||!r.documentElement||r.getElementsByTagName("parsererror").length)&&v.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&g.test(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(C,"ms-").replace(k,L)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,n,r){var i,s=0,o=e.length,u=o===t||v.isFunction(e);if(r){if(u){for(i in e)if(n.apply(e[i],r)===!1)break}else for(;s0&&e[0]&&e[a-1]||a===0||v.isArray(e));if(f)for(;u-1)a.splice(n,1),i&&(n<=o&&o--,n<=u&&u--)}),this},has:function(e){return v.inArray(e,a)>-1},empty:function(){return a=[],this},disable:function(){return a=f=n=t,this},disabled:function(){return!a},lock:function(){return f=t,n||c.disable(),this},locked:function(){return!f},fireWith:function(e,t){return t=t||[],t=[e,t.slice?t.slice():t],a&&(!r||f)&&(i?f.push(t):l(t)),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!r}};return c},v.extend({Deferred:function(e){var t=[["resolve","done",v.Callbacks("once memory"),"resolved"],["reject","fail",v.Callbacks("once memory"),"rejected"],["notify","progress",v.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return v.Deferred(function(n){v.each(t,function(t,r){var s=r[0],o=e[t];i[r[1]](v.isFunction(o)?function(){var e=o.apply(this,arguments);e&&v.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[s+"With"](this===i?n:this,[e])}:n[s])}),e=null}).promise()},promise:function(e){return e!=null?v.extend(e,r):r}},i={};return r.pipe=r.then,v.each(t,function(e,s){var o=s[2],u=s[3];r[s[1]]=o.add,u&&o.add(function(){n=u},t[e^1][2].disable,t[2][2].lock),i[s[0]]=o.fire,i[s[0]+"With"]=o.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=l.call(arguments),r=n.length,i=r!==1||e&&v.isFunction(e.promise)?r:0,s=i===1?e:v.Deferred(),o=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?l.call(arguments):r,n===u?s.notifyWith(t,n):--i||s.resolveWith(t,n)}},u,a,f;if(r>1){u=new Array(r),a=new Array(r),f=new Array(r);for(;t
a",n=p.getElementsByTagName("*"),r=p.getElementsByTagName("a")[0];if(!n||!r||!n.length)return{};s=i.createElement("select"),o=s.appendChild(i.createElement("option")),u=p.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t={leadingWhitespace:p.firstChild.nodeType===3,tbody:!p.getElementsByTagName("tbody").length,htmlSerialize:!!p.getElementsByTagName("link").length,style:/top/.test(r.getAttribute("style")),hrefNormalized:r.getAttribute("href")==="/a",opacity:/^0.5/.test(r.style.opacity),cssFloat:!!r.style.cssFloat,checkOn:u.value==="on",optSelected:o.selected,getSetAttribute:p.className!=="t",enctype:!!i.createElement("form").enctype,html5Clone:i.createElement("nav").cloneNode(!0).outerHTML!=="<:nav>",boxModel:i.compatMode==="CSS1Compat",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,boxSizingReliable:!0,pixelPosition:!1},u.checked=!0,t.noCloneChecked=u.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!o.disabled;try{delete p.test}catch(d){t.deleteExpando=!1}!p.addEventListener&&p.attachEvent&&p.fireEvent&&(p.attachEvent("onclick",h=function(){t.noCloneEvent=!1}),p.cloneNode(!0).fireEvent("onclick"),p.detachEvent("onclick",h)),u=i.createElement("input"),u.value="t",u.setAttribute("type","radio"),t.radioValue=u.value==="t",u.setAttribute("checked","checked"),u.setAttribute("name","t"),p.appendChild(u),a=i.createDocumentFragment(),a.appendChild(p.lastChild),t.checkClone=a.cloneNode(!0).cloneNode(!0).lastChild.checked,t.appendChecked=u.checked,a.removeChild(u),a.appendChild(p);if(p.attachEvent)for(l in{submit:!0,change:!0,focusin:!0})f="on"+l,c=f in p,c||(p.setAttribute(f,"return;"),c=typeof p[f]=="function"),t[l+"Bubbles"]=c;return v(function(){var n,r,s,o,u="padding:0;margin:0;border:0;display:block;overflow:hidden;",a=i.getElementsByTagName("body")[0];if(!a)return;n=i.createElement("div"),n.style.cssText="visibility:hidden;border:0;width:0;height:0;position:static;top:0;margin-top:1px",a.insertBefore(n,a.firstChild),r=i.createElement("div"),n.appendChild(r),r.innerHTML="
t
",s=r.getElementsByTagName("td"),s[0].style.cssText="padding:0;margin:0;border:0;display:none",c=s[0].offsetHeight===0,s[0].style.display="",s[1].style.display="none",t.reliableHiddenOffsets=c&&s[0].offsetHeight===0,r.innerHTML="",r.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",t.boxSizing=r.offsetWidth===4,t.doesNotIncludeMarginInBodyOffset=a.offsetTop!==1,e.getComputedStyle&&(t.pixelPosition=(e.getComputedStyle(r,null)||{}).top!=="1%",t.boxSizingReliable=(e.getComputedStyle(r,null)||{width:"4px"}).width==="4px",o=i.createElement("div"),o.style.cssText=r.style.cssText=u,o.style.marginRight=o.style.width="0",r.style.width="1px",r.appendChild(o),t.reliableMarginRight=!parseFloat((e.getComputedStyle(o,null)||{}).marginRight)),typeof r.style.zoom!="undefined"&&(r.innerHTML="",r.style.cssText=u+"width:1px;padding:1px;display:inline;zoom:1",t.inlineBlockNeedsLayout=r.offsetWidth===3,r.style.display="block",r.style.overflow="visible",r.innerHTML="
",r.firstChild.style.width="5px",t.shrinkWrapBlocks=r.offsetWidth!==3,n.style.zoom=1),a.removeChild(n),n=r=s=o=null}),a.removeChild(p),n=r=s=o=u=a=p=null,t}();var D=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,P=/([A-Z])/g;v.extend({cache:{},deletedIds:[],uuid:0,expando:"jQuery"+(v.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(e){return e=e.nodeType?v.cache[e[v.expando]]:e[v.expando],!!e&&!B(e)},data:function(e,n,r,i){if(!v.acceptData(e))return;var s,o,u=v.expando,a=typeof n=="string",f=e.nodeType,l=f?v.cache:e,c=f?e[u]:e[u]&&u;if((!c||!l[c]||!i&&!l[c].data)&&a&&r===t)return;c||(f?e[u]=c=v.deletedIds.pop()||v.guid++:c=u),l[c]||(l[c]={},f||(l[c].toJSON=v.noop));if(typeof n=="object"||typeof n=="function")i?l[c]=v.extend(l[c],n):l[c].data=v.extend(l[c].data,n);return s=l[c],i||(s.data||(s.data={}),s=s.data),r!==t&&(s[v.camelCase(n)]=r),a?(o=s[n],o==null&&(o=s[v.camelCase(n)])):o=s,o},removeData:function(e,t,n){if(!v.acceptData(e))return;var r,i,s,o=e.nodeType,u=o?v.cache:e,a=o?e[v.expando]:v.expando;if(!u[a])return;if(t){r=n?u[a]:u[a].data;if(r){v.isArray(t)||(t in r?t=[t]:(t=v.camelCase(t),t in r?t=[t]:t=t.split(" ")));for(i=0,s=t.length;i1,null,!1))},removeData:function(e){return this.each(function(){v.removeData(this,e)})}}),v.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=v._data(e,t),n&&(!r||v.isArray(n)?r=v._data(e,t,v.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=v.queue(e,t),r=n.length,i=n.shift(),s=v._queueHooks(e,t),o=function(){v.dequeue(e,t)};i==="inprogress"&&(i=n.shift(),r--),i&&(t==="fx"&&n.unshift("inprogress"),delete s.stop,i.call(e,o,s)),!r&&s&&s.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return v._data(e,n)||v._data(e,n,{empty:v.Callbacks("once memory").add(function(){v.removeData(e,t+"queue",!0),v.removeData(e,n,!0)})})}}),v.fn.extend({queue:function(e,n){var r=2;return typeof e!="string"&&(n=e,e="fx",r--),arguments.length1)},removeAttr:function(e){return this.each(function(){v.removeAttr(this,e)})},prop:function(e,t){return v.access(this,v.prop,e,t,arguments.length>1)},removeProp:function(e){return e=v.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,s,o,u;if(v.isFunction(e))return this.each(function(t){v(this).addClass(e.call(this,t,this.className))});if(e&&typeof e=="string"){t=e.split(y);for(n=0,r=this.length;n=0)r=r.replace(" "+n[s]+" "," ");i.className=e?v.trim(r):""}}}return this},toggleClass:function(e,t){var n=typeof e,r=typeof t=="boolean";return v.isFunction(e)?this.each(function(n){v(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if(n==="string"){var i,s=0,o=v(this),u=t,a=e.split(y);while(i=a[s++])u=r?u:!o.hasClass(i),o[u?"addClass":"removeClass"](i)}else if(n==="undefined"||n==="boolean")this.className&&v._data(this,"__className__",this.className),this.className=this.className||e===!1?"":v._data(this,"__className__")||""})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;n=0)return!0;return!1},val:function(e){var n,r,i,s=this[0];if(!arguments.length){if(s)return n=v.valHooks[s.type]||v.valHooks[s.nodeName.toLowerCase()],n&&"get"in n&&(r=n.get(s,"value"))!==t?r:(r=s.value,typeof r=="string"?r.replace(R,""):r==null?"":r);return}return i=v.isFunction(e),this.each(function(r){var s,o=v(this);if(this.nodeType!==1)return;i?s=e.call(this,r,o.val()):s=e,s==null?s="":typeof s=="number"?s+="":v.isArray(s)&&(s=v.map(s,function(e){return e==null?"":e+""})),n=v.valHooks[this.type]||v.valHooks[this.nodeName.toLowerCase()];if(!n||!("set"in n)||n.set(this,s,"value")===t)this.value=s})}}),v.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,s=e.type==="select-one"||i<0,o=s?null:[],u=s?i+1:r.length,a=i<0?u:s?i:0;for(;a=0}),n.length||(e.selectedIndex=-1),n}}},attrFn:{},attr:function(e,n,r,i){var s,o,u,a=e.nodeType;if(!e||a===3||a===8||a===2)return;if(i&&v.isFunction(v.fn[n]))return v(e)[n](r);if(typeof e.getAttribute=="undefined")return v.prop(e,n,r);u=a!==1||!v.isXMLDoc(e),u&&(n=n.toLowerCase(),o=v.attrHooks[n]||(X.test(n)?F:j));if(r!==t){if(r===null){v.removeAttr(e,n);return}return o&&"set"in o&&u&&(s=o.set(e,r,n))!==t?s:(e.setAttribute(n,r+""),r)}return o&&"get"in o&&u&&(s=o.get(e,n))!==null?s:(s=e.getAttribute(n),s===null?t:s)},removeAttr:function(e,t){var n,r,i,s,o=0;if(t&&e.nodeType===1){r=t.split(y);for(;o=0}})});var $=/^(?:textarea|input|select)$/i,J=/^([^\.]*|)(?:\.(.+)|)$/,K=/(?:^|\s)hover(\.\S+|)\b/,Q=/^key/,G=/^(?:mouse|contextmenu)|click/,Y=/^(?:focusinfocus|focusoutblur)$/,Z=function(e){return v.event.special.hover?e:e.replace(K,"mouseenter$1 mouseleave$1")};v.event={add:function(e,n,r,i,s){var o,u,a,f,l,c,h,p,d,m,g;if(e.nodeType===3||e.nodeType===8||!n||!r||!(o=v._data(e)))return;r.handler&&(d=r,r=d.handler,s=d.selector),r.guid||(r.guid=v.guid++),a=o.events,a||(o.events=a={}),u=o.handle,u||(o.handle=u=function(e){return typeof v=="undefined"||!!e&&v.event.triggered===e.type?t:v.event.dispatch.apply(u.elem,arguments)},u.elem=e),n=v.trim(Z(n)).split(" ");for(f=0;f=0&&(y=y.slice(0,-1),a=!0),y.indexOf(".")>=0&&(b=y.split("."),y=b.shift(),b.sort());if((!s||v.event.customEvent[y])&&!v.event.global[y])return;n=typeof n=="object"?n[v.expando]?n:new v.Event(y,n):new v.Event(y),n.type=y,n.isTrigger=!0,n.exclusive=a,n.namespace=b.join("."),n.namespace_re=n.namespace?new RegExp("(^|\\.)"+b.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,h=y.indexOf(":")<0?"on"+y:"";if(!s){u=v.cache;for(f in u)u[f].events&&u[f].events[y]&&v.event.trigger(n,r,u[f].handle.elem,!0);return}n.result=t,n.target||(n.target=s),r=r!=null?v.makeArray(r):[],r.unshift(n),p=v.event.special[y]||{};if(p.trigger&&p.trigger.apply(s,r)===!1)return;m=[[s,p.bindType||y]];if(!o&&!p.noBubble&&!v.isWindow(s)){g=p.delegateType||y,l=Y.test(g+y)?s:s.parentNode;for(c=s;l;l=l.parentNode)m.push([l,g]),c=l;c===(s.ownerDocument||i)&&m.push([c.defaultView||c.parentWindow||e,g])}for(f=0;f=0:v.find(h,this,null,[s]).length),u[h]&&f.push(c);f.length&&w.push({elem:s,matches:f})}d.length>m&&w.push({elem:this,matches:d.slice(m)});for(r=0;r0?this.on(t,null,e,n):this.trigger(t)},Q.test(t)&&(v.event.fixHooks[t]=v.event.keyHooks),G.test(t)&&(v.event.fixHooks[t]=v.event.mouseHooks)}),function(e,t){function nt(e,t,n,r){n=n||[],t=t||g;var i,s,a,f,l=t.nodeType;if(!e||typeof e!="string")return n;if(l!==1&&l!==9)return[];a=o(t);if(!a&&!r)if(i=R.exec(e))if(f=i[1]){if(l===9){s=t.getElementById(f);if(!s||!s.parentNode)return n;if(s.id===f)return n.push(s),n}else if(t.ownerDocument&&(s=t.ownerDocument.getElementById(f))&&u(t,s)&&s.id===f)return n.push(s),n}else{if(i[2])return S.apply(n,x.call(t.getElementsByTagName(e),0)),n;if((f=i[3])&&Z&&t.getElementsByClassName)return S.apply(n,x.call(t.getElementsByClassName(f),0)),n}return vt(e.replace(j,"$1"),t,n,r,a)}function rt(e){return function(t){var n=t.nodeName.toLowerCase();return n==="input"&&t.type===e}}function it(e){return function(t){var n=t.nodeName.toLowerCase();return(n==="input"||n==="button")&&t.type===e}}function st(e){return N(function(t){return t=+t,N(function(n,r){var i,s=e([],n.length,t),o=s.length;while(o--)n[i=s[o]]&&(n[i]=!(r[i]=n[i]))})})}function ot(e,t,n){if(e===t)return n;var r=e.nextSibling;while(r){if(r===t)return-1;r=r.nextSibling}return 1}function ut(e,t){var n,r,s,o,u,a,f,l=L[d][e+" "];if(l)return t?0:l.slice(0);u=e,a=[],f=i.preFilter;while(u){if(!n||(r=F.exec(u)))r&&(u=u.slice(r[0].length)||u),a.push(s=[]);n=!1;if(r=I.exec(u))s.push(n=new m(r.shift())),u=u.slice(n.length),n.type=r[0].replace(j," ");for(o in i.filter)(r=J[o].exec(u))&&(!f[o]||(r=f[o](r)))&&(s.push(n=new m(r.shift())),u=u.slice(n.length),n.type=o,n.matches=r);if(!n)break}return t?u.length:u?nt.error(e):L(e,a).slice(0)}function at(e,t,r){var i=t.dir,s=r&&t.dir==="parentNode",o=w++;return t.first?function(t,n,r){while(t=t[i])if(s||t.nodeType===1)return e(t,n,r)}:function(t,r,u){if(!u){var a,f=b+" "+o+" ",l=f+n;while(t=t[i])if(s||t.nodeType===1){if((a=t[d])===l)return t.sizset;if(typeof a=="string"&&a.indexOf(f)===0){if(t.sizset)return t}else{t[d]=l;if(e(t,r,u))return t.sizset=!0,t;t.sizset=!1}}}else while(t=t[i])if(s||t.nodeType===1)if(e(t,r,u))return t}}function ft(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function lt(e,t,n,r,i){var s,o=[],u=0,a=e.length,f=t!=null;for(;u-1&&(s[f]=!(o[f]=c))}}else g=lt(g===o?g.splice(d,g.length):g),i?i(null,o,g,a):S.apply(o,g)})}function ht(e){var t,n,r,s=e.length,o=i.relative[e[0].type],u=o||i.relative[" "],a=o?1:0,f=at(function(e){return e===t},u,!0),l=at(function(e){return T.call(t,e)>-1},u,!0),h=[function(e,n,r){return!o&&(r||n!==c)||((t=n).nodeType?f(e,n,r):l(e,n,r))}];for(;a1&&ft(h),a>1&&e.slice(0,a-1).join("").replace(j,"$1"),n,a0,s=e.length>0,o=function(u,a,f,l,h){var p,d,v,m=[],y=0,w="0",x=u&&[],T=h!=null,N=c,C=u||s&&i.find.TAG("*",h&&a.parentNode||a),k=b+=N==null?1:Math.E;T&&(c=a!==g&&a,n=o.el);for(;(p=C[w])!=null;w++){if(s&&p){for(d=0;v=e[d];d++)if(v(p,a,f)){l.push(p);break}T&&(b=k,n=++o.el)}r&&((p=!v&&p)&&y--,u&&x.push(p))}y+=w;if(r&&w!==y){for(d=0;v=t[d];d++)v(x,m,a,f);if(u){if(y>0)while(w--)!x[w]&&!m[w]&&(m[w]=E.call(l));m=lt(m)}S.apply(l,m),T&&!u&&m.length>0&&y+t.length>1&&nt.uniqueSort(l)}return T&&(b=k,c=N),x};return o.el=0,r?N(o):o}function dt(e,t,n){var r=0,i=t.length;for(;r2&&(f=u[0]).type==="ID"&&t.nodeType===9&&!s&&i.relative[u[1].type]){t=i.find.ID(f.matches[0].replace($,""),t,s)[0];if(!t)return n;e=e.slice(u.shift().length)}for(o=J.POS.test(e)?-1:u.length-1;o>=0;o--){f=u[o];if(i.relative[l=f.type])break;if(c=i.find[l])if(r=c(f.matches[0].replace($,""),z.test(u[0].type)&&t.parentNode||t,s)){u.splice(o,1),e=r.length&&u.join("");if(!e)return S.apply(n,x.call(r,0)),n;break}}}return a(e,h)(r,t,s,n,z.test(e)),n}function mt(){}var n,r,i,s,o,u,a,f,l,c,h=!0,p="undefined",d=("sizcache"+Math.random()).replace(".",""),m=String,g=e.document,y=g.documentElement,b=0,w=0,E=[].pop,S=[].push,x=[].slice,T=[].indexOf||function(e){var t=0,n=this.length;for(;ti.cacheLength&&delete e[t.shift()],e[n+" "]=r},e)},k=C(),L=C(),A=C(),O="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[-\\w]|[^\\x00-\\xa0])+",_=M.replace("w","w#"),D="([*^$|!~]?=)",P="\\["+O+"*("+M+")"+O+"*(?:"+D+O+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+_+")|)|)"+O+"*\\]",H=":("+M+")(?:\\((?:(['\"])((?:\\\\.|[^\\\\])*?)\\2|([^()[\\]]*|(?:(?:"+P+")|[^:]|\\\\.)*|.*))\\)|)",B=":(even|odd|eq|gt|lt|nth|first|last)(?:\\("+O+"*((?:-\\d)?\\d*)"+O+"*\\)|)(?=[^-]|$)",j=new RegExp("^"+O+"+|((?:^|[^\\\\])(?:\\\\.)*)"+O+"+$","g"),F=new RegExp("^"+O+"*,"+O+"*"),I=new RegExp("^"+O+"*([\\x20\\t\\r\\n\\f>+~])"+O+"*"),q=new RegExp(H),R=/^(?:#([\w\-]+)|(\w+)|\.([\w\-]+))$/,U=/^:not/,z=/[\x20\t\r\n\f]*[+~]/,W=/:not\($/,X=/h\d/i,V=/input|select|textarea|button/i,$=/\\(?!\\)/g,J={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),NAME:new RegExp("^\\[name=['\"]?("+M+")['\"]?\\]"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+P),PSEUDO:new RegExp("^"+H),POS:new RegExp(B,"i"),CHILD:new RegExp("^:(only|nth|first|last)-child(?:\\("+O+"*(even|odd|(([+-]|)(\\d*)n|)"+O+"*(?:([+-]|)"+O+"*(\\d+)|))"+O+"*\\)|)","i"),needsContext:new RegExp("^"+O+"*[>+~]|"+B,"i")},K=function(e){var t=g.createElement("div");try{return e(t)}catch(n){return!1}finally{t=null}},Q=K(function(e){return e.appendChild(g.createComment("")),!e.getElementsByTagName("*").length}),G=K(function(e){return e.innerHTML="",e.firstChild&&typeof e.firstChild.getAttribute!==p&&e.firstChild.getAttribute("href")==="#"}),Y=K(function(e){e.innerHTML="";var t=typeof e.lastChild.getAttribute("multiple");return t!=="boolean"&&t!=="string"}),Z=K(function(e){return e.innerHTML="",!e.getElementsByClassName||!e.getElementsByClassName("e").length?!1:(e.lastChild.className="e",e.getElementsByClassName("e").length===2)}),et=K(function(e){e.id=d+0,e.innerHTML="
",y.insertBefore(e,y.firstChild);var t=g.getElementsByName&&g.getElementsByName(d).length===2+g.getElementsByName(d+0).length;return r=!g.getElementById(d),y.removeChild(e),t});try{x.call(y.childNodes,0)[0].nodeType}catch(tt){x=function(e){var t,n=[];for(;t=this[e];e++)n.push(t);return n}}nt.matches=function(e,t){return nt(e,null,null,t)},nt.matchesSelector=function(e,t){return nt(t,null,null,[e]).length>0},s=nt.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(i===1||i===9||i===11){if(typeof e.textContent=="string")return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=s(e)}else if(i===3||i===4)return e.nodeValue}else for(;t=e[r];r++)n+=s(t);return n},o=nt.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?t.nodeName!=="HTML":!1},u=nt.contains=y.contains?function(e,t){var n=e.nodeType===9?e.documentElement:e,r=t&&t.parentNode;return e===r||!!(r&&r.nodeType===1&&n.contains&&n.contains(r))}:y.compareDocumentPosition?function(e,t){return t&&!!(e.compareDocumentPosition(t)&16)}:function(e,t){while(t=t.parentNode)if(t===e)return!0;return!1},nt.attr=function(e,t){var n,r=o(e);return r||(t=t.toLowerCase()),(n=i.attrHandle[t])?n(e):r||Y?e.getAttribute(t):(n=e.getAttributeNode(t),n?typeof e[t]=="boolean"?e[t]?t:null:n.specified?n.value:null:null)},i=nt.selectors={cacheLength:50,createPseudo:N,match:J,attrHandle:G?{}:{href:function(e){return e.getAttribute("href",2)},type:function(e){return e.getAttribute("type")}},find:{ID:r?function(e,t,n){if(typeof t.getElementById!==p&&!n){var r=t.getElementById(e);return r&&r.parentNode?[r]:[]}}:function(e,n,r){if(typeof n.getElementById!==p&&!r){var i=n.getElementById(e);return i?i.id===e||typeof i.getAttributeNode!==p&&i.getAttributeNode("id").value===e?[i]:t:[]}},TAG:Q?function(e,t){if(typeof t.getElementsByTagName!==p)return t.getElementsByTagName(e)}:function(e,t){var n=t.getElementsByTagName(e);if(e==="*"){var r,i=[],s=0;for(;r=n[s];s++)r.nodeType===1&&i.push(r);return i}return n},NAME:et&&function(e,t){if(typeof t.getElementsByName!==p)return t.getElementsByName(name)},CLASS:Z&&function(e,t,n){if(typeof t.getElementsByClassName!==p&&!n)return t.getElementsByClassName(e)}},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace($,""),e[3]=(e[4]||e[5]||"").replace($,""),e[2]==="~="&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),e[1]==="nth"?(e[2]||nt.error(e[0]),e[3]=+(e[3]?e[4]+(e[5]||1):2*(e[2]==="even"||e[2]==="odd")),e[4]=+(e[6]+e[7]||e[2]==="odd")):e[2]&&nt.error(e[0]),e},PSEUDO:function(e){var t,n;if(J.CHILD.test(e[0]))return null;if(e[3])e[2]=e[3];else if(t=e[4])q.test(t)&&(n=ut(t,!0))&&(n=t.indexOf(")",t.length-n)-t.length)&&(t=t.slice(0,n),e[0]=e[0].slice(0,n)),e[2]=t;return e.slice(0,3)}},filter:{ID:r?function(e){return e=e.replace($,""),function(t){return t.getAttribute("id")===e}}:function(e){return e=e.replace($,""),function(t){var n=typeof t.getAttributeNode!==p&&t.getAttributeNode("id");return n&&n.value===e}},TAG:function(e){return e==="*"?function(){return!0}:(e=e.replace($,"").toLowerCase(),function(t){return t.nodeName&&t.nodeName.toLowerCase()===e})},CLASS:function(e){var t=k[d][e+" "];return t||(t=new RegExp("(^|"+O+")"+e+"("+O+"|$)"))&&k(e,function(e){return t.test(e.className||typeof e.getAttribute!==p&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r,i){var s=nt.attr(r,e);return s==null?t==="!=":t?(s+="",t==="="?s===n:t==="!="?s!==n:t==="^="?n&&s.indexOf(n)===0:t==="*="?n&&s.indexOf(n)>-1:t==="$="?n&&s.substr(s.length-n.length)===n:t==="~="?(" "+s+" ").indexOf(n)>-1:t==="|="?s===n||s.substr(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r){return e==="nth"?function(e){var t,i,s=e.parentNode;if(n===1&&r===0)return!0;if(s){i=0;for(t=s.firstChild;t;t=t.nextSibling)if(t.nodeType===1){i++;if(e===t)break}}return i-=r,i===n||i%n===0&&i/n>=0}:function(t){var n=t;switch(e){case"only":case"first":while(n=n.previousSibling)if(n.nodeType===1)return!1;if(e==="first")return!0;n=t;case"last":while(n=n.nextSibling)if(n.nodeType===1)return!1;return!0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||nt.error("unsupported pseudo: "+e);return r[d]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?N(function(e,n){var i,s=r(e,t),o=s.length;while(o--)i=T.call(e,s[o]),e[i]=!(n[i]=s[o])}):function(e){return r(e,0,n)}):r}},pseudos:{not:N(function(e){var t=[],n=[],r=a(e.replace(j,"$1"));return r[d]?N(function(e,t,n,i){var s,o=r(e,null,i,[]),u=e.length;while(u--)if(s=o[u])e[u]=!(t[u]=s)}):function(e,i,s){return t[0]=e,r(t,null,s,n),!n.pop()}}),has:N(function(e){return function(t){return nt(e,t).length>0}}),contains:N(function(e){return function(t){return(t.textContent||t.innerText||s(t)).indexOf(e)>-1}}),enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return t==="input"&&!!e.checked||t==="option"&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},parent:function(e){return!i.pseudos.empty(e)},empty:function(e){var t;e=e.firstChild;while(e){if(e.nodeName>"@"||(t=e.nodeType)===3||t===4)return!1;e=e.nextSibling}return!0},header:function(e){return X.test(e.nodeName)},text:function(e){var t,n;return e.nodeName.toLowerCase()==="input"&&(t=e.type)==="text"&&((n=e.getAttribute("type"))==null||n.toLowerCase()===t)},radio:rt("radio"),checkbox:rt("checkbox"),file:rt("file"),password:rt("password"),image:rt("image"),submit:it("submit"),reset:it("reset"),button:function(e){var t=e.nodeName.toLowerCase();return t==="input"&&e.type==="button"||t==="button"},input:function(e){return V.test(e.nodeName)},focus:function(e){var t=e.ownerDocument;return e===t.activeElement&&(!t.hasFocus||t.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},active:function(e){return e===e.ownerDocument.activeElement},first:st(function(){return[0]}),last:st(function(e,t){return[t-1]}),eq:st(function(e,t,n){return[n<0?n+t:n]}),even:st(function(e,t){for(var n=0;n=0;)e.push(r);return e}),gt:st(function(e,t,n){for(var r=n<0?n+t:n;++r",e.querySelectorAll("[selected]").length||i.push("\\["+O+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)"),e.querySelectorAll(":checked").length||i.push(":checked")}),K(function(e){e.innerHTML="

",e.querySelectorAll("[test^='']").length&&i.push("[*^$]="+O+"*(?:\"\"|'')"),e.innerHTML="",e.querySelectorAll(":enabled").length||i.push(":enabled",":disabled")}),i=new RegExp(i.join("|")),vt=function(e,r,s,o,u){if(!o&&!u&&!i.test(e)){var a,f,l=!0,c=d,h=r,p=r.nodeType===9&&e;if(r.nodeType===1&&r.nodeName.toLowerCase()!=="object"){a=ut(e),(l=r.getAttribute("id"))?c=l.replace(n,"\\$&"):r.setAttribute("id",c),c="[id='"+c+"'] ",f=a.length;while(f--)a[f]=c+a[f].join("");h=z.test(e)&&r.parentNode||r,p=a.join(",")}if(p)try{return S.apply(s,x.call(h.querySelectorAll(p),0)),s}catch(v){}finally{l||r.removeAttribute("id")}}return t(e,r,s,o,u)},u&&(K(function(t){e=u.call(t,"div");try{u.call(t,"[test!='']:sizzle"),s.push("!=",H)}catch(n){}}),s=new RegExp(s.join("|")),nt.matchesSelector=function(t,n){n=n.replace(r,"='$1']");if(!o(t)&&!s.test(n)&&!i.test(n))try{var a=u.call(t,n);if(a||e||t.document&&t.document.nodeType!==11)return a}catch(f){}return nt(n,null,null,[t]).length>0})}(),i.pseudos.nth=i.pseudos.eq,i.filters=mt.prototype=i.pseudos,i.setFilters=new mt,nt.attr=v.attr,v.find=nt,v.expr=nt.selectors,v.expr[":"]=v.expr.pseudos,v.unique=nt.uniqueSort,v.text=nt.getText,v.isXMLDoc=nt.isXML,v.contains=nt.contains}(e);var nt=/Until$/,rt=/^(?:parents|prev(?:Until|All))/,it=/^.[^:#\[\.,]*$/,st=v.expr.match.needsContext,ot={children:!0,contents:!0,next:!0,prev:!0};v.fn.extend({find:function(e){var t,n,r,i,s,o,u=this;if(typeof e!="string")return v(e).filter(function(){for(t=0,n=u.length;t0)for(i=r;i=0:v.filter(e,this).length>0:this.filter(e).length>0)},closest:function(e,t){var n,r=0,i=this.length,s=[],o=st.test(e)||typeof e!="string"?v(e,t||this.context):0;for(;r-1:v.find.matchesSelector(n,e)){s.push(n);break}n=n.parentNode}}return s=s.length>1?v.unique(s):s,this.pushStack(s,"closest",e)},index:function(e){return e?typeof e=="string"?v.inArray(this[0],v(e)):v.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.prevAll().length:-1},add:function(e,t){var n=typeof e=="string"?v(e,t):v.makeArray(e&&e.nodeType?[e]:e),r=v.merge(this.get(),n);return this.pushStack(ut(n[0])||ut(r[0])?r:v.unique(r))},addBack:function(e){return this.add(e==null?this.prevObject:this.prevObject.filter(e))}}),v.fn.andSelf=v.fn.addBack,v.each({parent:function(e){var t=e.parentNode;return t&&t.nodeType!==11?t:null},parents:function(e){return v.dir(e,"parentNode")},parentsUntil:function(e,t,n){return v.dir(e,"parentNode",n)},next:function(e){return at(e,"nextSibling")},prev:function(e){return at(e,"previousSibling")},nextAll:function(e){return v.dir(e,"nextSibling")},prevAll:function(e){return v.dir(e,"previousSibling")},nextUntil:function(e,t,n){return v.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return v.dir(e,"previousSibling",n)},siblings:function(e){return v.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return v.sibling(e.firstChild)},contents:function(e){return v.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:v.merge([],e.childNodes)}},function(e,t){v.fn[e]=function(n,r){var i=v.map(this,t,n);return nt.test(e)||(r=n),r&&typeof r=="string"&&(i=v.filter(r,i)),i=this.length>1&&!ot[e]?v.unique(i):i,this.length>1&&rt.test(e)&&(i=i.reverse()),this.pushStack(i,e,l.call(arguments).join(","))}}),v.extend({filter:function(e,t,n){return n&&(e=":not("+e+")"),t.length===1?v.find.matchesSelector(t[0],e)?[t[0]]:[]:v.find.matches(e,t)},dir:function(e,n,r){var i=[],s=e[n];while(s&&s.nodeType!==9&&(r===t||s.nodeType!==1||!v(s).is(r)))s.nodeType===1&&i.push(s),s=s[n];return i},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)e.nodeType===1&&e!==t&&n.push(e);return n}});var ct="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",ht=/ jQuery\d+="(?:null|\d+)"/g,pt=/^\s+/,dt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,vt=/<([\w:]+)/,mt=/]","i"),Et=/^(?:checkbox|radio)$/,St=/checked\s*(?:[^=]|=\s*.checked.)/i,xt=/\/(java|ecma)script/i,Tt=/^\s*\s*$/g,Nt={option:[1,""],legend:[1,"
","
"],thead:[1,"","
"],tr:[2,"","
"],td:[3,"","
"],col:[2,"","
"],area:[1,"",""],_default:[0,"",""]},Ct=lt(i),kt=Ct.appendChild(i.createElement("div"));Nt.optgroup=Nt.option,Nt.tbody=Nt.tfoot=Nt.colgroup=Nt.caption=Nt.thead,Nt.th=Nt.td,v.support.htmlSerialize||(Nt._default=[1,"X
","
"]),v.fn.extend({text:function(e){return v.access(this,function(e){return e===t?v.text(this):this.empty().append((this[0]&&this[0].ownerDocument||i).createTextNode(e))},null,e,arguments.length)},wrapAll:function(e){if(v.isFunction(e))return this.each(function(t){v(this).wrapAll(e.call(this,t))});if(this[0]){var t=v(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstChild&&e.firstChild.nodeType===1)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return v.isFunction(e)?this.each(function(t){v(this).wrapInner(e.call(this,t))}):this.each(function(){var t=v(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=v.isFunction(e);return this.each(function(n){v(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){v.nodeName(this,"body")||v(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(e){(this.nodeType===1||this.nodeType===11)&&this.appendChild(e)})},prepend:function(){return this.domManip(arguments,!0,function(e){(this.nodeType===1||this.nodeType===11)&&this.insertBefore(e,this.firstChild)})},before:function(){if(!ut(this[0]))return this.domManip(arguments,!1,function(e){this.parentNode.insertBefore(e,this)});if(arguments.length){var e=v.clean(arguments);return this.pushStack(v.merge(e,this),"before",this.selector)}},after:function(){if(!ut(this[0]))return this.domManip(arguments,!1,function(e){this.parentNode.insertBefore(e,this.nextSibling)});if(arguments.length){var e=v.clean(arguments);return this.pushStack(v.merge(this,e),"after",this.selector)}},remove:function(e,t){var n,r=0;for(;(n=this[r])!=null;r++)if(!e||v.filter(e,[n]).length)!t&&n.nodeType===1&&(v.cleanData(n.getElementsByTagName("*")),v.cleanData([n])),n.parentNode&&n.parentNode.removeChild(n);return this},empty:function(){var e,t=0;for(;(e=this[t])!=null;t++){e.nodeType===1&&v.cleanData(e.getElementsByTagName("*"));while(e.firstChild)e.removeChild(e.firstChild)}return this},clone:function(e,t){return e=e==null?!1:e,t=t==null?e:t,this.map(function(){return v.clone(this,e,t)})},html:function(e){return v.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return n.nodeType===1?n.innerHTML.replace(ht,""):t;if(typeof e=="string"&&!yt.test(e)&&(v.support.htmlSerialize||!wt.test(e))&&(v.support.leadingWhitespace||!pt.test(e))&&!Nt[(vt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(dt,"<$1>");try{for(;r1&&typeof f=="string"&&St.test(f))return this.each(function(){v(this).domManip(e,n,r)});if(v.isFunction(f))return this.each(function(i){var s=v(this);e[0]=f.call(this,i,n?s.html():t),s.domManip(e,n,r)});if(this[0]){i=v.buildFragment(e,this,l),o=i.fragment,s=o.firstChild,o.childNodes.length===1&&(o=s);if(s){n=n&&v.nodeName(s,"tr");for(u=i.cacheable||c-1;a0?this.clone(!0):this).get(),v(o[i])[t](r),s=s.concat(r);return this.pushStack(s,e,o.selector)}}),v.extend({clone:function(e,t,n){var r,i,s,o;v.support.html5Clone||v.isXMLDoc(e)||!wt.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(kt.innerHTML=e.outerHTML,kt.removeChild(o=kt.firstChild));if((!v.support.noCloneEvent||!v.support.noCloneChecked)&&(e.nodeType===1||e.nodeType===11)&&!v.isXMLDoc(e)){Ot(e,o),r=Mt(e),i=Mt(o);for(s=0;r[s];++s)i[s]&&Ot(r[s],i[s])}if(t){At(e,o);if(n){r=Mt(e),i=Mt(o);for(s=0;r[s];++s)At(r[s],i[s])}}return r=i=null,o},clean:function(e,t,n,r){var s,o,u,a,f,l,c,h,p,d,m,g,y=t===i&&Ct,b=[];if(!t||typeof t.createDocumentFragment=="undefined")t=i;for(s=0;(u=e[s])!=null;s++){typeof u=="number"&&(u+="");if(!u)continue;if(typeof u=="string")if(!gt.test(u))u=t.createTextNode(u);else{y=y||lt(t),c=t.createElement("div"),y.appendChild(c),u=u.replace(dt,"<$1>"),a=(vt.exec(u)||["",""])[1].toLowerCase(),f=Nt[a]||Nt._default,l=f[0],c.innerHTML=f[1]+u+f[2];while(l--)c=c.lastChild;if(!v.support.tbody){h=mt.test(u),p=a==="table"&&!h?c.firstChild&&c.firstChild.childNodes:f[1]===""&&!h?c.childNodes:[];for(o=p.length-1;o>=0;--o)v.nodeName(p[o],"tbody")&&!p[o].childNodes.length&&p[o].parentNode.removeChild(p[o])}!v.support.leadingWhitespace&&pt.test(u)&&c.insertBefore(t.createTextNode(pt.exec(u)[0]),c.firstChild),u=c.childNodes,c.parentNode.removeChild(c)}u.nodeType?b.push(u):v.merge(b,u)}c&&(u=c=y=null);if(!v.support.appendChecked)for(s=0;(u=b[s])!=null;s++)v.nodeName(u,"input")?_t(u):typeof u.getElementsByTagName!="undefined"&&v.grep(u.getElementsByTagName("input"),_t);if(n){m=function(e){if(!e.type||xt.test(e.type))return r?r.push(e.parentNode?e.parentNode.removeChild(e):e):n.appendChild(e)};for(s=0;(u=b[s])!=null;s++)if(!v.nodeName(u,"script")||!m(u))n.appendChild(u),typeof u.getElementsByTagName!="undefined"&&(g=v.grep(v.merge([],u.getElementsByTagName("script")),m),b.splice.apply(b,[s+1,0].concat(g)),s+=g.length)}return b},cleanData:function(e,t){var n,r,i,s,o=0,u=v.expando,a=v.cache,f=v.support.deleteExpando,l=v.event.special;for(;(i=e[o])!=null;o++)if(t||v.acceptData(i)){r=i[u],n=r&&a[r];if(n){if(n.events)for(s in n.events)l[s]?v.event.remove(i,s):v.removeEvent(i,s,n.handle);a[r]&&(delete a[r],f?delete i[u]:i.removeAttribute?i.removeAttribute(u):i[u]=null,v.deletedIds.push(r))}}}}),function(){var e,t;v.uaMatch=function(e){e=e.toLowerCase();var t=/(chrome)[ \/]([\w.]+)/.exec(e)||/(webkit)[ \/]([\w.]+)/.exec(e)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(e)||/(msie) ([\w.]+)/.exec(e)||e.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(e)||[];return{browser:t[1]||"",version:t[2]||"0"}},e=v.uaMatch(o.userAgent),t={},e.browser&&(t[e.browser]=!0,t.version=e.version),t.chrome?t.webkit=!0:t.webkit&&(t.safari=!0),v.browser=t,v.sub=function(){function e(t,n){return new e.fn.init(t,n)}v.extend(!0,e,this),e.superclass=this,e.fn=e.prototype=this(),e.fn.constructor=e,e.sub=this.sub,e.fn.init=function(r,i){return i&&i instanceof v&&!(i instanceof e)&&(i=e(i)),v.fn.init.call(this,r,i,t)},e.fn.init.prototype=e.fn;var t=e(i);return e}}();var Dt,Pt,Ht,Bt=/alpha\([^)]*\)/i,jt=/opacity=([^)]*)/,Ft=/^(top|right|bottom|left)$/,It=/^(none|table(?!-c[ea]).+)/,qt=/^margin/,Rt=new RegExp("^("+m+")(.*)$","i"),Ut=new RegExp("^("+m+")(?!px)[a-z%]+$","i"),zt=new RegExp("^([-+])=("+m+")","i"),Wt={BODY:"block"},Xt={position:"absolute",visibility:"hidden",display:"block"},Vt={letterSpacing:0,fontWeight:400},$t=["Top","Right","Bottom","Left"],Jt=["Webkit","O","Moz","ms"],Kt=v.fn.toggle;v.fn.extend({css:function(e,n){return v.access(this,function(e,n,r){return r!==t?v.style(e,n,r):v.css(e,n)},e,n,arguments.length>1)},show:function(){return Yt(this,!0)},hide:function(){return Yt(this)},toggle:function(e,t){var n=typeof e=="boolean";return v.isFunction(e)&&v.isFunction(t)?Kt.apply(this,arguments):this.each(function(){(n?e:Gt(this))?v(this).show():v(this).hide()})}}),v.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Dt(e,"opacity");return n===""?"1":n}}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":v.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(!e||e.nodeType===3||e.nodeType===8||!e.style)return;var s,o,u,a=v.camelCase(n),f=e.style;n=v.cssProps[a]||(v.cssProps[a]=Qt(f,a)),u=v.cssHooks[n]||v.cssHooks[a];if(r===t)return u&&"get"in u&&(s=u.get(e,!1,i))!==t?s:f[n];o=typeof r,o==="string"&&(s=zt.exec(r))&&(r=(s[1]+1)*s[2]+parseFloat(v.css(e,n)),o="number");if(r==null||o==="number"&&isNaN(r))return;o==="number"&&!v.cssNumber[a]&&(r+="px");if(!u||!("set"in u)||(r=u.set(e,r,i))!==t)try{f[n]=r}catch(l){}},css:function(e,n,r,i){var s,o,u,a=v.camelCase(n);return n=v.cssProps[a]||(v.cssProps[a]=Qt(e.style,a)),u=v.cssHooks[n]||v.cssHooks[a],u&&"get"in u&&(s=u.get(e,!0,i)),s===t&&(s=Dt(e,n)),s==="normal"&&n in Vt&&(s=Vt[n]),r||i!==t?(o=parseFloat(s),r||v.isNumeric(o)?o||0:s):s},swap:function(e,t,n){var r,i,s={};for(i in t)s[i]=e.style[i],e.style[i]=t[i];r=n.call(e);for(i in t)e.style[i]=s[i];return r}}),e.getComputedStyle?Dt=function(t,n){var r,i,s,o,u=e.getComputedStyle(t,null),a=t.style;return u&&(r=u.getPropertyValue(n)||u[n],r===""&&!v.contains(t.ownerDocument,t)&&(r=v.style(t,n)),Ut.test(r)&&qt.test(n)&&(i=a.width,s=a.minWidth,o=a.maxWidth,a.minWidth=a.maxWidth=a.width=r,r=u.width,a.width=i,a.minWidth=s,a.maxWidth=o)),r}:i.documentElement.currentStyle&&(Dt=function(e,t){var n,r,i=e.currentStyle&&e.currentStyle[t],s=e.style;return i==null&&s&&s[t]&&(i=s[t]),Ut.test(i)&&!Ft.test(t)&&(n=s.left,r=e.runtimeStyle&&e.runtimeStyle.left,r&&(e.runtimeStyle.left=e.currentStyle.left),s.left=t==="fontSize"?"1em":i,i=s.pixelLeft+"px",s.left=n,r&&(e.runtimeStyle.left=r)),i===""?"auto":i}),v.each(["height","width"],function(e,t){v.cssHooks[t]={get:function(e,n,r){if(n)return e.offsetWidth===0&&It.test(Dt(e,"display"))?v.swap(e,Xt,function(){return tn(e,t,r)}):tn(e,t,r)},set:function(e,n,r){return Zt(e,n,r?en(e,t,r,v.support.boxSizing&&v.css(e,"boxSizing")==="border-box"):0)}}}),v.support.opacity||(v.cssHooks.opacity={get:function(e,t){return jt.test((t&&e.currentStyle?e.currentStyle.filter:e.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":t?"1":""},set:function(e,t){var n=e.style,r=e.currentStyle,i=v.isNumeric(t)?"alpha(opacity="+t*100+")":"",s=r&&r.filter||n.filter||"";n.zoom=1;if(t>=1&&v.trim(s.replace(Bt,""))===""&&n.removeAttribute){n.removeAttribute("filter");if(r&&!r.filter)return}n.filter=Bt.test(s)?s.replace(Bt,i):s+" "+i}}),v(function(){v.support.reliableMarginRight||(v.cssHooks.marginRight={get:function(e,t){return v.swap(e,{display:"inline-block"},function(){if(t)return Dt(e,"marginRight")})}}),!v.support.pixelPosition&&v.fn.position&&v.each(["top","left"],function(e,t){v.cssHooks[t]={get:function(e,n){if(n){var r=Dt(e,t);return Ut.test(r)?v(e).position()[t]+"px":r}}}})}),v.expr&&v.expr.filters&&(v.expr.filters.hidden=function(e){return e.offsetWidth===0&&e.offsetHeight===0||!v.support.reliableHiddenOffsets&&(e.style&&e.style.display||Dt(e,"display"))==="none"},v.expr.filters.visible=function(e){return!v.expr.filters.hidden(e)}),v.each({margin:"",padding:"",border:"Width"},function(e,t){v.cssHooks[e+t]={expand:function(n){var r,i=typeof n=="string"?n.split(" "):[n],s={};for(r=0;r<4;r++)s[e+$t[r]+t]=i[r]||i[r-2]||i[0];return s}},qt.test(e)||(v.cssHooks[e+t].set=Zt)});var rn=/%20/g,sn=/\[\]$/,on=/\r?\n/g,un=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,an=/^(?:select|textarea)/i;v.fn.extend({serialize:function(){return v.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?v.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||an.test(this.nodeName)||un.test(this.type))}).map(function(e,t){var n=v(this).val();return n==null?null:v.isArray(n)?v.map(n,function(e,n){return{name:t.name,value:e.replace(on,"\r\n")}}):{name:t.name,value:n.replace(on,"\r\n")}}).get()}}),v.param=function(e,n){var r,i=[],s=function(e,t){t=v.isFunction(t)?t():t==null?"":t,i[i.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};n===t&&(n=v.ajaxSettings&&v.ajaxSettings.traditional);if(v.isArray(e)||e.jquery&&!v.isPlainObject(e))v.each(e,function(){s(this.name,this.value)});else for(r in e)fn(r,e[r],n,s);return i.join("&").replace(rn,"+")};var ln,cn,hn=/#.*$/,pn=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,dn=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,vn=/^(?:GET|HEAD)$/,mn=/^\/\//,gn=/\?/,yn=/)<[^<]*)*<\/script>/gi,bn=/([?&])_=[^&]*/,wn=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,En=v.fn.load,Sn={},xn={},Tn=["*/"]+["*"];try{cn=s.href}catch(Nn){cn=i.createElement("a"),cn.href="",cn=cn.href}ln=wn.exec(cn.toLowerCase())||[],v.fn.load=function(e,n,r){if(typeof e!="string"&&En)return En.apply(this,arguments);if(!this.length)return this;var i,s,o,u=this,a=e.indexOf(" ");return a>=0&&(i=e.slice(a,e.length),e=e.slice(0,a)),v.isFunction(n)?(r=n,n=t):n&&typeof n=="object"&&(s="POST"),v.ajax({url:e,type:s,dataType:"html",data:n,complete:function(e,t){r&&u.each(r,o||[e.responseText,t,e])}}).done(function(e){o=arguments,u.html(i?v("
").append(e.replace(yn,"")).find(i):e)}),this},v.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(e,t){v.fn[t]=function(e){return this.on(t,e)}}),v.each(["get","post"],function(e,n){v[n]=function(e,r,i,s){return v.isFunction(r)&&(s=s||i,i=r,r=t),v.ajax({type:n,url:e,data:r,success:i,dataType:s})}}),v.extend({getScript:function(e,n){return v.get(e,t,n,"script")},getJSON:function(e,t,n){return v.get(e,t,n,"json")},ajaxSetup:function(e,t){return t?Ln(e,v.ajaxSettings):(t=e,e=v.ajaxSettings),Ln(e,t),e},ajaxSettings:{url:cn,isLocal:dn.test(ln[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded; charset=UTF-8",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":Tn},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":e.String,"text html":!0,"text json":v.parseJSON,"text xml":v.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:Cn(Sn),ajaxTransport:Cn(xn),ajax:function(e,n){function T(e,n,s,a){var l,y,b,w,S,T=n;if(E===2)return;E=2,u&&clearTimeout(u),o=t,i=a||"",x.readyState=e>0?4:0,s&&(w=An(c,x,s));if(e>=200&&e<300||e===304)c.ifModified&&(S=x.getResponseHeader("Last-Modified"),S&&(v.lastModified[r]=S),S=x.getResponseHeader("Etag"),S&&(v.etag[r]=S)),e===304?(T="notmodified",l=!0):(l=On(c,w),T=l.state,y=l.data,b=l.error,l=!b);else{b=T;if(!T||e)T="error",e<0&&(e=0)}x.status=e,x.statusText=(n||T)+"",l?d.resolveWith(h,[y,T,x]):d.rejectWith(h,[x,T,b]),x.statusCode(g),g=t,f&&p.trigger("ajax"+(l?"Success":"Error"),[x,c,l?y:b]),m.fireWith(h,[x,T]),f&&(p.trigger("ajaxComplete",[x,c]),--v.active||v.event.trigger("ajaxStop"))}typeof e=="object"&&(n=e,e=t),n=n||{};var r,i,s,o,u,a,f,l,c=v.ajaxSetup({},n),h=c.context||c,p=h!==c&&(h.nodeType||h instanceof v)?v(h):v.event,d=v.Deferred(),m=v.Callbacks("once memory"),g=c.statusCode||{},b={},w={},E=0,S="canceled",x={readyState:0,setRequestHeader:function(e,t){if(!E){var n=e.toLowerCase();e=w[n]=w[n]||e,b[e]=t}return this},getAllResponseHeaders:function(){return E===2?i:null},getResponseHeader:function(e){var n;if(E===2){if(!s){s={};while(n=pn.exec(i))s[n[1].toLowerCase()]=n[2]}n=s[e.toLowerCase()]}return n===t?null:n},overrideMimeType:function(e){return E||(c.mimeType=e),this},abort:function(e){return e=e||S,o&&o.abort(e),T(0,e),this}};d.promise(x),x.success=x.done,x.error=x.fail,x.complete=m.add,x.statusCode=function(e){if(e){var t;if(E<2)for(t in e)g[t]=[g[t],e[t]];else t=e[x.status],x.always(t)}return this},c.url=((e||c.url)+"").replace(hn,"").replace(mn,ln[1]+"//"),c.dataTypes=v.trim(c.dataType||"*").toLowerCase().split(y),c.crossDomain==null&&(a=wn.exec(c.url.toLowerCase()),c.crossDomain=!(!a||a[1]===ln[1]&&a[2]===ln[2]&&(a[3]||(a[1]==="http:"?80:443))==(ln[3]||(ln[1]==="http:"?80:443)))),c.data&&c.processData&&typeof c.data!="string"&&(c.data=v.param(c.data,c.traditional)),kn(Sn,c,n,x);if(E===2)return x;f=c.global,c.type=c.type.toUpperCase(),c.hasContent=!vn.test(c.type),f&&v.active++===0&&v.event.trigger("ajaxStart");if(!c.hasContent){c.data&&(c.url+=(gn.test(c.url)?"&":"?")+c.data,delete c.data),r=c.url;if(c.cache===!1){var N=v.now(),C=c.url.replace(bn,"$1_="+N);c.url=C+(C===c.url?(gn.test(c.url)?"&":"?")+"_="+N:"")}}(c.data&&c.hasContent&&c.contentType!==!1||n.contentType)&&x.setRequestHeader("Content-Type",c.contentType),c.ifModified&&(r=r||c.url,v.lastModified[r]&&x.setRequestHeader("If-Modified-Since",v.lastModified[r]),v.etag[r]&&x.setRequestHeader("If-None-Match",v.etag[r])),x.setRequestHeader("Accept",c.dataTypes[0]&&c.accepts[c.dataTypes[0]]?c.accepts[c.dataTypes[0]]+(c.dataTypes[0]!=="*"?", "+Tn+"; q=0.01":""):c.accepts["*"]);for(l in c.headers)x.setRequestHeader(l,c.headers[l]);if(!c.beforeSend||c.beforeSend.call(h,x,c)!==!1&&E!==2){S="abort";for(l in{success:1,error:1,complete:1})x[l](c[l]);o=kn(xn,c,n,x);if(!o)T(-1,"No Transport");else{x.readyState=1,f&&p.trigger("ajaxSend",[x,c]),c.async&&c.timeout>0&&(u=setTimeout(function(){x.abort("timeout")},c.timeout));try{E=1,o.send(b,T)}catch(k){if(!(E<2))throw k;T(-1,k)}}return x}return x.abort()},active:0,lastModified:{},etag:{}});var Mn=[],_n=/\?/,Dn=/(=)\?(?=&|$)|\?\?/,Pn=v.now();v.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Mn.pop()||v.expando+"_"+Pn++;return this[e]=!0,e}}),v.ajaxPrefilter("json jsonp",function(n,r,i){var s,o,u,a=n.data,f=n.url,l=n.jsonp!==!1,c=l&&Dn.test(f),h=l&&!c&&typeof a=="string"&&!(n.contentType||"").indexOf("application/x-www-form-urlencoded")&&Dn.test(a);if(n.dataTypes[0]==="jsonp"||c||h)return s=n.jsonpCallback=v.isFunction(n.jsonpCallback)?n.jsonpCallback():n.jsonpCallback,o=e[s],c?n.url=f.replace(Dn,"$1"+s):h?n.data=a.replace(Dn,"$1"+s):l&&(n.url+=(_n.test(f)?"&":"?")+n.jsonp+"="+s),n.converters["script json"]=function(){return u||v.error(s+" was not called"),u[0]},n.dataTypes[0]="json",e[s]=function(){u=arguments},i.always(function(){e[s]=o,n[s]&&(n.jsonpCallback=r.jsonpCallback,Mn.push(s)),u&&v.isFunction(o)&&o(u[0]),u=o=t}),"script"}),v.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(e){return v.globalEval(e),e}}}),v.ajaxPrefilter("script",function(e){e.cache===t&&(e.cache=!1),e.crossDomain&&(e.type="GET",e.global=!1)}),v.ajaxTransport("script",function(e){if(e.crossDomain){var n,r=i.head||i.getElementsByTagName("head")[0]||i.documentElement;return{send:function(s,o){n=i.createElement("script"),n.async="async",e.scriptCharset&&(n.charset=e.scriptCharset),n.src=e.url,n.onload=n.onreadystatechange=function(e,i){if(i||!n.readyState||/loaded|complete/.test(n.readyState))n.onload=n.onreadystatechange=null,r&&n.parentNode&&r.removeChild(n),n=t,i||o(200,"success")},r.insertBefore(n,r.firstChild)},abort:function(){n&&n.onload(0,1)}}}});var Hn,Bn=e.ActiveXObject?function(){for(var e in Hn)Hn[e](0,1)}:!1,jn=0;v.ajaxSettings.xhr=e.ActiveXObject?function(){return!this.isLocal&&Fn()||In()}:Fn,function(e){v.extend(v.support,{ajax:!!e,cors:!!e&&"withCredentials"in e})}(v.ajaxSettings.xhr()),v.support.ajax&&v.ajaxTransport(function(n){if(!n.crossDomain||v.support.cors){var r;return{send:function(i,s){var o,u,a=n.xhr();n.username?a.open(n.type,n.url,n.async,n.username,n.password):a.open(n.type,n.url,n.async);if(n.xhrFields)for(u in n.xhrFields)a[u]=n.xhrFields[u];n.mimeType&&a.overrideMimeType&&a.overrideMimeType(n.mimeType),!n.crossDomain&&!i["X-Requested-With"]&&(i["X-Requested-With"]="XMLHttpRequest");try{for(u in i)a.setRequestHeader(u,i[u])}catch(f){}a.send(n.hasContent&&n.data||null),r=function(e,i){var u,f,l,c,h;try{if(r&&(i||a.readyState===4)){r=t,o&&(a.onreadystatechange=v.noop,Bn&&delete Hn[o]);if(i)a.readyState!==4&&a.abort();else{u=a.status,l=a.getAllResponseHeaders(),c={},h=a.responseXML,h&&h.documentElement&&(c.xml=h);try{c.text=a.responseText}catch(p){}try{f=a.statusText}catch(p){f=""}!u&&n.isLocal&&!n.crossDomain?u=c.text?200:404:u===1223&&(u=204)}}}catch(d){i||s(-1,d)}c&&s(u,f,c,l)},n.async?a.readyState===4?setTimeout(r,0):(o=++jn,Bn&&(Hn||(Hn={},v(e).unload(Bn)),Hn[o]=r),a.onreadystatechange=r):r()},abort:function(){r&&r(0,1)}}}});var qn,Rn,Un=/^(?:toggle|show|hide)$/,zn=new RegExp("^(?:([-+])=|)("+m+")([a-z%]*)$","i"),Wn=/queueHooks$/,Xn=[Gn],Vn={"*":[function(e,t){var n,r,i=this.createTween(e,t),s=zn.exec(t),o=i.cur(),u=+o||0,a=1,f=20;if(s){n=+s[2],r=s[3]||(v.cssNumber[e]?"":"px");if(r!=="px"&&u){u=v.css(i.elem,e,!0)||n||1;do a=a||".5",u/=a,v.style(i.elem,e,u+r);while(a!==(a=i.cur()/o)&&a!==1&&--f)}i.unit=r,i.start=u,i.end=s[1]?u+(s[1]+1)*n:n}return i}]};v.Animation=v.extend(Kn,{tweener:function(e,t){v.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;r-1,f={},l={},c,h;a?(l=i.position(),c=l.top,h=l.left):(c=parseFloat(o)||0,h=parseFloat(u)||0),v.isFunction(t)&&(t=t.call(e,n,s)),t.top!=null&&(f.top=t.top-s.top+c),t.left!=null&&(f.left=t.left-s.left+h),"using"in t?t.using.call(e,f):i.css(f)}},v.fn.extend({position:function(){if(!this[0])return;var e=this[0],t=this.offsetParent(),n=this.offset(),r=er.test(t[0].nodeName)?{top:0,left:0}:t.offset();return n.top-=parseFloat(v.css(e,"marginTop"))||0,n.left-=parseFloat(v.css(e,"marginLeft"))||0,r.top+=parseFloat(v.css(t[0],"borderTopWidth"))||0,r.left+=parseFloat(v.css(t[0],"borderLeftWidth"))||0,{top:n.top-r.top,left:n.left-r.left}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||i.body;while(e&&!er.test(e.nodeName)&&v.css(e,"position")==="static")e=e.offsetParent;return e||i.body})}}),v.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,n){var r=/Y/.test(n);v.fn[e]=function(i){return v.access(this,function(e,i,s){var o=tr(e);if(s===t)return o?n in o?o[n]:o.document.documentElement[i]:e[i];o?o.scrollTo(r?v(o).scrollLeft():s,r?s:v(o).scrollTop()):e[i]=s},e,i,arguments.length,null)}}),v.each({Height:"height",Width:"width"},function(e,n){v.each({padding:"inner"+e,content:n,"":"outer"+e},function(r,i){v.fn[i]=function(i,s){var o=arguments.length&&(r||typeof i!="boolean"),u=r||(i===!0||s===!0?"margin":"border");return v.access(this,function(n,r,i){var s;return v.isWindow(n)?n.document.documentElement["client"+e]:n.nodeType===9?(s=n.documentElement,Math.max(n.body["scroll"+e],s["scroll"+e],n.body["offset"+e],s["offset"+e],s["client"+e])):i===t?v.css(n,r,i,u):v.style(n,r,i,u)},n,o?i:t,o,null)}})}),e.jQuery=e.$=v,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return v})})(window); \ No newline at end of file diff --git a/js/jquery.bxslider.min.js b/js/jquery.bxslider.min.js new file mode 100644 index 0000000..dc338f7 --- /dev/null +++ b/js/jquery.bxslider.min.js @@ -0,0 +1,10 @@ +/** + * BxSlider v4.1.2 - Fully loaded, responsive content slider + * http://bxslider.com + * + * Copyright 2014, Steven Wanderski - http://stevenwanderski.com - http://bxcreative.com + * Written while drinking Belgian ales and listening to jazz + * + * Released under the MIT license - http://opensource.org/licenses/MIT + */ +!function(t){var e={},s={mode:"horizontal",slideSelector:"",infiniteLoop:!0,hideControlOnEnd:!1,speed:500,easing:null,slideMargin:0,startSlide:0,randomStart:!1,captions:!1,ticker:!1,tickerHover:!1,adaptiveHeight:!1,adaptiveHeightSpeed:500,video:!1,useCSS:!0,preloadImages:"visible",responsive:!0,slideZIndex:50,touchEnabled:!0,swipeThreshold:50,oneToOneTouch:!0,preventDefaultSwipeX:!0,preventDefaultSwipeY:!1,pager:!0,pagerType:"full",pagerShortSeparator:" / ",pagerSelector:null,buildPager:null,pagerCustom:null,controls:!0,nextText:"Next",prevText:"Prev",nextSelector:null,prevSelector:null,autoControls:!1,startText:"Start",stopText:"Stop",autoControlsCombine:!1,autoControlsSelector:null,auto:!1,pause:4e3,autoStart:!0,autoDirection:"next",autoHover:!1,autoDelay:0,minSlides:1,maxSlides:1,moveSlides:0,slideWidth:0,onSliderLoad:function(){},onSlideBefore:function(){},onSlideAfter:function(){},onSlideNext:function(){},onSlidePrev:function(){},onSliderResize:function(){}};t.fn.bxSlider=function(n){if(0==this.length)return this;if(this.length>1)return this.each(function(){t(this).bxSlider(n)}),this;var o={},r=this;e.el=this;var a=t(window).width(),l=t(window).height(),d=function(){o.settings=t.extend({},s,n),o.settings.slideWidth=parseInt(o.settings.slideWidth),o.children=r.children(o.settings.slideSelector),o.children.length1||o.settings.maxSlides>1,o.carousel&&(o.settings.preloadImages="all"),o.minThreshold=o.settings.minSlides*o.settings.slideWidth+(o.settings.minSlides-1)*o.settings.slideMargin,o.maxThreshold=o.settings.maxSlides*o.settings.slideWidth+(o.settings.maxSlides-1)*o.settings.slideMargin,o.working=!1,o.controls={},o.interval=null,o.animProp="vertical"==o.settings.mode?"top":"left",o.usingCSS=o.settings.useCSS&&"fade"!=o.settings.mode&&function(){var t=document.createElement("div"),e=["WebkitPerspective","MozPerspective","OPerspective","msPerspective"];for(var i in e)if(void 0!==t.style[e[i]])return o.cssPrefix=e[i].replace("Perspective","").toLowerCase(),o.animProp="-"+o.cssPrefix+"-transform",!0;return!1}(),"vertical"==o.settings.mode&&(o.settings.maxSlides=o.settings.minSlides),r.data("origStyle",r.attr("style")),r.children(o.settings.slideSelector).each(function(){t(this).data("origStyle",t(this).attr("style"))}),c()},c=function(){r.wrap('
'),o.viewport=r.parent(),o.loader=t('
'),o.viewport.prepend(o.loader),r.css({width:"horizontal"==o.settings.mode?100*o.children.length+215+"%":"auto",position:"relative"}),o.usingCSS&&o.settings.easing?r.css("-"+o.cssPrefix+"-transition-timing-function",o.settings.easing):o.settings.easing||(o.settings.easing="swing"),f(),o.viewport.css({width:"100%",overflow:"hidden",position:"relative"}),o.viewport.parent().css({maxWidth:p()}),o.settings.pager||o.viewport.parent().css({margin:"0 auto 0px"}),o.children.css({"float":"horizontal"==o.settings.mode?"left":"none",listStyle:"none",position:"relative"}),o.children.css("width",u()),"horizontal"==o.settings.mode&&o.settings.slideMargin>0&&o.children.css("marginRight",o.settings.slideMargin),"vertical"==o.settings.mode&&o.settings.slideMargin>0&&o.children.css("marginBottom",o.settings.slideMargin),"fade"==o.settings.mode&&(o.children.css({position:"absolute",zIndex:0,display:"none"}),o.children.eq(o.settings.startSlide).css({zIndex:o.settings.slideZIndex,display:"block"})),o.controls.el=t('
'),o.settings.captions&&P(),o.active.last=o.settings.startSlide==x()-1,o.settings.video&&r.fitVids();var e=o.children.eq(o.settings.startSlide);"all"==o.settings.preloadImages&&(e=o.children),o.settings.ticker?o.settings.pager=!1:(o.settings.pager&&T(),o.settings.controls&&C(),o.settings.auto&&o.settings.autoControls&&E(),(o.settings.controls||o.settings.autoControls||o.settings.pager)&&o.viewport.after(o.controls.el)),g(e,h)},g=function(e,i){var s=e.find("img, iframe").length;if(0==s)return i(),void 0;var n=0;e.find("img, iframe").each(function(){t(this).one("load",function(){++n==s&&i()}).each(function(){this.complete&&t(this).load()})})},h=function(){if(o.settings.infiniteLoop&&"fade"!=o.settings.mode&&!o.settings.ticker){var e="vertical"==o.settings.mode?o.settings.minSlides:o.settings.maxSlides,i=o.children.slice(0,e).clone().addClass("bx-clone"),s=o.children.slice(-e).clone().addClass("bx-clone");r.append(i).prepend(s)}o.loader.remove(),S(),"vertical"==o.settings.mode&&(o.settings.adaptiveHeight=!0),o.viewport.height(v()),r.redrawSlider(),o.settings.onSliderLoad(o.active.index),o.initialized=!0,o.settings.responsive&&t(window).bind("resize",Z),o.settings.auto&&o.settings.autoStart&&H(),o.settings.ticker&&L(),o.settings.pager&&q(o.settings.startSlide),o.settings.controls&&W(),o.settings.touchEnabled&&!o.settings.ticker&&O()},v=function(){var e=0,s=t();if("vertical"==o.settings.mode||o.settings.adaptiveHeight)if(o.carousel){var n=1==o.settings.moveSlides?o.active.index:o.active.index*m();for(s=o.children.eq(n),i=1;i<=o.settings.maxSlides-1;i++)s=n+i>=o.children.length?s.add(o.children.eq(i-1)):s.add(o.children.eq(n+i))}else s=o.children.eq(o.active.index);else s=o.children;return"vertical"==o.settings.mode?(s.each(function(){e+=t(this).outerHeight()}),o.settings.slideMargin>0&&(e+=o.settings.slideMargin*(o.settings.minSlides-1))):e=Math.max.apply(Math,s.map(function(){return t(this).outerHeight(!1)}).get()),e},p=function(){var t="100%";return o.settings.slideWidth>0&&(t="horizontal"==o.settings.mode?o.settings.maxSlides*o.settings.slideWidth+(o.settings.maxSlides-1)*o.settings.slideMargin:o.settings.slideWidth),t},u=function(){var t=o.settings.slideWidth,e=o.viewport.width();return 0==o.settings.slideWidth||o.settings.slideWidth>e&&!o.carousel||"vertical"==o.settings.mode?t=e:o.settings.maxSlides>1&&"horizontal"==o.settings.mode&&(e>o.maxThreshold||e0)if(o.viewport.width()o.maxThreshold)t=o.settings.maxSlides;else{var e=o.children.first().width();t=Math.floor(o.viewport.width()/e)}else"vertical"==o.settings.mode&&(t=o.settings.minSlides);return t},x=function(){var t=0;if(o.settings.moveSlides>0)if(o.settings.infiniteLoop)t=o.children.length/m();else for(var e=0,i=0;e0&&o.settings.moveSlides<=f()?o.settings.moveSlides:f()},S=function(){if(o.children.length>o.settings.maxSlides&&o.active.last&&!o.settings.infiniteLoop){if("horizontal"==o.settings.mode){var t=o.children.last(),e=t.position();b(-(e.left-(o.viewport.width()-t.width())),"reset",0)}else if("vertical"==o.settings.mode){var i=o.children.length-o.settings.minSlides,e=o.children.eq(i).position();b(-e.top,"reset",0)}}else{var e=o.children.eq(o.active.index*m()).position();o.active.index==x()-1&&(o.active.last=!0),void 0!=e&&("horizontal"==o.settings.mode?b(-e.left,"reset",0):"vertical"==o.settings.mode&&b(-e.top,"reset",0))}},b=function(t,e,i,s){if(o.usingCSS){var n="vertical"==o.settings.mode?"translate3d(0, "+t+"px, 0)":"translate3d("+t+"px, 0, 0)";r.css("-"+o.cssPrefix+"-transition-duration",i/1e3+"s"),"slide"==e?(r.css(o.animProp,n),r.bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",function(){r.unbind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd"),D()})):"reset"==e?r.css(o.animProp,n):"ticker"==e&&(r.css("-"+o.cssPrefix+"-transition-timing-function","linear"),r.css(o.animProp,n),r.bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",function(){r.unbind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd"),b(s.resetValue,"reset",0),N()}))}else{var a={};a[o.animProp]=t,"slide"==e?r.animate(a,i,o.settings.easing,function(){D()}):"reset"==e?r.css(o.animProp,t):"ticker"==e&&r.animate(a,speed,"linear",function(){b(s.resetValue,"reset",0),N()})}},w=function(){for(var e="",i=x(),s=0;i>s;s++){var n="";o.settings.buildPager&&t.isFunction(o.settings.buildPager)?(n=o.settings.buildPager(s),o.pagerEl.addClass("bx-custom-pager")):(n=s+1,o.pagerEl.addClass("bx-default-pager")),e+='
'+n+"
"}o.pagerEl.html(e)},T=function(){o.settings.pagerCustom?o.pagerEl=t(o.settings.pagerCustom):(o.pagerEl=t('
'),o.settings.pagerSelector?t(o.settings.pagerSelector).html(o.pagerEl):o.controls.el.addClass("bx-has-pager").append(o.pagerEl),w()),o.pagerEl.on("click","a",I)},C=function(){o.controls.next=t(''+o.settings.nextText+""),o.controls.prev=t(''+o.settings.prevText+""),o.controls.next.bind("click",y),o.controls.prev.bind("click",z),o.settings.nextSelector&&t(o.settings.nextSelector).append(o.controls.next),o.settings.prevSelector&&t(o.settings.prevSelector).append(o.controls.prev),o.settings.nextSelector||o.settings.prevSelector||(o.controls.directionEl=t('
'),o.controls.directionEl.append(o.controls.prev).append(o.controls.next),o.controls.el.addClass("bx-has-controls-direction").append(o.controls.directionEl))},E=function(){o.controls.start=t('
'+o.settings.startText+"
"),o.controls.stop=t('
'+o.settings.stopText+"
"),o.controls.autoEl=t('
'),o.controls.autoEl.on("click",".bx-start",k),o.controls.autoEl.on("click",".bx-stop",M),o.settings.autoControlsCombine?o.controls.autoEl.append(o.controls.start):o.controls.autoEl.append(o.controls.start).append(o.controls.stop),o.settings.autoControlsSelector?t(o.settings.autoControlsSelector).html(o.controls.autoEl):o.controls.el.addClass("bx-has-controls-auto").append(o.controls.autoEl),A(o.settings.autoStart?"stop":"start")},P=function(){o.children.each(function(){var e=t(this).find("img:first").attr("title");void 0!=e&&(""+e).length&&t(this).append('
'+e+"
")})},y=function(t){o.settings.auto&&r.stopAuto(),r.goToNextSlide(),t.preventDefault()},z=function(t){o.settings.auto&&r.stopAuto(),r.goToPrevSlide(),t.preventDefault()},k=function(t){r.startAuto(),t.preventDefault()},M=function(t){r.stopAuto(),t.preventDefault()},I=function(e){o.settings.auto&&r.stopAuto();var i=t(e.currentTarget),s=parseInt(i.attr("data-slide-index"));s!=o.active.index&&r.goToSlide(s),e.preventDefault()},q=function(e){var i=o.children.length;return"short"==o.settings.pagerType?(o.settings.maxSlides>1&&(i=Math.ceil(o.children.length/o.settings.maxSlides)),o.pagerEl.html(e+1+o.settings.pagerShortSeparator+i),void 0):(o.pagerEl.find("a").removeClass("active"),o.pagerEl.each(function(i,s){t(s).find("a").eq(e).addClass("active")}),void 0)},D=function(){if(o.settings.infiniteLoop){var t="";0==o.active.index?t=o.children.eq(0).position():o.active.index==x()-1&&o.carousel?t=o.children.eq((x()-1)*m()).position():o.active.index==o.children.length-1&&(t=o.children.eq(o.children.length-1).position()),t&&("horizontal"==o.settings.mode?b(-t.left,"reset",0):"vertical"==o.settings.mode&&b(-t.top,"reset",0))}o.working=!1,o.settings.onSlideAfter(o.children.eq(o.active.index),o.oldIndex,o.active.index)},A=function(t){o.settings.autoControlsCombine?o.controls.autoEl.html(o.controls[t]):(o.controls.autoEl.find("a").removeClass("active"),o.controls.autoEl.find("a:not(.bx-"+t+")").addClass("active"))},W=function(){1==x()?(o.controls.prev.addClass("disabled"),o.controls.next.addClass("disabled")):!o.settings.infiniteLoop&&o.settings.hideControlOnEnd&&(0==o.active.index?(o.controls.prev.addClass("disabled"),o.controls.next.removeClass("disabled")):o.active.index==x()-1?(o.controls.next.addClass("disabled"),o.controls.prev.removeClass("disabled")):(o.controls.prev.removeClass("disabled"),o.controls.next.removeClass("disabled")))},H=function(){o.settings.autoDelay>0?setTimeout(r.startAuto,o.settings.autoDelay):r.startAuto(),o.settings.autoHover&&r.hover(function(){o.interval&&(r.stopAuto(!0),o.autoPaused=!0)},function(){o.autoPaused&&(r.startAuto(!0),o.autoPaused=null)})},L=function(){var e=0;if("next"==o.settings.autoDirection)r.append(o.children.clone().addClass("bx-clone"));else{r.prepend(o.children.clone().addClass("bx-clone"));var i=o.children.first().position();e="horizontal"==o.settings.mode?-i.left:-i.top}b(e,"reset",0),o.settings.pager=!1,o.settings.controls=!1,o.settings.autoControls=!1,o.settings.tickerHover&&!o.usingCSS&&o.viewport.hover(function(){r.stop()},function(){var e=0;o.children.each(function(){e+="horizontal"==o.settings.mode?t(this).outerWidth(!0):t(this).outerHeight(!0)});var i=o.settings.speed/e,s="horizontal"==o.settings.mode?"left":"top",n=i*(e-Math.abs(parseInt(r.css(s))));N(n)}),N()},N=function(t){speed=t?t:o.settings.speed;var e={left:0,top:0},i={left:0,top:0};"next"==o.settings.autoDirection?e=r.find(".bx-clone").first().position():i=o.children.first().position();var s="horizontal"==o.settings.mode?-e.left:-e.top,n="horizontal"==o.settings.mode?-i.left:-i.top,a={resetValue:n};b(s,"ticker",speed,a)},O=function(){o.touch={start:{x:0,y:0},end:{x:0,y:0}},o.viewport.bind("touchstart",X)},X=function(t){if(o.working)t.preventDefault();else{o.touch.originalPos=r.position();var e=t.originalEvent;o.touch.start.x=e.changedTouches[0].pageX,o.touch.start.y=e.changedTouches[0].pageY,o.viewport.bind("touchmove",Y),o.viewport.bind("touchend",V)}},Y=function(t){var e=t.originalEvent,i=Math.abs(e.changedTouches[0].pageX-o.touch.start.x),s=Math.abs(e.changedTouches[0].pageY-o.touch.start.y);if(3*i>s&&o.settings.preventDefaultSwipeX?t.preventDefault():3*s>i&&o.settings.preventDefaultSwipeY&&t.preventDefault(),"fade"!=o.settings.mode&&o.settings.oneToOneTouch){var n=0;if("horizontal"==o.settings.mode){var r=e.changedTouches[0].pageX-o.touch.start.x;n=o.touch.originalPos.left+r}else{var r=e.changedTouches[0].pageY-o.touch.start.y;n=o.touch.originalPos.top+r}b(n,"reset",0)}},V=function(t){o.viewport.unbind("touchmove",Y);var e=t.originalEvent,i=0;if(o.touch.end.x=e.changedTouches[0].pageX,o.touch.end.y=e.changedTouches[0].pageY,"fade"==o.settings.mode){var s=Math.abs(o.touch.start.x-o.touch.end.x);s>=o.settings.swipeThreshold&&(o.touch.start.x>o.touch.end.x?r.goToNextSlide():r.goToPrevSlide(),r.stopAuto())}else{var s=0;"horizontal"==o.settings.mode?(s=o.touch.end.x-o.touch.start.x,i=o.touch.originalPos.left):(s=o.touch.end.y-o.touch.start.y,i=o.touch.originalPos.top),!o.settings.infiniteLoop&&(0==o.active.index&&s>0||o.active.last&&0>s)?b(i,"reset",200):Math.abs(s)>=o.settings.swipeThreshold?(0>s?r.goToNextSlide():r.goToPrevSlide(),r.stopAuto()):b(i,"reset",200)}o.viewport.unbind("touchend",V)},Z=function(){var e=t(window).width(),i=t(window).height();(a!=e||l!=i)&&(a=e,l=i,r.redrawSlider(),o.settings.onSliderResize.call(r,o.active.index))};return r.goToSlide=function(e,i){if(!o.working&&o.active.index!=e)if(o.working=!0,o.oldIndex=o.active.index,o.active.index=0>e?x()-1:e>=x()?0:e,o.settings.onSlideBefore(o.children.eq(o.active.index),o.oldIndex,o.active.index),"next"==i?o.settings.onSlideNext(o.children.eq(o.active.index),o.oldIndex,o.active.index):"prev"==i&&o.settings.onSlidePrev(o.children.eq(o.active.index),o.oldIndex,o.active.index),o.active.last=o.active.index>=x()-1,o.settings.pager&&q(o.active.index),o.settings.controls&&W(),"fade"==o.settings.mode)o.settings.adaptiveHeight&&o.viewport.height()!=v()&&o.viewport.animate({height:v()},o.settings.adaptiveHeightSpeed),o.children.filter(":visible").fadeOut(o.settings.speed).css({zIndex:0}),o.children.eq(o.active.index).css("zIndex",o.settings.slideZIndex+1).fadeIn(o.settings.speed,function(){t(this).css("zIndex",o.settings.slideZIndex),D()});else{o.settings.adaptiveHeight&&o.viewport.height()!=v()&&o.viewport.animate({height:v()},o.settings.adaptiveHeightSpeed);var s=0,n={left:0,top:0};if(!o.settings.infiniteLoop&&o.carousel&&o.active.last)if("horizontal"==o.settings.mode){var a=o.children.eq(o.children.length-1);n=a.position(),s=o.viewport.width()-a.outerWidth()}else{var l=o.children.length-o.settings.minSlides;n=o.children.eq(l).position()}else if(o.carousel&&o.active.last&&"prev"==i){var d=1==o.settings.moveSlides?o.settings.maxSlides-m():(x()-1)*m()-(o.children.length-o.settings.maxSlides),a=r.children(".bx-clone").eq(d);n=a.position()}else if("next"==i&&0==o.active.index)n=r.find("> .bx-clone").eq(o.settings.maxSlides).position(),o.active.last=!1;else if(e>=0){var c=e*m();n=o.children.eq(c).position()}if("undefined"!=typeof n){var g="horizontal"==o.settings.mode?-(n.left-s):-n.top;b(g,"slide",o.settings.speed)}}},r.goToNextSlide=function(){if(o.settings.infiniteLoop||!o.active.last){var t=parseInt(o.active.index)+1;r.goToSlide(t,"next")}},r.goToPrevSlide=function(){if(o.settings.infiniteLoop||0!=o.active.index){var t=parseInt(o.active.index)-1;r.goToSlide(t,"prev")}},r.startAuto=function(t){o.interval||(o.interval=setInterval(function(){"next"==o.settings.autoDirection?r.goToNextSlide():r.goToPrevSlide()},o.settings.pause),o.settings.autoControls&&1!=t&&A("stop"))},r.stopAuto=function(t){o.interval&&(clearInterval(o.interval),o.interval=null,o.settings.autoControls&&1!=t&&A("start"))},r.getCurrentSlide=function(){return o.active.index},r.getCurrentSlideElement=function(){return o.children.eq(o.active.index)},r.getSlideCount=function(){return o.children.length},r.redrawSlider=function(){o.children.add(r.find(".bx-clone")).outerWidth(u()),o.viewport.css("height",v()),o.settings.ticker||S(),o.active.last&&(o.active.index=x()-1),o.active.index>=x()&&(o.active.last=!0),o.settings.pager&&!o.settings.pagerCustom&&(w(),q(o.active.index))},r.destroySlider=function(){o.initialized&&(o.initialized=!1,t(".bx-clone",this).remove(),o.children.each(function(){void 0!=t(this).data("origStyle")?t(this).attr("style",t(this).data("origStyle")):t(this).removeAttr("style")}),void 0!=t(this).data("origStyle")?this.attr("style",t(this).data("origStyle")):t(this).removeAttr("style"),t(this).unwrap().unwrap(),o.controls.el&&o.controls.el.remove(),o.controls.next&&o.controls.next.remove(),o.controls.prev&&o.controls.prev.remove(),o.pagerEl&&o.settings.controls&&o.pagerEl.remove(),t(".bx-caption",this).remove(),o.controls.autoEl&&o.controls.autoEl.remove(),clearInterval(o.interval),o.settings.responsive&&t(window).unbind("resize",Z))},r.reloadSlider=function(t){void 0!=t&&(n=t),r.destroySlider(),d()},d(),this}}(jQuery); \ No newline at end of file diff --git a/js/jquery.superslide.2.1.1.js b/js/jquery.superslide.2.1.1.js new file mode 100644 index 0000000..3029571 --- /dev/null +++ b/js/jquery.superslide.2.1.1.js @@ -0,0 +1,595 @@ +/*! + * SuperSlide v2.1.1 + * 轻松解决网站大部分特效展示问题 + * 详尽信息请看官网：http://www.SuperSlide2.com/ + * + * Copyright 2011-2013, 大话主席 + * + * 请尊重原创，保留头部版权 + * 在保留版权的前提下可应用于个人或商业用途 + + * v2.1.1：修复当调用多个SuperSlide，并设置returnDefault:true 时返回defaultIndex索引错误 + + */ + +! +function(a) { + a.fn.slide = function(b) { + return a.fn.slide.defaults = { + type: "slide", + effect: "fade", + autoPlay: !1, + delayTime: 500, + interTime: 2500, + triggerTime: 150, + defaultIndex: 0, + titCell: ".hd li", + mainCell: ".bd", + targetCell: null, + trigger: "mouseover", + scroll: 1, + vis: 1, + titOnClassName: "on", + autoPage: !1, + prevCell: ".prev", + nextCell: ".next", + pageStateCell: ".pageState", + opp: !1, + pnLoop: !0, + easing: "swing", + startFun: null, + endFun: null, + switchLoad: null, + playStateCell: ".playState", + mouseOverStop: !0, + defaultPlay: !0, + returnDefault: !1 + }, + this.each(function() { + var c = a.extend({}, + a.fn.slide.defaults, b), + d = a(this), + e = c.effect, + f = a(c.prevCell, d), + g = a(c.nextCell, d), + h = a(c.pageStateCell, d), + i = a(c.playStateCell, d), + j = a(c.titCell, d), + k = j.size(), + l = a(c.mainCell, d), + m = l.children().size(), + n = c.switchLoad, + o = a(c.targetCell, d), + p = parseInt(c.defaultIndex), + q = parseInt(c.delayTime), + r = parseInt(c.interTime); + parseInt(c.triggerTime); + var Q, t = parseInt(c.scroll), + u = parseInt(c.vis), + v = "false" == c.autoPlay || 0 == c.autoPlay ? !1 : !0, + w = "false" == c.opp || 0 == c.opp ? !1 : !0, + x = "false" == c.autoPage || 0 == c.autoPage ? !1 : !0, + y = "false" == c.pnLoop || 0 == c.pnLoop ? !1 : !0, + z = "false" == c.mouseOverStop || 0 == c.mouseOverStop ? !1 : !0, + A = "false" == c.defaultPlay || 0 == c.defaultPlay ? !1 : !0, + B = "false" == c.returnDefault || 0 == c.returnDefault ? !1 : !0, + C = 0, + D = 0, + E = 0, + F = 0, + G = c.easing, + H = null, + I = null, + J = null, + K = c.titOnClassName, + L = j.index(d.find("." + K)), + M = p = -1 == L ? p: L, + N = p, + O = p, + P = m >= u ? 0 != m % t ? m % t: t: 0, + R = "leftMarquee" == e || "topMarquee" == e ? !0 : !1, + S = function() { + a.isFunction(c.startFun) && c.startFun(p, k, d, a(c.titCell, d), l, o, f, g) + }, + T = function() { + a.isFunction(c.endFun) && c.endFun(p, k, d, a(c.titCell, d), l, o, f, g) + }, + U = function() { + j.removeClass(K), + A && j.eq(N).addClass(K) + }; + if ("menu" == c.type) return A && j.removeClass(K).eq(p).addClass(K), + j.hover(function() { + Q = a(this).find(c.targetCell); + var b = j.index(a(this)); + I = setTimeout(function() { + switch (p = b, j.removeClass(K).eq(p).addClass(K), S(), e) { + case "fade": + Q.stop(!0, !0).animate({ + opacity: "show" + }, + q, G, T); + break; + case "slideDown": + Q.stop(!0, !0).animate({ + height: "show" + }, + q, G, T) + } + }, + c.triggerTime) + }, + function() { + switch (clearTimeout(I), e) { + case "fade": + Q.animate({ + opacity: + "hide" + }, + q, G); + break; + case "slideDown": + Q.animate({ + height: + "hide" + }, + q, G) + } + }), + B && d.hover(function() { + clearTimeout(J) + }, + function() { + J = setTimeout(U, q) + }), + void 0; + if (0 == k && (k = m), R && (k = 2), x) { + if (m >= u) if ("leftLoop" == e || "topLoop" == e) k = 0 != m % t ? (0 ^ m / t) + 1 : m / t; + else { + var V = m - u; + k = 1 + parseInt(0 != V % t ? V / t + 1 : V / t), + 0 >= k && (k = 1) + } else k = 1; + j.html(""); + var W = ""; + if (1 == c.autoPage || "true" == c.autoPage) for (var X = 0; k > X; X++) W += "
  • " + (X + 1) + "
    • "; + else for (var X = 0; k > X; X++) W += c.autoPage.replace("$", X + 1); + j.html(W); + var j = j.children() + } + if (m >= u) { + l.children().each(function() { + a(this).width() > E && (E = a(this).width(), D = a(this).outerWidth(!0)), + a(this).height() > F && (F = a(this).height(), C = a(this).outerHeight(!0)) + }); + var Y = l.children(), + Z = function() { + for (var a = 0; u > a; a++) Y.eq(a).clone().addClass("clone").appendTo(l); + for (var a = 0; P > a; a++) Y.eq(m - a - 1).clone().addClass("clone").prependTo(l) + }; + switch (e) { + case "fold": + l.css({ + position: + "relative", + width: D, + height: C + }).children().css({ + position: "absolute", + width: E, + left: 0, + top: 0, + display: "none" + }); + break; + case "top": + l.wrap('
    ').css({ + top: -(p * t) * C, + position: "relative", + padding: "0", + margin: "0" + }).children().css({ + height: F + }); + break; + case "left": + l.wrap('
    ').css({ + width: m * D, + left: -(p * t) * D, + position: "relative", + overflow: "hidden", + padding: "0", + margin: "0" + }).children().css({ + "float": "left", + width: E + }); + break; + case "leftLoop": + case "leftMarquee": + Z(), + l.wrap('
    ').css({ + width: (m + u + P) * D, + position: "relative", + overflow: "hidden", + padding: "0", + margin: "0", + left: -(P + p * t) * D + }).children().css({ + "float": "left", + width: E + }); + break; + case "topLoop": + case "topMarquee": + Z(), + l.wrap('
    ').css({ + height: (m + u + P) * C, + position: "relative", + padding: "0", + margin: "0", + top: -(P + p * t) * C + }).children().css({ + height: F + }) + } + } + var $ = function(a) { + var b = a * t; + return a == k ? b = m: -1 == a && 0 != m % t && (b = -m % t), + b + }, + _ = function(b) { + var c = function(c) { + for (var d = c; u + c > d; d++) b.eq(d).find("img[" + n + "]").each(function() { + var b = a(this); + if (b.attr("src", b.attr(n)).removeAttr(n), l.find(".clone")[0]) for (var c = l.children(), d = 0; d < c.size(); d++) c.eq(d).find("img[" + n + "]").each(function() { + a(this).attr(n) == b.attr("src") && a(this).attr("src", a(this).attr(n)).removeAttr(n) + }) + }) + }; + switch (e) { + case "fade": + case "fold": + case "top": + case "left": + case "slideDown": + c(p * t); + break; + case "leftLoop": + case "topLoop": + c(P + $(O)); + break; + case "leftMarquee": + case "topMarquee": + var d = "leftMarquee" == e ? l.css("left").replace("px", "") : l.css("top").replace("px", ""), + f = "leftMarquee" == e ? D: C, + g = P; + if (0 != d % f) { + var h = Math.abs(0 ^ d / f); + g = 1 == p ? P + h: P + h - 1 + } + c(g) + } + }, + ab = function(a) { + if (!A || M != p || a || R) { + if (R ? p >= 1 ? p = 1 : 0 >= p && (p = 0) : (O = p, p >= k ? p = 0 : 0 > p && (p = k - 1)), S(), null != n && _(l.children()), o[0] && (Q = o.eq(p), null != n && _(o), "slideDown" == e ? (o.not(Q).stop(!0, !0).slideUp(q), Q.slideDown(q, G, + function() { + l[0] || T() + })) : (o.not(Q).stop(!0, !0).hide(), Q.animate({ + opacity: "show" + }, + q, + function() { + l[0] || T() + }))), m >= u) switch (e) { + case "fade": + l.children().stop(!0, !0).eq(p).animate({ + opacity: "show" + }, + q, G, + function() { + T() + }).siblings().hide(); + break; + case "fold": + l.children().stop(!0, !0).eq(p).animate({ + opacity: "show" + }, + q, G, + function() { + T() + }).siblings().animate({ + opacity: "hide" + }, + q, G); + break; + case "top": + l.stop(!0, !1).animate({ + top: -p * t * C + }, + q, G, + function() { + T() + }); + break; + case "left": + l.stop(!0, !1).animate({ + left: -p * t * D + }, + q, G, + function() { + T() + }); + break; + case "leftLoop": + var b = O; + l.stop(!0, !0).animate({ + left: -($(O) + P) * D + }, + q, G, + function() { - 1 >= b ? l.css("left", -(P + (k - 1) * t) * D) : b >= k && l.css("left", -P * D), + T() + }); + break; + case "topLoop": + var b = O; + l.stop(!0, !0).animate({ + top: -($(O) + P) * C + }, + q, G, + function() { - 1 >= b ? l.css("top", -(P + (k - 1) * t) * C) : b >= k && l.css("top", -P * C), + T() + }); + break; + case "leftMarquee": + var c = l.css("left").replace("px", ""); + 0 == p ? l.animate({ + left: ++c + }, + 0, + function() { + l.css("left").replace("px", "") >= 0 && l.css("left", -m * D) + }) : l.animate({ + left: --c + }, + 0, + function() { + l.css("left").replace("px", "") <= -(m + P) * D && l.css("left", -P * D) + }); + break; + case "topMarquee": + var d = l.css("top").replace("px", ""); + 0 == p ? l.animate({ + top: ++d + }, + 0, + function() { + l.css("top").replace("px", "") >= 0 && l.css("top", -m * C) + }) : l.animate({ + top: --d + }, + 0, + function() { + l.css("top").replace("px", "") <= -(m + P) * C && l.css("top", -P * C) + }) + } + j.removeClass(K).eq(p).addClass(K), + M = p, + y || (g.removeClass("nextStop"), f.removeClass("prevStop"), 0 == p && f.addClass("prevStop"), p == k - 1 && g.addClass("nextStop")), + h.html("" + (p + 1) + "/" + k) + } + }; + A && ab(!0), + B && d.hover(function() { + clearTimeout(J) + }, + function() { + J = setTimeout(function() { + p = N, + A ? ab() : "slideDown" == e ? Q.slideUp(q, U) : Q.animate({ + opacity: "hide" + }, + q, U), + M = p + }, + 300) + }); + var bb = function(a) { + H = setInterval(function() { + w ? p--:p++, + ab() + }, + a ? a: r) + }, + cb = function(a) { + H = setInterval(ab, a ? a: r) + }, + db = function() { + z || (clearInterval(H), bb()) + }, + eb = function() { (y || p != k - 1) && (p++, ab(), R || db()) + }, + fb = function() { (y || 0 != p) && (p--, ab(), R || db()) + }, + gb = function() { + clearInterval(H), + R ? cb() : bb(), + i.removeClass("pauseState") + }, + hb = function() { + clearInterval(H), + i.addClass("pauseState") + }; + if (v ? R ? (w ? p--:p++, cb(), z && l.hover(hb, gb)) : (bb(), z && d.hover(hb, gb)) : (R && (w ? p--:p++), i.addClass("pauseState")), i.click(function() { + i.hasClass("pauseState") ? gb() : hb() + }), "mouseover" == c.trigger ? j.hover(function() { + var a = j.index(this); + I = setTimeout(function() { + p = a, + ab(), + db() + }, + c.triggerTime) + }, + function() { + clearTimeout(I) + }) : j.click(function() { + p = j.index(this), + ab(), + db() + }), R) { + if (g.mousedown(eb), f.mousedown(fb), y) { + var ib, jb = function() { + ib = setTimeout(function() { + clearInterval(H), + cb(0 ^ r / 10) + }, + 150) + }, + kb = function() { + clearTimeout(ib), + clearInterval(H), + cb() + }; + g.mousedown(jb), + g.mouseup(kb), + f.mousedown(jb), + f.mouseup(kb) + } + "mouseover" == c.trigger && (g.hover(eb, + function() {}), f.hover(fb, + function() {})) + } else g.click(eb), + f.click(fb) + }) + } +} (jQuery), +jQuery.easing.jswing = jQuery.easing.swing, +jQuery.extend(jQuery.easing, { + def: "easeOutQuad", + swing: function(a, b, c, d, e) { + return jQuery.easing[jQuery.easing.def](a, b, c, d, e) + }, + easeInQuad: function(a, b, c, d, e) { + return d * (b /= e) * b + c + }, + easeOutQuad: function(a, b, c, d, e) { + return - d * (b /= e) * (b - 2) + c + }, + easeInOutQuad: function(a, b, c, d, e) { + return (b /= e / 2) < 1 ? d / 2 * b * b + c: -d / 2 * (--b * (b - 2) - 1) + c + }, + easeInCubic: function(a, b, c, d, e) { + return d * (b /= e) * b * b + c + }, + easeOutCubic: function(a, b, c, d, e) { + return d * ((b = b / e - 1) * b * b + 1) + c + }, + easeInOutCubic: function(a, b, c, d, e) { + return (b /= e / 2) < 1 ? d / 2 * b * b * b + c: d / 2 * ((b -= 2) * b * b + 2) + c + }, + easeInQuart: function(a, b, c, d, e) { + return d * (b /= e) * b * b * b + c + }, + easeOutQuart: function(a, b, c, d, e) { + return - d * ((b = b / e - 1) * b * b * b - 1) + c + }, + easeInOutQuart: function(a, b, c, d, e) { + return (b /= e / 2) < 1 ? d / 2 * b * b * b * b + c: -d / 2 * ((b -= 2) * b * b * b - 2) + c + }, + easeInQuint: function(a, b, c, d, e) { + return d * (b /= e) * b * b * b * b + c + }, + easeOutQuint: function(a, b, c, d, e) { + return d * ((b = b / e - 1) * b * b * b * b + 1) + c + }, + easeInOutQuint: function(a, b, c, d, e) { + return (b /= e / 2) < 1 ? d / 2 * b * b * b * b * b + c: d / 2 * ((b -= 2) * b * b * b * b + 2) + c + }, + easeInSine: function(a, b, c, d, e) { + return - d * Math.cos(b / e * (Math.PI / 2)) + d + c + }, + easeOutSine: function(a, b, c, d, e) { + return d * Math.sin(b / e * (Math.PI / 2)) + c + }, + easeInOutSine: function(a, b, c, d, e) { + return - d / 2 * (Math.cos(Math.PI * b / e) - 1) + c + }, + easeInExpo: function(a, b, c, d, e) { + return 0 == b ? c: d * Math.pow(2, 10 * (b / e - 1)) + c + }, + easeOutExpo: function(a, b, c, d, e) { + return b == e ? c + d: d * ( - Math.pow(2, -10 * b / e) + 1) + c + }, + easeInOutExpo: function(a, b, c, d, e) { + return 0 == b ? c: b == e ? c + d: (b /= e / 2) < 1 ? d / 2 * Math.pow(2, 10 * (b - 1)) + c: d / 2 * ( - Math.pow(2, -10 * --b) + 2) + c + }, + easeInCirc: function(a, b, c, d, e) { + return - d * (Math.sqrt(1 - (b /= e) * b) - 1) + c + }, + easeOutCirc: function(a, b, c, d, e) { + return d * Math.sqrt(1 - (b = b / e - 1) * b) + c + }, + easeInOutCirc: function(a, b, c, d, e) { + return (b /= e / 2) < 1 ? -d / 2 * (Math.sqrt(1 - b * b) - 1) + c: d / 2 * (Math.sqrt(1 - (b -= 2) * b) + 1) + c + }, + easeInElastic: function(a, b, c, d, e) { + var f = 1.70158, + g = 0, + h = d; + if (0 == b) return c; + if (1 == (b /= e)) return c + d; + if (g || (g = .3 * e), h < Math.abs(d)) { + h = d; + var f = g / 4 + } else var f = g / (2 * Math.PI) * Math.asin(d / h); + return - (h * Math.pow(2, 10 * (b -= 1)) * Math.sin((b * e - f) * 2 * Math.PI / g)) + c + }, + easeOutElastic: function(a, b, c, d, e) { + var f = 1.70158, + g = 0, + h = d; + if (0 == b) return c; + if (1 == (b /= e)) return c + d; + if (g || (g = .3 * e), h < Math.abs(d)) { + h = d; + var f = g / 4 + } else var f = g / (2 * Math.PI) * Math.asin(d / h); + return h * Math.pow(2, -10 * b) * Math.sin((b * e - f) * 2 * Math.PI / g) + d + c + }, + easeInOutElastic: function(a, b, c, d, e) { + var f = 1.70158, + g = 0, + h = d; + if (0 == b) return c; + if (2 == (b /= e / 2)) return c + d; + if (g || (g = e * .3 * 1.5), h < Math.abs(d)) { + h = d; + var f = g / 4 + } else var f = g / (2 * Math.PI) * Math.asin(d / h); + return 1 > b ? -.5 * h * Math.pow(2, 10 * (b -= 1)) * Math.sin((b * e - f) * 2 * Math.PI / g) + c: .5 * h * Math.pow(2, -10 * (b -= 1)) * Math.sin((b * e - f) * 2 * Math.PI / g) + d + c + }, + easeInBack: function(a, b, c, d, e, f) { + return void 0 == f && (f = 1.70158), + d * (b /= e) * b * ((f + 1) * b - f) + c + }, + easeOutBack: function(a, b, c, d, e, f) { + return void 0 == f && (f = 1.70158), + d * ((b = b / e - 1) * b * ((f + 1) * b + f) + 1) + c + }, + easeInOutBack: function(a, b, c, d, e, f) { + return void 0 == f && (f = 1.70158), + (b /= e / 2) < 1 ? d / 2 * b * b * (((f *= 1.525) + 1) * b - f) + c: d / 2 * ((b -= 2) * b * (((f *= 1.525) + 1) * b + f) + 2) + c + }, + easeInBounce: function(a, b, c, d, e) { + return d - jQuery.easing.easeOutBounce(a, e - b, 0, d, e) + c + }, + easeOutBounce: function(a, b, c, d, e) { + return (b /= e) < 1 / 2.75 ? d * 7.5625 * b * b + c: 2 / 2.75 > b ? d * (7.5625 * (b -= 1.5 / 2.75) * b + .75) + c: 2.5 / 2.75 > b ? d * (7.5625 * (b -= 2.25 / 2.75) * b + .9375) + c: d * (7.5625 * (b -= 2.625 / 2.75) * b + .984375) + c + }, + easeInOutBounce: function(a, b, c, d, e) { + return e / 2 > b ? .5 * jQuery.easing.easeInBounce(a, 2 * b, 0, d, e) + c: .5 * jQuery.easing.easeOutBounce(a, 2 * b - e, 0, d, e) + .5 * d + c + } +}); \ No newline at end of file diff --git a/js/owl.carousel.js b/js/owl.carousel.js new file mode 100644 index 0000000..8aa1c58 --- /dev/null +++ b/js/owl.carousel.js @@ -0,0 +1,1502 @@ +/* + * jQuery OwlCarousel v1.3.3 + */ + +if (typeof Object.create !== "function") { + Object.create = function (obj) { + function F() {} + F.prototype = obj; + return new F(); + }; +} +(function ($, window, document) { + + var Carousel = { + init : function (options, el) { + var base = this; + + base.$elem = $(el); + base.options = $.extend({}, $.fn.owlCarousel.options, base.$elem.data(), options); + + base.userOptions = options; + base.loadContent(); + }, + + loadContent : function () { + var base = this, url; + + function getData(data) { + var i, content = ""; + if (typeof base.options.jsonSuccess === "function") { + base.options.jsonSuccess.apply(this, [data]); + } else { + for (i in data.owl) { + if (data.owl.hasOwnProperty(i)) { + content += data.owl[i].item; + } + } + base.$elem.html(content); + } + base.logIn(); + } + + if (typeof base.options.beforeInit === "function") { + base.options.beforeInit.apply(this, [base.$elem]); + } + + if (typeof base.options.jsonPath === "string") { + url = base.options.jsonPath; + $.getJSON(url, getData); + } else { + base.logIn(); + } + }, + + logIn : function () { + var base = this; + + base.$elem.data("owl-originalStyles", base.$elem.attr("style")); + base.$elem.data("owl-originalClasses", base.$elem.attr("class")); + + base.$elem.css({opacity: 0}); + base.orignalItems = base.options.items; + base.checkBrowser(); + base.wrapperWidth = 0; + base.checkVisible = null; + base.setVars(); + }, + + setVars : function () { + var base = this; + if (base.$elem.children().length === 0) {return false; } + base.baseClass(); + base.eventTypes(); + base.$userItems = base.$elem.children(); + base.itemsAmount = base.$userItems.length; + base.wrapItems(); + base.$owlItems = base.$elem.find(".owl-item"); + base.$owlWrapper = base.$elem.find(".owl-wrapper"); + base.playDirection = "next"; + base.prevItem = 0; + base.prevArr = [0]; + base.currentItem = 0; + base.customEvents(); + base.onStartup(); + }, + + onStartup : function () { + var base = this; + base.updateItems(); + base.calculateAll(); + base.buildControls(); + base.updateControls(); + base.response(); + base.moveEvents(); + base.stopOnHover(); + base.owlStatus(); + + if (base.options.transitionStyle !== false) { + base.transitionTypes(base.options.transitionStyle); + } + if (base.options.autoPlay === true) { + base.options.autoPlay = 5000; + } + base.play(); + + base.$elem.find(".owl-wrapper").css("display", "block"); + + if (!base.$elem.is(":visible")) { + base.watchVisibility(); + } else { + base.$elem.css("opacity", 1); + } + base.onstartup = false; + base.eachMoveUpdate(); + if (typeof base.options.afterInit === "function") { + base.options.afterInit.apply(this, [base.$elem]); + } + }, + + eachMoveUpdate : function () { + var base = this; + + if (base.options.lazyLoad === true) { + base.lazyLoad(); + } + if (base.options.autoHeight === true) { + base.autoHeight(); + } + base.onVisibleItems(); + + if (typeof base.options.afterAction === "function") { + base.options.afterAction.apply(this, [base.$elem]); + } + }, + + updateVars : function () { + var base = this; + if (typeof base.options.beforeUpdate === "function") { + base.options.beforeUpdate.apply(this, [base.$elem]); + } + base.watchVisibility(); + base.updateItems(); + base.calculateAll(); + base.updatePosition(); + base.updateControls(); + base.eachMoveUpdate(); + if (typeof base.options.afterUpdate === "function") { + base.options.afterUpdate.apply(this, [base.$elem]); + } + }, + + reload : function () { + var base = this; + window.setTimeout(function () { + base.updateVars(); + }, 0); + }, + + watchVisibility : function () { + var base = this; + + if (base.$elem.is(":visible") === false) { + base.$elem.css({opacity: 0}); + window.clearInterval(base.autoPlayInterval); + window.clearInterval(base.checkVisible); + } else { + return false; + } + base.checkVisible = window.setInterval(function () { + if (base.$elem.is(":visible")) { + base.reload(); + base.$elem.animate({opacity: 1}, 200); + window.clearInterval(base.checkVisible); + } + }, 500); + }, + + wrapItems : function () { + var base = this; + base.$userItems.wrapAll("
    ").wrap("
    "); + base.$elem.find(".owl-wrapper").wrap("
    "); + base.wrapperOuter = base.$elem.find(".owl-wrapper-outer"); + base.$elem.css("display", "block"); + }, + + baseClass : function () { + var base = this, + hasBaseClass = base.$elem.hasClass(base.options.baseClass), + hasThemeClass = base.$elem.hasClass(base.options.theme); + + if (!hasBaseClass) { + base.$elem.addClass(base.options.baseClass); + } + + if (!hasThemeClass) { + base.$elem.addClass(base.options.theme); + } + }, + + updateItems : function () { + var base = this, width, i; + + if (base.options.responsive === false) { + return false; + } + if (base.options.singleItem === true) { + base.options.items = base.orignalItems = 1; + base.options.itemsCustom = false; + base.options.itemsDesktop = false; + base.options.itemsDesktopSmall = false; + base.options.itemsTablet = false; + base.options.itemsTabletSmall = false; + base.options.itemsMobile = false; + return false; + } + + width = $(base.options.responsiveBaseWidth).width(); + + if (width > (base.options.itemsDesktop[0] || base.orignalItems)) { + base.options.items = base.orignalItems; + } + if (base.options.itemsCustom !== false) { + //Reorder array by screen size + base.options.itemsCustom.sort(function (a, b) {return a[0] - b[0]; }); + + for (i = 0; i < base.options.itemsCustom.length; i += 1) { + if (base.options.itemsCustom[i][0] <= width) { + base.options.items = base.options.itemsCustom[i][1]; + } + } + + } else { + + if (width <= base.options.itemsDesktop[0] && base.options.itemsDesktop !== false) { + base.options.items = base.options.itemsDesktop[1]; + } + + if (width <= base.options.itemsDesktopSmall[0] && base.options.itemsDesktopSmall !== false) { + base.options.items = base.options.itemsDesktopSmall[1]; + } + + if (width <= base.options.itemsTablet[0] && base.options.itemsTablet !== false) { + base.options.items = base.options.itemsTablet[1]; + } + + if (width <= base.options.itemsTabletSmall[0] && base.options.itemsTabletSmall !== false) { + base.options.items = base.options.itemsTabletSmall[1]; + } + + if (width <= base.options.itemsMobile[0] && base.options.itemsMobile !== false) { + base.options.items = base.options.itemsMobile[1]; + } + } + + //if number of items is less than declared + if (base.options.items > base.itemsAmount && base.options.itemsScaleUp === true) { + base.options.items = base.itemsAmount; + } + }, + + response : function () { + var base = this, + smallDelay, + lastWindowWidth; + + if (base.options.responsive !== true) { + return false; + } + lastWindowWidth = $(window).width(); + + base.resizer = function () { + if ($(window).width() !== lastWindowWidth) { + if (base.options.autoPlay !== false) { + window.clearInterval(base.autoPlayInterval); + } + window.clearTimeout(smallDelay); + smallDelay = window.setTimeout(function () { + lastWindowWidth = $(window).width(); + base.updateVars(); + }, base.options.responsiveRefreshRate); + } + }; + $(window).resize(base.resizer); + }, + + updatePosition : function () { + var base = this; + base.jumpTo(base.currentItem); + if (base.options.autoPlay !== false) { + base.checkAp(); + } + }, + + appendItemsSizes : function () { + var base = this, + roundPages = 0, + lastItem = base.itemsAmount - base.options.items; + + base.$owlItems.each(function (index) { + var $this = $(this); + $this + .css({"width": base.itemWidth}) + .data("owl-item", Number(index)); + + if (index % base.options.items === 0 || index === lastItem) { + if (!(index > lastItem)) { + roundPages += 1; + } + } + $this.data("owl-roundPages", roundPages); + }); + }, + + appendWrapperSizes : function () { + var base = this, + width = base.$owlItems.length * base.itemWidth; + + base.$owlWrapper.css({ + "width": width * 2, + "left": 0 + }); + base.appendItemsSizes(); + }, + + calculateAll : function () { + var base = this; + base.calculateWidth(); + base.appendWrapperSizes(); + base.loops(); + base.max(); + }, + + calculateWidth : function () { + var base = this; + base.itemWidth = Math.round(base.$elem.width() / base.options.items); + }, + + max : function () { + var base = this, + maximum = ((base.itemsAmount * base.itemWidth) - base.options.items * base.itemWidth) * -1; + if (base.options.items > base.itemsAmount) { + base.maximumItem = 0; + maximum = 0; + base.maximumPixels = 0; + } else { + base.maximumItem = base.itemsAmount - base.options.items; + base.maximumPixels = maximum; + } + return maximum; + }, + + min : function () { + return 0; + }, + + loops : function () { + var base = this, + prev = 0, + elWidth = 0, + i, + item, + roundPageNum; + + base.positionsInArray = [0]; + base.pagesInArray = []; + + for (i = 0; i < base.itemsAmount; i += 1) { + elWidth += base.itemWidth; + base.positionsInArray.push(-elWidth); + + if (base.options.scrollPerPage === true) { + item = $(base.$owlItems[i]); + roundPageNum = item.data("owl-roundPages"); + if (roundPageNum !== prev) { + base.pagesInArray[prev] = base.positionsInArray[i]; + prev = roundPageNum; + } + } + } + }, + + buildControls : function () { + var base = this; + if (base.options.navigation === true || base.options.pagination === true) { + base.owlControls = $("
    ").toggleClass("clickable", !base.browser.isTouch).appendTo(base.$elem); + } + if (base.options.pagination === true) { + base.buildPagination(); + } + if (base.options.navigation === true) { + base.buildButtons(); + } + }, + + buildButtons : function () { + var base = this, + buttonsWrapper = $("
    "); + base.owlControls.append(buttonsWrapper); + + base.buttonPrev = $("
    ", { + "class" : "owl-prev", + "html" : base.options.navigationText[0] || "" + }); + + base.buttonNext = $("
    ", { + "class" : "owl-next", + "html" : base.options.navigationText[1] || "" + }); + + buttonsWrapper + .append(base.buttonPrev) + .append(base.buttonNext); + + buttonsWrapper.on("touchstart.owlControls mousedown.owlControls", "div[class^=\"owl\"]", function (event) { + event.preventDefault(); + }); + + buttonsWrapper.on("touchend.owlControls mouseup.owlControls", "div[class^=\"owl\"]", function (event) { + event.preventDefault(); + if ($(this).hasClass("owl-next")) { + base.next(); + } else { + base.prev(); + } + }); + }, + + buildPagination : function () { + var base = this; + + base.paginationWrapper = $("
    "); + base.owlControls.append(base.paginationWrapper); + + base.paginationWrapper.on("touchend.owlControls mouseup.owlControls", ".owl-page", function (event) { + event.preventDefault(); + if (Number($(this).data("owl-page")) !== base.currentItem) { + base.goTo(Number($(this).data("owl-page")), true); + } + }); + }, + + updatePagination : function () { + var base = this, + counter, + lastPage, + lastItem, + i, + paginationButton, + paginationButtonInner; + + if (base.options.pagination === false) { + return false; + } + + base.paginationWrapper.html(""); + + counter = 0; + lastPage = base.itemsAmount - base.itemsAmount % base.options.items; + + for (i = 0; i < base.itemsAmount; i += 1) { + if (i % base.options.items === 0) { + counter += 1; + if (lastPage === i) { + lastItem = base.itemsAmount - base.options.items; + } + paginationButton = $("
    ", { + "class" : "owl-page" + }); + paginationButtonInner = $("", { + "text": base.options.paginationNumbers === true ? counter : "", + "class": base.options.paginationNumbers === true ? "owl-numbers" : "" + }); + paginationButton.append(paginationButtonInner); + + paginationButton.data("owl-page", lastPage === i ? lastItem : i); + paginationButton.data("owl-roundPages", counter); + + base.paginationWrapper.append(paginationButton); + } + } + base.checkPagination(); + }, + checkPagination : function () { + var base = this; + if (base.options.pagination === false) { + return false; + } + base.paginationWrapper.find(".owl-page").each(function () { + if ($(this).data("owl-roundPages") === $(base.$owlItems[base.currentItem]).data("owl-roundPages")) { + base.paginationWrapper + .find(".owl-page") + .removeClass("active"); + $(this).addClass("active"); + } + }); + }, + + checkNavigation : function () { + var base = this; + + if (base.options.navigation === false) { + return false; + } + if (base.options.rewindNav === false) { + if (base.currentItem === 0 && base.maximumItem === 0) { + base.buttonPrev.addClass("disabled"); + base.buttonNext.addClass("disabled"); + } else if (base.currentItem === 0 && base.maximumItem !== 0) { + base.buttonPrev.addClass("disabled"); + base.buttonNext.removeClass("disabled"); + } else if (base.currentItem === base.maximumItem) { + base.buttonPrev.removeClass("disabled"); + base.buttonNext.addClass("disabled"); + } else if (base.currentItem !== 0 && base.currentItem !== base.maximumItem) { + base.buttonPrev.removeClass("disabled"); + base.buttonNext.removeClass("disabled"); + } + } + }, + + updateControls : function () { + var base = this; + base.updatePagination(); + base.checkNavigation(); + if (base.owlControls) { + if (base.options.items >= base.itemsAmount) { + base.owlControls.hide(); + } else { + base.owlControls.show(); + } + } + }, + + destroyControls : function () { + var base = this; + if (base.owlControls) { + base.owlControls.remove(); + } + }, + + next : function (speed) { + var base = this; + + if (base.isTransition) { + return false; + } + + base.currentItem += base.options.scrollPerPage === true ? base.options.items : 1; + if (base.currentItem > base.maximumItem + (base.options.scrollPerPage === true ? (base.options.items - 1) : 0)) { + if (base.options.rewindNav === true) { + base.currentItem = 0; + speed = "rewind"; + } else { + base.currentItem = base.maximumItem; + return false; + } + } + base.goTo(base.currentItem, speed); + }, + + prev : function (speed) { + var base = this; + + if (base.isTransition) { + return false; + } + + if (base.options.scrollPerPage === true && base.currentItem > 0 && base.currentItem < base.options.items) { + base.currentItem = 0; + } else { + base.currentItem -= base.options.scrollPerPage === true ? base.options.items : 1; + } + if (base.currentItem < 0) { + if (base.options.rewindNav === true) { + base.currentItem = base.maximumItem; + speed = "rewind"; + } else { + base.currentItem = 0; + return false; + } + } + base.goTo(base.currentItem, speed); + }, + + goTo : function (position, speed, drag) { + var base = this, + goToPixel; + + if (base.isTransition) { + return false; + } + if (typeof base.options.beforeMove === "function") { + base.options.beforeMove.apply(this, [base.$elem]); + } + if (position >= base.maximumItem) { + position = base.maximumItem; + } else if (position <= 0) { + position = 0; + } + + base.currentItem = base.owl.currentItem = position; + if (base.options.transitionStyle !== false && drag !== "drag" && base.options.items === 1 && base.browser.support3d === true) { + base.swapSpeed(0); + if (base.browser.support3d === true) { + base.transition3d(base.positionsInArray[position]); + } else { + base.css2slide(base.positionsInArray[position], 1); + } + base.afterGo(); + base.singleItemTransition(); + return false; + } + goToPixel = base.positionsInArray[position]; + + if (base.browser.support3d === true) { + base.isCss3Finish = false; + + if (speed === true) { + base.swapSpeed("paginationSpeed"); + window.setTimeout(function () { + base.isCss3Finish = true; + }, base.options.paginationSpeed); + + } else if (speed === "rewind") { + base.swapSpeed(base.options.rewindSpeed); + window.setTimeout(function () { + base.isCss3Finish = true; + }, base.options.rewindSpeed); + + } else { + base.swapSpeed("slideSpeed"); + window.setTimeout(function () { + base.isCss3Finish = true; + }, base.options.slideSpeed); + } + base.transition3d(goToPixel); + } else { + if (speed === true) { + base.css2slide(goToPixel, base.options.paginationSpeed); + } else if (speed === "rewind") { + base.css2slide(goToPixel, base.options.rewindSpeed); + } else { + base.css2slide(goToPixel, base.options.slideSpeed); + } + } + base.afterGo(); + }, + + jumpTo : function (position) { + var base = this; + if (typeof base.options.beforeMove === "function") { + base.options.beforeMove.apply(this, [base.$elem]); + } + if (position >= base.maximumItem || position === -1) { + position = base.maximumItem; + } else if (position <= 0) { + position = 0; + } + base.swapSpeed(0); + if (base.browser.support3d === true) { + base.transition3d(base.positionsInArray[position]); + } else { + base.css2slide(base.positionsInArray[position], 1); + } + base.currentItem = base.owl.currentItem = position; + base.afterGo(); + }, + + afterGo : function () { + var base = this; + + base.prevArr.push(base.currentItem); + base.prevItem = base.owl.prevItem = base.prevArr[base.prevArr.length - 2]; + base.prevArr.shift(0); + + if (base.prevItem !== base.currentItem) { + base.checkPagination(); + base.checkNavigation(); + base.eachMoveUpdate(); + + if (base.options.autoPlay !== false) { + base.checkAp(); + } + } + if (typeof base.options.afterMove === "function" && base.prevItem !== base.currentItem) { + base.options.afterMove.apply(this, [base.$elem]); + } + }, + + stop : function () { + var base = this; + base.apStatus = "stop"; + window.clearInterval(base.autoPlayInterval); + }, + + checkAp : function () { + var base = this; + if (base.apStatus !== "stop") { + base.play(); + } + }, + + play : function () { + var base = this; + base.apStatus = "play"; + if (base.options.autoPlay === false) { + return false; + } + window.clearInterval(base.autoPlayInterval); + base.autoPlayInterval = window.setInterval(function () { + base.next(true); + }, base.options.autoPlay); + }, + + swapSpeed : function (action) { + var base = this; + if (action === "slideSpeed") { + base.$owlWrapper.css(base.addCssSpeed(base.options.slideSpeed)); + } else if (action === "paginationSpeed") { + base.$owlWrapper.css(base.addCssSpeed(base.options.paginationSpeed)); + } else if (typeof action !== "string") { + base.$owlWrapper.css(base.addCssSpeed(action)); + } + }, + + addCssSpeed : function (speed) { + return { + "-webkit-transition": "all " + speed + "ms ease", + "-moz-transition": "all " + speed + "ms ease", + "-o-transition": "all " + speed + "ms ease", + "transition": "all " + speed + "ms ease" + }; + }, + + removeTransition : function () { + return { + "-webkit-transition": "", + "-moz-transition": "", + "-o-transition": "", + "transition": "" + }; + }, + + doTranslate : function (pixels) { + return { + "-webkit-transform": "translate3d(" + pixels + "px, 0px, 0px)", + "-moz-transform": "translate3d(" + pixels + "px, 0px, 0px)", + "-o-transform": "translate3d(" + pixels + "px, 0px, 0px)", + "-ms-transform": "translate3d(" + pixels + "px, 0px, 0px)", + "transform": "translate3d(" + pixels + "px, 0px,0px)" + }; + }, + + transition3d : function (value) { + var base = this; + base.$owlWrapper.css(base.doTranslate(value)); + }, + + css2move : function (value) { + var base = this; + base.$owlWrapper.css({"left" : value}); + }, + + css2slide : function (value, speed) { + var base = this; + + base.isCssFinish = false; + base.$owlWrapper.stop(true, true).animate({ + "left" : value + }, { + duration : speed || base.options.slideSpeed, + complete : function () { + base.isCssFinish = true; + } + }); + }, + + checkBrowser : function () { + var base = this, + translate3D = "translate3d(0px, 0px, 0px)", + tempElem = document.createElement("div"), + regex, + asSupport, + support3d, + isTouch; + + tempElem.style.cssText = " -moz-transform:" + translate3D + + "; -ms-transform:" + translate3D + + "; -o-transform:" + translate3D + + "; -webkit-transform:" + translate3D + + "; transform:" + translate3D; + regex = /translate3d\(0px, 0px, 0px\)/g; + asSupport = tempElem.style.cssText.match(regex); + support3d = (asSupport !== null && asSupport.length === 1); + + isTouch = "ontouchstart" in window || window.navigator.msMaxTouchPoints; + + base.browser = { + "support3d" : support3d, + "isTouch" : isTouch + }; + }, + + moveEvents : function () { + var base = this; + if (base.options.mouseDrag !== false || base.options.touchDrag !== false) { + base.gestures(); + base.disabledEvents(); + } + }, + + eventTypes : function () { + var base = this, + types = ["s", "e", "x"]; + + base.ev_types = {}; + + if (base.options.mouseDrag === true && base.options.touchDrag === true) { + types = [ + "touchstart.owl mousedown.owl", + "touchmove.owl mousemove.owl", + "touchend.owl touchcancel.owl mouseup.owl" + ]; + } else if (base.options.mouseDrag === false && base.options.touchDrag === true) { + types = [ + "touchstart.owl", + "touchmove.owl", + "touchend.owl touchcancel.owl" + ]; + } else if (base.options.mouseDrag === true && base.options.touchDrag === false) { + types = [ + "mousedown.owl", + "mousemove.owl", + "mouseup.owl" + ]; + } + + base.ev_types.start = types[0]; + base.ev_types.move = types[1]; + base.ev_types.end = types[2]; + }, + + disabledEvents : function () { + var base = this; + base.$elem.on("dragstart.owl", function (event) { event.preventDefault(); }); + base.$elem.on("mousedown.disableTextSelect", function (e) { + return $(e.target).is('input, textarea, select, option'); + }); + }, + + gestures : function () { + /*jslint unparam: true*/ + var base = this, + locals = { + offsetX : 0, + offsetY : 0, + baseElWidth : 0, + relativePos : 0, + position: null, + minSwipe : null, + maxSwipe: null, + sliding : null, + dargging: null, + targetElement : null + }; + + base.isCssFinish = true; + + function getTouches(event) { + if (event.touches !== undefined) { + return { + x : event.touches[0].pageX, + y : event.touches[0].pageY + }; + } + + if (event.touches === undefined) { + if (event.pageX !== undefined) { + return { + x : event.pageX, + y : event.pageY + }; + } + if (event.pageX === undefined) { + return { + x : event.clientX, + y : event.clientY + }; + } + } + } + + function swapEvents(type) { + if (type === "on") { + $(document).on(base.ev_types.move, dragMove); + $(document).on(base.ev_types.end, dragEnd); + } else if (type === "off") { + $(document).off(base.ev_types.move); + $(document).off(base.ev_types.end); + } + } + + function dragStart(event) { + var ev = event.originalEvent || event || window.event, + position; + + if (ev.which === 3) { + return false; + } + if (base.itemsAmount <= base.options.items) { + return; + } + if (base.isCssFinish === false && !base.options.dragBeforeAnimFinish) { + return false; + } + if (base.isCss3Finish === false && !base.options.dragBeforeAnimFinish) { + return false; + } + + if (base.options.autoPlay !== false) { + window.clearInterval(base.autoPlayInterval); + } + + if (base.browser.isTouch !== true && !base.$owlWrapper.hasClass("grabbing")) { + base.$owlWrapper.addClass("grabbing"); + } + + base.newPosX = 0; + base.newRelativeX = 0; + + $(this).css(base.removeTransition()); + + position = $(this).position(); + locals.relativePos = position.left; + + locals.offsetX = getTouches(ev).x - position.left; + locals.offsetY = getTouches(ev).y - position.top; + + swapEvents("on"); + + locals.sliding = false; + locals.targetElement = ev.target || ev.srcElement; + } + + function dragMove(event) { + var ev = event.originalEvent || event || window.event, + minSwipe, + maxSwipe; + + base.newPosX = getTouches(ev).x - locals.offsetX; + base.newPosY = getTouches(ev).y - locals.offsetY; + base.newRelativeX = base.newPosX - locals.relativePos; + + if (typeof base.options.startDragging === "function" && locals.dragging !== true && base.newRelativeX !== 0) { + locals.dragging = true; + base.options.startDragging.apply(base, [base.$elem]); + } + + if ((base.newRelativeX > 8 || base.newRelativeX < -8) && (base.browser.isTouch === true)) { + if (ev.preventDefault !== undefined) { + ev.preventDefault(); + } else { + ev.returnValue = false; + } + locals.sliding = true; + } + + if ((base.newPosY > 10 || base.newPosY < -10) && locals.sliding === false) { + $(document).off("touchmove.owl"); + } + + minSwipe = function () { + return base.newRelativeX / 5; + }; + + maxSwipe = function () { + return base.maximumPixels + base.newRelativeX / 5; + }; + + base.newPosX = Math.max(Math.min(base.newPosX, minSwipe()), maxSwipe()); + if (base.browser.support3d === true) { + base.transition3d(base.newPosX); + } else { + base.css2move(base.newPosX); + } + } + + function dragEnd(event) { + var ev = event.originalEvent || event || window.event, + newPosition, + handlers, + owlStopEvent; + + ev.target = ev.target || ev.srcElement; + + locals.dragging = false; + + if (base.browser.isTouch !== true) { + base.$owlWrapper.removeClass("grabbing"); + } + + if (base.newRelativeX < 0) { + base.dragDirection = base.owl.dragDirection = "left"; + } else { + base.dragDirection = base.owl.dragDirection = "right"; + } + + if (base.newRelativeX !== 0) { + newPosition = base.getNewPosition(); + base.goTo(newPosition, false, "drag"); + if (locals.targetElement === ev.target && base.browser.isTouch !== true) { + $(ev.target).on("click.disable", function (ev) { + ev.stopImmediatePropagation(); + ev.stopPropagation(); + ev.preventDefault(); + $(ev.target).off("click.disable"); + }); + handlers = $._data(ev.target, "events").click; + owlStopEvent = handlers.pop(); + handlers.splice(0, 0, owlStopEvent); + } + } + swapEvents("off"); + } + base.$elem.on(base.ev_types.start, ".owl-wrapper", dragStart); + }, + + getNewPosition : function () { + var base = this, + newPosition = base.closestItem(); + + if (newPosition > base.maximumItem) { + base.currentItem = base.maximumItem; + newPosition = base.maximumItem; + } else if (base.newPosX >= 0) { + newPosition = 0; + base.currentItem = 0; + } + return newPosition; + }, + closestItem : function () { + var base = this, + array = base.options.scrollPerPage === true ? base.pagesInArray : base.positionsInArray, + goal = base.newPosX, + closest = null; + + $.each(array, function (i, v) { + if (goal - (base.itemWidth / 20) > array[i + 1] && goal - (base.itemWidth / 20) < v && base.moveDirection() === "left") { + closest = v; + if (base.options.scrollPerPage === true) { + base.currentItem = $.inArray(closest, base.positionsInArray); + } else { + base.currentItem = i; + } + } else if (goal + (base.itemWidth / 20) < v && goal + (base.itemWidth / 20) > (array[i + 1] || array[i] - base.itemWidth) && base.moveDirection() === "right") { + if (base.options.scrollPerPage === true) { + closest = array[i + 1] || array[array.length - 1]; + base.currentItem = $.inArray(closest, base.positionsInArray); + } else { + closest = array[i + 1]; + base.currentItem = i + 1; + } + } + }); + return base.currentItem; + }, + + moveDirection : function () { + var base = this, + direction; + if (base.newRelativeX < 0) { + direction = "right"; + base.playDirection = "next"; + } else { + direction = "left"; + base.playDirection = "prev"; + } + return direction; + }, + + customEvents : function () { + /*jslint unparam: true*/ + var base = this; + base.$elem.on("owl.next", function () { + base.next(); + }); + base.$elem.on("owl.prev", function () { + base.prev(); + }); + base.$elem.on("owl.play", function (event, speed) { + base.options.autoPlay = speed; + base.play(); + base.hoverStatus = "play"; + }); + base.$elem.on("owl.stop", function () { + base.stop(); + base.hoverStatus = "stop"; + }); + base.$elem.on("owl.goTo", function (event, item) { + base.goTo(item); + }); + base.$elem.on("owl.jumpTo", function (event, item) { + base.jumpTo(item); + }); + }, + + stopOnHover : function () { + var base = this; + if (base.options.stopOnHover === true && base.browser.isTouch !== true && base.options.autoPlay !== false) { + base.$elem.on("mouseover", function () { + base.stop(); + }); + base.$elem.on("mouseout", function () { + if (base.hoverStatus !== "stop") { + base.play(); + } + }); + } + }, + + lazyLoad : function () { + var base = this, + i, + $item, + itemNumber, + $lazyImg, + follow; + + if (base.options.lazyLoad === false) { + return false; + } + for (i = 0; i < base.itemsAmount; i += 1) { + $item = $(base.$owlItems[i]); + + if ($item.data("owl-loaded") === "loaded") { + continue; + } + + itemNumber = $item.data("owl-item"); + $lazyImg = $item.find(".lazyOwl"); + + if (typeof $lazyImg.data("src") !== "string") { + $item.data("owl-loaded", "loaded"); + continue; + } + if ($item.data("owl-loaded") === undefined) { + $lazyImg.hide(); + $item.addClass("loading").data("owl-loaded", "checked"); + } + if (base.options.lazyFollow === true) { + follow = itemNumber >= base.currentItem; + } else { + follow = true; + } + if (follow && itemNumber < base.currentItem + base.options.items && $lazyImg.length) { + base.lazyPreload($item, $lazyImg); + } + } + }, + + lazyPreload : function ($item, $lazyImg) { + var base = this, + iterations = 0, + isBackgroundImg; + + if ($lazyImg.prop("tagName") === "DIV") { + $lazyImg.css("background-image", "url(" + $lazyImg.data("src") + ")"); + isBackgroundImg = true; + } else { + $lazyImg[0].src = $lazyImg.data("src"); + } + + function showImage() { + $item.data("owl-loaded", "loaded").removeClass("loading"); + $lazyImg.removeAttr("data-src"); + if (base.options.lazyEffect === "fade") { + $lazyImg.fadeIn(400); + } else { + $lazyImg.show(); + } + if (typeof base.options.afterLazyLoad === "function") { + base.options.afterLazyLoad.apply(this, [base.$elem]); + } + } + + function checkLazyImage() { + iterations += 1; + if (base.completeImg($lazyImg.get(0)) || isBackgroundImg === true) { + showImage(); + } else if (iterations <= 100) {//if image loads in less than 10 seconds + window.setTimeout(checkLazyImage, 100); + } else { + showImage(); + } + } + + checkLazyImage(); + }, + + autoHeight : function () { + var base = this, + $currentimg = $(base.$owlItems[base.currentItem]).find("img"), + iterations; + + function addHeight() { + var $currentItem = $(base.$owlItems[base.currentItem]).height(); + base.wrapperOuter.css("height", $currentItem + "px"); + if (!base.wrapperOuter.hasClass("autoHeight")) { + window.setTimeout(function () { + base.wrapperOuter.addClass("autoHeight"); + }, 0); + } + } + + function checkImage() { + iterations += 1; + if (base.completeImg($currentimg.get(0))) { + addHeight(); + } else if (iterations <= 100) { //if image loads in less than 10 seconds + window.setTimeout(checkImage, 100); + } else { + base.wrapperOuter.css("height", ""); //Else remove height attribute + } + } + + if ($currentimg.get(0) !== undefined) { + iterations = 0; + checkImage(); + } else { + addHeight(); + } + }, + + completeImg : function (img) { + var naturalWidthType; + + if (!img.complete) { + return false; + } + naturalWidthType = typeof img.naturalWidth; + if (naturalWidthType !== "undefined" && img.naturalWidth === 0) { + return false; + } + return true; + }, + + onVisibleItems : function () { + var base = this, + i; + + if (base.options.addClassActive === true) { + base.$owlItems.removeClass("active"); + } + base.visibleItems = []; + for (i = base.currentItem; i < base.currentItem + base.options.items; i += 1) { + base.visibleItems.push(i); + + if (base.options.addClassActive === true) { + $(base.$owlItems[i]).addClass("active"); + } + } + base.owl.visibleItems = base.visibleItems; + }, + + transitionTypes : function (className) { + var base = this; + //Currently available: "fade", "backSlide", "goDown", "fadeUp" + base.outClass = "owl-" + className + "-out"; + base.inClass = "owl-" + className + "-in"; + }, + + singleItemTransition : function () { + var base = this, + outClass = base.outClass, + inClass = base.inClass, + $currentItem = base.$owlItems.eq(base.currentItem), + $prevItem = base.$owlItems.eq(base.prevItem), + prevPos = Math.abs(base.positionsInArray[base.currentItem]) + base.positionsInArray[base.prevItem], + origin = Math.abs(base.positionsInArray[base.currentItem]) + base.itemWidth / 2, + animEnd = 'webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend'; + + base.isTransition = true; + + base.$owlWrapper + .addClass('owl-origin') + .css({ + "-webkit-transform-origin" : origin + "px", + "-moz-perspective-origin" : origin + "px", + "perspective-origin" : origin + "px" + }); + function transStyles(prevPos) { + return { + "position" : "relative", + "left" : prevPos + "px" + }; + } + + $prevItem + .css(transStyles(prevPos, 10)) + .addClass(outClass) + .on(animEnd, function () { + base.endPrev = true; + $prevItem.off(animEnd); + base.clearTransStyle($prevItem, outClass); + }); + + $currentItem + .addClass(inClass) + .on(animEnd, function () { + base.endCurrent = true; + $currentItem.off(animEnd); + base.clearTransStyle($currentItem, inClass); + }); + }, + + clearTransStyle : function (item, classToRemove) { + var base = this; + item.css({ + "position" : "", + "left" : "" + }).removeClass(classToRemove); + + if (base.endPrev && base.endCurrent) { + base.$owlWrapper.removeClass('owl-origin'); + base.endPrev = false; + base.endCurrent = false; + base.isTransition = false; + } + }, + + owlStatus : function () { + var base = this; + base.owl = { + "userOptions" : base.userOptions, + "baseElement" : base.$elem, + "userItems" : base.$userItems, + "owlItems" : base.$owlItems, + "currentItem" : base.currentItem, + "prevItem" : base.prevItem, + "visibleItems" : base.visibleItems, + "isTouch" : base.browser.isTouch, + "browser" : base.browser, + "dragDirection" : base.dragDirection + }; + }, + + clearEvents : function () { + var base = this; + base.$elem.off(".owl owl mousedown.disableTextSelect"); + $(document).off(".owl owl"); + $(window).off("resize", base.resizer); + }, + + unWrap : function () { + var base = this; + if (base.$elem.children().length !== 0) { + base.$owlWrapper.unwrap(); + base.$userItems.unwrap().unwrap(); + if (base.owlControls) { + base.owlControls.remove(); + } + } + base.clearEvents(); + base.$elem + .attr("style", base.$elem.data("owl-originalStyles") || "") + .attr("class", base.$elem.data("owl-originalClasses")); + }, + + destroy : function () { + var base = this; + base.stop(); + window.clearInterval(base.checkVisible); + base.unWrap(); + base.$elem.removeData(); + }, + + reinit : function (newOptions) { + var base = this, + options = $.extend({}, base.userOptions, newOptions); + base.unWrap(); + base.init(options, base.$elem); + }, + + addItem : function (htmlString, targetPosition) { + var base = this, + position; + + if (!htmlString) {return false; } + + if (base.$elem.children().length === 0) { + base.$elem.append(htmlString); + base.setVars(); + return false; + } + base.unWrap(); + if (targetPosition === undefined || targetPosition === -1) { + position = -1; + } else { + position = targetPosition; + } + if (position >= base.$userItems.length || position === -1) { + base.$userItems.eq(-1).after(htmlString); + } else { + base.$userItems.eq(position).before(htmlString); + } + + base.setVars(); + }, + + removeItem : function (targetPosition) { + var base = this, + position; + + if (base.$elem.children().length === 0) { + return false; + } + if (targetPosition === undefined || targetPosition === -1) { + position = -1; + } else { + position = targetPosition; + } + + base.unWrap(); + base.$userItems.eq(position).remove(); + base.setVars(); + } + + }; + + $.fn.owlCarousel = function (options) { + return this.each(function () { + if ($(this).data("owl-init") === true) { + return false; + } + $(this).data("owl-init", true); + var carousel = Object.create(Carousel); + carousel.init(options, this); + $.data(this, "owlCarousel", carousel); + }); + }; + + $.fn.owlCarousel.options = { + + items : 5, + itemsCustom : false, + itemsDesktop : [1199, 3], + itemsDesktopSmall : [979, 3], + itemsTablet : [768, 2], + itemsTabletSmall : false, + itemsMobile : [479, 1], + singleItem : false, + itemsScaleUp : false, + + slideSpeed : 200, + paginationSpeed : 800, + rewindSpeed : 1000, + + autoPlay : false, + stopOnHover : false, + + navigation : false, + navigationText : ["prev", "next"], + rewindNav : true, + scrollPerPage : false, + + pagination : true, + paginationNumbers : false, + + responsive : true, + responsiveRefreshRate : 200, + responsiveBaseWidth : window, + + baseClass : "owl-carousel", + theme : "owl-theme", + + lazyLoad : false, + lazyFollow : true, + lazyEffect : "fade", + + autoHeight : false, + + jsonPath : false, + jsonSuccess : false, + + dragBeforeAnimFinish : true, + mouseDrag : true, + touchDrag : true, + + addClassActive : false, + transitionStyle : false, + + beforeUpdate : false, + afterUpdate : false, + beforeInit : false, + afterInit : false, + beforeMove : false, + afterMove : false, + afterAction : false, + startDragging : false, + afterLazyLoad: false + }; +}(jQuery, window, document)); \ No newline at end of file diff --git a/js/public.js b/js/public.js new file mode 100644 index 0000000..3b6c0a8 --- /dev/null +++ b/js/public.js @@ -0,0 +1,112 @@ + $(document).ready(function(){ + $(".imgs").find("img").each(function() { + var imgWidth = $(this).width(); // 获取图片的宽度 + var newHeight = imgWidth *(280/415); + $(this).css("height", newHeight + "px"); // 设置新的高度 + }); + var height = $(".job_con ul li").eq(0).innerHeight(); + $(".job_con ul").css("height", height*10 + "px"); // 设置新的高度 + + $(window).resize(function(){ + $(".imgs").find("img").each(function() { + var imgWidth = $(this).width(); // 获取图片的宽度 + var newHeight = imgWidth *(280/415); + $(this).css("height", newHeight + "px"); // 设置新的高度 + }); + var height = $(".job_con ul li").eq(0).innerHeight(); + $(".job_con ul").css("height", height*10 + "px"); // 设置新的高度 + }) + $(".touch-toggle a").click(function(event){ + + var className = $(this).attr("data-drawer"); + + if( $("."+className).css('display') == 'none' ){ + + $("."+className).slideDown().siblings(".drawer-section").slideUp(); + $(".touch_bg").slideDown();//20170419 + }else{ + + $(".drawer-section").slideUp(); + $(".touch_bg").slideUp();//20170419 + + } + event.stopPropagation(); + + }); + + $(".touch_bg").click(function(){ + $(".drawer-section").slideUp(); + $(".touch_bg").slideUp();//20170419 + }) + $(".closetitle").click(function(){ + $(".drawer-section").slideUp(); + $(".touch_bg").slideUp();//20170419 + }) + + //$(document).click(function(){ +// +// $(".drawer-section").slideUp(); +// +// }) + + $('.touch-menu a').click(function(){ + + if( $(this).next().is('ul') ){ + + if( $(this).next('ul').css('display') == 'none' ){ + $('.touch-menu ul li').find("ul").slideUp(); + $('.touch-menu ul li').find("a").find('i').attr("class","touch-arrow-down"); + $(this).next('ul').slideDown(); + + $(this).find('i').attr("class","touch-arrow-up"); + //$(".touch-top").css("position","absolute"); + }else{ + + $(this).next('ul').slideUp(); + + $(this).next('ul').find('ul').slideUp(); + + $(this).find('i').attr("class","touch-arrow-down"); + //$(".touch-top").css("position","fixed"); + + } + + } + + }); + + + }); + + + + // 导航显示与隐藏 + var NavHeight = false; + $(window).scroll(function(){ + Nav(); + }) + Nav(); + function Nav(){ + if( $(window).scrollTop() > $(window).height() && NavHeight == false ){ + $("body").addClass("nav-hide"); + NavHeight = true; + }else if($(window).scrollTop() <= $(window).height() && NavHeight == true ){ + NavHeight = false; + $("body").removeClass("nav-hide"); + } + } + + window.onmousewheel = document.onmousewheel = document.onmousewheel = function(e){ + e = e || window.event; + var delta = 0; + if (e.wheelDelta) { + delta = e.wheelDelta/120; + } else if (e.detail) { + delta = -e.detail/3; + } + if (delta > 0) { + $("body").removeClass("nav-hide"); + } else if (delta < 0) { + $("body").addClass("nav-hide"); + } + } diff --git a/js/slick.min.js b/js/slick.min.js new file mode 100644 index 0000000..a2a2ca7 --- /dev/null +++ b/js/slick.min.js @@ -0,0 +1,1911 @@ +/* + _ _ _ _ + ___| (_) ___| | __ (_)___ +/ __| | |/ __| |/ / | / __| +\__ \ | | (__| < _ | \__ \ +|___/_|_|\___|_|\_(_)/ |___/ + |__/ + + Version: 1.6.0 + Author: Ken Wheeler + Website: http://kenwheeler.github.io + Docs: http://kenwheeler.github.io/slick + Repo: http://github.com/kenwheeler/slick + Issues: http://github.com/kenwheeler/slick/issues + + */ +!(function (a) { + "use strict"; + "function" == typeof define && define.amd + ? define(["jquery"], a) + : "undefined" != typeof exports + ? (module.exports = a(require("jquery"))) + : a(jQuery); +})(function (a) { + "use strict"; + var b = window.Slick || {}; + (b = (function () { + function c(c, d) { + var f, + e = this; + (e.defaults = { + accessibility: !0, + adaptiveHeight: !1, + appendArrows: a(c), + appendDots: a(c), + arrows: !0, + asNavFor: null, + prevArrow: + '', + nextArrow: + '', + autoplay: !1, + autoplaySpeed: 3e3, + centerMode: !1, + centerPadding: "50px", + cssEase: "ease", + customPaging: function (b, c) { + return a( + '