@charset "UTF-8"; .column-list-kv{height:305px;background:url(../images/column/list-kv.jpg) no-repeat center;background-size:cover;position: relative;} .column-list-kv.column-hplc-list-kv{background:url(../images/column/hplc-list-kv.jpg) no-repeat center;background-size:cover;} .reagsList .crumbs,.reagsDet .crumbs{border-bottom:0;} .list-sech-body{display:flex;margin-bottom:50px;} .list-sech-body input{height:44px;box-sizing: border-box;width:600px;border:1px solid #dbdada;border-radius:8px;padding:9px 15px;font-size:14px;line-height:24px;transition: all .3s;} .list-sech-body input::placeholder{color:#999;} .list-sech-body a{height:44px;line-height:44px;background-color:#949596;text-align:center;font-size:16px;color:#fff;display:inline-block;width:126px;border-radius:8px;margin-left:10px;transition:all .3s} .list-sech-body input:focus{border:1px solid #009ce5} .list-sech-body a:hover{background-color:#009ce5;color:#fff;} .column-index-kv{position: relative;z-index:1;background-color:#1654a5;} .column-index-kv img{display:block;width:100%;} .column-index-kv .txtBody{position: absolute;left:0;right:0;top:50%;transform:translateY(-50%);} .column-index-kv .txtBody h3{font-size:38px;line-height:52px;color:#fff;font-weight:600;margin-bottom:30px;} .column-index-kv .txtBody p{font-size:18px;line-height:28px;color:#fff;font-weight:500;} .column-list-kv h2{text-align:center;position: absolute;left:0;right:0;top:50%;transform: translateY(-50%); font-size:28px;line-height:48px;color:#fff;font-weight:500;} .column-list-kv .list-tab{position: absolute;left:0;right:0;bottom:0;height:58px;background-color:rgba(255,255,255,.18);text-align:center;} .column-list-kv .list-tab ul{display:flex;align-items:center;flex-wrap:nowrap;justify-content:center;} .column-list-kv .list-tab ul li{position: relative;height:58px;} .column-list-kv .list-tab ul li::after{content:"";display:inline-block;width:1px;height:16px;background-color:rgba(255,255,255,.52);position: absolute;right:0;top:50%;transform: translateY(-50%);} .column-list-kv .list-tab ul li a{display:block;height:58px;line-height:58px;font-size:16px;color:#fff;font-weight:bold;padding:0 60px;} .column-list-kv .list-tab ul li a:hover::after{content:"";width:18px;height:8px;background:url(../images/common/triangle-white.svg) no-repeat center;background-size:cover;display:inline-block;position: absolute;bottom:0;left:50%;transform: translateX(-50%);} .column-list-kv .list-tab ul li:last-child::after{display:none;} .nDetKv{height:305px;background:url(../images/news/kv-2.jpg) no-repeat center;background-size:cover;position: relative;} .nDetKv .txtBody{position: absolute;left:0;right:0;top:50%;transform: translateY(-50%);text-align:center;} .nDetKv .txtBody h1{text-align:center;font-size:32px;line-height:48px;color:#fff;font-weight:500;max-width:1240px;margin:0 auto;} .carDetKv{height:305px;background:url(../images/career/kv-2.jpg) no-repeat center;background-size:cover;position: relative;} .carDetKv .txtBody{position: absolute;left:0;right:0;top:50%;transform: translateY(-50%);} .carDetKv .txtBody h1{font-size:28px;color:#fff;font-weight:bold;} .reagKv .txtBody h1{font-weight:600;} .reagKv .txtBody .sechBody{height:60px;border-radius:50px;overflow:hidden;display:inline-block;margin-top:40px;} .reagKv .txtBody .sechBody input{background-color:#f1f3f0;width:715px;box-sizing: border-box;height:60px;border:0;padding:12px 30px;font-size:15px;line-height:36px;color:#333;float:left;} .reagKv .txtBody .sechBody input::placeholder{color:#666;} .reagKv .txtBody .sechBody a.sechbtn{display:inline-block;width:70px;height:60px;float:right;background:#2c6493 url(../images/common/search_white.svg) no-repeat center;background-size:30px;cursor:pointer;transition:all .3s;} .reagKv .txtBody .sechBody a.sechbtn:hover{background-color:#d81719;} .reagsProdKv{height:305px;background:#4aaeda url(../images/reagents/kv-2.jpg) no-repeat center;background-size:cover;position: relative;} .reagsProdKv .txtBody{position: absolute;left:0;right:0;top:50%;transform: translateY(-50%);text-align:center;} .reagsProdKv .txtBody .sechBody{margin:0 auto;display:inline-block;border-radius:50px;overflow:hidden;} .reagsProdKv .txtBody .sechBody input{background-color:#f1f3f0;width:715px;box-sizing: border-box;height:60px;border:0;padding:12px 30px;font-size:15px;line-height:36px;color:#333;float:left;} .reagsProdKv .txtBody .sechBody input::placeholder{color:#666;} .reagsProdKv .txtBody .sechBody a.sechbtn{display:inline-block;width:70px;height:60px;float:right;background:#2c6493 url(../images/common/search_white.svg) no-repeat center;background-size:30px;cursor:pointer;transition:all .3s;} .reagsProdKv .txtBody .sechBody a.sechbtn:hover{background-color:#d81719;} .reagsServiceKv{background:#4aaeda url(../images/reagents/kv-3.jpg) no-repeat center;background-size:cover;} .reagsTechKv{background:#4aaeda url(../images/reagents/kv-4.jpg) no-repeat center;background-size:cover;} .reagsTechKv .txtBody .tit{font-size:28px;line-height:48px;color:#fff;font-weight:500;margin-bottom:35px;} .searchKv{height:305px;background:url(../images/search/kv.jpg) no-repeat center;background-size:cover;position: relative;min-height:auto;} .searchKv h1{text-align:center;} .anal-detKv-1{height:305px;background:url(../images/analyze/kv-2.jpg) no-repeat center;background-size:cover;position: relative;min-height:auto;} .anal-detKv-1.anal-detKv-2{background:url(../images/analyze/kv-3.jpg) no-repeat center;background-size:cover;position: relative;} .preDetKv{height:305px;min-height:inherit;} .preDetKv .txtBody h1{font-size:28px;line-height:38px;} .preDetKv .txtBody h2 b{font-weight:500;} .preDetKv-1{background:#2e588f url(../images/preparation/kv-1.jpg) no-repeat center;background-size:cover;} .preDetKv-2{background:#2e588f url(../images/preparation/kv-2.jpg) no-repeat center;background-size:cover;} .preDetKv-3{background:#2e588f url(../images/preparation/kv-3.jpg) no-repeat center;background-size:cover;} .preDetKv-4{background:#2e588f url(../images/preparation/kv-4.jpg) no-repeat center;background-size:cover;} .supDetKv{height:305px;min-height:inherit;} .supDetKv-1{background:#2e588f url(../images/support/kv-1.jpg) no-repeat center;background-size:cover;} .supDetKv-2{background:#2e588f url(../images/support/kv-2.jpg) no-repeat center;background-size:cover;} .supDetKv-3{background:#2e588f url(../images/support/kv-3.jpg) no-repeat center;background-size:cover;} .supDetKv-4{background:#2e588f url(../images/support/kv-4.jpg) no-repeat center;background-size:cover;} .supDetKv-5{background:#2e588f url(../images/support/kv-5.jpg) no-repeat center;background-size:cover;} .supDetKv h3{font-size:28px;color:#fff;font-weight:600;} .supDetKv .list-tab{position: absolute;left:0;right:0;bottom:0;height:58px;background-color:rgba(255,255,255,.18);text-align:center;} .supDetKv .list-tab ul{display:flex;align-items:center;flex-wrap:nowrap;justify-content:center;} .supDetKv .list-tab ul li{position: relative;height:58px;} .supDetKv .list-tab ul li::after{content:"";display:inline-block;width:1px;height:16px;background-color:rgba(255,255,255,.52);position: absolute;right:0;top:50%;transform: translateY(-50%);} .supDetKv .list-tab ul li a{display:block;height:58px;line-height:58px;font-size:16px;color:#fff;font-weight:bold;padding:0 60px;} .supDetKv .list-tab ul li a:hover::after{content:"";width:18px;height:8px;background:url(../images/common/triangle-white.svg) no-repeat center;background-size:cover;display:inline-block;position: absolute;bottom:0;left:50%;transform: translateX(-50%);} .supDetKv .list-tab ul li:last-child::after{display:none;} .supDetKv .inpt{height:60px;border-radius:50px;overflow:hidden;display:inline-block;margin:35px 0;} .supDetKv .inpt input{background-color:#f1f3f0;width:715px;box-sizing: border-box;height:60px;border:0;padding:12px 30px;font-size:15px;line-height:36px;color:#333;float:left;} .supDetKv .inpt input::placeholder{color:#666;} .supDetKv .inpt a.sechbtn{display:inline-block;width:70px;height:60px;float:right;background:#2c6493 url(../images/common/search_white.svg) no-repeat center;background-size:30px;cursor:pointer;transition:all .3s;} .supDetKv .inpt a.sechbtn:hover{background-color:#d81719;} /**/ .searchBy .crumbs{border-bottom:0;} .seBody{padding:30px 0;} .seBody .resBy{padding:40px 0;} .seBody .resBy table{width:100%;box-shadow:0 0 20px rgba(132,138,140,.24);} .seBody .resBy table th{height:64px;background-color:#009cde;font-size:16px;color:#fff;font-weight:600;border-right:1px solid #dfdfdf;text-align:center;} .seBody .resBy table td{border-top:1px solid #d0d2d2;border-right:1px solid #d0d2d2;text-align:center;height:66px;font-size:16px;color:#333;} .seBody .resBy table tr th:last-child,.seBody .resBy table tr td:last-child{border-right:0;} .seBody .resBy table tr td a{font-size:16px;line-height:36px;display:inline-block;color:#333;border-bottom:1px solid #adadad;} .seBody .resBy table tr:nth-child(2) td{border-top:0;} .seBody .resBy .btngroup{text-align:center;padding-top:50px;} .seBody .resBy .btngroup a{display:inline-block;width:156px;height:38px;line-height:38px;border-radius:8px;background-color:#949596;font-size:16px;color:#fff;transition:all .3s;} .seBody .resBy .btngroup a:hover{background-color:#009ce5} /**/ .column-index-one{background:#cdeaf9 url(../images/column/column-index-one.jpg) no-repeat center top;padding-bottom:75px;} .column-index-one .tip-txt{text-align:center;padding:55px 0;} .column-index-one .tip-txt h3{font-size:32px;line-height:36px;color:#333;font-weight:600;margin-bottom:15px;} .column-index-one .tip-txt p{font-size:18px;line-height:34px;color:#333;} .column-index-one .column-search{border-radius:6px;overflow:hidden;background-color:#fafdfe;width:1000px;margin:0 auto;} .column-index-one .column-search .tit{height:68px;padding:16px 30px;background-color:#12b3ef;box-sizing: border-box;} .column-index-one .column-search .tit p{padding-left:45px;background:url(../images/column/column-search.svg) no-repeat left center;font-size:24px;line-height:36px;color:#fff;font-weight:500;display:block;background-size:38px auto;} .column-index-one .column-search .item{padding:35px 30px 50px;} .column-index-one .column-search .item .flex-wrap{display:flex;align-items:center;justify-content: space-between;} .column-index-one .column-search .item .flex-wrap .flex-item{width:calc((100% - 45px)/2);box-sizing: border-box;height:65px;border-bottom:1px solid #babcbd;display:flex;align-items:center;} .column-index-one .column-search .item .flex-wrap .flex-item .lt{font-size:15px;font-weight:500;color:#333333;width:130px;height:64px;line-height:64px;} .column-index-one .column-search .item .flex-wrap .flex-item .rt{width:calc(100% - 130px);height:64px;} .column-index-one .column-search .item .flex-wrap .flex-item .rt input[type=text]{border:0;width:100%;height:64px;font-size:15px;line-height:36px;padding:14px 0;color:#333;background:none;} .column-index-one .column-search .item .flex-wrap .flex-item .rt input[type=text]::placeholder{color:#c1bcbc} .column-index-one .column-search .item .flex-wrap .flex-item .rt select{height:64px;border:0;width:100%;appearance:none;-moz-appearance:none; -webkit-appearance:none;background:url(../images/column/column-select.svg) no-repeat right center;background-size:24px auto;box-sizing: border-box;font-size:15px;line-height:36px;padding:14px 0;} .column-index-one .column-search .item .flex-wrap .flex-item .rt select::-ms-expand{display: none;} .column-index-one .column-search .item .flex-wrap .flex-item .rt opiton::first-child{color:#c1bcbc} .column-index-one .column-search .item .flex-wrap .flex-item .rt .select2-container--default .select2-selection--single{border:0;border-radius:0;background:none;} .column-index-one .column-search .item .flex-wrap .flex-item .rt .select2-container .select2-selection--single{height:64px;} .column-index-one .column-search .item .flex-wrap .flex-item .rt .select2-container--default .select2-selection--single .select2-selection__rendered{height:64px;padding-left:0;line-height:64px;color:#c1bcbc;} .column-index-one .column-search .item .flex-wrap .flex-item .rt .select2-container--default .select2-selection--single .select2-selection__arrow{background:url(../images/column/column-select.svg) no-repeat right center;background-size:24px auto;width:24px;right:0;top:50%;transform: translateY(-50%);} .column-index-one .column-search .item .flex-wrap .flex-item .rt .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none;} .column-index-one .column-search .item .radio_choice{display:flex;align-items:center;padding:15px 0 5px;} .column-index-one .column-search .item .radio_choice .lt{font-size:15px;font-weight:500;color:#333333;width:130px;height:64px;line-height:64px;} .column-index-one .column-search .item .radio_choice ul{display:flex;align-items:center;} .column-index-one .column-search .item .radio_choice ul li{margin:0 25px;} .column-index-one .column-search .item .radio_choice ul li .regular-radio {display: none;} .column-index-one .column-search .item .radio_choice ul li .regular-radio + label {display: inline-block;position: relative;padding-left:32px;background:url(../images/column/checkbox-1.png) no-repeat left center;font-size:15px;line-height:36px;color:#6a6969;font-weight:400;margin:0;} .column-index-one .column-search .item .radio_choice ul li .regular-radio:checked + label {background:url(../images/column/checkbox-2.png) no-repeat left center;} .column-index-one .column-search .item .btngroup{text-align:center;padding-top:40px;} .column-index-one .column-search .item .btngroup a{display:inline-block;font-size:16px;line-height:38px;height:38px;width:156px;margin:0 20px;border-radius:6px;background-color:#929697;color:#fff;transition:all .3s;} .column-index-one .column-search .item .btngroup a.over{background-color:#d81719;} .column-index-one .column-search .item .btngroup a:hover{background-color:#009ce5} .column-index-two{padding:80px 0;} .column-index-two h2{text-align:center;font-size:32px;line-height:36px;color:#333;font-weight:600;padding-bottom:50px;} .column-index-two .prod-list{text-align:center;border-bottom:1px solid #cacbcd;} .column-index-two .prod-list a{display:inline-block;font-size:20px;width:196px;padding:20px 0;color:#212325;font-weight:500;margin:0 20px;transition:all .3s;position: relative;cursor:pointer;} .column-index-two .prod-list a:hover{color:#2c6493;} .column-index-two .prod-list a.active{color:#2c6493} .column-index-two .prod-list a.active::after{content:"";display:inline-block;width:100%;height:13px;background:url(../images/column/list-after.png) no-repeat center;position: absolute;left:0;bottom:-10px} .column-index-two .list-con{padding-top:80px;} .column-index-two .list-con .con-item{display:flex;align-items: stretch;margin-top:45px;flex-wrap:wrap;margin-bottom:20px;} .column-index-two .list-con .con-item .item{background-color:#f6f6f6;margin-right:20px;width:calc((100% - 40px)/3);margin-bottom:25px;border-bottom:10px solid #00a5de;border-radius:6px;} .column-index-two .list-con .con-item .item:nth-child(3n + 3){margin-right:0;} .column-index-two .list-con .con-item .item .mask{padding:30px;} .column-index-two .list-con .con-item .item .mask h3{font-size:20px;line-height:25px;color:#333;font-weight:600;} .column-index-two .list-con .con-item .item .mask ul{margin:15px 0;} .column-index-two .list-con .con-item .item .mask ul li{font-size:14px;line-height:24px;color:#666666;padding-left:13px;position: relative;} .column-index-two .list-con .con-item .item .mask ul li::before{content:"";display:inline-block;width:6px;height:6px;background-color:#989898;border-radius:50%;position: absolute;left:0;top:9px;} .column-index-two .list-con .con-item .item .mask .more{} .column-index-two .list-con .con-item .item .mask .more a{font-size:15px;line-height:26px;color:#2c6493;} .column-index-two .list-con .con-item .item .mask .sel{position: relative;margin-top:20px;} .column-index-two .list-con .con-item .item .mask .sel select{width:100%;height:38px;border:1px solid #cacbcc;border-radius:6px;overflow:hidden;box-sizing: border-box;padding:0 55px 0 15px;;background-color:#fff;font-size:14px;font-weight:500;line-height:36px;appearance:none;-moz-appearance:none; -webkit-appearance:none;background:#fff url(../images/column/select.png) no-repeat right center;} .column-index-two .list-con .con-item .item .mask .sel select::-ms-expand{display: none;} .column-list-body-first{padding:60px 0;} .column-list-body-first .txt{padding:20px 0;font-size:18px;line-height:28px;color:#333;} .column-list-body-first .pdf-list{display:flex;align-items:center;justify-content:center;} .column-list-body-first .pdf-list .item{margin:20px;} .column-list-body-first .pdf-list .item a{display:flex;height:94px;align-items:center;border-radius:6px;overflow:hidden;background-color:#dff4fe;transition:all .3s;} .column-list-body-first .pdf-list .item a .icon{width:94px;height:94px;display:flex;justify-content:center;align-items:center;background-color:#009cde;} .column-list-body-first .pdf-list .item a .icon i{display:inline-block;width:62px;height:62px;border:1px solid rgba(255,255,255,.61);border-radius:50%;background:url(../images/common/icon-pdf-2.svg) no-repeat center;background-size:40px;} .column-list-body-first .pdf-list .item a .text{padding:0 30px;display:flex;flex-direction:column} .column-list-body-first .pdf-list .item a .text .en{font-size:22px;color:#009cde;line-height:30px;font-weight:bold;} .column-list-body-first .pdf-list .item a .text .cn{font-size:16px;line-height:26px;color:#333;} .column-list-body-first .pdf-list .item a:hover{transform: translateY(-20px);} .column-list-body-two{padding:70px 0;} .column-list-body-two .list-table{margin-top:40px;box-shadow:0 0 30px rgba(132,138,140,.14);} .column-list-body-two .list-table table{width:100%;} .column-list-body-two .list-table table th{height:64px;background-color:#009cde;font-size:16px;line-height:36px;color:#fff;font-weight:bold;text-align:center;padding:0 30px;border-right:1px solid #7ebad3;} .column-list-body-two .list-table table td{border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;text-align:center;padding:20px 30px;font-size:16px;line-height:36px;color:#333;font-weight:500;} .column-list-body-two .list-table table tr{background-color:#fff;transition:all .3s;} .column-list-body-two .list-table table tr:hover{background-color:#ecf9fe} .column-list-body-two .list-table table tr th:last-child{border-right:0;} .column-list-body-two .list-table table tr td:last-child{border-right:0;} .column-list-body-two .list-table table tr td a{font-size:16px;line-height:36px;color:#333;font-weight:500;display:inline-block;border-bottom:1px solid #adadad;transition:all .3s;} .column-list-body-two .list-table table tr td a:hover{color:#009cde;border-bottom:1px solid #95cdee} .column-list-body-two .list-table table tr td:first-child{box-sizing: border-box;width:240px;} .column-list-body-two .list-table table tr td:nth-child(2),.column-list-body-two .list-table table tr td:nth-child(3){box-sizing: border-box;/*width:340px;*/} .column-list-body-three{min-height:695px;background:url(../images/column/list-bg-1.jpg) no-repeat center;background-size:cover;padding-top:60px;padding-bottom:60px;box-sizing: border-box;} .column-list-body-three .list_det_title{color:#fff;border-bottom:1px solid rgba(255,255,255,.17);} .column-list-body-three .list_det_title span{} .column-list-body-three .list_det_title::after{background:#fff;} .column-list-body-three .item-box{display:flex;align-items:stretch;flex-wrap:wrap;margin-top:50px;} .column-list-body-three .item-box .item{width:calc((100% - 30px)/3);margin-right:15px;margin-bottom:20px;background-color:#fff;min-height:210px;box-sizing: border-box;padding:25px 25px 20px;} .column-list-body-three .item-box .item:nth-child(3n+3){margin-right:0;} .column-list-body-three .item-box .item .text-title{font-size:15px;color:#019ce5;font-weight:bold;line-height:28px;padding-bottom:10px;position: relative;margin-bottom:15px;} .column-list-body-three .item-box .item .text-title::after{content:"";display:inline-block;height:2px;background-color:#e50012;width:28px;position: absolute;left:0;bottom:0;} .column-list-body-three .item-box .item .text-txt{font-size:14px;line-height:24px;color:#333;} .column-list-body-four{padding:45px 0;} .column-list-body-four .content{padding-top:35px;font-size:18px;} .column-list-body-four .content p{font-size:18px;line-height:28px;} .column-list-body-four .content .text{font-size:18px;line-height:28px;color:#333;padding-bottom:20px;} .column-list-body-four .content ul.list{border-top:1px solid #fff;border-left:1px solid #fff;display:flex;flex-wrap:wrap;} .column-list-body-four .content ul.list li{border-right:1px solid #fff;border-bottom:1px solid #fff;width:50%;box-sizing: border-box;padding:15px 40px;background-color:#d9ecf8;} .column-list-body-four .content ul.list li p{padding-left:30px;position: relative;font-size:16px;line-height:36px;color:#333;} .column-list-body-four .content ul.list li p::after{content:"";display:inline-block;width:18px;height:18px;border:1px solid #16a4e1;border-radius:50%;position: absolute;left:0;top:10px;box-sizing: border-box;} .column-list-body-four .content table{width:100%;} .column-list-body-four .content table th{height:64px;background-color:#009cde;font-size:16px;line-height:36px;color:#fff;font-weight:bold;text-align:center;padding:0 30px;border-right:1px solid #7ebad3;border-bottom:1px solid #7ebad3;} .column-list-body-four .content table td{border-right:1px solid #dfdfdf;border:1px solid #dfdfdf;text-align:center;padding:20px 30px;font-size:16px;line-height:36px;color:#333;} .column-list-body-four .content table tr{background-color:#fff;transition:all .3s;} .column-list-body-five{padding-bottom:50px;} .column-list-body-five .list-item{padding-top:50px;} .column-list-body-five .list-item .content{padding-top:30px;} .column-list-body-five .list-item .content,.column-list-body-five .list-item .content p{font-size:18px;line-height:32px;color:#333;} .column-list-body-five .list-item .content .image{text-align:center;} .column-list-body .column-assort{background-color:#f6fafb} .column-list-body-five .list-item .content table{width:100%;} .column-list-body-five .list-item .content table th{height:64px;background-color:#009cde;font-size:16px;line-height:36px;color:#fff;font-weight:bold;text-align:center;padding:0 30px;border-right:1px solid #7ebad3;border-bottom:1px solid #7ebad3;} .column-list-body-five .list-item .content table td{border-right:1px solid #dfdfdf;border:1px solid #dfdfdf;text-align:center;padding:20px 30px;font-size:16px;line-height:36px;color:#333;} .column-list-body-five .list-item .content table tr{background-color:#fff;transition:all .3s;} .column-det-body{padding-top:40px;} .column-det-body .list_det_title{padding-bottom:15px;} .list_det_data .data_label{padding:35px 0;} .list_det_data .data_label span{display:inline-block;box-sizing: border-box; font-size:18px;line-height:36px;color:#e50012;font-weight:500;} .list_det_data .data_box{display:flex;justify-content: space-between;} .list_det_data .data_box .box-image{width:452px;height:332px;box-sizing: border-box;border:1px solid #e5e4e4;display:flex;align-items:center;background-color:#fafdff;justify-content:center;} .list_det_data .data_box .box-image .image{width:380px;margin:0 auto;} .list_det_data .data_box .box-image .image img{display:block;width:100%;} .list_det_data .data_box .box-image .txt{text-align:center;font-size:14px;line-height:24px;color:#333;padding-top:30px;} .list_det_data .data_box .box-text{width:760px;} .list_det_data .data_box .box-text .text-txt{font-size:20px;line-height:36px;color:#333333;} .list_det_data .data_box .box-text .text-tit{font-size:20px;line-height:36px;color:#009cde;font-weight:bold;padding:20px 0;} .list_det_data .data_box .box-text ul.type-list li{font-size:20px;line-height:42px;color:#333333;padding-left:40px;position: relative;} .list_det_data .data_box .box-text ul.type-list li::before{content:"";display:inline-block;box-sizing: border-box;width:18px;height:18px;border:1px solid #12a3e0;border-radius:50px;background-color:#d9ecf8;position: absolute;left:0;top:12px;} .list_det_para{padding:90px 0 60px;} .list_det_para .para_tab{height:49px;box-sizing: border-box;border-bottom:1px solid #dbdbdb;display:flex} .list_det_para .para_tab a{margin-right:10px;height:48px;line-height:48px;padding:0 35px;font-size:16px;color:#333333;background-color:#f3f3f3;cursor:pointer;transition:all .3s;} .list_det_para .para_tab a:hover,.list_det_para .para_tab a.active{background-color:#009ce5;color:#fff;} .list_det_para .para_tab.sfixed{position: fixed;left:50%;top:0;transform: translateX(-50%);width:1240px;background-color:#fff;z-index:22} .list_det_para .para_tabcon .tabcon{padding-top:60px;} .list_det_para .para_tabcon .tabcon.manual{padding-top:100px} .list_det_para .para_tabcon .product_para{box-shadow:0 0 30px rgba(132,138,140,.14);} .list_det_para .para_tabcon .product_para ul li{width:100%;border-bottom:1px solid #d7dbdd;display:flex;align-content: stretch;align-items:stretch;} .list_det_para .para_tabcon .product_para ul li .div_label{background-color:#e9f7fc;width:300px;box-sizing: border-box;border-right:1px solid #d7dbdd;text-align:center;font-size:16px;line-height:36px;color:#333;font-weight:bold;display:flex;align-items:center;justify-content:center;} .list_det_para .para_tabcon .product_para ul li .div_cont{box-sizing: border-box; width:calc(100% - 300px);padding:15px 45px;font-size:16px;line-height:26px;color:#333;} .list_det_para .para_tabcon .product_para ul li:last-child{border-bottom:0;} .list_det_para .para_tabcon .product_model .list{padding-bottom:60px;} .list_det_para .para_tabcon .product_model .list:last-child{padding-bottom:0;} .list_det_para .para_tabcon .product_model .list .list_tit{font-size:28px;line-height:36px;color:#009cde;font-weight:bold;padding-bottom:20px;border-bottom:1px solid #dddddd;position: relative;margin-bottom:40px;} .list_det_para .para_tabcon .product_model .list .list_tit::after{content:"";width:205px;display:inline-block;height:1px;position: absolute;left:0;bottom:-1px;background-color:#009cde;} .list_det_para .para_tabcon .product_model .list .list_table{box-shadow:0 0 30px rgba(132,138,140,.14);} .list_det_para .para_tabcon .product_model .list .list_table table{width:100%;} .list_det_para .para_tabcon .product_model .list .list_table table th{height:64px;background-color:#009cde;font-size:16px;line-height:36px;color:#fff;font-weight:bold;text-align:center;padding:0 30px;border-right:1px solid #7ebad3;} .list_det_para .para_tabcon .product_model .list .list_table table td{border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;text-align:center;padding:15px 30px;font-size:16px;line-height:26px;color:#333;font-weight:500;} .list_det_para .para_tabcon .product_model .list .list_table table tr th:last-child{border-right:0;} .list_det_para .para_tabcon .product_model .list .list_table table tr td:last-child{border-right:0;} .list_det_para .para_tabcon .product_model .list .list_table table tr th:first-child{box-sizing: border-box;width:180px;} .list_det_para .para_tabcon .product_model .list .list_table table tr th:nth-child(2){box-sizing: border-box;width:320px;} .list_det_para .para_tabcon .product_model .list .list_table table tr th:nth-child(3){box-sizing: border-box;width:280px;} .list_det_para .para_tabcon .product_model .list .cont_boom{padding-top:30px;font-size:20px;line-height:36px;color:#333;} .list_det_para .para_tabcon .product_model .list .cont_boom a{display:inline-block;color:#009cde;border-bottom:1px solid #009cde;transition:all .3s;-webkit-transition:all .3s;} .list_det_para .para_tabcon .product_model .list .cont_boom a:hover{opacity:.7} .list_det_para .para_tabcon .product_manual .manual_list{margin-top:40px;} .list_det_para .para_tabcon .product_manual .manual_list li{margin-bottom:25px;display:flex;min-height:60px;background-color:#f7f7f7;border-radius:6px;transition:all .3s;padding:0 45px;align-items:center;justify-content: space-between;} .list_det_para .para_tabcon .product_manual .manual_list li .name{font-size:16px;color:#333;font-weight:600;} .list_det_para .para_tabcon .product_manual .manual_list li .download a{display:inline-block;font-size:13px;color:#333;padding-left:35px;line-height:36px;position: relative;height:30px;margin-left:20px;} .list_det_para .para_tabcon .product_manual .manual_list li .download a::before{content:"";display:inline-block;width:30px;height:30px;background:url(../images/common/icon-pdf-3.svg) no-repeat center;background-size:cover;position: absolute;left:0;top:0;transition:all .3s;} .list_det_para .para_tabcon .product_manual .manual_list li:last-child{margin-bottom:0;} .list_det_para .para_tabcon .product_manual .manual_list li .download a:hover::before{background:url(../images/common/icon-pdf-4.svg) no-repeat center;background-size:cover;} /*.list_det_para .para_tabcon .product_manual .manual_list li:hover{background-color:#009cde;color:#ebf5fa;}*/ .list_det_para .para_tabcon .tab_prompt{background-color:#f3f3f3;padding:20px;margin-top:40px;font-size:16px;line-height:26px;color:#333;} .list_det_para .para_tabcon .tab_prompt a{display:inline-block;color:#009cde;border-bottom:1px solid #009cde;transition: all .3s;-webkit-transition:all .3s;} .list_det_para .para_tabcon .tab_prompt a:hover{opacity:.7} .product-faq{padding:70px 0;background-color:#f6fafb;} .product-faq .faq_list{box-shadow:0 0 30px rgba(132,138,140,.14);background-color:#fff;margin-top:40px;} .product-faq .faq_list .list_body .list-item{border-bottom:1px solid #e8e8e8;} .product-faq .faq_list .list_body .list-item .tit{padding:30px 85px 30px 40px;cursor:pointer;font-size:20px;line-height:24px;color:#333333;font-weight:bold;position: relative;} .product-faq .faq_list .list_body .list-item .tit::after{content:"";display:inline-block;width:22px;height:22px;background:url(../images/common/icon-plus-blue.svg) no-repeat center;background-size:30px;position: absolute;right:65px;top:30px;transition:all .3s;} .product-faq .faq_list .list_body .list-item .tit.active{background-color:#009cde;color:#fff;} .product-faq .faq_list .list_body .list-item .tit.active::after{transform: rotate(135deg);background:url(../images/common/icon-plus-white.svg) no-repeat center;background-size:30px;} .product-faq .faq_list .list_body .list-item .drop{padding:30px 65px 30px 40px;display:none;} .product-faq .faq_list .list_body .list-item .drop p{font-size:18px;line-height:34px;color:#333;} .product-faq .faq_list .list_body .list-item .drop ul{margin-top:10px;} .product-faq .faq_list .list_body .list-item .drop ul li{font-size:16px;line-height:34px;color:#333;padding-left:20px;position: relative;margin-top:5px;} .product-faq .faq_list .list_body .list-item .drop ul li::before{content:"";width:10px;height:10px;background-color:#333;border-radius:50%;display:inline-block;position: absolute;left:0;top:12px;} .product-faq .faq_list .list_body .list-item .drop ul li a{font-size:16px;line-height:34px;color:#11b3ef;transition:all .3s;} .product-faq .faq_list .list_body .list-item .drop ul li a:hover{color:#d81719;} .product-faq .faq_list .more_btn{padding:30px 0;text-align:center;} .product-faq .faq_list .more_btn a{display:inline-block;width:156px;height:38px;border-radius:6px;background-color:#949596;color:#fff;font-size:16px;line-height:38px;transition:all .3s;} .product-faq .faq_list .more_btn a:hover{background-color:#009cde;} .hplc-list-two{padding:70px 0;} .hplc-list-two .list .txt{color:#333;font-size:18px;line-height:28px;padding-top:20px;} .hplc-list-two .list .prod-list-item{margin-top:30px;} .hplc-list-two .list .prod-list-item .item{border-bottom:1px solid #f6f6f6;} .hplc-list-two .list .prod-list-item .item .tit{background-color:#d8dbdc;font-size:18px;line-height:36px;color:#666666;font-weight:bold;padding:12px 35px;box-sizing: border-box;cursor:pointer;position: relative;transition:all .3s;} .hplc-list-two .list .prod-list-item .item .tit::after{content:"";display:inline-block;width:22px;height:22px;background:url(../images/common/icon-plus-black.svg) no-repeat center;background-size:30px;position: absolute;right:35px;top:19px;transition:all .3s;} .hplc-list-two .list .prod-list-item .item .tit.active{background-color:#009cde;color:#fff;} .hplc-list-two .list .prod-list-item .item .tit.active::after{background:url(../images/common/icon-minus-white.svg) no-repeat center;background-size:30px;} .hplc-list-two .list .prod-list-item .item .drop{display:none;border-bottom:2px solid #f6f6f6} .hplc-list-two .list .prod-list-item .item .drop ul{display:flex;align-items:stretch;flex-wrap:wrap;background-color:#fff;} .hplc-list-two .list .prod-list-item .item .drop ul li{width:25%;height:68px;box-sizing: border-box;border-right:1px solid #d7dbdd;border-top:1px solid #d7dbdd;display:flex;align-items:center;justify-content:center;} .hplc-list-two .list .prod-list-item .item .drop ul li a{font-size:16px;line-height:36px;color:#333333;display:inline-block;border-bottom:1px solid #adadad;font-weight:500;transition:all .3s;} .hplc-list-two .list .prod-list-item .item .drop ul li a:hover{color:#009cde;border-bottom:1px solid #009cde} .hplc-list-two .list .prod-list-item .item .drop ul li:nth-child(4n+4){border-right:0;} .hplc-list-two .list .prod-list-item .item .drop ul li:nth-child(-n+4){border-top:0;} .hplc-list-two .list .prod-list-item .list-more{text-align:center;padding-top:50px;} .hplc-list-two .list .prod-list-item .list-more a{display:inline-block;height:38px;line-height:38px;padding:0 30px;border-radius:6px;font-size:16px;color:#fff;background-color:#d81719;transition:all .3s;} .hplc-list-two .list .prod-list-item .list-more a:hover{background-color:#009cde;} .hplc-list-three{padding-bottom:90px;} .hplc-list-three .item{padding-top:90px;} .hplc-list-three .item .txt{padding-top:20px;} .hplc-list-three .item .txt p{font-size:18px;line-height:28px;color:#333;} .hplc-list-three .item .txt ul{margin-top:10px;} .hplc-list-three .item .txt ul li{font-size:18px;line-height:38px;color:#333333;padding-left:36px;position: relative;} .hplc-list-three .item .txt ul li::before{content:"";display:inline-block;width:16px;height:16px;background-color:#d9ecf8;border:1px solid #1aa6e1;border-radius:50%;position: absolute;left:0;top:12px;} .hplc-list-three .item .txt p span{font-size:16px;line-height:24px;color:#666666;} .hplc-list-three .pre-service{padding:45px 90px 45px 45px;background-color:#f6f6f6;display:flex;justify-content:space-between;align-items:center;margin-top:70px;} .hplc-list-three .pre-service .txt .tit{font-size:28px;line-height:28px;font-weight:500;color:#003a8f;margin-bottom:15px;} .hplc-list-three .pre-service .txt p{font-size:18px;line-height:28px;color:#333;} .hplc-list-three .pre-service a.learnmore{display:inline-block;padding:0 45px;height:38px;line-height:38px;font-size:16px;color:#fff;background-color:#d81719;border-radius:6px;transition:all .3s;} .hplc-list-three .pre-service a.learnmore:hover{background-color:#009cde;} /*about*/ .groupBody{padding:70px 0;} .groupBody .txt{padding-bottom:70px;} .groupBody .txt h3{font-size:32px;color:#333;font-weight:600;margin-bottom:35px;} .groupBody .txt p{font-size:18px;line-height:34px;color:#333333;} .groupBody .map{position: relative} .groupBody .map .image{display:block;width:100%;} .groupBody .map .item{position: absolute} .groupBody .map .item .round{padding-bottom:20px;} .groupBody .map .item .round .country{display:inline-block;box-sizing: border-box;width:90px;height:90px;border:2px solid #fff;background-color:rgba(70,144,226,.84);border-radius:50%;line-height:86px;text-align:center;font-size:18px;color:#fff;text-transform: uppercase;} .groupBody .map .item-1{top:205px;left:235px;} .groupBody .map .item-2{left:550px;top:140px;} .groupBody .map .item-3{right:385px;top:325px;} .groupBody .map .item-4{right:290px;top:273px;} .groupBody .map .item-5{right:185px;top:250px;} .groupBody .map .item .mask{position: absolute;top:90px;left:50%;transform:translateX(-50%);display:none;} .groupBody .map .item .mask::before{content:"";display: inline-block;width: 0px;height: 0px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 20px solid #fff;margin:0;position: absolute;left:50%;transform: translateX(-50%);z-index:2;} .groupBody .map .item .mask::after{content:"";display: inline-block;width: 0px;height: 0px;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 30px solid rgba(94,95,97,.12);margin:0;position: absolute;left:50%;transform: translateX(-50%);top:-4px;z-index:1;} .groupBody .map .item .mask .maskby{background-color:#fff;padding:25px 25px 40px 25px;box-sizing: border-box;width:300px;box-shadow:0 2px 12px rgba(94,95,97,.12);margin-top:14px;position: relative;z-index:3;} .groupBody .map .item .mask .maskby .flag{height:28px;margin-bottom:10px;} .groupBody .map .item .mask .maskby .flag img{height:100%;} .groupBody .map .item .mask .maskby p{} .groupBody .map .item .mask .maskby .company{font-size:16px;line-height:24px;color:#039de5;font-weight:600;} .groupBody .map .item .mask .maskby .nature{font-size:13px;line-height:24px;color:#039de5;font-weight:600;} .groupBody .map .item .mask .maskby .address{font-size:15px;line-height:20px;color:#666666;margin:10px 0;} .groupBody .map .item .mask .maskby .lx{position: relative;padding-left:30px;font-size:15px;line-height:20px;color:#666;margin-top:5px;} .groupBody .map .item .mask .maskby .lx a{color:#666;transition:all .3s;} .groupBody .map .item .mask .maskby .lx::before{content:"";display:inline-block;width:20px;height:20px;position: absolute;left:0;top:0;} .groupBody .map .item .mask .maskby .lx.tel::before{background:url(../images/common/icon-lx-tel.svg) no-repeat center;background-size:14px;} .groupBody .map .item .mask .maskby .lx.fax::before{background:url(../images/common/icon-lx-fax.svg) no-repeat center;background-size:14px;} .groupBody .map .item .mask .maskby .lx.url::before{background:url(../images/common/icon-lx-url.svg) no-repeat center;background-size:14px;} .groupBody .map .item .mask .maskby .lx a:hover{color:#009ce5} .groupBody .map .item .mask .maskby .lx.url a{display:inline-block;border-bottom:1px solid #666;} .groupBody .map .item .mask .maskby .lx.url a:hover{border-bottom:1px solid #009ce5;} .aboutIndex-1{padding:60px 0;} .aboutIndex-1 .p_1{font-size:16px;line-height:36px;color:#12b3ef;} .aboutIndex-1 .p_2{font-size:18px;line-height:34px;color:#333333;padding-right:55px;} .aboutIndex-1 ul{font-size:0;margin-top:45px;} .aboutIndex-1 ul li{display:inline-block;width:calc(100% / 3);} .aboutIndex-1 ul li b{display:block;font-size:22px;font-weight:600;color:#2c6493;line-height:24px;margin-bottom:20px;} .aboutIndex-1 ul li .item{height:90px;border-left:1px solid #0068a7;padding-left:30px;box-sizing: border-box;padding-top:15px;} .aboutIndex-1 ul li .item .num{font-size:60px;font-weight:600;line-height:62px;color:#2c6493;} .aboutIndex-1 ul li .item .txt{font-size:16px;line-height:24px;color:#2c6493;} .aboutIndex-2{height:740px;background:url(../images/about/aboutIndex-bg.jpg) no-repeat center;background-size:cover;position: relative;} .aboutIndex-2 .text{padding-top:60px;} .aboutIndex-2 .text .p_1{font-size:32px;line-height:52px;color:#fff;font-weight:600;} .aboutIndex-2 .text .p_2{font-size:18px;line-height:34px;color:#fff;margin-top:15px;padding-right:55px;} .aboutIndex-2 .image{position: absolute;left:0;right:0;bottom:0;text-align:center;} .aboutIndex-3{background-color:#ceebf9;padding:60px 0;} .aboutIndex-3 .flex{align-items:center;} .aboutIndex-3 .flex .text{width:640px;} .aboutIndex-3 .text .p_1{font-size:16px;line-height:36px;color:#12b3ef;font-weight:500;} .aboutIndex-3 .text .p_2{font-size:32px;line-height:52px;color:#000000;font-weight:600;} .aboutIndex-3 .text .p_3{font-size:18px;line-height:34px;color:#333333;margin-top:15px;} .aboutIndex-3 .text a.more{display:inline-block;width:156px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#fff;background-color:#d81719;border-radius:6px;margin-top:30px;transition:all .3s;} .aboutIndex-3 .text a.more:hover{background-color:#009ce5} .aboutIndex-3 .image{margin-right:110px;} .aboutIndex-4{background-color:#fff;} .aboutIndex-5{height:285px;background:#f6f6f6 url(../images/about/aboutIndex-5.jpg) no-repeat center;;} .aboutIndex-5 .container{height:100%;} .aboutIndex-5 .flex{align-items:center;height:100%;} .aboutIndex-5 .text .p_1{font-size:32px;line-height:52px;color:#000000;font-weight:600;} .aboutIndex-5 .text .p_2{font-size:18px;line-height:34px;color:#333333;margin-top:15px;} .aboutIndex-5 .link{width:340px;text-align:center;margin-right:110px;} .aboutIndex-5 a.more{display:inline-block;width:156px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#fff;background-color:#d81719;border-radius:6px;margin-top:30px;transition:all .3s;} .aboutIndex-5 a.more:hover{background-color:#009ce5} .hisBody{padding-top:80px;} .hisBody .tip-text{padding-bottom:50px;} .hisBody .tip-text .p_1{font-size:32px;line-height:52px;font-weight:500;margin-bottom:25px;} .hisBody .tip-text .p_2{font-size:18px;line-height:34px;color:#333;} .hisBody .his-list{position: relative;padding-bottom:220px;} .hisBody .his-list::before{content:"";width:1px;height:100%;position: absolute;top:0;bottom:0;left:50%;transform: translateX(-50%);background-color:#c7c7c7;z-index:1;} .hisBody .his-list .item{position: relative;display:flex;z-index:2;} .hisBody .his-list .item .dot{padding:10px 0;height:42px;display:inline-block;width:22px;background-color:#fff;position: absolute;top:-12px;left:50%;transform: translateX(-50%); font-size: 0;} .hisBody .his-list .item .dot span{display:inline-block;width:22px;height:22px;border:2px solid #e31b25;border-radius:50%;box-sizing: border-box;padding:4px;font-size:0;} .hisBody .his-list .item .dot span i{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#e31b25} .hisBody .his-list .item .item-box{width:590px;background-color:#f6fafb;padding:50px;box-sizing: border-box;} .hisBody .his-list .item:nth-child(even){justify-content: flex-end;} .hisBody .his-list .item .item-box .year{font-size:60px;line-height:60px;position: relative;color:#2c6493;padding-bottom:30px;margin-bottom:25px;} .hisBody .his-list .item .item-box .year::after{content:"";display:inline-block;width:42px;height:2px;background-color:#12b3ef;position: absolute;left:0;bottom:0;} .hisBody .his-list .item .item-box .txt{font-size:18px;line-height:34px;color:#333333;margin-bottom:30px;} .hisBody .his-list .item .item-box .image{width:250px;margin-bottom:-150px;} .hisBody .his-list .item .item-box .image img{display:block;width:100%;} .contBody{padding-top:80px;} .contBody .contact-1{padding-bottom:50px;border-bottom:1px solid #dadada;} .contBody .contact-1 .map_rt{padding-right:35px;padding-bottom:35px;position: relative;} .contBody .contact-1 .map_rt::before{content:"";display:inline-block;width:545px;height:375px;background-color:#019ae8;position: absolute;right:0;bottom:0;z-index:1;} .contBody .contact-1 .map_rt .mapbox{width:620px;height:385px;z-index:2;background-color:#fff;position: relative;} .contBody .contact-1 .map_rt .mapbox img{width:100%;height:100%;object-fit:cover;} .contBody .contact-1 .text_lf .company{font-size:26px;line-height:52px;font-weight:600;} .contBody .contact-1 .text_lf .address{font-size:18px;line-height:28px;color:#333;} .contBody .contact-1 .text_lf .sertel{padding:15px 0 30px;font-size:18px;line-height:28px;color:#333333;} .contBody .contact-1 .text_lf .sertel b{display:block;font-size:28px;line-height:28px;color:#009ee2;font-weight:600;padding-top:5px;} .contBody .contact-1 .text_lf ul li{margin-bottom:10px;} .contBody .contact-1 .text_lf ul li p{font-size:18px;line-height:28px;color:#333;padding-left:30px;position: relative;} .contBody .contact-1 .text_lf ul li p::before{content:"";display:inline-block;width:20px;height:20px;position: absolute;left:0;top:4px;} .contBody .contact-1 .text_lf ul li p.mail::before{background:url(../images/about/contact-1.svg) no-repeat center;background-size:24px;} .contBody .contact-1 .text_lf ul li p.fax::before{background:url(../images/about/contact-2.svg) no-repeat center;background-size:24px;} .contBody .contact-1 .text_lf ul li p.code::before{background:url(../images/about/contact-3.svg) no-repeat center;background-size:24px;} .contBody .contact-1 .text_lf ul li p a{font-size:18px;color:#333;transition:all .3s;} .contBody .contact-1 .text_lf ul li p a:hover{color:#019ae8;} .contBody .contact-1 .text_lf .time{font-size:18px;line-height:28px;color:#333;margin-top:25px;} .contBody .contact-2{padding-top:35px;;padding-bottom:55px;} .contBody .contact-2 .item{width:calc((100% - 90px)/4);margin-right:30px;box-sizing: border-box;align-items:stretch;} .contBody .contact-2 .item:last-child{margin-right:0;} .contBody .contact-2 .item.item-1{border:1px solid #00c37f;} .contBody .contact-2 .item.item-2{border:1px solid #7097d2;} .contBody .contact-2 .item.item-3{border:1px solid #4ac5e8;} .contBody .contact-2 .item.item-4{border:1px solid #67cbd2;} .contBody .contact-2 .item .tip{height:76px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:18px;line-height:24px;color:#fff;font-weight:500;} .contBody .contact-2 .item-1 .tip{background-color:#00c37f;} .contBody .contact-2 .item-2 .tip{background-color:#7097d2;} .contBody .contact-2 .item-3 .tip{background-color:#4ac5e8;} .contBody .contact-2 .item-4 .tip{background-color:#67cbd2;} .contBody .contact-2 .item .box{padding:20px 25px;} .contBody .contact-2 .item .box p{font-size:14px;line-height:24px;color:#333333;padding-left:30px;position: relative} .contBody .contact-2 .item .box p::before{content:"";display:inline-block;width:18px;height:18px;position: absolute;left:0;top:4px;} .contBody .contact-2 .item .box p.tel::before{background:url(../images/about/icon-tel.svg) no-repeat left center;background-size:20px;} .contBody .contact-2 .item .box p.qq{margin-top:5px;} .contBody .contact-2 .item .box p.qq::before{background:url(../images/about/icon-qq.svg) no-repeat left center;background-size:20px;} .contBody .contact-2 .item .box p.wechat::before{background:url(../images/about/icon-wechat.svg) no-repeat left center;background-size:20px auto;} .contBody .contact-2 .item .box b{display:block;font-size:14px;color:#2c6493;font-weight:500;margin-top:10px;} .contBody .contact-3{padding:70px 0;background-color:#f6fafb;} .contBody .contact-3 .p_1{font-size:28px;line-height:38px;font-weight:600;color:#009ee2;margin-bottom:10px;} .contBody .contact-3 .p_2{font-size:18px;line-height:34px;color:#333;} .contBody .contact-3 .list{flex-wrap:wrap;} .contBody .contact-3 .list li{width:calc((100% - 75px)/2);margin-right:75px;display:flex;border-bottom:1px solid #b7babb;box-sizing: border-box;height:61px;margin-bottom:20px;} .contBody .contact-3 .list li:nth-child(2n + 2){margin-right:0;} .contBody .contact-3 .list li .tit{font-size:16px;line-height:30px;padding:15px 0;font-weight:500;color:#333333;width:140px;} .contBody .contact-3 .list li .tit em{color:#ff0000;} .contBody .contact-3 .list li .con{width:calc(100% - 140px);} .contBody .contact-3 .list li .con input{border:0;background:none;width:100%;height:60px;box-sizing: border-box;font-size:16px;padding:15px 0;line-height:30px;} .contBody .contact-3 .list li .con select{height:60px;border:0;width:100%;appearance:none;-moz-appearance:none; -webkit-appearance:none;background:url(../images/column/column-select.svg) no-repeat right center;background-size:24px auto;box-sizing: border-box;font-size:16px;line-height:30px;padding:15px 0;} .contBody .contact-3 .list li .con select::-ms-expand{display: none;} .contBody .contact-3 textarea{background:none;width:100%;height:182px;box-sizing: border-box;font-size:16px;line-height:30px;border:1px solid #b1b2b2;padding:20px;margin:30px 0;} .contBody .contact-3 .text-2{font-size:14px;line-height:24px;color:#666666;} .contBody .contact-3 .text-2 a{color:#2c6493;display:inline-block;border-bottom:1px solid #2c6493;transition:all .3s;} .contBody .contact-3 .text-2 a:hover{color:#009ce5;border-bottom:1px solid #009ce5} .contBody .contact-3 .chk{padding:15px 0 25px;} .contBody .contact-3 .chk .regular-checkbox {display: none;} .contBody .contact-3 .chk .regular-checkbox + label {display: inline-block;position: relative;padding-left:32px;background:url(../images/about/checkbox-1.jpg) no-repeat left 1px;font-size:14px;line-height:24px;color:#333;font-weight:400;margin:0;} .contBody .contact-3 .chk .regular-checkbox:checked + label {background:url(../images/about/checkbox-2.jpg) no-repeat left 1px;} .contBody .contact-3 .sub a{display:inline-block;width:156px;height:38px;border-radius:6px;background-color:#d81719;color:#fff;font-size:16px;line-height:38px;transition:all .3s;text-align:center;} .contBody .contact-3 .sub a:hover{background-color:#009cde;} .cul-1{padding:60px 0;display:flex;align-items:center;} .cul-1 .text{width:50%;} .cul-1 .text h3{font-size:32px;line-height:52px;color:#000;font-weight:600;margin-bottom:10px;} .cul-1 .text p{font-size:18px;line-height:34px;color:#333;} .cul-1 .image{text-align:center;width:50%;} .cul-2{padding-top:70px;} .cul-2 .txt{padding-bottom:50px;} .cul-2 .txt h3{font-size:32px;line-height:52px;color:#000;font-weight:600;margin-bottom:10px;} .cul-2 .txt p{font-size:18px;line-height:34px;color:#333;} .cul-2 .list{display:flex;justify-content:space-between;margin-bottom:-110px;} .cul-2 .list .list-box{background-color:#fff;width:366px;text-align:center;height:350px;position: relative;box-sizing: border-box;padding-top:35px;box-shadow:0 0 30px rgba(0,0,0,.1);} .cul-2 .list .list-box .icon{width:140px;height:140px;background-repeat:no-repeat;background-position: center;display:inline-block;margin-bottom:10px} .cul-2 .list .list-box .icon-1{background-image:url(../images/about/culture-2-icon-1.png);} .cul-2 .list .list-box .icon-2{background-image:url(../images/about/culture-2-icon-2.png);} .cul-2 .list .list-box .icon-3{background-image:url(../images/about/culture-2-icon-3.png);} .cul-2 .list .list-box h3{font-size:24px;color:#2c6493;font-weight:600;margin-bottom:15px;} .cul-2 .list .list-box p{font-size:18px;line-height:28px;color:#333;} .cul-2 .list .list-box::after{content:"";height:11px;position: absolute;left:0;right:0;bottom:0;display:inline-block;width:100%;background: linear-gradient(to right, #60d2fa 30% , #296eae);} .cul-3{padding-top:200px;padding-bottom:60px;} .cul-3 h3{font-size:32px;color:#000;font-weight:600;margin-bottom:20px;} .cul-3 .box-1{border-bottom:1px solid #d4d4d4;padding-bottom:50px;margin-bottom:50px;} .cul-3 .box-2 .flex{align-items:center;justify-content: space-between;} .cul-3 .box-2 .text{width:620px;} .cul-3 .box-2 .text p{font-size:18px;line-height:38px;color:#333333;} .cul-3 .box-2 .text ul{margin-top:10px;} .cul-3 .box-2 .text ul li{font-size:18px;line-height:42px;color:#333333;padding-left:25px;position: relative;} .cul-3 .box-2 .text ul li::before{content:"";width:8px;height:8px;background-color:#333;position: absolute;left:0;top:17px;border-radius:50%;} /**/ .news-1{background-color:#f4f4f4;padding:80px 0;overflow:hidden;} .news-1 .news-hot{position: relative;} .news-1 .news-hot .slider-btn{display:inline-block;width:44px;height:38px;background-color:#999999;;background-repeat:no-repeat;background-position:center;cursor:pointer;position: absolute;top:201px;transition:all .3s;} .news-1 .news-hot .slider-btn.prev{background-image:url(../images/news/prev.svg);background-size:14px auto;border-radius:0 16px 0 16px;left:-50px;} .news-1 .news-hot .slider-btn.next{background-image:url(../images/news/next.svg);background-size:14px auto;border-radius:16px 0 16px 0;right:-50px;} .news-1 .news-hot .slider-btn:hover{background-color:#009cde;} .news-1 .news-hot .dot{position: absolute;left:0;right:0;bottom:-50px;text-align:center;} .news-1 .news-hot .dot span{width:14px;height:14px;margin:0 5px;background-color:#e0dfdf;opacity:1;} .news-1 .news-hot .dot span.swiper-pagination-bullet-active{background-color:#009ce5;} .news-1 .news-hot .slider{position: relative;overflow:hidden;} .news-1 .news-hot .slider .flex{justify-content: space-between;} .news-1 .news-hot .slider .text{width:570px;} .news-1 .news-hot .slider .text .type span{height:26px;line-height:26px;font-size:13px;color:#fff;padding:0 15px;background-color:#22c7d0;display:inline-block;border-radius:25px;} .news-1 .news-hot .slider .text .title{font-size:32px;line-height:42px;color:#009ce5;font-weight:600;margin:15px 0 20px;} .news-1 .news-hot .slider .text .txt{font-size:20px;line-height:34px;color:#333333;height:204px;/*display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;*/} .news-1 .news-hot .slider .text a{display:inline-block;font-size:15px;line-height:30px;color:#2c6493;margin-top:25px;} .news-1 .news-hot .slider .text a::after{content:"";display:inline-block;width:30px;height:20px;background:url(../images/news/arrow.svg) no-repeat center;background-size:cover;vertical-align:middle;margin-top:-3px;margin-left:5px;transition:all .3s;} .news-1 .news-hot .slider .text a:hover::after{margin-left:10px;} .news-1 .news-hot .slider .image{width:600px;height:400px;} .news-1 .news-hot .slider .image img{width:100%;height:100%;object-fit:cover;} .news-2{padding-top:50px;} .news-2 .news-search{display:flex;justify-content: flex-end;padding-bottom:50px;} .news-2 .news-search .box{width:226px;height:46px;box-sizing: border-box;margin-right:20px;overflow:hidden;transition:all .3s;} .news-2 .news-search .box select{height:44px;width:100%;appearance:none;-moz-appearance:none; -webkit-appearance:none;background:url(../images/news/select.svg) no-repeat 97% center;background-size:24px auto;box-sizing: border-box;font-size:14px;line-height:24px;color:#999999;padding:10px 15px;border:1px solid #dbdada;border-radius:6px;} .news-2 .news-search .box select::-ms-expand{display: none;} .news-2 .news-search .box input{height:46px;width:100%;padding:0 15px 0 45px;box-sizing: border-box;background:url(../images/news/search.svg) no-repeat 10px center;background-size:24px;font-size:14px;color:#333;font-weight:400;border:1px solid #dbdada;border-radius:6px;} .news-2 .news-search .box input[type=text]::placeholder{color:#999;} .news-2 .news-search .box input:focus,.news-2 .news-search .box select:focus{border:1px solid #009cde;} .news-2 .news-search .sechbtn{display:inline-block;width:126px;height:44px;line-height:44px;font-size:16px;color:#ffffff;background-color:#949596;text-align:center;border-radius:6px;transition:all .3s;} .news-2 .news-search .sechbtn:hover{background-color:#009cde;} .news-2 .news-type{text-align:center;border-bottom:1px solid #cacbcd;} .news-2 .news-type a{display:inline-block;font-size:20px;width:196px;padding:20px 0;color:#212325;font-weight:500;margin:0 20px;transition:all .3s;position: relative;cursor:pointer;} .news-2 .news-type a:hover{color:#009ce5;} .news-2 .news-type a.active{color:#009ce5} .news-2 .news-type a.active::after{content:"";display:inline-block;width:100%;height:13px;background:url(../images/news/list-after.png) no-repeat center;position: absolute;left:0;bottom:-10px} .news-2 .news-list{padding:20px 0 70px;} .news-2 .news-list ul li{padding-bottom:40px;padding-top:40px;border-bottom:1px solid #dbdbdb;} .news-2 .news-list ul li a{display:flex;width:100%;} .news-2 .news-list ul li a .date{width:82px;height:82px;border:1px solid #2c6493;background:#f4f4f4;align-items:center;justify-content:center;display:flex;flex-direction:column;text-align:center;color:#333;transition:all .3s;} .news-2 .news-list ul li a .date b{display:block;font-size:32px;line-height:32px;font-weight:600;margin:0;} .news-2 .news-list ul li a .date span{display:block;font-size:14px;line-height:26px;margin:0;} .news-2 .news-list ul li a .text{width:calc(100% - 82px);box-sizing: border-box;padding-left:18px;} .news-2 .news-list ul li a .text .title{font-size:24px;line-height:24px;color:#333333;font-weight:600;margin-bottom:20px;transition:all .3s;} .news-2 .news-list ul li a .text .txt{font-size:16px;line-height:24px;color:#666;margin-bottom:25px;} .news-2 .news-list ul li a .text .detlink{display:inline-block;font-size:15px;line-height:30px;color:#666666;transition:all .3s;} .news-2 .news-list ul li a .text .detlink::after{content:"";display:inline-block;width:30px;height:20px;background:url(../images/news/more-arrow-1.svg) no-repeat center;background-size:cover;vertical-align:middle;margin-top:-3px;margin-left:5px;transition:all .3s;} .news-2 .news-list ul li a:hover .text .detlink{color:#2c6493;} .news-2 .news-list ul li a:hover .text .detlink::after{background:url(../images/news/more-arrow-2.svg) no-repeat center;background-size:cover;} .news-2 .news-list ul li a .text .detlink:hover::after{margin-left:10px;background:url(../images/news/more-arrow-2.svg) no-repeat center;background-size:cover} .news-2 .news-list ul li a:hover .title{color:#2c6493;} .news-2 .news-list ul li:hover a .date{border:1px solid #ffffff;background:url(../images/news/date.jpg) no-repeat center;color:#fff;} /*.news-2 .news-list ul li:last-child{border-bottom:0;}*/ .news-2 .news-list .load{text-align:center;} .news-2 .news-list .load a{display:inline-block;width:156px;height:38px;border-radius:6px;background-color:#949596;color:#fff;font-size:16px;line-height:38px;transition:all .3s;text-align:center;margin-top:50px;} .news-2 .news-list .load a:hover{background-color:#009cde;} .nDetBody .top{border-bottom:1px solid #ddd;padding:30px 0;display:flex;justify-content: flex-end;align-items:center;margin-bottom:25px;} .nDetBody .top span{font-size:14px;line-height:24px;color:#333;margin-left:20px;} .nDetBody .top .type{height:26px;line-height:26px;font-size:13px;padding:0 15px;border-radius:20px;background-color:#22c7d0;color:#fff;} .nDetBody .fckBody{font-size:18px;line-height:42px;color:#333;} .nDetBody .dBack{text-align:center;padding:60px 0;} .nDetBody .dBack a{display:inline-block;width:156px;height:38px;border-radius:6px;background-color:#949596;color:#fff;font-size:16px;line-height:38px;transition:all .3s;text-align:center;cursor:pointer;} .nDetBody .dBack a:hover{background-color:#009cde;} .nDetBody .high-speed{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;} .nDetBody .high-speed a{display:flex;width:594px;height:62px;border-radius:20px;overflow:hidden;background-color:#f6f6f6;transition:all .3s;} .nDetBody .high-speed a span{display:inline-block;width:110px;height:62px;line-height:62px;font-size:18px;color:#333;text-align:center;background-color:#e8e9ea;transition:all .3s;} .nDetBody .high-speed a .txt{margin:0 25px;height:62px;line-height:62px;width:calc(100% - 160px);font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s;} .nDetBody .high-speed a.next{justify-content: flex-end;} .nDetBody .high-speed a.next span{order:1;} .nDetBody .high-speed a.next .txt{order:0;text-align:right;} .nDetBody .high-speed a:hover{background-color:#009cde;} .nDetBody .high-speed a:hover span{background-color:#e90111;color:#fff;} .nDetBody .high-speed a:hover .txt{color:#fff;} .carDet{} .carDet .career-1{padding:100px 0;text-align:center;} .carDet .career-1 .title{margin-bottom:60px;} .carDet .career-1 .title h1{font-size:32px;line-height:52px;color:#000;font-weight:600;margin-bottom:10px;} .carDet .career-1 .title p{font-size:18px;line-height:34px;color:#333;} .carDet .career-1 ul.list{display:flex;justify-content:space-between;align-items:center;} .carDet .career-1 ul.list li{text-align:center;width:calc(100% / 2);} .carDet .career-1 ul.list li p{font-size:22px;line-height:24px;color:#666;} .carDet .career-1 ul.list li .item{margin-bottom:10px;} .carDet .career-1 ul.list li .item span.num{font-size:60px;line-height:62px;color:#2c6493;font-weight:bold;} .carDet .career-1 ul.list li .item span.tx{font-size:16px;color:#2c6493;line-height:24px;} .carDet .career-1 ul.list li .item span.tx_2{font-size:26px;} .carDet .career-1 ul.list li .item span.tx_3{font-size:18px;} .carDet .career-1 a.more{display:inline-block;width:156px;height:38px;border-radius:6px;background-color:#d81719;color:#fff;font-size:16px;line-height:38px;transition:all .3s;text-align:center;margin-top:75px;} .carDet .career-1 a.more:hover{background-color:#009cde;} .carDet .career-2{padding:90px 0;text-align:center;} .carDet .career-2 h3{font-size:32px;line-height:52px;font-weight:600;margin-bottom:5px;} .carDet .career-2 p{font-size:18px;line-height:34px;color:#333333;margin-bottom:55px;} .carDet .career-3{padding-top:100px;overflow:hidden;padding-bottom:25px;} .carDet .career-3 .title{text-align:center;font-size:32px;line-height:52px;font-weight:600;margin-bottom:55px} .carDet .career-3 .slider{position: relative;height:365px;} .carDet .career-3 .slider .slider-btn{display:inline-block;width:44px;height:38px;background-color:#999999;;background-repeat:no-repeat;background-position:center;cursor:pointer;position: absolute;top:163px;transition:all .3s;z-index:3;} .carDet .career-3 .slider .slider-btn.prev{background-image:url(../images/news/prev.svg);background-size:14px auto;border-radius:0 16px 0 16px;left:-50px;} .carDet .career-3 .slider .slider-btn.next{background-image:url(../images/news/next.svg);background-size:14px auto;border-radius:16px 0 16px 0;right:-50px;} .carDet .career-3 .slider .slider-btn:hover{background-color:#009cde;} .carDet .career-3 .slider .slider-box{position: relative;z-index:1;} .carDet .career-3 .slider .slider-box .imgBox{width:320px;height:365px;overflow:hidden;position: relative;} .carDet .career-3 .slider .slider-box .imgBox::before{content:"";position: absolute;left:0;right:0;top:0;bottom:0;background:url(../images/career/career-3-before.png) no-repeat center bottom;z-index:1;} .carDet .career-3 .slider .slider-box .imgBox img{width:100%;height:100%;object-fit:cover;transition:all .3s;} .carDet .career-3 .slider .slider-box .swiper-slide{width:320px;} .carDet .career-3 .slider .slider-box .imgBox span{font-size:20px;line-height:36px;color:#fff;font-weight:bold;position: absolute;left:30px;bottom:25px;z-index:3;} .carDet .career-3 .slider .slider-box .imgBox:hover img{transform:scale(1.05)} .carDet .career-4{height:690px;overflow:hidden;position: relative;} .carDet .career-4 .swiper-slide{opacity:1;z-index:1;} .carDet .career-4 .swiper-slide.swiper-slide-active{opacity:1;z-index:3;} .carDet .career-4 .swiper-slide .box{position: relative;height:690px;} .carDet .career-4 .swiper-slide .box .image{width:100%;height:100%;transition:all 2s; transform: scale(1.15)} .carDet .career-4 .swiper-slide .box .image img{width:100%;height:100%;object-fit:cover;} .carDet .career-4 .swiper-slide .box .text{position: absolute;left:0;right:0;top:230px;z-index:2;} .carDet .career-4 .swiper-slide .box .text .p_1{font-size:16px;line-height:26px;color:#12b3ef;font-weight:500;} .carDet .career-4 .swiper-slide .box .text .p_2{font-size:32px;line-height:52px;font-weight:bold;} .carDet .career-4 .swiper-slide .box .text .p_3{font-size:28px;line-height:38px;color:#666;} .carDet .career-4 .swiper-slide.swiper-slide-active .box .image{ transform: scale(1)} .carDet .career-4 .dot-slider{position:absolute;left:0;right:0;top:420px;z-index:3;} .carDet .career-4 .dot-slider span{width:10px;height:10px;background-color:#aaa6a6;margin-right:20px;cursor:pointer;opacity:1;} .carDet .career-4 .dot-slider span.swiper-pagination-bullet-active{background-color:#009cde} .carDet .career-5{padding:70px 0;} .carDet .career-5 .list{display:flex;flex-wrap:wrap;} .carDet .career-5 .list .item{height:320px;margin-bottom:30px;border-radius:8px;overflow:hidden;position:relative; } .carDet .career-5 .list .item-1{margin-right:30px;} .carDet .career-5 .list .item-1,.carDet .career-5 .list .item-2{width:605px;} .carDet .career-5 .list .item-3{width:290px;margin-right:30px;} .carDet .career-5 .list .item-4{width:600px;margin-right:30px;} .carDet .career-5 .list .item-5{width:290px;} .carDet .career-5 .list .item::before{content:"";position: absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(28,98,128,.52);transition:all .5s;} .carDet .career-5 .list .item .text{position: absolute;left:30px;top:40px;right:30px;} .carDet .career-5 .list .item .text .title{font-size:28px;line-height:36px;color:#fff;font-weight:500;margin-bottom:15px;} .carDet .career-5 .list .item .text .txt{font-size:18px;line-height:28px;color:#fff;opacity:0;transform: translateY(40px);transition:all .3s;} .carDet .career-5 .list .item:hover::before{background-color:#009cde;} .carDet .career-5 .list .item:hover .text .txt{opacity:1;transform: translateY(0)} .carDet-1{padding:60px 0;} .carDet-1 .flex{justify-content: space-between;} .carDet-1 .flex .text{font-size:20px;line-height:42px;color:#333333;padding-left:30px;padding-top:35px;position: relative;} .carDet-1 .flex .text::before{content:"";display:inline-block;width:29px;height:18px;background:url(../images/career/dot.png) no-repeat;position: absolute;top:0;left:0;} .carDet-1 .flex .text a{display:inline-block;color:#326896;border-bottom:1px solid #326896;transition:all .3s;} .carDet-1 .flex .text a:hover{color:#009cde;border-bottom:1px solid #009cde;} .carDet-1 .flex .image{width:480px;text-align:center;} .carDet-2{padding:60px 0;} .carDet-2 .item{margin-bottom:1px;} .carDet-2 .item .tit{height:64px;line-height:64px;background-color:#d8dbdc;padding:0 35px;font-size:18px;font-weight:bold;color:#666;cursor:pointer;position: relative;} .carDet-2 .item .tit::after {content:"";display:inline-block;width:22px;height:22px;background: url(../images/common/icon-plus-black.svg) no-repeat center;background-size:30px;position:absolute;right:35px;top: 19px;transition:all .3s;} .carDet-2 .item .tit.active{background-color:#009cde;color:#fff;} .carDet-2 .item .tit.active::after{background: url(../images/common/icon-minus-white.svg) no-repeat center;background-size:30px;} .carDet-2 .item .drop{padding-bottom:40px;display:none;} .carDet-2 .item .drop ul.intro{font-size:0;padding:30px 0;display:flex;} .carDet-2 .item .drop ul.intro li{font-size:18px;line-height:36px;color:#326896;margin-right:70px;display:flex;align-items:center;width:inherit;padding-left:10px;} .carDet-2 .item .drop ul.intro li i{display:inline-block;width:22px;height:22px;vertical-align: middle;margin-right:10px;} .carDet-2 .item .drop ul.intro li i.pay{background:url(../images/career/ico-pay.svg) no-repeat center;background-size:cover;} .carDet-2 .item .drop ul.intro li i.num{background:url(../images/career/ico-num.svg) no-repeat center;background-size:cover;} .carDet-2 .item .drop ul.intro li i.state{background:url(../images/career/ico-state.svg) no-repeat center;background-size:24px;} .carDet-2 .item .drop .drop_intro_box{padding:0 35px;} .carDet-2 .item .drop .intro_txt{font-size:20px;line-height:36px;color:#333333;font-weight:500;} .carDet-2 .item .drop .intro_tit{font-size:18px;line-height:28px;font-weight:bold;color:#009cde;border-bottom:1px solid #dddddd;padding:10px 0;margin-top:15px;position: relative;} .carDet-2 .item .drop .intro_tit::before{content:"";display:inline-block;width:195px;height:1px;background-color:#009cde;position: absolute;left:0;bottom:-1px} .carDet-2 .item .drop ul.intro_list{padding-left:20px;margin:20px 0 0;} .carDet-2 .item .drop ul.intro_list li{list-style-type:decimal;font-size:18px;line-height:28px;color:#333;} .carDet-2 .item .drop a.link{display:inline-block;width:156px;height:38px;line-height:38px;font-size:16px;text-align:center;background-color:#d81718;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s;margin-top:20px;} .carDet-2 .item .drop a.link:hover{background-color:#009cde;} /**/ .reag-1 .testTop{padding:70px 0;} .reag-1 .testTop h3{font-size:32px;line-height:36px;color:#333;font-weight:600;margin-bottom:20px;} .reag-1 .testTop p{font-size:18px;line-height:34px;color:#333;} .reag-1 .prod-title{font-size:32px;line-height:36px;color:#333;font-weight:600;margin-bottom:30px;} .reag-1 .prod-type{border-bottom:1px solid #cacbcd;} .reag-1 .prod-type .type-list{text-align:center} .reag-1 .prod-type .type-list a{font-size:20px;line-height:20px;font-weight:600;color:#212325;padding:20px 45px;display:inline-block;margin:0 20px;position: relative;cursor:pointer;transition:all .3s;} .reag-1 .prod-type .type-list a.active{color:#2c6493;} .reag-1 .prod-type .type-list a.active::after{content:"";display:inline-block;position: absolute;left:0;right:0;bottom:-9px;height:13px;background:url(../images/reagents/list-after.png) no-repeat center;} .reag-1 .list-con{padding:50px 0;} .reag-1 .list-con .con{display:none;} .reag-1 .list-con .prod-list{display:flex;flex-wrap:wrap;} .reag-1 .list-con .prod-list .list-item{width:calc((100% - 60px)/3);margin-right:30px;margin-bottom:25px;position: relative;background-color:#f1f3f0;z-index:1;} .reag-1 .list-con .prod-list .list-item:nth-child(3n + 3){margin-right:0;} .reag-1 .list-con .prod-list .list-item::before{content:"";position: absolute;left:0;top:0;bottom:0;width:3px;background-color:#b1b3b4;} .reag-1 .list-con .prod-list .list-item .tag{height:60px;font-size:16px;line-height:26px;font-weight:600;padding:0 50px 0 30px;display:flex;align-items:center;}/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:60px;padding:0 40px 0 30px;*/ .reag-1 .list-con .prod-list .list-item .tag::after{content:"";display:inline-block;width:60px;height:60px;position: absolute;right:0;top:0;background:url(../images/common/icon-arrow-down.svg) no-repeat center;background-size:30px;transition:all .3s;} .reag-1 .list-con .prod-list .list-item .drop{position: absolute;top:60px;left:0;right:0;background-color:#f1f3f0;padding:0 30px 30px;display:none;} .reag-1 .list-con .prod-list .list-item .drop p a{font-size:14px;line-height:26px;color:#666;display:inline-block;transition:all .3s;border-bottom:1px solid #f1f3f0;font-weight:600;} .reag-1 .list-con .prod-list .list-item .drop::before{content:"";position: absolute;left:0;top:0;bottom:0;width:3px;background-color:#b1b3b4;} .reag-1 .list-con .prod-list .list-item:hover{z-index:3;} .reag-1 .list-con .prod-list .list-item:hover::before,.list-con .prod-list .list-item:hover .drop::before{background-color:#12b3ef;} .reag-1 .list-con .prod-list .list-item .drop p a:hover{color:#12b3ef;} .reag-1 .list-con .prod-list .list-item.show .tag::after{transform:rotate(180deg)} .reag-2{background-color:#cdeaf9;padding:60px 0;} .reag-2 .title{font-size:32px;line-height:36px;color:#333;font-weight:600;margin-bottom:20px;} .reag-2 .slider{position: relative;} .reag-2 .slider .slider-btn{display:inline-block;width:44px;height:38px;background-color:#999999;;background-repeat:no-repeat;background-position:center;cursor:pointer;position: absolute;top:170px;transition:all .3s;} .reag-2 .slider .slider-btn.prev{background-image:url(../images/reagents/prev.svg);background-size:14px auto;border-radius:0 16px 0 16px;left:-50px;} .reag-2 .slider .slider-btn.next{background-image:url(../images/reagents/next.svg);background-size:14px auto;border-radius:16px 0 16px 0;right:-50px;} .reag-2 .slider .slider-btn:hover{background-color:#009cde;} .reag-2 .slider .slider-list{overflow:hidden;} .reag-2 .slider .swiper-slide a{display:block;} .reag-2 .slider .swiper-slide a .image{width:100%;height:210px;overflow:hidden;position: relative;box-sizing: border-box;padding:10px 25px;background-color:#fff;} .reag-2 .slider .swiper-slide a .image img{width:100%;height:100%;object-fit:cover;transition:all .3s;} .reag-2 .slider .swiper-slide a.hot .image::before{content:"";display:inline-block;width:54px;height:56px;background:url(../images/reagents/hot.png) no-repeat; position: absolute;left:0;top:0;z-index:3;} .reag-2 .slider .swiper-slide a .test{padding:35px 10%;background-color:#2c6493;} .reag-2 .slider .swiper-slide a .test .pd_id{font-size:16px;line-height:36px;color:#fff;} .reag-2 .slider .swiper-slide a .test .pd_cas{font-size:16px;line-height:36px;color:#fff;font-weight:600;} .reag-2 .slider .swiper-slide a .test .pd_nm{font-size:16px;line-height:36px;color:#fff;} .reag-2 .slider .swiper-slide a .test .more{text-align:center;margin-top:20px;} .reag-2 .slider .swiper-slide a .test .more span{display:inline-block;width:158px;height:38px;box-sizing: border-box;font-size:16px;color:#fff;border:1px solid rgba(255,255,255,.35);line-height:36px;border-radius:8px;transition:all .3s;} /*.reag-2 .slider .swiper-slide a:hover .image img{transform: scale(1.1)}*/ .reag-2 .slider .swiper-slide a .test .more span:hover{background-color:#fff;color:#2c6493;} .reag-3{padding:60px 0;} .reag-3 .title{font-size:32px;line-height:36px;color:#333;font-weight:600;margin-bottom:20px;} .reag-3 .box{height:700px;background:url(../images/reagents/reag-3.jpg) no-repeat center;position: relative;} .reag-3 .box .item{position: absolute;} .reag-3 .box .item p{font-size:20px;line-height:28px;color:#2c6493;font-weight:500;margin-bottom:10px;} .reag-3 .box .item ul{width:430px;font-size:0;margin-bottom:10px;} .reag-3 .box .item ul li{display:inline-block;box-sizing: border-box;padding-left:15px;position: relative;font-size:15px;line-height:28px;color:#333;margin-right:10px;} .reag-3 .box .item ul li::before{content:"";display:inline-block;width:6px;height:6px;background-color:#5a89ca;border-radius:50%;position: absolute;left:0;top:10px;} .reag-3 .box .item a.more{display:inline-block;height:44px;line-height:44px;width:130px;border-radius:50px;background:url(../images/reagents/more.png) no-repeat;padding:0 13px 0 38px;transition:all .3s;} .reag-3 .box .item a.more:hover{background:#e50012;} .reag-3 .box .item a.more span{display:block;font-size:16px;color:#fff;background:url(../images/reagents/more_dot.png) no-repeat right center;} .reag-3 .box .item-1{left:2%;bottom:140px;} .reag-3 .box .item-1 ul{width:320px;} .reag-3 .box .item-1 ul li{min-width:50%;box-sizing: border-box;margin-right:0;} .reag-3 .box .item-2{left:43%;top:0;} .reag-3 .box .item-3{right:0%;bottom:140px;} .reag-3 .box .item-2 ul li::before{background-color:#d92629;} .reag-3 .box .item-3 ul{width:260px;} .reag-3 .box .item-3 ul li{width:100%;margin-right:0;} .reag-3 .box .item-3 a.more{margin-top:28px;} .reag-3 ul.list{display:flex;flex-wrap:wrap;} .reag-3 ul.list li{width:calc((100% - 2px) / 2);box-sizing: border-box;margin-right:2px;margin-bottom:1px;background-color:#d9ecf8;padding:11px 10px 11px 30px;} .reag-3 ul.list li p{font-size:16px;line-height:36px;color:#333;font-weight:500;padding-left:33px;position: relative;} .reag-3 ul.list li p::before{content:"";display:inline-block;width:16px;height:16px;border:1px solid #059edf;border-radius:50%;position: absolute;left:0;top:10px;} .reag-3 ul li:nth-child(2n + 2){margin-right:0;} .reag-4{padding-bottom:60px;} .reag-4 .slider{height:300px;position: relative;z-index:1;overflow:hidden;} .reag-4 .slider .swiper-slide a{display:block;width:100%;height:100%;overflow:hidden;position: relative;} .reag-4 .slider .swiper-slide a img{width:100%;height:100%;object-fit:cover;} .reag-4 .slider .swiper-slide a .mask{position: absolute;left:80px;top:45px;} .reag-4 .slider .swiper-slide a .mask .type{margin-bottom:10px;} .reag-4 .slider .swiper-slide a .mask .type span{display:inline-block;height:26px;line-height:26px;padding:0 15px;font-size:13px;color:#fff;background-color:#22c7d0;border-radius:50px;} .reag-4 .slider .swiper-slide a .mask .title{font-size:28px;line-height:36px;color:#fff;font-weight:600;} .reag-4 .slider .swiper-slide a .mask .morebtn{display:inline-block;width:156px;height:38px;line-height:38px;border-radius:8px;background-color:#d81719;font-size:16px;color:#fff;text-align:center;margin-top:20px;transition:all .3s;} .reag-4 .slider .swiper-slide a .mask .morebtn:hover{background-color:#009ce5} .reag-4 .slider .dot{position: absolute;left:0;right:0;bottom:25px;z-index:3;text-align:center;} .reag-4 .slider .dot span{width:14px;height:14px;display:inline-block;margin:0 5px;opacity:1;background-color:#e0dfdf;} .reag-4 .slider .dot span.swiper-pagination-bullet-active{background-color:#009ce5} .reagsList .list-sech{display:flex;margin-bottom:50px;} .reagsList .list-sech input{height:44px;box-sizing: border-box;width:470px;border:1px solid #dbdada;border-radius:8px;padding:9px 15px;font-size:14px;line-height:24px;transition: all .3s;} .reagsList .list-sech input::placeholder{color:#999;} .reagsList .list-sech a{height:44px;line-height:44px;background-color:#949596;text-align:center;font-size:16px;color:#fff;display:inline-block;width:126px;border-radius:8px;margin-left:10px;transition:all .3s} .reagsList .list-sech input:focus{border:1px solid #009ce5} .reagsList .list-sech a:hover{background-color:#009ce5} .reagsList .list-item .item{padding:24px;background-color:#fff;margin-bottom:40px;box-sizing: border-box;display:flex;align-items:center;box-shadow:0 0 20px rgba(0,0,0,.1);} .reagsList .list-item .item a.image{width:217px;height:177px;border:1px solid #ccc;box-sizing: border-box;} .reagsList .list-item .item a.image img{width:100%;height:100%;object-fit:cover;} .reagsList .list-item .item a.more{display:inline-block;width:156px;height:38px;line-height:38px;background-color:#d81719;font-size:16px;color:#fff;border-radius:8px;text-align:center;transition:all .3s;} .reagsList .list-item .item a.more:hover{background-color:#009ce5} .reagsList .list-item .item .text{width:calc(100% - 373px);box-sizing: border-box;padding:0 40px;} .reagsList .list-item .item .text .title{font-size:20px;line-height:34px;color:#333333;font-weight:bold} .reagsList .list-item .item .text .name{font-size:18px;line-height:24px;color:#333;margin-top:10px;} .reagsList .list-item .item .text .cas{font-size:18px;line-height:24px;color:#333;margin-top:10px;} .reagsList .list-item .item .text .cas span{font-size:20px;line-height:26px;color:#333;} .reagsList .list-item .item .text .cas span.s_1{color:#e3020e;margin-right:10px;} .reagsDet .det_intro .intro_list{padding:45px 0;display:flex;} .reagsDet .det_intro .intro_list .image_lf{width:422px;height:322px;border:1px solid #ccc;position: relative;box-sizing: border-box;padding:10px 20px} .reagsDet .det_intro .intro_list .image_lf img{width:100%;height:100%;object-fit:cover;} .reagsDet .det_intro .intro_list .image_lf .forbig{cursor: pointer;display:inline-block;width:36px;height:36px;border:1px solid #009cde;position: absolute;bottom:-1px;right:-1px;background:url(../images/common/magnifier.svg) no-repeat center;background-size:24px;} .reagsDet .det_intro .intro_list .text_rt{width:calc(100% - 422px);box-sizing: border-box;padding:10px 25px 0;} .reagsDet .det_intro .intro_list .text_rt .name{font-size:18px;line-height:28px;color:#333;margin-bottom:10px;} .reagsDet .det_intro .intro_list .text_rt .cas{font-size:18px;line-height:28px;color:#333;} .reagsDet .det_intro .intro_list .text_rt .cas span{/*font-size:22px;*/line-height:28px;} .reagsDet .det_intro .intro_list .text_rt .cas span.s_1{margin-right:15px;} .reagsDet .det_intro .intro_list .text_rt table{margin-top:30px;} .reagsDet .det_intro .intro_list .text_rt table th{width:220px;height:50px;background-color:#009cde;font-size:18px;color:#fff;text-align:center;border:1px solid #cccccc} .reagsDet .det_intro .intro_list .text_rt table td{border:1px solid #ccc;height:50px;text-align:center;font-size:18px;color:#333;} .reagsDet .det_intro .intro_list .text_rt .tip{font-size:14px;color:#333;padding-top:5px;} .reagsDet .det_intro .intro_list .text_rt .pack a{display:inline-block;width:196px;height:38px;line-height:38px;background-color:#d81719;color:#fff;font-size:16px;border-radius:6px;margin-top:20px;transition:all .3s;-webkit-transition:all .3s;text-align:center;} .reagsDet .det_intro .intro_list .text_rt .pack a:hover{background-color:#009ce5} .reagsDet .intro_tab_list .tab{border-bottom:1px solid #dbdbdb;} .reagsDet .intro_tab_list .tab a{height:48px;line-height:48px;background-color:#f3f3f3;padding:0 35px;display:inline-block;font-size:16px;color:#333;cursor:pointer;margin-right:10px;transition:all .3s;} .reagsDet .intro_tab_list .tab a:last-child{margin-right:0;} .reagsDet .intro_tab_list .tab a.active{background-color:#009ce5;color:#fff;} .reagsDet .intro_tab_list .list_con{padding:60px 0;} .reagsDet .intro_tab_list .list_con ul.info{display:flex;flex-wrap:wrap;box-shadow: 0 0 30px rgba(132,138,140,.14); } .reagsDet .intro_tab_list .list_con ul.info li{width:50%;border-top:1px solid #d7dbdd;display:flex;align-items:stretch;justify-content:center;} .reagsDet .intro_tab_list .list_con ul.info li .div_label{height:60px;border-right:1px solid #dfdfdf;background-color:#e9f7fc;width:305px;box-sizing: border-box;display:flex;align-items:center;justify-content:center;font-size:16px;color:#333;font-weight:600;} .reagsDet .intro_tab_list .list_con ul.info li .div_txt{width:calc(100% - 305px);display:flex;align-items:center;justify-content:center;font-size:16px;color:#333;font-weight:500;} .reagsDet .intro_tab_list .list_con ul.info li:first-child,.reagsDet .intro_tab_list .list_con ul.info li:nth-child(2){border-top:0;} .reagsDet .det_slogan{background-color:#f6f6f6;padding:55px 0;} .reagsDet .det_slogan .list-item{justify-content: space-between;} .reagsDet .det_slogan .list-item .item{font-size:20px;color:#666;display:flex;align-items:center;} .reagsDet .det_slogan .list-item .item i{width:64px;height:64px;background-repeat:no-repeat;background-position:center;margin-right:25px;} .reagsDet .det_slogan .list-item .item i.i_1{background-image:url(../images/reagents/icon-1.png);} .reagsDet .det_slogan .list-item .item i.i_2{background-image:url(../images/reagents/icon-2.png);} .reagsDet .det_slogan .list-item .item i.i_3{background-image:url(../images/reagents/icon-3.png);} .reagsDet .intro_tab_list .list_con .related{position: relative;} .reagsDet .intro_tab_list .list_con .related .slider-btn{display:inline-block;width:44px;height:38px;background-color:#999999;;background-repeat:no-repeat;background-position:center;cursor:pointer;position: absolute;top:170px;transition:all .3s;} .reagsDet .intro_tab_list .list_con .related .slider-btn.prev{background-image:url(../images/reagents/prev.svg);background-size:14px auto;border-radius:0 16px 0 16px;left:-50px;} .reagsDet .intro_tab_list .list_con .related .slider-btn.next{background-image:url(../images/reagents/next.svg);background-size:14px auto;border-radius:16px 0 16px 0;right:-50px;} .reagsDet .intro_tab_list .list_con .related .slider-btn:hover{background-color:#009cde;} .reagsDet .intro_tab_list .list_con .related .slider-list{overflow:hidden;} .reagsDet .intro_tab_list .list_con .related .swiper-slide a{display:block;} .reagsDet .intro_tab_list .list_con .related .swiper-slide a .image{width:100%;height:210px;overflow:hidden;position: relative;box-sizing: border-box;border:1px solid #dbdbdb;padding:10px 25px;background-color:#fff;} .reagsDet .intro_tab_list .list_con .related .swiper-slide a .image img{width:100%;height:100%;object-fit:cover;transition:all .3s;} .reagsDet .intro_tab_list .list_con .related .swiper-slide a .test{padding:35px 10%;background-color:#2c6493;} .reagsDet .intro_tab_list .list_con .related .swiper-slide a .test .pd_id{font-size:16px;line-height:36px;color:#fff;} .reagsDet .intro_tab_list .list_con .related .swiper-slide a .test .pd_cas{font-size:16px;line-height:36px;color:#fff;font-weight:600;} .reagsDet .intro_tab_list .list_con .related .swiper-slide a .test .pd_nm{font-size:16px;line-height:36px;color:#fff;} .reagsDet .intro_tab_list .list_con .related .swiper-slide a .test .more{text-align:center;margin-top:20px;} .reagsDet .intro_tab_list .list_con .related .swiper-slide a .test .more span{display:inline-block;width:158px;height:38px;box-sizing: border-box;font-size:16px;color:#fff;border:1px solid rgba(255,255,255,.35);line-height:36px;border-radius:8px;transition:all .3s;} .reagsDet .intro_tab_list .list_con .related .swiper-slide a:hover .image img{transform: scale(1.1)} .reagsDet .intro_tab_list .list_con .related .swiper-slide a .test .more span:hover{background-color:#fff;color:#2c6493;} .reagsProd-1{padding:55px 0;} .reagsProd-1 .title{font-size:32px;line-height:36px;color:#333;font-weight:600;padding-bottom:30px;} .reagsProd-1 .txt{font-size:18px;line-height:28px;color:#333;position: relative;z-index:3;} .reagsProd-1 .txt span{color:#e70928} .reagsProd-1 .box{display:flex;margin-top:65px;align-items:center;} .reagsProd-1 .box .image{width:50%;} .reagsProd-1 .box .image img{max-width:100%;} .reagsProd-1 .box .text{width:50%;} .reagsProd-1 .box .text ul{margin-bottom:20px;} .reagsProd-1 .box .text ul li{font-size:20px;line-height:24px;color:#333;padding-left:20px;position: relative;margin-top:30px;} .reagsProd-1 .box .text ul li::before{content:"";display:inline-block;width:8px;height:8px;background-color:#5a89ca;border-radius:50%;position: absolute;left:0;top:8px;} .reagsProd-1 .box .text ul li:first-child{margin-top:0;} .reagsProd-1 .box .text table tr td{font-size:15px;line-height:28px;color:#333333;font-weight:500;height:50px;border:1px solid #888;padding:0 20px;} .reagsProd-2{padding-bottom:60px;} .reagsProd-2 .text{font-size:18px;line-height:28px;color:#333;padding:45px 0;} .reagsProd-2 h3{font-size:24px;line-height:24px;font-weight:500;color:#003a8f;margin-bottom:25px;} .reagsProd-2 img{max-width:100%;} .reagsProd-2 .prodservice{background-color:#f6f6f6;padding:30px 90px 30px 45px;display:flex;justify-content:space-between;align-items:center;margin-top:30px;} .reagsProd-2 .prodservice .txt .tit{font-size:28px;line-height:28px;font-weight:500;color:#003a8f;margin-bottom:15px;} .reagsProd-2 .prodservice .txt p{font-size:18px;line-height:28px;color:#333;} .reagsProd-2 .prodservice a.learnmore{display:inline-block;padding:0 45px;height:38px;line-height:38px;font-size:16px;color:#fff;background-color:#d81719;border-radius:6px;transition:all .3s;} .reagsProd-2 .prodservice a.learnmore:hover{background-color:#009cde;} .reagsProd-3{padding:55px 0;} .reagsService{overflow:hidden;} .reagsser-box{display:flex;align-items:center;position: relative;z-index:1;} .reagsser-box .text{width:50%;padding-top:120px;padding-bottom:180px;} .reagsser-box .text p{font-size:20px;line-height:24px;color:#333333;font-weight:600;} .reagsser-box .text ul li{position: relative;font-size:20px;line-height:24px;color:#333;padding-left:25px;margin-top:30px;} .reagsser-box .text ul li::before{content:"";display:inline-block;width:8px;height:8px;background-color:#2d2f31;border-radius:50%;position: absolute;left:0;top:9px;} .reagsser-box .image{width:50%;right:90px;top:0;bottom:0;position:absolute;margin-top:-70px} .reagsser-list{display:flex;justify-content:space-between;position: relative;z-index:3;} .reagsser-list .item{width:calc((100% - 70px)/3);height:220px;} .reagsser-list .item img{width:100%;height:100%;object-fit:cover;} .reagsTech-1{padding-bottom:60px;} .reagsTech-1 .imgBox{padding:35px 30px;box-sizing: border-box;background-color:#e8e8e7;display:flex;font-size:0;} .reagsTech-1 .imgBox .lf{display:inline-block;width:38%;} .reagsTech-1 .imgBox .rt{display:inline-block;width:62%;} .reagsTech-1 .text{margin-top:40px;} .reagsTech-1 .text p{font-size:18px;line-height:28px;color:#333;} .reagsTech-1 .text ul{margin-top:20px;} .reagsTech-1 .text ul li{font-size:18px;line-height:42px;color:#333;padding-left:20px;position: relative;} .reagsTech-1 .text ul li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;position: absolute;left:0;top:16px;background-color:#333;} .reagsTech-1 .text .img-item{display:flex;justify-content:space-between;margin-top:40px;} .reagsTech-1 .text .img-item .item{width:calc((100% - 70px)/3);height:220px;} .reagsTech-1 .text .img-item .item img{width:100%;height:100%;object-fit:cover;} /**/ .anal-index-1 .txtBox{padding:70px 0;} .anal-index-1 .txtBox h3{font-size:32px;line-height:36px;color:#333333;font-weight:bold;margin-bottom:25px;} .anal-index-1 .txtBox p{font-size:18px;line-height:34px;color:#333;} .anal-index-1 .list-item{height:360px;position: relative;z-index:2;display:flex;} .anal-index-1 .list-item .item{width:20%;height:100%;position: relative;transition: all .3s;} .anal-index-1 .list-item .item:nth-child(1){background-color:#04507a} .anal-index-1 .list-item .item:nth-child(2){background-color:#205992} .anal-index-1 .list-item .item:nth-child(3){background-color:#367abb} .anal-index-1 .list-item .item:nth-child(4){background-color:#4a90ed} .anal-index-1 .list-item .item:nth-child(5){background-color:#83b0f8} .anal-index-1 .list-item .item:hover{margin-top:-40px;margin-bottom:-40px;height:calc(100% + 80px);} .anal-index-1 .list-item .item .box{position: absolute;left:35px;right:35px;top:40px;} .anal-index-1 .list-item .item .box .tit{font-size:22px;line-height:24px;font-weight:600;color:#fff;margin-bottom:20px;} .anal-index-1 .list-item .item .box ul li{font-size:16px;line-height:24px;color:#d8e6fa;padding-left:25px;position: relative;margin-top:10px;} .anal-index-1 .list-item .item .box ul li::before{content:"";display:inline-block;background-color:#c9dfec;height:2px;width:10px;position: absolute;left:0;top:11px;} .anal-index-1 .list-item .item .box .mask{margin-top:30px;opacity:0;transition:all .3s;transform: translatey(15px)} .anal-index-1 .list-item .item .box .mask a{display:inline-block;width:90px;height:28px;line-height:28px;text-align:center;background-color:#fff;font-size:16px;color:#666;border-radius:8px;transition:all .3s;} .anal-index-1 .list-item .item .box .mask a:hover{background-color:#009ce5;color:#fff;} /*.anal-index-1 .list-item .item:hover .box{top:40px;} */ .anal-index-1 .list-item .item:hover .box .mask{transform: translatey(0);opacity:1;} .anal-index-2{height:650px;background:url(../images/analyze/anal-index-2.jpg) no-repeat center;background-size:cover;position: relative;} .anal-index-2 .box{position: absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;} .anal-index-2 .box h3{font-size:32px;line-height:36px;color:#fff;font-weight:600;margin-bottom:70px;} .anal-index-3{padding:70px 0;} .anal-index-3 .list{display:flex;justify-content: space-between;align-items:center;} .anal-index-3 .list .text{width:calc(100% - 655px);box-sizing: border-box;padding-right:45px;} .anal-index-3 .list .text h3{font-size:32px;line-height:36px;color:#333;font-weight:600;margin-bottom:35px;} .anal-index-3 .list .text p{font-size:18px;line-height:34px;color:#333;} .anal-index-3 .list .image{width:655px;} .anal-index-3 .list .image img{display:block;width:100%;} .anal-index-4{padding:70px 0;} .anal-index-4 h3{font-size:32px;line-height:36px;color:#333;font-weight:600;margin-bottom:20px;} .anal-index-4 p{font-size:18px;line-height:34px;color:#333;} .anal-index-4 .list{display:flex;justify-content: space-between;margin-top:40px;} .anal-index-4 .list .item{width:calc((100% - 70px)/3);height:220px;} .anal-index-4 .list .item img{width:100%;height:100%;object-fit:cover; } .anal-detBy-1{padding:70px 0;} .anal-detBy-1 p{font-size:18px;line-height:28px;color:#333;} .anal-detBy-2{padding:60px 0;background-color:#cbebf8;} .anal-detBy-2 img{display:block;width:100%;margin-top:40px;} .anal-detBy-3{padding:50px 0;} .anal-detBy-3 .by-1{margin-bottom:50px;padding:45px;box-sizing: border-box;display:flex;align-items:center;justify-content: space-between;} .anal-detBy-3 .by-1 .txt h3{font-size:28px;color:#003a8f;font-weight:500;margin-bottom:10px;} .anal-detBy-3 .by-1 .txt p{font-size:18px;line-height:28px;color:#333;} .anal-detBy-3 .by-1 a.down{display:inline-block;width:156px;height:38px;line-height:38px;background-color:#d81719;font-size:16px;color:#fff;border-radius:8px;text-align:center;transition:all .3s;} .anal-detBy-3 .by-1 a.down:hover{background-color:#009ce5;} .anal-detBy-3 .by-2 .txt-table{padding:40px 0;} .anal-detBy-3 .by-2 .txt-table table{width:100%;} .anal-detBy-3 .by-2 .txt-table table th{height:64px;background-color:#009cde;font-size:16px;font-weight:bold;color:#fff;text-align:center;border-right:1px solid #7ebad3;} .anal-detBy-3 .by-2 .txt-table table td{border-right:1px solid #d7dbdd;border-bottom:1px solid #d7dbdd;font-size:16px;line-height:26px;color:#333;font-weight:500;text-align:center;padding:20px 25px;} .anal-detBy-3 .by-2 .txt-table table td p{text-align:left;} .anal-detBy-3 .by-2 .txt-table .txt{font-size:16px;line-height:26px;color:#666;padding-top:10px;} .anal-detBy-3 .by-2 .txt-table .contact{padding-top:40px;text-align:center;} .anal-detBy-3 .by-2 .txt-table .contact a{display:inline-block;width:156px;height:38px;line-height:38px;font-size:16px;text-align:center;background-color:#d81718;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s;} .anal-detBy-3 .by-2 .txt-table .contact a:hover{background-color:#009cde;} .anal-detBy-3 .by-3{padding-bottom:40px;} .anal-detBy-3 .by-3 p{font-size:18px;line-height:28px;color:#333;padding:30px 0;} .anal-detBy-3 .by-3 .list{display:flex;justify-content: space-between;} .anal-detBy-3 .by-3 .list .item{width:calc((100% - 70px)/3);height:220px;} .anal-detBy-3 .by-3 .list .item img{width:100%;height:100%;object-fit:cover;} .anal-detBy-3 .by-4 ul{margin:30px 0;} .anal-detBy-3 .by-4 ul li{font-size:18px;line-height:42px;color:#333;padding-left:25px;position: relative;} .anal-detBy-3 .by-4 ul li::before{content:"";display:inline-block;width:8px;height:8px;background-color:#333333;border-radius:50%;position: absolute;left:0;top:17px;} .anal-detBy-3 .by-4 .lx{display:flex;background-color:#ddf0f8;padding:20px;box-sizing: border-box;align-items:center;width:680px;justify-content:space-between;} .anal-detBy-3 .by-4 .lx .lf{font-size:18px;line-height:34px;color:#003a8f;} .anal-detBy-3 .by-4 .lx .lf a{color:#003a8f;transition:all .3s;} .anal-detBy-3 .by-4 .lx .lf a:hover{color:#009cde;} .anal-detBy-3 .by-4 .lx .rt{width:120px;} .anal-detBy-3 .by-4 .lx .rt img{display:block;width:100%;} .anal-detBy-4{padding:40px 0;} .anal-detBy-4 p{font-size:18px;line-height:28px;color:#333;margin-bottom:30px;} .anal-detBy-4 h3{font-size:18px;line-height:28px;color:#009cde;font-weight:600;margin-bottom:20px;} .anal-detBy-4 ul li{font-size:18px;line-height:38px;color:#333;padding-left:40px;position: relative;} .anal-detBy-4 ul li::before{content:"";display:inline-block;width:18px;height:18px;border:1px solid #069edf;background-color:#d9ecf8;box-sizing: border-box; border-radius:50%;position: absolute;left:0;top:10px} .anal-detBy-5 img{display:block;width:100%;margin-top:40px;} .anal-detBy-5 .contact{padding-top:20px;text-align:center;} .anal-detBy-5 .contact a{display:inline-block;width:156px;height:38px;line-height:38px;font-size:16px;text-align:center;background-color:#d81718;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s;} .anal-detBy-5 .contact a:hover{background-color:#009cde;} .anal-detBy-3 .by-4 .lx-item{display:flex;justify-content: space-between;align-items: stretch} .anal-detBy-3 .by-4 .lx-item .item{display:flex;background-color:#ddf0f8;padding:20px;box-sizing: border-box;align-items:center;width:610px;justify-content:space-between;} .anal-detBy-3 .by-4 .lx-item .item .lf{font-size:18px;line-height:34px;color:#003a8f;} .anal-detBy-3 .by-4 .lx-item .item .lf b{display:block;font-weight:500;font-size:28px;margin-bottom:10px;} .anal-detBy-3 .by-4 .lx-item .item .lf a{color:#003a8f;transition:all .3s;} .anal-detBy-3 .by-4 .lx-item .item .lf a:hover{color:#009cde;} .anal-detBy-3 .by-4 .lx-item .item .rt{width:120px;} .anal-detBy-3 .by-4 .lx-item .item .rt img{display:block;width:100%;} .medi-1,.medi-2,.medi-3{padding:60px 0;} .medi-1 h3{font-size:32px;line-height:36px;font-weight:600;color:#333;margin-bottom:20px;} .medi-1 h4{font-size:18px;line-height:34px;color:#333;} .medi-1 .list{display:flex;margin-top:50px;} .medi-1 .list a{display:inline-block;margin-right:15px;width:calc((100% - 45px)/4);text-align:center;padding:30px 0 40px;background-color:#dff4fe;transition:all .3s;} .medi-1 .last a:last-child{margin-right:0;} .medi-1 .list a .icon{height:120px;background-repeat:no-repeat;background-position:center;transition:all .3s;} .medi-1 .list a .icon-1{background-image:url(../images/medicine/medi-icon-1.png);} .medi-1 .list a .icon-2{background-image:url(../images/medicine/medi-icon-2.png);} .medi-1 .list a .icon-3{background-image:url(../images/medicine/medi-icon-3.png);} .medi-1 .list a .icon-4{background-image:url(../images/medicine/medi-icon-4.png);} .medi-1 .list a p{font-size:22px;line-height:36px;color:#333;font-weight:600;transition:all .3s;} /*.medi-1 .list a:hover{background-color:#009cde} .medi-1 .list a:hover .icon-1{background-image:url(../images/medicine/medi-icon-1-w.png);} .medi-1 .list a:hover .icon-2{background-image:url(../images/medicine/medi-icon-2-w.png);} .medi-1 .list a:hover .icon-3{background-image:url(../images/medicine/medi-icon-3-w.png);} .medi-1 .list a:hover .icon-4{background-image:url(../images/medicine/medi-icon-4-w.png);} .medi-1 .list a:hover p{color:#fff;}*/ .medi-2 h3,.medi-3 h3{font-size:32px;line-height:38px;color:#333;font-weight:600;margin-bottom:15px;} .medi-2 h4,.medi-3 h4{font-size:18px;line-height:34px;color:#333;} .medi-2 .link{padding:70px 0;text-align:center;} .medi-2 .link a{display:flex;margin:0 auto;width:660px;height:92px;background-color:#dff4fe;overflow:hidden;border-radius:8px;align-items:center;transition:all .3s;} .medi-2 .link a .icon{width:130px;height:100%;background-color:#009cde;position: relative;} .medi-2 .link a .icon::before{content:"";display:inline-block;width:58px;height:58px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff url(../images/medicine/medi-2-icon.jpg) no-repeat center;overflow:hidden;} .medi-2 .link a .text{width:calc(100% - 130px);box-sizing: border-box;padding:0 25px;text-align:left;} .medi-2 .link a .text .p_1{font-size:25px;color:#009cde;line-height:35px;} .medi-2 .link a .text .p_2{font-size:18px;line-height:28px;color:#333;} .medi-2 .link a:hover{transform:translateY(-20px);box-shadow:0 0 20px rgba(74,74,74,.1);} .medi-2 .image{text-align:center;} .medi-2 .image img{max-width:100%;} .medi-3 .image,.medi-4 .image{text-align:center;margin-top:50px;} .medi-3 .image img,.medi-4 .image img{max-width:100%;} .medi-4{padding:60px 0;background-color:#ebf8fd;} .medi-4 h3{font-size:32px;line-height:38px;color:#333;font-weight:600;} .prepa-1{padding:70px 0;} .prepa-1 h3{font-size:32px;line-height:38px;color:#333;font-weight:bold;margin-bottom:15px;} .prepa-1 h4{font-size:18px;line-height:34px;color:#333;margin-bottom:70px;} .prepa-1 .list-box{font-size:0;margin-top:20px;} .prepa-1 .list-box .box{width:calc((100% - 28px)/3);margin-right:14px;height:460px;display:inline-block;vertical-align:top;} .prepa-1 .list-box .box a{display:block;width:100%;height:100%;position: relative;overflow:hidden;} .prepa-1 .list-box .box a img{width:100%;height:100%;object-fit:cover;transition:all 1s;} .prepa-1 .list-box .box a .mask{position: absolute;left:0;right:0;bottom:0;height:68px;background-color:rgba(3,22,12,.45);padding:0 20px;display:flex;align-items:center;justify-content: space-between;transition:all .3s;} .prepa-1 .list-box .box a .mask p{font-size:24px;line-height:24px;font-weight:600;color:#fff;} .prepa-1 .list-box .box a .mask span{font-size:16px;line-height:26px;color:#fff;padding-right:15px;background:url(../images/preparation/icon-right-white.svg) no-repeat right center;background-size:auto 14px;} .prepa-1 .list-box .box:last-child{margin-right:0;} .prepa-1 .list-box .box.lf a{margin-bottom:14px;height:calc((100% - 14px)/2)} .prepa-1 .list-box .box.lf a:last-child{margin-bottom:0;} .prepa-1 .list-box .box a:hover img{transform: scale(1.1)} .prepa-1 .list-box .box a:hover .mask{background-color:#009ce5;} .prepa-2{padding:70px 0;} .prepa-2 h3{font-size:32px;line-height:38px;color:#333;font-weight:bold;margin-bottom:50px;} .prepa-2 img{max-width:100%;} .prepa-2 .more{margin-top:50px;text-align:center;} .prepa-2 .more a{display:inline-block;width:270px;height:38px;line-height:38px;font-size:16px;color:#fff;background-color:#d81719;border-radius:8px;transition:all .3s;} .prepa-2 .more a:hover{background-color:#009cde;} .prepa-4{padding:70px 0;} .prepa-4 .flex{align-items:center;justify-content:space-between;} .prepa-4 .flex .left{width:680px;} .prepa-4 .flex .left h3{font-size:32px;line-height:38px;color:#333;font-weight:600;margin-bottom:25px;} .prepa-4 .flex .left .list_det_title{padding-bottom:10px;} .prepa-4 .flex .left ul{margin:20px 0;} .prepa-4 .flex .left ul li{font-size:18px;line-height:38px;color:#333;padding-left:40px;position: relative;} .prepa-4 .flex .left ul li::before{content:"";display:inline-block;width:18px;height:18px;border:1px solid #069edf;background-color:#d9ecf8;border-radius:50%;box-sizing: border-box;position: absolute;left:0;top:10px;} .prepa-4 .flex .left .box{width:620px;margin-top:30px;} .prepa-4 .flex .left .box p{display:block;height:48px;box-sizing: border-box;width:100%;padding-left:40px;font-size:18px;line-height:48px;background-color:#24a8e1;color:#fff;border-radius:25px;margin-top:20px;} .prepa-4 .flex .right{width:calc(100% - 680px);text-align:center;} .prepa-5 .by-1{padding:70px 0;border-bottom:1px solid #dddddd;} .prepa-5 h3{font-size:32px;line-height:38px;color:#333;font-weight:600;margin-bottom:40px;} .prepa-5 .by-1 .flex{justify-content:space-between;padding-right:60px;position: relative;} .prepa-5 .by-1 .flex .image{width:470px;height:305px} .prepa-5 .by-1 .flex h4{font-size:18px;line-height:34px;color:#333;margin:20px 0;} .prepa-5 .by-1 .flex h4 span{font-size:22px;} .prepa-5 .by-1 .flex ul li{font-size:16px;line-height:32px;color:#666666;} .prepa-5 .by-1 .flex ul li span{display:inline-block;width:170px;} .prepa-5 .by-1 .flex .tx{position: absolute;left:540px;width:94px;font-size:28px;line-height:28px;text-align:center;padding-top:40px;background:url(../images/preparation/prepa-5-arrow.png) no-repeat center top;} .prepa-5 .by-1 .flex .tx span{font-size:14px;line-height:28px;vertical-align:middle;display:inline-block;padding-right:5px;} .prepa-5 .by-1 .flex .tx_1{top:140px;} .prepa-5 .by-1 .flex .tx_2{top:420px;} .prepa-5 .by-2{padding:70px 0;} .prepa-5 .by-2 .list{display:flex;justify-content:space-between;} .prepa-5 .by-2 .list .item{width:calc((100% - 70px)/3);height:220px;} .prepa-5 .by-2 .list .item img{width:100%;height:100%;object-fit:cover;} .prepadet-1{padding:70px 0;} .prepadet-1 h3{font-size:32px;line-height:38px;color:#333;font-weight:600;margin-bottom:25px;} .prepadet-1 ul li{font-size:18px;line-height:42px;color:#333;padding-left:25px;position: relative;} .prepadet-1 ul li::before{content:"";position: absolute;left:0;top:18px;display:inline-block;width:7px;height:7px;background:#333;border-radius:50%;} .prepadet-1 h4{font-size:18px;line-height:28px;color:#333} .prepadet-2 h3{font-size:32px;line-height:38px;color:#333;font-weight:600;margin-bottom:25px;} .prepadet-2 h4{font-size:18px;line-height:28px;color:#333} .prepadet-2 img{max-width:100%;} .prepadet-2 .more{margin-top:50px;text-align:center;} .prepadet-2 .more a{display:inline-block;width:270px;height:38px;line-height:38px;font-size:16px;color:#fff;background-color:#d81719;border-radius:8px;transition:all .3s;} .prepadet-2 .more a:hover{background-color:#009cde;} .prepadet-3{padding-top:70px;} .prepadet-3 h3{font-size:32px;line-height:38px;color:#333;font-weight:600;margin-bottom:25px;} .prepadet-3 h4{font-size:18px;line-height:34px;color:#333;margin-bottom:40px;} .prepadet-3 .list_det_title{padding-bottom:15px;} .prepadet-3 .list-1{padding-bottom:60px;} .prepadet-3 .list-1 img{max-width:100%;} .prepadet-3 .list-2{padding-bottom:70px;} .prepadet-3 .list-2 .tx_1{font-size:18px;line-height:28px;color:#333;padding-top:15px;} .prepadet-3 .list-2 .tx_2{font-size:16px;line-height:42px;color:#666666;padding:25px 0 60px;} .prepadet-3 .list-2 .tx_2 img{max-width:100%;} .prepadet-2 .mt50{margin-top:50px;} .prepadet-3 table{margin-top:40px;width:100%;} .prepadet-3 table tr th{height:64px;background-color:#009cde;text-align:center;font-size:16px;font-weight:600;color:#fff;border-right:1px solid #dfdfdf;} .prepadet-3 table tr th:first-child{border-left:1px solid #dfdfdf;} .prepadet-3 table tr td{height:66px;border-right:1px solid #d7dbdd;border-bottom:1px solid #d7dbdd;text-align:center;font-size:16px;font-weight:500;} .prepadet-3 table tr td:first-child{border-left:1px solid #d7dbdd;} .prepadet-3 table.col-2 tr th{width:50%;} .prepadet-3 table.col-3 tr th{width:33.3333%;} .prepadet-3 .list-3{padding-bottom:70px;} .prepadet-3 .list-3 .tx_1{font-size:18px;line-height:34px;color:#666666;padding-top:35px;} .prepadet-3 .list-item{margin-top:60px;display:flex;justify-content:space-between;} .prepadet-3 .list-item .item{width:calc((100% - 70px)/3);} .prepadet-3 .list-item .item img{display:block;width:100%;} .prepadet-3 .list-item .item p{font-size:18px;line-height:42px;color:#333;margin-top:15px;text-align:center;} .prepadet-3 img{max-width:100%;} .prepadet-3 .list-4{padding-bottom:60px;} .prepadet-3 .list-4 h4{font-size:18px;line-height:34px;color:#333;padding-top:20px;margin-bottom:20px;} .prepadet-3 .list-4 ul li{font-size:18px;line-height:42px;color:#333;padding-left:25px;position: relative;} .prepadet-3 .list-4 ul li::before{content:"";position: absolute;left:0;top:18px;display:inline-block;width:7px;height:7px;background:#333;border-radius:50%;} .prepadet-3 .list-5{margin-bottom:60px;} .prepadet-3 .list-5 table.col-2 tr th{background-color:#ebf7fc;border:1px solid #d8dcde;color:#333333;font-weight:500;} .prepadet-3 .list-5 table.col-2 tr td{border:1px solid #d8dcde;padding:0 40px;text-align:left;} .prepadet-3 .list-5 table.col-2 tr td img{margin:40px 0;} .prepadet-3 .list-6{padding-bottom:60px;} .prepadet-3 .list-6 .tx_1{font-size:18px;line-height:28px;color:#333;padding-top:15px;} .prepadet-3 .list-6 .list-item{margin-top:30px;} .prepadet-3 .list-6 .list-item .item{width:600px;} /*会员中心*/ .memberHeader{position: absolute;left:0;right:0;top:0;z-index:3;} .memberHeader .logo{width:218px;height:44px;background:url(../images/member/logo.png) no-repeat center;display:inline-block;margin-top:25px;} .memberKv{height:305px;position: relative;overflow:hidden;} .memberKv .list-tab{position: absolute;left:0;right:0;bottom:0;height:58px;background-color:rgba(255,255,255,.18);text-align:center;} .memberKv .list-tab ul{display:flex;align-items:center;flex-wrap:nowrap;justify-content:center;} .memberKv .list-tab ul li{position: relative;height:58px;} .memberKv .list-tab ul li::after{content:"";display:inline-block;width:1px;height:16px;background-color:rgba(255,255,255,.52);position: absolute;right:0;top:50%;transform: translateY(-50%);} .memberKv .list-tab ul li a{display:block;height:58px;line-height:58px;font-size:16px;color:#fff;font-weight:bold;padding:0 60px;} .memberKv .list-tab ul li a:hover::after,.memberKv .list-tab ul li a.active::after{content:"";width:18px;height:8px;background:url(../images/common/triangle-white.svg) no-repeat center;background-size:cover;display:inline-block;position: absolute;bottom:0;left:50%;transform: translateX(-50%);} .memberKv .list-tab ul li:last-child::after{display:none;} .member_user{padding:50px 0;} .member_user .list{padding-bottom:50px;} .member_user .list:last-child{padding-bottom:0;} .member_user .list .list-box{width:585px;} .member_user .list .list-box ul li{display:flex;margin-top:35px;} .member_user .list .list-box ul li .tx{width:165px;box-sizing: border-box;padding-right:90px;text-align:right;font-size:18px;height:46px;line-height:46px;} .member_user .list .list-box ul li .box{height:46px;width:270px;display:flex;justify-content:space-between;} .member_user .list .list-box ul li .box .w-100{width:100%;} .member_user .list .list-box ul li .box input.w-100{height:46px;line-height:28px;font-size:18px;color:#767a7b;padding:9px 15px;border:0;background-color:#f4f4f4;box-sizing: border-box;} .member_user .list .list-box ul li .box .chk{padding-bottom:20px;} .member_user .list .list-box ul li .box .chk span{margin-right:50px;} .member_user .list .list-box ul li .box .chk .regular-radio {display: none;} .member_user .list .list-box ul li .box .chk .regular-radio + label {display: inline-block;position: relative;padding-left:32px;background:url(../images/member/chk-1.png) no-repeat left center;font-size:18px;line-height:46px;color:#6a6969;font-weight:400;margin:0;} .member_user .list .list-box ul li .box .chk .regular-radio:checked + label {background:url(../images/member/chk-2.png) no-repeat left center;} .member_user .list .list-box ul li .box select::-ms-expand{display: none;} .member_user .list .list-box ul li .box select{height:46px;line-height:46px;font-size:18px;color:#767a7b!important;padding:0 15px;border:0;width:100%;appearance:none;-moz-appearance:none; -webkit-appearance:none;background:#f4f4f4 url(../images/member/select.svg) no-repeat 96% center;background-size:24px auto;} .member_user .list .list-box ul li .box select.w-50{width:calc((100% - 10px)/2);background:#f4f4f4 url(../images/member/select.svg) no-repeat 93% center;background-size:24px auto;} .member_user .list .list-box ul li a.xbtn{display:inline-block;width:126px;height:46px;line-height:46px;background-color:#b6b7b7;font-size:16px;color:#fff;text-align:center;margin-left:25px;border-radius:6px;transition:all .3s;cursor:pointer;} .member_user .list .list-box ul li a.xbtn:hover{background-color:#2c6493;} .member_user .list .list-box ul li a.sub{height:50px;line-height:50px;border-radius:6px;overflow:hidden;text-align:center;font-size:15px;color:#fff;background-color:#2c6493;width:100%;cursor:pointer;transition:all .3s;} .member_user .list .list-box ul li a.sub:hover{background-color:#009cde;} .wx_body{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:570px;border-radius:8px;background-color:#fff;box-sizing: border-box;z-index:2;padding:30px 25px;} .wx_body .title{font-size:24px;line-height:24px;color:#000;font-weight:600;} .wx_body .box{height:410px;display:flex;align-items:center;justify-content:center} .wx_body .box .content .code{width:208px;height:208px;background:#e6e5e9;padding:8px;box-sizing: border-box;} .wx_body .box .content .code img{width:100%;display:block;} .wx_body .box .content p{font-size:15px;line-height:42px;color:#666;margin-top:15px;text-align:center;} .mod_body{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:570px;border-radius:8px;background-color:#fff;box-sizing: border-box;z-index:2;padding:30px 25px;} .mod_body .tit{font-size:24px;line-height:24px;font-weight:600;} .mod_body ul li{margin-top:25px;} .mod_body ul li input{height:48px;border:1px solid #d3d3d3;font-size:15px;line-height:26px;padding:10px 15px;box-sizing: border-box;border-radius:8px;transition:all .3s;width:100%;} .mod_body ul li a.enter{display:block;width:100%;height:48px;line-height:48px;text-align:center;background-color:#2c6493;border-radius:8px;font-size:15px;color:#fff;cursor:pointer;transition:all .3s;} .mod_body ul li a.enter:hover{background-color:#0ba0df;} .mod_body ul li .yzm_by{display:flex;} .mod_body ul li .yzm_by input{width:215px;margin-right:10px;} .mod_body ul li .yzm_by a.hqyzm{cursor:pointer;display:inline-block;width:160px;height:48px;line-height:48px;text-align:center;font-size:15px;color:#666666;background-color:#e6e6e6;border-radius:8px;transition:all .3s;} .mod_body ul li .yzm_by a.hqyzm:hover{background-color:#2c6493;color:#fff;} .mod_body ul li .box{width:100%;position: relative;} .mod_body ul li .box a.eyes{display:inline-block;width:48px;height:48px;position: absolute;right:0;top:0;cursor:pointer;background:url(../images/common/icon-eyes-1.svg) no-repeat center;background-size:28px;} .mod_body ul li .box a.eyes.cur{background:url(../images/common/icon-eyes-2.svg) no-repeat center;background-size:28px;} .member_down{padding:70px 0;} .member_down .list{display:flex;flex-wrap:wrap;align-items:stretch;} .member_down .list .item{width:250px;padding:40px 15px;background-color:#f5f5f5;box-shadow:0 0 40px rgba(0,0,0,.15);margin-right:80px;margin-top:70px;position: relative;} .member_down .list .item:nth-child(4n + 4){margin-right:0;} .member_down .list .item h3{font-size:20px;line-height:32px;color:#333;position: relative;padding-bottom:20px;height:148px;overflow:hidden;} .member_down .list .item h3::after{content:"";display:inline-block;width:32px;height:2px;background-color:#2d578f;position: absolute;left:0;bottom:0;} .member_down .list .item ul{font-size:0;padding-top:10px;} .member_down .list .item ul li{min-width:50%;display:inline-block;margin-top:20px;} .member_down .list .item ul li a{display:inline-block;font-size:13px;color:#333;padding-left:35px;line-height:36px;position: relative;height:30px;} .member_down .list .item ul li a::before{content:"";display:inline-block;width:30px;height:30px;background:url(../images/common/icon-pdf-3.svg) no-repeat center;background-size:cover;position: absolute;left:0;top:0;transition:all .3s;} .member_down .list .item ul li a:hover::before{background:url(../images/common/icon-pdf-4.svg) no-repeat center;background-size:cover;} .member_down .list .item .delete{display:inline-block;width:28px;height:28px;background:url(../images/member/close-1.svg) no-repeat center;background-size:32px;cursor:pointer;position: absolute;right:-34px;top:-34px;transition:all .3s;} .member_down .list .item .delete:hover{background:url(../images/member/close-2.svg) no-repeat center;background-size:32px;} .sup-body-1{padding:65px 0;} .sup-body-1 .tip h3{font-size:32px;line-height:36px;color:#333;font-weight:600;margin-bottom:20px;} .sup-body-1 .tip p{font-size:18px;line-height:34px;color:#333;} .sup-body-1 .list{display:flex;margin-top:45px;} .sup-body-1 .list .item{margin-right:15px;width:calc((100% - 60px)/5);} .sup-body-1 .list .item:last-child{margin-right:0;} .sup-body-1 .list .item a{display:block;width:100%;height:310px;box-sizing: border-box;border:1px solid #e7e5e5;box-shadow:0 0 20px rgba(0,0,0,.1);background:url(../images/support/sup-bg-1.jpg) no-repeat right top;position: relative;padding-left:30px;padding-top:40px;transition:all .3s;} .sup-body-1 .list .item a::after{content:"";height:5px;width:100%;position: absolute;left:0;right:0;bottom:0;} .sup-body-1 .list .item a.a_1::after{background-color:#0b9ee1} .sup-body-1 .list .item a.a_2::after{background-color:#009fe4} .sup-body-1 .list .item a.a_3::after{background-color:#597fc0} .sup-body-1 .list .item a.a_4::after{background-color:#09ac78} .sup-body-1 .list .item a.a_5::after{background-color:#034f7a} .sup-body-1 .list .item a i{display:inline-block;width:90px;height:70px;} .sup-body-1 .list .item a i.ico-1{background:url(../images/support/sup-ico-1.png) no-repeat left center;} .sup-body-1 .list .item a i.ico-2{background:url(../images/support/sup-ico-2.png) no-repeat left center;} .sup-body-1 .list .item a i.ico-3{background:url(../images/support/sup-ico-3.png) no-repeat left center;} .sup-body-1 .list .item a i.ico-4{background:url(../images/support/sup-ico-4.png) no-repeat left center;} .sup-body-1 .list .item a i.ico-5{background:url(../images/support/sup-ico-5.png) no-repeat left center;} .sup-body-1 .list .item a h3{font-size:24px;line-height:36px;color:#333;transition:all .3s;} .sup-body-1 .list .item a span{font-size:14px;line-height:36px;color:#666;display:inline-block;background:url(../images/support/icon-arrow-right-black.svg) no-repeat right center;background-size:20px auto;padding-right:25px;transition:all .3s;margin-top:80px;} .sup-body-1 .list .item a:hover{background:#009fe4} .sup-body-1 .list .item a:hover i.ico-1{background:url(../images/support/sup-ico-1-h.png) no-repeat left center;} .sup-body-1 .list .item a:hover i.ico-2{background:url(../images/support/sup-ico-2-h.png) no-repeat left center;} .sup-body-1 .list .item a:hover i.ico-3{background:url(../images/support/sup-ico-3-h.png) no-repeat left center;} .sup-body-1 .list .item a:hover i.ico-4{background:url(../images/support/sup-ico-4-h.png) no-repeat left center;} .sup-body-1 .list .item a:hover i.ico-5{background:url(../images/support/sup-ico-5-h.png) no-repeat left center;} .sup-body-1 .list .item a:hover h3{color:#fff;} .sup-body-1 .list .item a:hover span{background:url(../images/support/icon-arrow-right-white.svg) no-repeat right center;background-size:20px auto;color:#fff;} .sup-body-1 .list .item a:hover::after{background:#009fe4} .sup-body-2{padding:60px 0;} .sup-body-2 .tit{padding-bottom:40px;} .sup-body-2 .tit h3{font-size:32px;line-height:36px;color:#000;font-weight:600;padding-bottom:20px;} .sup-body-2 .tit h4{font-size:18px;line-height:34px;color:#000;} .sup-body-2 .list{display:flex;justify-content: space-between;} .sup-body-2 .list .item{width:calc(100% - 20px);height:296px;background:#fff url(../images/support/sup-bg-2.jpg) no-repeat right top;transition:all .3s;box-sizing: border-box;padding:40px 35px;} .sup-body-2 .list .item:first-child{margin-right:20px;} .sup-body-2 .list .item .title{display:flex;align-items:center;font-size:20px;font-weight:500;color:#2c6493;transition:all .3s;margin-bottom:15px;} .sup-body-2 .list .item .title i{display:inline-block;width:54px;height:60px;margin-right:15px;} .sup-body-2 .list .item .title i.ico-1{background:url(../images/support/sup-body-2-1.png) no-repeat center;} .sup-body-2 .list .item .title i.ico-2{background:url(../images/support/sup-body-2-2.png) no-repeat center;} .sup-body-2 .list .item p{font-size:16px;line-height:26px;color:#2c6493;transition:all .3s;margin-bottom:35px;} .sup-body-2 .list .item a{display:inline-block;width:156px;height:38px;border-radius:8px;background-color:#d81719;font-size:16px;line-height:38px;color:#f6f6f6;text-align:center;transition:all .3s;} .sup-body-2 .list .item:hover{background:#155987;} .sup-body-2 .list .item:hover .title{color:#fff;} .sup-body-2 .list .item:hover .title i.ico-1{background:url(../images/support/sup-body-2-1-h.png) no-repeat center;} .sup-body-2 .list .item:hover .title i.ico-2{background:url(../images/support/sup-body-2-2-h.png) no-repeat center;} .sup-body-2 .list .item:hover p{color:#fff;} .sup-body-2 .list .item a:hover{background:#009ce5;} .sup-body-3{padding:60px 0;} .sup-body-3 .tit{padding-bottom:30px;} .sup-body-3 .tit h3{font-size:32px;line-height:36px;color:#000;font-weight:600;padding-bottom:20px;} .sup-body-3 .tit h4{font-size:18px;line-height:34px;color:#000;} .sup-body-3 .flex{display:flex;justify-content:space-between;box-sizing: border-box;padding:25px 40px;background-color:#ddf0f8;align-items:center;} .sup-body-3 .flex .right{text-align:center;} .sup-body-3 .flex .right p{font-size:15px;line-height:42px;color:#666666;} .sup-body-3 .flex .left ul{display:flex;} .sup-body-3 .flex .left ul li{display:flex;align-items:center;width:325px;font-size:26px;color:#2b6290;} .sup-body-3 .flex .left ul li i{display:inline-block;width:52px;height:52px;border:1px solid #356a96;border-radius:50%;margin-right:15px;} .sup-body-3 .flex .left ul li i.i-1{background:url(../images/support/sup-body-3-1.svg) no-repeat center;background-size:30px;} .sup-body-3 .flex .left ul li i.i-2{background:url(../images/support/sup-body-3-2.svg) no-repeat center;background-size:30px;} .sup-body-3 .flex .left ul li i.i-3{background:url(../images/support/sup-body-3-3.svg) no-repeat center;background-size:30px;} .sup-body-3 .flex .left p{font-size:15px;line-height:42px;color:#666;margin-top:10px;} .sup-det-body{padding:60px 0;} .sup-det-body p{font-size:18px;line-height:34px;color:#333;} .sup-det-body .list_det_title{margin-bottom:30px;} .sup-det-1 p{margin-bottom:60px;} .sup-det-1 .det-pdf{padding:45px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;margin:40px 0;} .sup-det-1 .det-pdf .txt h3{font-size:28px;color:#003a8f;font-weight:500;margin-bottom:10px;} .sup-det-1 .det-pdf .txt p{margin-bottom:0;} .sup-det-1 .det-pdf a.down{display:inline-block;width:156px;height:38px;line-height:38px;background-color:#d81719;font-size:16px;color:#fff;border-radius:8px;text-align:center;transition:all .3s;} .sup-det-1 .det-pdf a.down:hover{background-color:#009ce5;} .sup-det-2 h4{font-size:20px;line-height:36px;color:#003a8f;font-weight:600;margin-bottom:15px;} .sup-det-2 ul li{font-size:18px;line-height:34px;color:#333;padding-left:40px;position: relative;} .sup-det-2 ul li::before{content:"";display:inline-block;width:18px;height:18px;border:1px solid #069edf;background-color:#d9ecf8;box-sizing: border-box; border-radius:50%;position: absolute;left:0;top:8px} .sup-det-2 span{font-size:15px;line-height:42px;color:#666;} .pb-0{padding-bottom:0;} .pb-50{padding-bottom:50px;} .sup-det-3 h4{font-size:20px;line-height:36px;color:#003a8f;font-weight:600;margin-bottom:15px;} .sup-det-3 ul li{background-color:#f6f6f6;padding:25px;display:flex;justify-content: space-between;font-size:18px;line-height:28px;color:#333;margin-bottom:20px;} .sup-det-3 ul li a{display:inline-block;width:156px;height:38px;line-height:38px;background-color:#d81719;font-size:16px;color:#fff;border-radius:8px;text-align:center;transition:all .3s;} .sup-det-3 ul li a:hover{background-color:#009ce5;} .sup-det-4 ul{margin:30px 0;} .sup-det-4 ul li{font-size:18px;line-height:42px;color:#333;padding-left:25px;position: relative;} .sup-det-4 ul li::before{content:"";display:inline-block;width:8px;height:8px;background-color:#333333;border-radius:50%;position: absolute;left:0;top:17px;} .sup-det-4 .lx{display:flex;background-color:#ddf0f8;padding:20px;box-sizing: border-box;align-items:center;width:680px;justify-content:space-between;} .sup-det-4 .lx .lf{font-size:18px;line-height:34px;color:#003a8f;} .sup-det-4 .lx .lf a{color:#003a8f;transition:all .3s;} .sup-det-4 .lx .lf a:hover{color:#009cde;} .sup-det-4 .lx .rt{width:120px;} .sup-det-4 .lx .rt img{display:block;width:100%;} .sup-det-5 h3{font-size:32px;line-height:36px;color:#333;margin-bottom:20px;font-weight:600;} .sup-det-5 ul li{font-size:18px;line-height:36px;color:#333;padding-left:25px;position: relative;margin-top:15px;} .sup-det-5 ul li::before{content:"";display:inline-block;width:8px;height:8px;background-color:#333333;border-radius:50%;position: absolute;left:0;top:13px;} .sup-det-6{padding-bottom:70px;} .sup-det-6 .list{display:flex;} .sup-det-6 .list .item{padding-top:90px;width:50%;position: relative;} .sup-det-6 .list .item .tab{display:inline-block;width:88px;height:30px;line-height:30px;background-color:#0099e3;border-radius:0 0 8px 8px;text-align:center;font-size:18px;color:#fff;font-weight:500;position: absolute;top:0;left:0;} .sup-det-6 .list .item:first-child::before{content:"";width:1px;top:90px;bottom:0;background-color:#d6d6d6;right:30px;position: absolute;} .sup-det-6 .list .item h3{font-size:32px;line-height:36px;font-weight:600;padding-bottom:25px;} .sup-det-6 .list .item ul li{margin-top:35px;padding-left:130px;position: relative;} .sup-det-6 .list .item ul li h4{font-size:24px;line-height:36px;color:#2c6493;font-weight:500;margin-bottom:20px;} .sup-det-6 .list .item ul li p{font-size:16px;line-height:26px;color:#2c6493;margin-bottom:20px;} .sup-det-6 .list .item ul li a{display:inline-block;width:156px;height:38px;line-height:38px;background-color:#d81719;font-size:16px;color:#fff;border-radius:8px;text-align:center;transition:all .3s;} .sup-det-6 .list .item ul li a:hover{background-color:#009ce5;} .sup-det-6 .list .item ul li i{display:inline-block;position: absolute;left:0;top:0;} .sup-det-6 .list .item ul li i.ico-1{width:54px;height:60px;background:url(../images/support/sup-det-5-1.png);} .sup-det-6 .list .item ul li i.ico-2{width:48px;height:48px;background:url(../images/support/sup-det-5-2.png);} .sup-det-6 .list .item ul li i.ico-3{width:67px;height:64px;background:url(../images/support/sup-det-5-3.png);} .sup-det-slider{position: relative;overflow:hidden;} .sup-det-slider .swiper-slide{position: relative;} .sup-det-slider .swiper-slide img{width:100%;height:100%;object-fit:cover;} .sup-det-slider .swiper-slide .mask{position: absolute;left:0;right:0;top:50%;transform: translateY(-50%);} .sup-det-slider .swiper-slide .mask h3{font-size:28px;line-height:28px;color:#fff;font-weight:500;margin-bottom:20px;} .sup-det-slider .swiper-slide .mask p{font-size:18px;line-height:28px;color:#fff;width:620px;} .sup-det-slider .swiper-slide .mask a.morebtn{display:inline-block;width:156px;height:38px;line-height:38px;border:1px solid #fff;font-size:16px;color:#fff;border-radius:8px;text-align:center;transition:all .3s;margin-top:40px;} .sup-det-slider .swiper-slide .mask a:hover{background-color:#d81719;border:1px solid #d81719} .sup-det-slider .dot{position: absolute;left:0;right:0;bottom:25px;text-align:center;z-index:1;} .sup-det-slider .dot span{width:14px;height:14px;display:inline-block;margin:0 5px;opacity:1;background-color:#e0dfdf;} .sup-det-slider .dot span.swiper-pagination-bullet-active{background-color:#fff} .sup-det-train .det-1{padding:60px 0;background-color:#f2fbfd;} .sup-det-train .det-1 .list{padding-top:60px;display:flex;flex-wrap:wrap;align-items: stretch;} .sup-det-train .det-1 .list .item{margin-right:20px;width:calc((100% - 40px)/3);margin-bottom:30px;position: relative;padding-bottom:60px;} .sup-det-train .det-1 .list .item:nth-child(3n + 3){margin-right:0;} .sup-det-train .det-1 .list .item a.video{display:block;position: relative;height:224px;overflow:hidden;border-radius:16px;margin-bottom:30px;cursor:pointer;} .sup-det-train .det-1 .list .item a.video img{display:block;width:100%;} .sup-det-train .det-1 .list .item a.video::before{content:"";width:68px;height:68px;display:inline-block;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);background:url(../images/support/video_before.png) no-repeat center;} .sup-det-train .det-1 .list .item h3{font-size:24px;line-height:32px;color:#333333;margin-bottom:10px;text-align:center;} .sup-det-train .det-1 .list .item p{font-size:16px;line-height:26px;color:#666666;} .sup-det-train .det-1 .list .item a.pdf{display:inline-block;width:156px;height:38px;line-height:38px;background-color:#d81719;font-size:16px;color:#fff;border-radius:8px;text-align:center;transition:all .3s;position: absolute;left:0;bottom:0;} .sup-det-train .det-1 .list .item a.pdf:hover{background-color:#009ce5;} .sup-det-train .det-2{padding:60px 0;} .sup-det-train .det-2 h4{font-size:18px;line-height:34px;color:#333;padding:40px 0 20px;} .sup-det-train .det-2 ul.list li{padding:24px;box-sizing: border-box;box-shadow:0 0 30px rgba(0,0,0,.1);margin-top:40px;display:flex;align-items:stretch;} .sup-det-train .det-2 ul.list li .img{width:215px;height:175px;overflow:hidden;} .sup-det-train .det-2 ul.list li .img img{width:100%;height:100%;object-fit:cover;} .sup-det-train .det-2 ul.list li .txt{width:890px;margin-left:40px;position: relative;} .sup-det-train .det-2 ul.list li .txt h3{font-size:24px;line-height:32px;color:#333;margin-bottom:10px;} .sup-det-train .det-2 ul.list li .txt p{font-size:16px;line-height:26px;color:#666666;} .sup-det-train .det-2 ul.list li .txt a.video{display:inline-block;width:125px;height:38px;line-height:38px;background-color:#d81719;font-size:16px;color:#fff;border-radius:8px;text-align:center;transition:all .3s;cursor:pointer;position:absolute;left:0;bottom:0;} .sup-det-train .det-2 ul.list li .txt a.video span{display:inline-block;padding-left:32px;background:url(../images/support/video-btn.png) no-repeat left center;font-size:16px;} .sup-det-train .det-2 ul.list li .txt a.video:hover{background-color:#009ce5;} .sup-det-train .det-3{padding:70px 0;background-color:#f6fafb;} .sup-det-train .det-3 .p_1{font-size:18px;line-height:34px;color:#333;padding:30px 0;} .sup-det-train .det-3 .list{flex-wrap:wrap;} .sup-det-train .det-3 .list li{width:calc((100% - 75px)/2);margin-right:75px;display:flex;border-bottom:1px solid #b7babb;box-sizing: border-box;height:61px;margin-bottom:20px;} .sup-det-train .det-3 .list li:nth-child(2n + 2){margin-right:0;} .sup-det-train .det-3 .list li .tit{font-size:16px;line-height:30px;padding:15px 0;font-weight:500;color:#333333;width:100px;} .sup-det-train .det-3 .list li .con{width:calc(100% - 100px);} .sup-det-train .det-3 .list li .con input{border:0;background:none;width:100%;height:60px;box-sizing: border-box;font-size:16px;padding:15px 0;line-height:30px;} .sup-det-train .det-3 .list li .con select{height:60px;border:0;width:100%;appearance:none;-moz-appearance:none; -webkit-appearance:none;background:url(../images/column/column-select.svg) no-repeat right center;background-size:24px auto;box-sizing: border-box;font-size:16px;line-height:30px;padding:15px 0;} .sup-det-train .det-3 .list li .con select::-ms-expand{display: none;} .sup-det-train .det-3 textarea{background:none;width:100%;height:182px;box-sizing: border-box;font-size:16px;line-height:30px;border:1px solid #b1b2b2;padding:20px;margin:30px 0;} .sup-det-train .det-3 .text-2{font-size:14px;line-height:24px;color:#666666;} .sup-det-train .det-3 .text-2 a{color:#2c6493;display:inline-block;border-bottom:1px solid #2c6493;transition:all .3s;} .sup-det-train .det-3 .text-2 a:hover{color:#009ce5;border-bottom:1px solid #009ce5} .sup-det-train .det-3 .chk{padding:15px 0 25px;} .sup-det-train .det-3 .chk .regular-checkbox {display: none;} .sup-det-train .det-3 .chk .regular-checkbox + label {display: inline-block;position: relative;padding-left:32px;background:url(../images/about/checkbox-1.jpg) no-repeat left 1px;font-size:14px;line-height:24px;color:#333;font-weight:400;margin:0;} .sup-det-train .det-3 .chk .regular-checkbox:checked + label {background:url(../images/about/checkbox-2.jpg) no-repeat left 1px;} .sup-det-train .det-3 .sub a{display:inline-block;width:156px;height:38px;border-radius:6px;background-color:#d81719;color:#fff;font-size:16px;line-height:38px;transition:all .3s;text-align:center;} .sup-det-train .det-3 .sub a:hover{background-color:#009cde;} .infoBody .info-tab,.sup-list-tab{background-color:#f2f2f2;height:60px;line-height:60px;text-align:center;} .infoBody .info-tab a,.sup-list-tab a{margin:0 32px;height:60px;line-height:60px;padding:0 5px;position: relative;font-size:20px;font-weight:500;color:#333;display:inline-block;transition:all .3s;} .infoBody .info-tab a:hover,.sup-list-tab a.hover{color:#336997;} .infoBody .info-tab a.active{color:#336997;} .infoBody .info-tab a.active::after{content:"";position: absolute;left:0;right:0;bottom:0;height:2px;background-color:#336997;} .infoBody .info-search{padding:60px 0;} .infoBody .info-search .search{border-radius:6px;overflow:hidden;background-color:#f2f4f1;box-shadow:0 10px 20px rgba(0,0,0,.2);} .infoBody .info-search .search .tit{height:68px;padding:16px 30px;background-color:#12b3ef;box-sizing: border-box;} .infoBody .info-search .search .tit p{padding-left:45px;background:url(../images/column/column-search.svg) no-repeat left center;font-size:24px;line-height:36px;color:#fff;font-weight:500;display:block;background-size:38px auto;} .infoBody .info-search .search .txtBody{text-align:center;padding:50px 0;} .infoBody .info-search .search .txtBody h4{font-size:18px;line-height:32px;color:#333333;} .infoBody .info-search .search .txtBody .inpt{height:60px;border-radius:50px;overflow:hidden;display:inline-block;margin:35px 0;} .infoBody .info-search .search .txtBody .inpt input{background-color:#fff;width:715px;box-sizing: border-box;height:60px;border:0;padding:12px 30px;font-size:15px;line-height:36px;color:#333;float:left;} .infoBody .info-search .search .txtBody .inpt input::placeholder{color:#666;} .infoBody .info-search .search .txtBody .inpt a.sechbtn{display:inline-block;width:70px;height:60px;float:right;background:#2c6493 url(../images/common/search_white.svg) no-repeat center;background-size:30px;cursor:pointer;transition:all .3s;} .infoBody .info-search .search .txtBody .inpt a.sechbtn:hover{background-color:#d81719;} .infoBody .info-search .search .txtBody p{font-size:14px;line-height:30px;color:#666666;} .infoBody .info-search .search .txtBody .weixin{margin-top:30px;} .infoBody .info-search .search .txtBody .weixin span{display:block;width:100%;font-size:14px;line-height:30px;color:#666;padding-top:5px;} .infoBody .search-result{padding:60px 0;background-color:#f6f6f6;} .infoBody .search-result .list_det_title{margin-bottom:40px;} .infoBody .search-result .table-box{} .infoBody .search-result .table-box table{width:100%;box-shadow:0 0 20px rgba(132,138,140,.24);} .infoBody .search-result .table-box table th{height:64px;background-color:#009cde;font-size:16px;color:#fff;font-weight:600;border-right:1px solid #dfdfdf;text-align:center;} .infoBody .search-result .table-box table tr th:first-child{width:168px} .infoBody .search-result .table-box table tr th:nth-child(2){width:320px;} .infoBody .search-result .table-box table tr th:nth-child(3){width:286px;} .infoBody .search-result .table-box table tr th:nth-child(4),.infoBody .search-result .table-box table tr th:nth-child(5){width:150px;} .infoBody .search-result .table-box table td{border-top:1px solid #d0d2d2;border-right:1px solid #d0d2d2;text-align:center;height:66px;font-size:16px;color:#333;background-color:#ffffff;font-weight:500;} .infoBody .search-result .table-box table tr th:last-child,.infoBody .search-result .table-box table tr td:last-child{border-right:0;} .infoBody .search-result .table-box table tr:nth-child(2) td{border-top:0;} .infoBody .prod-data-list{padding:60px 0;} .infoBody .prod-data-list .list_det_title{} .infoBody .prod-data-list .list-box{margin-bottom:60px;} .infoBody .prod-data-list .list-box ul.list{display:flex;flex-wrap:wrap;} .infoBody .prod-data-list .list-box ul.list li{margin-right:80px;width:250px;margin-top:50px;} .infoBody .prod-data-list .list-box ul.list li:nth-child(4n + 4){margin-right:0;} .infoBody .prod-data-list .list-box ul.list li a{display:block;background-color:#f5f5f5;width:100%;height:290px;box-sizing:border-box;padding:40px 25px;box-shadow:0 0 20px rgba(0,0,0,.24);position: relative;transition:all .3s;} .infoBody .prod-data-list .list-box ul.list li a .tit{font-size:20px;line-height:32px;height:111px;color:#333333;font-weight:500;position: relative;padding-bottom:15px;transition:all .3s;overflow:hidden;} .infoBody .prod-data-list .list-box ul.list li a .tit::after{content:"";display:inline-block;width:32px;height:2px;background-color:#2d578f;position: absolute;left:0;bottom:0;transition:all .3s;} .infoBody .prod-data-list .list-box ul.list li a p{position: absolute;left:25px;bottom:25px;} .infoBody .prod-data-list .list-box ul.list li a p span{display:inline-block;font-size:16px;line-height:38px;padding-right:50px;font-weight:500;color:#333;background:url(../images/support/down.png) no-repeat right center;transition:all .3s;} .infoBody .prod-data-list .list-box ul.list li a:hover{background-color:#009cde;} .infoBody .prod-data-list .list-box ul.list li a:hover .tit{color:#fff;} .infoBody .prod-data-list .list-box ul.list li a:hover .tit::after{background-color:#fff;} .infoBody .prod-data-list .list-box ul.list li a:hover p span{color:#fff;} .sup-faq{padding:60px 0;background-color:#f6fafb;} .sup-faq .list-tab{display:flex;margin:40px 0;} .sup-faq .list-tab a{margin-right:14px;width:195px;height:150px;border:1px solid #dddada;border-radius:8px;cursor:pointer;text-align:center;padding-top:25px;} .sup-faq .list-tab a:last-child{margin-right:0;} .sup-faq .list-tab a i{display:block;height:50px;} .sup-faq .list-tab a i.ico-1{background:url(../images/support/faq-ico-1.png) no-repeat center;} .sup-faq .list-tab a i.ico-2{background:url(../images/support/faq-ico-2.png) no-repeat center;} .sup-faq .list-tab a i.ico-3{background:url(../images/support/faq-ico-3.png) no-repeat center;} .sup-faq .list-tab a i.ico-4{background:url(../images/support/faq-ico-4.png) no-repeat center;} .sup-faq .list-tab a i.ico-5{background:url(../images/support/faq-ico-5.png) no-repeat center;} .sup-faq .list-tab a i.ico-6{background:url(../images/support/faq-ico-6.png) no-repeat center;} .sup-faq .list-tab a p{font-size:18px;line-height:36px;color:#333;font-weight:500;padding-top:15px;} .sup-faq .list-tab a.active{background-color:#009cde;border:1px solid #009cde;} .sup-faq .list-tab a.active i.ico-1{background:url(../images/support/faq-ico-1-h.png) no-repeat center;} .sup-faq .list-tab a.active i.ico-2{background:url(../images/support/faq-ico-2-h.png) no-repeat center;} .sup-faq .list-tab a.active i.ico-3{background:url(../images/support/faq-ico-3-h.png) no-repeat center;} .sup-faq .list-tab a.active i.ico-4{background:url(../images/support/faq-ico-4-h.png) no-repeat center;} .sup-faq .list-tab a.active i.ico-5{background:url(../images/support/faq-ico-5-h.png) no-repeat center;} .sup-faq .list-tab a.active i.ico-6{background:url(../images/support/faq-ico-6-h.png) no-repeat center;} .sup-faq .list-tab a.active p{color:#fff;} .sup-faq .list-con .con-body{box-shadow:0 0 30px rgba(132,138,140,.14);background-color:#fff;margin-top:40px;} .sup-faq .list-con .list_body .list-item{border-bottom:1px solid #e8e8e8;} .sup-faq .list-con .list_body .list-item .tit{padding:30px 85px 30px 40px;cursor:pointer;font-size:18px;line-height:24px;color:#333333;font-weight:bold;position: relative;} .sup-faq .list-con .list_body .list-item .tit::after{content:"";display:inline-block;width:22px;height:22px;background:url(../images/common/icon-plus-blue.svg) no-repeat center;background-size:30px;position: absolute;right:65px;top:30px;transition:all .3s;} .sup-faq .list-con .list_body .list-item .tit.active{background-color:#009cde;color:#fff;} .sup-faq .list-con .list_body .list-item .tit.active::after{transform: rotate(135deg);background:url(../images/common/icon-plus-white.svg) no-repeat center;background-size:30px;} .sup-faq .list-con .list_body .list-item .drop{padding:30px 65px 30px 40px;display:none;} .sup-faq .list-con .list_body .list-item .drop p{font-size:16px;line-height:30px;color:#333;} .sup-faq .list-con .list_body .list-item .drop ul{margin-top:10px;} .sup-faq .list-con .list_body .list-item .drop ul li{font-size:16px;line-height:34px;color:#333;padding-left:20px;position: relative;margin-top:5px;} .sup-faq .list-con .list_body .list-item .drop ul li::before{content:"";width:10px;height:10px;background-color:#333;border-radius:50%;display:inline-block;position: absolute;left:0;top:12px;} .sup-faq .list-con .list_body .list-item .drop ul li a{font-size:16px;line-height:34px;color:#11b3ef;transition:all .3s;} .sup-faq .list-con .list_body .list-item .drop ul li a:hover{color:#d81719;} .sup-faq .list-con .more_btn{padding:30px 0;text-align:center;} .sup-faq .list-con .more_btn a{display:inline-block;width:156px;height:38px;border-radius:6px;background-color:#949596;color:#fff;font-size:16px;line-height:38px;transition:all .3s;} .sup-faq .list-con .more_btn a:hover{background-color:#009cde;} .sup-faq .faq-hot{margin-top:60px;} .sup-faq .faq-hot .hot-list{box-shadow:0 0 30px rgba(132,138,140,.14);background-color:#fff;margin-top:40px;} .sup-faq .faq-hot .hot-list .list-item{border-bottom:1px solid #e8e8e8;} .sup-faq .faq-hot .hot-list .list-item .tit{padding:30px 85px 30px 40px;cursor:pointer;font-size:20px;line-height:24px;color:#333333;font-weight:bold;position: relative;} .sup-faq .faq-hot .hot-list .list-item .tit::after{content:"";display:inline-block;width:22px;height:22px;background:url(../images/common/icon-plus-blue.svg) no-repeat center;background-size:30px;position: absolute;right:65px;top:30px;transition:all .3s;} .sup-faq .faq-hot .hot-list .list-item .tit.active{background-color:#009cde;color:#fff;} .sup-faq .faq-hot .hot-list .list-item .tit.active::after{transform: rotate(135deg);background:url(../images/common/icon-plus-white.svg) no-repeat center;background-size:30px;} .sup-faq .faq-hot .hot-list .list-item .drop{padding:30px 65px 30px 40px;display:none;} .sup-faq .faq-hot .hot-list .list-item .drop p{font-size:18px;line-height:34px;color:#333;} .sup-faq .faq-hot .hot-list .list-item .drop ul{margin-top:10px;} .sup-faq .faq-hot .hot-list .list-item .drop ul li{font-size:18px;line-height:34px;color:#333;position: relative;margin-top:5px;} .sup-faq .faq-hot .hot-list .list-item .drop ul li a{font-size:18px;line-height:34px;color:#11b3ef;transition:all .3s;} .sup-faq .faq-hot .hot-list .list-item .drop ul li a:hover{color:#d81719;} .sup-faq .faq-hot .hot-list .list-item:last-child{border-bottom:0;} .tearmsBody{padding:60px 0;} .tearmsBody .tit{text-align:center;font-size:24px;line-height:32px;color:#333;margin-bottom:30px;} .tearmsBody p{font-size:16px;line-height:26px;color:#333;} .tearmsBody p a{color:#333;} .siteBody{padding:60px 0;} .siteBody h1{font-size:42px;line-height:48px;color:#333;font-weight:500;text-align:center;padding-bottom:50px;} .siteBody .list-item{padding:30px 40px;background-color:#f5f5f5;border-radius:12px;margin-bottom:15px;} .siteBody .list-item h3{border-bottom:1px solid #d4d4d4;padding:10px 0;} .siteBody .list-0 h3{border-bottom:0;} .siteBody .list-item h3 a{font-size:20px;font-weight:500;color:#039ce5;line-height:42px;transition:all .3s;} .siteBody .list-item h3 a:hover{opacity:.6;} .siteBody .list-item ul{font-size:0;margin-top:20px;} .siteBody .list-item ul li{display:inline-block;vertical-align:top;width:20%;box-sizing:border-box;padding-right:30px;} .siteBody .list-item ul li a{font-size:16px;line-height:42px;color:#333333;font-weight:500;transition:all .3s;} .siteBody .list-item ul li a:hover{color:#e50012;} .siteBody .list-item h4{margin-top:20px;margin-bottom:-10px;} .siteBody .list-item h4 a{font-size:16px;line-height:42px;color:#333;font-weight:500;} .siteBody .list-item ul li p{margin-bottom:5px;} .siteBody .list-item ul li p a{font-size:15px;line-height:25px;color:#666666;font-weight:300;max-width:80%;transition:all .3s;} .siteBody .list-item ul li p a:hover{color:#e50012;} .sechKv{height:220px;background-color:#dae6f2;box-sizing: border-box;padding:80px 0;text-align:center;} .sechKv .box{display:inline-block;height:60px;background-color:#fff;width:825px;font-size:0;border-radius:10px;overflow:hidden;} .sechKv .box a.sechBtn{float:right;width:60px;height:60px;background:url(../images/common/search_blue.svg) no-repeat center;background-size:24px;} .sechKv .box input{width:calc(100% - 60px);float:left;border:0;height:60px;box-sizing: border-box;font-size:16px;font-weight:bold;color:#333;padding:12px 15px;line-height:26px;} .sech_result{padding:60px 0;} .sech_title{font-size:28px;line-height:36px;color:#333;border-bottom:1px solid #dddddd;padding-bottom:25px;position: relative;} .sech_title span{color:#009cde;} .sech_title::after{content:"";width:195px;display:inline-block;height:1px;background-color:#009cde;position: absolute;left:0;bottom:-1px;} .sech_list{padding-top:30px;} .sech_list ul li{margin-bottom:15px;background-color:#f7f7f7;border-radius:8px;overflow:hidden;transition:all .3s;} .sech_list ul li a{display:block;padding:20px 25px;box-sizing: border-box;width:100%;} .sech_list ul li a h3{font-size:16px;line-height:22px;color:#333;font-weight:600;margin-bottom:5px;} .sech_list ul li a p{font-size:14px;line-height:20px;color:#009cde;} .sech_list ul li:hover{box-shadow:0 0 10px rgba(0,0,0,.2);}