@charset "gb2312";
:root {
            --blue: #226cff;
            --deep-blue: #061d65;
            --cyan: #00c9f4;
            --ink: #111827;
            --muted: #6f7785;
            --pale: #f5f7fa;
            --line: #e7ebf2;
            --content: 1200px;
        }
        * {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            margin: 0;
            min-width: 320px;
            color: var(--ink);
            background: #fff;
            font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
            letter-spacing: 0;
        }
        img {
            display: block;
            max-width: 100%;
        }

        button,
        a {
            font: inherit;
        }

        button {
            border: 0;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

/* CSS Document */
.margl{margin-left:0px !important;}
.margr{margin-right:0px !important;}
.bordt{border-top:none !important;}
.bordl{border-left:none !important;}
.bordr{border-right:none !important;}
.bordb{border-bottom:none !important;}
/*banner*/
.wl_banner{width:100%;height:700px;background:url(../images/wl_newBanner.jpg) center no-repeat; min-width:1200px; position:relative;margin:0 auto;}
.wl_banner h2{ display:block;font-size:50px;color:#fff; font-weight:bold; text-align:left;padding-top:210px;padding-left:30px;}
.wl_banner h2 span{ color:#fcff00;}
.wl_banner p{display:block;font-size:28px;color:#fff; text-align:left; line-height:45px;padding-top:40px;padding-left:30px;}
.wl_banner a{ display:block;width:291px;height:70px;line-height:70px; font-size:30px;color:#000942; background:#fcff00;border-radius:35px;margin-top:50px;margin-left:30px;}
        .container {
           /* width: min(var(--content), calc(100% - 48px)); */
            width: var(--content);
            margin: 0 auto;
        }

        .section-title {
            margin: 0;
            color: #191919;
            font-size: 42px;
            line-height: 1.3;
            font-weight: 800;
            text-align: center;
        }

        .section-title .blue,
        .section-title .yellow {
            color: inherit;
        }

        .section-subtitle {
            margin: 10px 0 0;
            color: #666666;
            font-size: 18px;
            text-align: center;
        }
 /* 物联网实验室建设方案 */
         .stack-section {
            padding: 42px 0 55px;
            background: #fff;
        }

        .stack-section .stack-title-accent {
            color: #226cff;
        }

        .stack-section .section-subtitle::after {
            content: "";
            display: block;
            width: 52px;
            height: 3px;
            margin: 13px auto 0;
            background: linear-gradient(90deg, #226cff 0 39px, transparent 39px 44px, #226cff 44px 52px);
        }

        .stack-section>.container {
            width: min(960px, calc(100% - 40px));
        }

        .stack-layout {
            margin-top: 24px;
            display: grid;
            grid-template-columns: minmax(0, 1fr) 330px;
            gap: 15px;
            align-items: stretch;
        }

        .stack-main img {
            width: 100%;
        }

        .stack-aside {
            display: grid;
            grid-template-columns: 1fr 1fr;
            column-gap: 20px;
            row-gap: 8px;
            position: relative;
        }

        .stack-panel {
            min-height: 440px;
        }

        .stack-aside::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 47%;
            border-left: 1px dotted #7aa1f7;
        }

        .asset-chip {
            min-height: 88px;
            padding: 0;
            text-align: center;
            background: transparent;
            border: 0;
            position: relative;
            z-index: 1;
        }

        .asset-chip img {
            width: 100%;
            height: 60px;
            object-fit: contain;
            margin: 0 auto 5px;
        }

        .asset-chip span {
            display: block;
            color: #0c0408;
            font-size: 12px;
            font-weight: 700;
            white-space: nowrap;
        }

        .asset-label {
            margin: 0 0 10px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }

        .asset-label span {
            display: block;
            padding: 4px;
            border-radius: 18px;
            color: #333333;
            background: rgba(47, 98, 252, 0.13);
            ;
            font-size: 18px;
            text-align: center;
        }
        
        /* 多元化物联网实验室建设方案 */
        .lab-section {
            padding: 32px 0 31px;
            background: #f5f7fa;
        }

        .lab-grid {
            margin-top: 42px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }

        .lab-item {
            min-height: 390px;
            padding: 55px 30px;
            text-align: center;
            border-radius: 10px;
            background: #fff;
        }

        .lab-item:last-child {
            border-right: 0;
        }

        .lab-item img {
            width: 55px;
            height: 55px;
            margin: 0 auto 24px;
            object-fit: contain;
        }

        .lab-item h3 {
            margin: 0 0 10px;
            font-size: 15px;
        }

        .lab-item .item-ident {
            margin: 0 auto 20px;
            width: 31px;
            height: 4px;
            background: #1a60ff;
        }

        .lab-item p {
            margin: 0;
            color: #4f5661;
            font-size: 12px;
            line-height: 2.05;
            text-align: left;
			text-align: justify;
			text-justify: inter-character;
        }

		  /* 物联网虚拟仿真教学实训解决方案 */
        .simulation-section {
            padding: 89px 0 95px;
            background: #f6f7f9;
        }

        .sim-tabs {
            margin: 32px 0 20px;
            display: flex;
            gap: 18px;
        }

        .sim-tab {
            cursor: pointer;
            padding: 20px 0;
            box-sizing: border-box;
            border-radius: 20px 20px 0 0;
            flex: 1;
            height: 85px;
            color: #333333;
            font-size: 18px;
            background: #eceef1;
        }

        .sim-tab span {
            font-size: 14px;
        }

        .sim-tab.active {
            color: #fff;
            background: var(--blue);
            font-weight: 700;
        }

        .sim-panel {
            display: none;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }

        .sim-panel.active {
            display: grid;
        }

        .sim-card {
            padding: 18px 18px 15px;
            background: #fff;
        }

        .sim-card h3 {
            margin: 0 0 7px;
            font-size: 18px;
            font-weight: bold;
            color:#333333;
        }

        .sim-card p {
            margin: 0 0 15px;
            font-size: 16px;
            color:#333333;
        }

        .sim-card img {
            width: 100%;
            aspect-ratio: 329 / 185;
            object-fit: cover;
        }

        .module-grida {
            display: none;
            margin-top: 46px;
            grid-template-columns: repeat(8, 1fr);
            gap: 28px;
            background: #fff;
        }

        .module-grida.active {
            display: grid;
        }

        .module-grida .module-item {
            min-width: 0;
            text-align: center;
            border-right: 1px solid #e4e7eb;
        }

        .module-grida .module-item:last-child {
            border-right: 0;
        }

        .module-grida .module-item h3 {
            height: 62px;
            margin: 0;
            padding: 16px 4px 0;
            font-size: 14px;
            line-height: 1.35;
            font-weight: 500;
        }

        .module-grida .module-item img {
            width: 100%;
            height: 310px;
            object-fit: cover;
            object-position: bottom center;
        }

        .module-resource-panel {
            gap: 0;
            padding: 0;
            overflow-x: auto;
            overflow-y: hidden;
            background: transparent;
            scrollbar-width: thin;
            scrollbar-color: #b9c5ec transparent;
        }

        .module-resource-panel.active {
            display: flex;
        }

        .resource-accordion-card {
            -webkit-appearance: none;
            appearance: none;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            justify-content: flex-start;
            width: 131px;
            height: 445px;
            flex: 0 0 131px;
            margin: 0 3px;
            padding: 40px 10px 18px;
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            color: #666;
            background-color: #fff;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            text-align: left;
            cursor: pointer;
            transition: width .28s ease, flex-basis .28s ease, padding .28s ease, background-color .28s ease;
        }

        .resource-accordion-card:first-child {
            margin-left: 0;
        }

        .resource-accordion-card:last-child {
            margin-right: 0;
        }

        .resource-accordion-card:focus-visible {
            outline: 3px solid rgba(34, 108, 255, .32);
            outline-offset: 2px;
        }

        .resource-accordion-card.is-expanded {
            position: relative;
            width: 235px;
            flex-basis: 235px;
            padding: 40px 15px 18px;
            color: #fff;
            background-color: #465aeb;
            background-image: none !important;
        }

        .resource-card-title {
            width: fit-content;
            min-height: 40px;
            display: flex;
            flex-direction: column;
            align-self: center;
            align-items: flex-start;
            justify-content: center;
            color: #666;
            font-size: 14px;
            line-height: 20px;
            text-align: left;
            white-space: nowrap;
        }

        .resource-accordion-card.is-expanded .resource-card-title {
            width: auto;
            min-height: 30px;
            flex-direction: row;
            align-self: stretch;
            align-items: flex-start;
            justify-content: flex-start;
            color: #fff;
            font-size: 18px;
            text-align: left;
        }

        .resource-card-mark,
        .resource-card-description,
        .resource-card-project {
            display: none;
        }

        .resource-accordion-card.is-expanded .resource-card-mark {
            position: absolute;
            top: 62px;
            left: 15px;
            width: 40px;
            height: 5px;
            display: block;
            border-radius: 3px;
            background: #fff;
        }

        .resource-accordion-card.is-expanded .resource-card-description,
        .resource-accordion-card.is-expanded .resource-card-project {
            display: block;
            font-size: 14px;
            line-height: 24px;
        }

        .resource-accordion-card.is-expanded .resource-card-description {
            margin-top: 15px;
        }

        .resource-accordion-card.is-expanded .resource-card-project {
            margin-top: 25px;
        }

        .scene-card {
            background: #fff;
            padding: 10px;
            text-align: center;
        }

        .scene-card img {
            width: 100%;
            aspect-ratio: 289 / 146;
            object-fit: cover;
        }

        .scene-card p {
            margin: 12px 0 4px;
            color: #6a6767;
            font-size: 16px;
        }

        .kit-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
        }

        .kit-card {
            min-width: 0;
            text-align: center;
        }

        .kit-card .kit-img {
            padding: 20px 30px;
            box-sizing: border-box;
            border-radius: 10px;
            background: #fff;
        }

        .kit-card img {
            width: 100%;
            height: 170px;
            object-fit: contain;
            padding: 10px;
        }

        .kit-card p {
            margin: 0;
            padding: 10px 5px;
            color: #6a6767;
            /* background: #e9edf3; */
            font-size: 16px;
        }

/*物联网实验室建设方案*/
.wl_cons{width:100%;height:auto;background:url(../images/wl_cons.jpg) center bottom #F5F5F5 no-repeat; min-width:1200px; position:relative;margin:0 auto;padding-bottom:80px;}
.wl_cons_title{width:100%;margin:0 auto; position:relative;padding-top:90px;}
.wl_cons_title h3{ font-size:40px;color:#010414; font-weight:bold;}
.wl_cons_title h3 span{ color:#3752de;}
.wl_cons_title p{ font-size:18px; color:#17171b; font-weight:lighter;padding-top:10px;}
.wl_cons_title img{width:200px;height:12px;margin:0 auto;margin-top:10px;}
.wl_cons_ul{width:100%;margin:0 auto; position:relative;margin-top:60px;}
.wl_cons_ul li{ float:left;width:400px;height:286px; position:relative;}
.wl_cons_ul li .img01{width:400px;height:286px;}
.wl_cons_ul li .img02{width:30px;height:15px; position:absolute;left:0px;right:0px;bottom:0px;margin:0 auto; z-index:3;}
.wl_cons_ul li .img04{width:30px;height:15px; position:absolute;left:0px;right:0px;top:0px;margin:0 auto; z-index:3;}
.img_hover{width:400px;height:286px;background:rgba(0,9,66,0.8); position:absolute;top:0px;left:0px;right:0px;margin:0 auto;}
.img_hover h3{width:220px;height:40px; line-height:40px; font-size:24px;color:#fcff00;border:1px #fcff00 solid;border-radius:5px;margin:0 auto;margin-top:40px;margin-bottom:15px;}
.img_hover p{ font-size:14px;color:#fff; text-align:left; line-height:24px;padding-left:120px;}
.wl_cons_ul li .img03{width:69px;height:auto;margin:0 auto; position:absolute;top:30px;left:0px;right:0px;margin:0 auto;}
.wl_cons_ul li h4{ font-size:25px;color:#3852de; font-weight:bold;padding-top:60px; position:relative; z-index:2;}
.wl_cons_ul li span{ display:block;width:78%; font-size:14px;color:#17171b; text-align:left; line-height:30px;margin:0 auto;margin-top:10px;}
/*创新物联网教学实训方案*/
.wl_teaching{width:100%;margin:0 auto; position:relative;margin-top:60px;}
.wl_teaching li{float:left;width:583px;height:550px;background:#fff; position:relative;margin-right:34px;}
.wl_teaching li img{width:100%;height:275px;}
.wl_teaching li h4{ font-size:25px;color:#3852de; font-weight:bold;padding-top:20px;}
.wl_teaching li i{ display:block;width:496px;height:14px;background:url(../images/wl_teaching_e.png) center no-repeat;margin:0 auto;margin-top:15px;}
.wl_teaching li p{width:86%; font-size:14px;color:#17171b; text-align:left; line-height:30px;margin:0 auto;margin-top:10px;}
.wl_teaching_hover{width:583px;height:275px;background:rgba(0,9,66,0.8); position:absolute;top:0px;left:0px;right:0px;margin:0 auto;}
.wl_teaching_hover h5{width:300px;height:46px; line-height:46px;border:1px #fcff00 solid; font-size:24px;color:#fcff00;border-radius:5px;margin:0 auto;margin-top:50px;}
.wl_teaching_hover span{ display:block;float:left;font-size:16px;color:#fff; text-align:left; line-height:30px;margin:0px 20px;margin-top:25px;}
/*物联网教学实训设备展*/
.wl_show{width:100%;height:855px;background:url(../images/wl_showNew.jpg) center no-repeat; min-width:1200px; position:relative;margin:0 auto; overflow:hidden;}
.wl_show_q{width:100%;margin:0 auto; overflow:hidden; position:relative;margin-top:50px;margin-bottom:75px;}
.wl_show_main{width:98%;margin:0 auto; position:relative;}
.wl_show_main li{ float:left;width:178px;height:45px; line-height:45px; font-size:18px;color:#333333;border:2px #333333 solid;background:rgba(0,0,0,0);border-radius:8px;margin:0px 7px; cursor:pointer;}
.wl_show_main li.hover{ color:#3852de;background:#fff; font-weight:bold;border:2px #ffffff solid;}
.emplo_c{ width:100%; height:290px;position:relative;margin-top:100px;}
.emplo_d{ width:100%; height:auto; margin:0 auto; display:table;}
.emplo_d li{ float:left;width:250px;height:290px; margin-right:24px;background:#fff;border-radius:2px; overflow:hidden; position:relative; transition:.6s; -webkit-transition:.6s;}
.emplo_d li img{width:250px;height:226px;}
.emplo_d li p{ width:100%;height:64px; font-size:16px;color:#17171b; line-height:24px;padding-top:8px;}
.emplo_d li:hover p{background:#3852de;color:#fff; transition:.6s; -webkit-transition:.6s;}
.wl_show_hover{width:250px;height:226px;background:rgba(255,255,255,0.8); position:absolute;top:0px;left:0px;right:0px;marigin:0 auto;}
.wl_show_hover i{ display:block;width:90%;margin:0 auto; font-size:14px;color:#17171b; text-align:left; line-height:26px;padding-top:80px;}
.emplo_f{ width:24px; height:54px; position:absolute; top:105px; left:0px; z-index:99; cursor:pointer;}
.emplo_g{ width:24px; height:54px; position:absolute; top:105px; right:0px; z-index:99; cursor:pointer;}
.emplo_h{width:1070px; height:auto; margin:0 auto;}
.wl_show_con{width:100%;margin:0 auto; position:relative;margin-top:100px;}
.wl_show_con li{ float:left;width:520px;height:290px;background:#fff; border-radius:2px; overflow:hidden; position:relative;margin:0px 10px;}
.wl_show_con li img{ float:left;width:260px;height:290px;}
.wl_show_con li p{float:left;width:200px;font-size:14px;color:#17171b; line-height:26px; text-align:left;padding:0px 20px;padding-top:60px;}
.wl_show_con li span{ display:block;width:260px;height:54px;background:#3852de; font-size:16px;color:#ffff; position:absolute;bottom:0px;right:0px;padding-top:10px;}
/*500余所高校实验室建设成功案例*/
.wl_show_succ{width:100%;height:auto;background:url(../images/bigpng.png) #fff top center no-repeat; min-width:1200px; position:relative;margin:0 auto;padding-bottom:80px;}
.show_succ_main{width:100%;margin:0 auto;margin-top:40px;}
.show_succ_main li{float:left;width:289px;height:237px; position:relative;margin:25px 6px;}
.show_succ_main li img{width:289px;height:237px;}
.show_succ_main li p{width:271px;height:42px;background:#1d2b3d; font-size:16px;color:#fff; position:absolute;left:0px;right:0px;bottom:-20px;margin:0 auto;padding-top:10px;box-shadow: 0px 19px 18px -9px rgba(0,0,0,0.3);}
.show_succ_main li p em{ display:block;width:64px;height:2px;background:#fff;margin:0 auto;margin-top:5px;}
.show_succ_more{width:410px;height:60px; line-height:60px;background:#3852de;border-radius:30px;margin:0 auto; position:relative;margin-top:50px;box-shadow: 0px 19px 18px -9px rgba(0,0,0,0.3);}
.show_succ_more p{font-size:20px;color:#fff; font-weight:bold;}
.show_succ_more p::after{ content:"";width:22px;height:13px;background:url(../images/show_succ_more.png) no-repeat; position:absolute;top:25px;right:38px;}
/*华清远见物联网实验室建设优势*/
.wl_adv{width:100%;margin:0 auto; position:relative;margin-top:70px;}
.wl_advl{width:282px;height:417px;background:url(../images/wl_adv_lNew.jpg) top center no-repeat;}
.wl_advl h4{ font-size:30px;color:#333333; line-height:48px; text-align:left;font-weight:bold;padding-top:55px;padding-left:20px;}
.wl_advl h4 span{ color:#fffc00; font-weight:bold;}
.wl_advl p{ font-size:15px;color:#333333;padding-top:35px; line-height:24px;}
.wl_advr{width:918px;height:417px;background:#fff;}
.wl_advr li{float:left;width:24%;height:208px;border:1px #eeeeee solid;}
.wl_advr li:hover{background:#a5d6ff;}
.wl_advr li i{ display:block;width:91px;height:77px;margin:0 auto;margin-top:45px;}
.wl_advr li p{ font-size:14px;color:#000;padding-top:40px;}
/*实验室建设专业认证与荣誉*/
.wl_honor{width:100%;margin:0 auto;position:relative;}
.wl_honor{ width:100%; height:161px;position:relative;margin-top:70px;padding-bottom:80px;}
.wl_honor_con{ width:100%; height:auto; margin:0 auto; display:table;}
.wl_honor_con li{ float:left;width:252px;margin-right:24px;background:#fff;border-radius:2px;position:relative; transition:.6s; -webkit-transition:.6s;}
.wl_honor_con li img{width:252px;height:161px;}
.wl_honor_con li p{ font-size:16px;color:#333;padding-top:10px; line-height:26px;}
.wl_honor_f{ width:24px; height:54px; position:absolute; top:58px; left:0px; z-index:99; cursor:pointer;}
.wl_honor_g{ width:24px; height:54px; position:absolute; top:58px; right:0px; z-index:99; cursor:pointer;}
.wl_honor_h{width:1070px; height:auto; margin:0 auto;}