.container { width:1250px; margin:0 auto; }
#tabs{ position: relative; z-index:2; }
#tabs .container { height:70px; line-height:70px; font-size:16px; text-align:center; display:flex; border-bottom:1px solid #999999; }
#tabs .tab{ position:relative; flex:1; }
#tabs .tab.active::before{ content:""; position:absolute; background:#1fa8e2; width:100%; height:3px; bottom:-3px; left:0; right:0; }
#tabs .tab:hover::before { content:""; position:absolute; background:#1fa8e2; height:3px; bottom:-3px; left:1px; right:1px; }
#tabs a{ display:inline-block; color:#000; text-decoration:none; }
#tabs a:focus{ outline:auto; }
#tabs a:focus:not(:focus-visible){ outline:none; }

.page_pc{ overflow: hidden; position:relative; padding-top:260px; }
.page_pc *{ margin:0; padding:0; border:0; list-style:none; font-family:'\5FAE\8F6F\96C5\9ED1\0','SL-Simplified',"Microsoft YaHei"; font-size:16px; font-weight: normal; }
.page_pc img{ display:block; max-width:100%; }
.page_pc video{ display:block; width:100%; }
.page_pc :focus{ outline:auto; }
.page_pc :focus:not(:focus-visible){ outline:none; }
.page_pc .rel{ position:relative; }
.page_pc h2{ display:inline-block; position:relative; left:50%; transform: translateX(-50%); font-size:40px; line-height:1.6em; color:#000; }
.page_pc h2::after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:4px; }
.page_pc .h3Box{ overflow:hidden; }
.page_pc h3{ font-size:30px; line-height:1em; color:#000; float:left; margin-right:0.5em; }
.page_pc p{ font-size:16px; line-height:1.875em; color:#000; font-weight:300; letter-spacing:0.04em; text-align: justify; text-justify:inter-ideograph; }
.page_pc .h3Box+p{ margin-top:15px; }
.clearfix{ position:relative; }
.clearfix::after{ content:''; display:block; height:0; clear: both; }
.clearfix{ zoom:1; }
.page_pc .mbr{ display:none; }

.page_pc .menuBox{ background:url(../images/technology_menu.jpg) center bottom no-repeat; position:absolute; left:0; top:0; width:100%; z-index:0; }
.page_pc .menuBox.active{ position:fixed; top:-9.375em; }
.page_pc .menuUlBox>p{ display:none; }
.page_pc .menuBox h2{ color:#fff; padding:1.5em 0 0.25em; line-height:2em; margin:0; }
.page_pc .menuUl{ width:840px; padding:15px 0; margin:0 auto; overflow:hidden; z-index:1; }
.page_pc .menuUl>li{ float:left; width:80px; height:60px; position:relative; margin:0 20px; padding-top:30px; border:solid 1px #7f7e7e; box-sizing:border-box; border-radius:9px; font-size:14px; line-height:2em; color:#fff; text-align: center; cursor:pointer; }
.page_pc .menuUl>li::before{ content:''; position:absolute; left:50%; transform: translateX(-50%); top:6px; width:32%; padding-top:32%; background-image:url(../images/technology_menu_icon.png); background-size:200%; }
.page_pc .menuUl>li:focus{ background:#1fa8e2; border-color:#1fa8e2; }
.page_pc .menuUl>li:hover{ background:#1fa8e2; border-color:#1fa8e2; }
.page_pc .menuUl>li.active{ background:#1fa8e2; border-color:#1fa8e2; }

.page_pc .menuUl>li.row2{ line-height:1em; }

.page_pc .menuUl>li:nth-child(1)::before{ background-position:0 0; }
.page_pc .menuUl>li:nth-child(2)::before{ background-position:0 -100%; }
.page_pc .menuUl>li:nth-child(3)::before{ background-position:0 -200%; }
.page_pc .menuUl>li:nth-child(4)::before{ background-position:0 -300%; }
.page_pc .menuUl>li:nth-child(5)::before{ background-position:0 -400%; }
.page_pc .menuUl>li:nth-child(6)::before{ background-position:0 -500%; }
.page_pc .menuUl>li:nth-child(7)::before{ background-position:0 -600%; }
.page_pc .font1{ font-family:"Microsoft YaHei"; }


.page_pc .menu6{ background-image:url(../images/knowledge_menu.jpg); }
.page_pc .menu6 .menuUl{ width:720px; }
.page_pc .menu6 .menuUl>li::before{ background-image:url(../images/knowledge_menu_icon.png); }

.page_pc .brand{ padding:3.75em 0; }
.page_pc .plate{ padding:3.75em 0; }
.technology .plate:nth-child(even){ background:#eff2f5; }
.page_pc .plate>div{ width:1250px; max-width:88%; margin-left:auto; margin-right:auto; }
.page_pc .icon{ display:inline-block; width:auto; height:30px; margin:0 0.2em 0 0; vertical-align:top; }
.page_pc h3 .icon{ margin-left:1em; vertical-align:text-top; }
.page_pc h3 .icon+.icon{ margin-left:0.5em; }
.page_pc .icon+h3{ margin-top:0.5em; }

.page_pc .brandUl{ overflow:hidden; width:1250px; max-width:88%; margin:0 auto; }
.page_pc .brandUl>li{ float:left; width:31.2%; margin:2.4% 3.2% 0 0; background:#000; position:relative; }
.page_pc .brandUl>li:last-child{ margin-right:0; }
.page_pc .brandUl>li p{ color:#fff; padding:0 1.8em 2em; min-height:9.375em; letter-spacing:0.05em; }
.page_pc .brandUl>li .tips{ position:absolute; color:#fff; left:40%; top:0; margin-top:77.5%; }


.page_pc .box01{ background:#fff; padding:42px; box-sizing:border-box; margin-top:30px; }
.technology .plate01 h2::after{ background: linear-gradient(90deg,#000,#1157a7); }
.technology .plate02 h2::after{ background: linear-gradient(90deg,#000,#7058a3); }
.technology .plate03 h2::after{ background: linear-gradient(90deg,#000,#b37769); }
.technology .plate04 h2::after{ background: linear-gradient(90deg,#000,#a9976d); }
.technology .plate05 h2::after{ background: linear-gradient(90deg,#000,#72a570); }
.technology .plate06 h2::after{ background: linear-gradient(90deg,#000,#3f899a); }
.technology .plate07 h2::after{ background: linear-gradient(90deg,#000,#828f9e); }

.page_pc .obox01{ background:#0a0f0b; }
.page_pc .obox{ position:relative; overflow:hidden; padding:0; }

.knowledge .plate:nth-child(odd){ background:#eff2f5; }
.knowledge .plate h2::after{ background: linear-gradient(90deg,#000,#1157a7); }
.knowledge .plate .term{ background:#1157a7; }


.page_pc .pic01{ width:25em; position:absolute; left:47.875em; top:0; }
.page_pc .pic01>img{ width:50.5%; margin:0 auto; }
.page_pc .pic01>p{ text-align: center; color:#999; }
.page_pc .pic02{ float:right; width:37.12%; margin:0; }
.page_pc .pic03{ float:right; width:30.9375em; }
.page_pc .pic04{ float:left; width:24.875em; margin-top:2.5em; }
.page_pc .pic04_2{ float:left; width:24.4375em; margin-top:2.5em; }
.page_pc .tbox01{ position:relative; width:39.375em; min-height:14.5em; left:0; top:0; }
.page_pc .tbox01>p:last-child{ margin-top:1.25em; }
.page_pc .tbox02{ position:absolute; width:61.76%; left:0; top:0; padding:2.625em 0 0 2.625em; box-sizing:border-box; }
.page_pc .tbox02+p.tips{ position:absolute; right:38.24%; top:88%; text-align:right; transform:translateY(-50%); }
.page_pc .tbox03{ position:absolute; width:43.75em; left:0; top:0; margin:2.625em 0 0 2.625em; }
.page_pc .tbox04{ float:left; width:22.5em; }
.page_pc .tbox04>p:last-child{ line-height:1.5em;}


.page_pc .know_pic01{ float:right; width:39.8125em; margin-right:2.5em; }
.page_pc .know_tbox01{ width:26.25em; position:absolute; left:2.5em; top:50%; transform: translateY(-50%); }



.page_pc .list{ overflow:hidden; width:88%; max-width:1250px; margin:0 auto; }
.page_pc .box01 .list{ width:100%; }
.page_pc .list>li{ float:left; width:48.88%; margin:2.4% 2.24% 0 0; background:#fff; }
.page_pc .list>li>img+p{ margin-top:0.5em; }
.page_pc p+div{ margin-top:1.25em; }
.page_pc .list>li:nth-child(even){ margin-right:0; }
.page_pc .list>li:nth-child(odd){ clear: both; }

.page_pc .list2>li{ padding:3.36%; width:42.16%; }
.page_pc .pLine2{ min-height:3.75em; }
.page_pc .pLine3{ min-height:5.625em; }
.page_pc .pLine4{ min-height:7.5em; }
.page_pc .pLine5{ min-height:9.375em; }
.page_pc .letter1{ letter-spacing:-0.005em; }
.page_pc .letter2{ letter-spacing:0.01em; }

.page_pc .bz01{ font-size:14px; color:#a0a0a0; margin-top:15px; }


.technology .plate02 .list>li{ background:#eff2f5; }
.technology .plate04 .box01{ background:#0a0f0b; position:relative; }
.technology .plate04 .list>li{ background:#0a0f0b; }
.technology .plate04 h3{ color:#fff; }
.technology .plate04 p{ color:#fff; }
.technology .plate06 h2+.box01{ background:#000; }
.technology .plate06 h2+.box01 *{ color:#fff; }
.knowledge .list01>li{ float:left; width:48.96%; margin:2.4% 2.08% 0 0; position:relative; }
.knowledge .list01>li .tbox{ position:absolute; left:2.5em; right:2.5em; top:4.375em; }
.knowledge .list01>li .tbox *{ color:#fff; }
.knowledge .list01>li .tbox h2{ line-height:1.5em; }
.knowledge .list01>li .tbox h2::after{ display:none; }
.knowledge .list01>li .tbox h3{ width:5.5em; font-size:28px; line-height:1.6em; float:none; text-align: center; background:#1157a7; margin:0 auto; }
.knowledge .list01>li .tbox p{ margin-top:2.5em; }


.page_pc h2+.box01{ margin-top:3.75em; }
.page_pc .plate02 h2+.box01{ margin-top:0em; }
.page_pc h2+.list{ margin-top:1.875em; }
.page_pc .mt20{ margin-top:1.25em; }

.page_pc .plate:nth-child(even) h2+.box01{ margin-top:1.875em; }

.page_pc .backTop{ position:fixed; left:50%; top:50%; transform: translate(650px,-50%); width:45px; cursor: pointer; display:none; }

@media screen and (max-width:1437px) {
    .page_pc *{ font-size:1.113vw; }
    .page_pc h2{ font-size:2.784vw; }
    .page_pc h3{ font-size:2.088vw; }
    .page_pc .icon{ height:1.875em; }
    .knowledge .list01>li .tbox h3{ font-size:1.949vw; }
    .page_pc p{ font-size:1.113vw; }
    .page_pc .box01{ padding:2.923%; margin-top:2.088%; }
    .page_pc .obox{ padding:0; }
}

@media screen and (max-width:1409px) {
    .page_pc .backTop{ left:auto; right:0; transform: translate(0,-50%); } 
}
@media screen and (max-width:1300px) {
    #tabs .container { width:100%; }
}

.page_mobile{ padding-top:52.8vw; }
.page_mobile *{ -webkit-text-size-adjust: none; font-family: Arial, Helvetica, sans-serif; }
.page_mobile img{ display:block; max-width:100%; width:100%; }
.page_mobile video{ display:block; width:100%; }
.page_mobile h2{ font-size:6.4vw; line-height:1.2em; text-align: center; padding:4vw 0; }
.page_mobile h2::after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:1vw; }
.page_mobile p{ font-size:3.2vw; line-height:1.67em; }
.page_mobile h3{ font-size:5vw; line-height:1.2em; }
.page_mobile .h3Box+p{ margin-top:3vw; }
.page_mobile .mbr{ display:block; }



.page_mobile .icon{  height:5vw; }

.page_mobile .menuBox{ height:52.8vw; overflow: hidden; z-index:1; }
.page_mobile .menuBox.active{ position:fixed; top:-26.8vw; border-bottom:solid 1px #ababab; }
.page_mobile .menuBox h2{ padding:8vw 0 6vw; height:12.8vw; line-height:2em; }
.page_mobile .menuUlBox{ overflow-y:hidden; background:#fff; border-top-left-radius:2vw; border-top-right-radius:2vw; -webkit-overflow-scrolling:touch; }
.page_mobile .menuUlBox::-webkit-scrollbar { display:none; }
.page_mobile .active .menuUlBox{ border-radius:0; }
.page_mobile .menuUlBox>p{ position:absolute; left:50%; bottom:0; transform: translateX(-50%); color:#393939; display:block; }
.page_mobile .menuUl{ width:140vw; height:26vw; padding:0; overflow:hidden; left:0; bottom:0; transform: translateX(0); z-index:1; background:#fff; }
.page_mobile .menuUl>li{ width:16vw; height:auto; margin:0 2vw; padding:13.4vw 0 2vw; border:0; font-size:3.2vw; line-height:1.5em; color:#000;}
.page_mobile .menuUl>li::before{ content:''; position:absolute; left:50%; transform: translateX(-50%); top:3.2vw; width:8.4vw; padding-top:8.4vw; background-size:16.8vw; }
.page_mobile .menuUl>li::after{ content:''; position:absolute; left:50%; bottom:0; height:0.6vw; transform: translateX(-50%); width:4em; }
.page_mobile .menuUl>li:hover{ background:none; }
.page_mobile .menuUl>li.active{ background:none; }
.page_mobile .menuUl>li.row2{ padding:12vw 0 0.8vw; line-height:1.091em; }

.page_mobile .menuUl>li:nth-child(1).active::after{ background: linear-gradient(90deg,#000,#1157a7); }
.page_mobile .menuUl>li:nth-child(2).active::after{ background: linear-gradient(90deg,#000,#7058a3); }
.page_mobile .menuUl>li:nth-child(3).active::after{ background: linear-gradient(90deg,#000,#b37769); }
.page_mobile .menuUl>li:nth-child(4).active::after{ background: linear-gradient(90deg,#000,#a9976d); }
.page_mobile .menuUl>li:nth-child(5).active::after{ background: linear-gradient(90deg,#000,#72a570); }
.page_mobile .menuUl>li:nth-child(6).active::after{ background: linear-gradient(90deg,#000,#3f899a); }
.page_mobile .menuUl>li:nth-child(7).active::after{ background: linear-gradient(90deg,#000,#828f9e); }
.page_mobile .menuUl>li:nth-child(1)::before{ background-position:-8.4vw 0; }
.page_mobile .menuUl>li:nth-child(2)::before{ background-position:-8.4vw -8.4vw; }
.page_mobile .menuUl>li:nth-child(3)::before{ background-position:-8.4vw -16.8vw; }
.page_mobile .menuUl>li:nth-child(4)::before{ background-position:-8.4vw -25.2vw; }
.page_mobile .menuUl>li:nth-child(5)::before{ background-position:-8.4vw -33.6vw; }
.page_mobile .menuUl>li:nth-child(6)::before{ background-position:-8.4vw -42vw; }
.page_mobile .menuUl>li:nth-child(7)::before{ background-position:-8.4vw -50.4vw; }
.page_mobile .menu6 .menuUl{ width:120vw; }


.page_mobile .brand{ padding:10vw 0; }
.page_mobile .plate{ padding:10vw 0; }
.page_mobile .plate>div{ width:80vw; box-sizing:border-box; }
.page_mobile .term{ min-width:20vw; padding:0 1em; margin:0 1vw; }
.page_mobile h3 .term{ margin-left:2vw; vertical-align:text-top; }
.page_mobile .term+h3{ margin-top:2vw; }

.page_mobile .brandUl{ width:80%; }
.page_mobile .brandUl>li{ float:none; width:100%; margin:6vw 0 0 0; }
.page_mobile .brandUl>li p{ color:#fff; padding:0 1.8em 2em; min-height:0; letter-spacing:0.05em; }
.page_mobile .brandUl>li .tips{ position:absolute; color:#fff; left:40%; top:0; margin-top:74%; font-size:2.8vw; font-weight:bold; line-height:1.6em; border:solid 0.3vw #fff; padding:0.6em 1em 0.4em; border-radius:1.3em; }

.page_mobile .box01{ padding:5.6vw; margin-top:6vw; }
.page_mobile .plate04 .obox{ padding:5.6vw; }

.page_mobile .pic01{ float:left; position:static; width:26.8vw; margin-top:10vw; }
.page_mobile .pic01>img{ width:100%; }
.page_mobile .pic01>p{ text-align: center; color:#999; }
.page_mobile .pic02{ float:none; width:80vw; margin:0 -5.6vw -5.6vw; }
.page_mobile .pic03{ float:none; width:74.4vw; margin:-5.6vw -5.6vw 0 0; }
.page_mobile .pic04{ float:none; width:100%; margin-top:3vw; }
.page_mobile .pic04_2{ float:none; width:100%; margin-top:3vw; }
.page_mobile .tbox01{ width:100%; }
.page_mobile .tbox01>p:last-child{ margin-left:31.2vw; width:37.6vw; }
.page_mobile .tbox02{ float:none; position:static; width:100%; padding:3vw 0 0; }
.page_mobile .tbox02+p.tips{ display:none; }
.page_mobile .tbox03{ float:none; position:static; width:100%; margin:3vw 0 0; }
.page_mobile .tbox04{ float:none; position:static; width:100%; margin-top:3vw; line-height:1.5em; }

.page_mobile .know_pic01{ float:none; width:100%; margin-right:0; }
.page_mobile .know_tbox01{ width:100%; position:static; transform: translateY(0); }


.page_mobile .list{ width:100%; }
.page_mobile .list>li{ float:none; width:100%; margin:5vw 0 0 0; }
.page_mobile .list>li>img+p{ margin-top:0.5em; }
.page_mobile p+div{ margin-top:3vw; }

.page_mobile .list2{ width:80%; }
.page_mobile .list2>li{ padding:5.6vw 5.6vw 8vw; width:auto; }
.page_mobile .pLine2{ min-height:0; }
.page_mobile .pLine3{ min-height:0; }
.page_mobile .pLine4{ min-height:0; }
.page_mobile .pLine5{ min-height:0; }
.page_mobile .letter1{ letter-spacing:-0.005em; }
.page_mobile .letter2{ letter-spacing:0.01em; }



.page_mobile .list01{ width:80%; margin:0 auto; }
.page_mobile .list01>li{ float:none; width:100%; margin:10vw 0 0; }
.page_mobile .list01>li:first-child{ margin:0; }
.page_mobile .list01>li .tbox{ left:5.2vw; right:5.2vw; top:10vw; }
.page_mobile .list01>li .tbox h2{ padding:0; }
.page_mobile .list01>li .tbox h3{ font-size:3.75vw; }
.page_mobile .list01>li .tbox p{ margin-top:2.5em; }

.page_mobile.knowledge .plate04 .box01{ padding:0; }



.page_mobile .bz01{ font-size:2.4vw; color:#a0a0a0; margin-top:1em; }


.page_mobile .plate02 .box01{ padding:0; }
.page_mobile.knowledge .plate06 .box01{ padding:0; }



.page_mobile h2+.box01{ margin-top:6vw; }
.page_mobile .plate02 h2+.box01{ margin-top:6vw; }
.page_mobile h2+.list{ margin-top:0; }
.page_mobile .mt20{ margin-top:3vw; }

.page_mobile .backTop{ position:fixed; transform:none; right:0; bottom:0; width:9vw; }