@charset "utf-8"; @font-face { font-family: 'MaisonNeue-Bold'; src: url('MaisonNeue-Bold.eot'); /* IE9 Compat Modes */ src: url('MaisonNeue-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('MaisonNeue-Bold.woff') format('woff'), /* Modern Browsers */ url('MaisonNeue-Bold.otf') format('truetype'), /* Safari, Android, iOS */ url('MaisonNeue-Bold.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'MaisonNeue-Medium'; src: url('MaisonNeue-Medium.eot'); /* IE9 Compat Modes */ src: url('MaisonNeue-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('MaisonNeue-Medium.woff') format('woff'), /* Modern Browsers */ url('MaisonNeue-Medium.otf') format('truetype'), /* Safari, Android, iOS */ url('MaisonNeue-Medium.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */ } header{ position: relative; z-index: 99; } .top{ display:flex; justify-content:space-between; align-items:center; padding:12px 5%; position:relative; } .logo img{ max-width:180px; } .fdnei { height: auto; overflow: hidden; font-size: 14px; line-height: 25px; color: #ffffff; padding: 20px; padding-top:40px; } .fdnei a { color:#1f49aa; } .know { margin-top: 10px; height: auto; overflow: hidden; } .know-bb { width:240px; float:right; } .know-bb li { list-style-type:none; width:50%; float:left; padding-left:15px; padding-right:15px; } .know-bb li div { display:block; height:40px; line-height:40px; text-align:center; color:#FFFFFF; border:2px solid #385d8a; background-color:#4f81bd; cursor: pointer; } .alert-contact-box { width: 100%; height:auto; overflow:hidden; color:#FFFFFF; background-color:#000000; position: fixed; z-index: 10; left: 0px; bottom: 0px; border-radius: 0; z-index:9999; display:none; } .alert-contact-box .close { display: block; width: 35px; height: 35px; background:url(../images/cha.png); background-repeat:no-repeat; position: absolute; right: 10px; top: 10px; cursor: pointer; opacity: 0.6; } .anniuw { width: 100px; height: 42px; border-radius: 5px; font-size: 16px; background: -webkit-linear-gradient(left, #0098ff , #007bff); background: -o-linear-gradient(right, #0098ff, #007bff); background: -moz-linear-gradient(right, #0098ff, #007bff); background: linear-gradient(to right, #0098ff , #007bff); border: 1px solid #0099ff; } .kku { width:100%; height: 58px; padding-left: 15px; color: #909399; font-size: 14px; border-radius: 0; border: 0px solid #f0f1f5; border-right: 0px solid rgba(0,0,0,0); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); } .kku:focus { outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0); } @media (max-width:992px) { .logo img{ max-width:120px; } } @media (max-width:768px) { .top{ padding:7px 5%; } .logo img{ max-width:120px; } } .menu{ display:flex; align-items:center; } .menu ul{ display:flex; padding-right:20px; } .menu ul>li{ position:relative; } .menu ul>li>a{ color:#595757; font-size:1.8rem; font-weight:500; padding:0px 25px; line-height:43px; display:block; } .menu ul>li:hover>a{ color:#1e358d; } .menu ul>li ol{ position:absolute; top:100%; left:0; min-width:100%; background:#fff; z-index: 1000; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; padding:8px 0px; display:none; } .menu ul>li ol li a{ display:block; color:#595757; font-size:1.6rem; padding:0px 15px; white-space:nowrap; line-height:39px; } .menu ul>li:hover ol{ display:block; } .menu ul>li ol li a:hover{ color:#f00; background:rgba(0,0,0,.08); } @media (max-width:1260px) { .menu ul{ padding-right:10px; } .menu ul>li>a{ padding:0px 15px; font-size:1.6rem; } } .menu dl{ position:relative; width:50px; } .menu dl dt{ padding:15px 0px; cursor:pointer; } .menu dl dt img{ width:16px; height:auto; display:block; margin:0 auto; } .menu dl dd{ position:absolute; top:100%; left:0; width:100%; background:#fff; z-index: 1000; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; padding:8px 0px; display:none; } .menu dl.erji{ width:auto; position:absolute; left: 100%; top: 0px; display: none; } .menu ul>li ol li:hover dl.erji{ display: block; } .menu dl.erji dd{ position: unset; display: block; padding:0; border:0; border-left: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(0, 0, 0, 0.15); } .menu dl.erji dd:first-child{ border-top: 1px solid rgba(0, 0, 0, 0.15); } .menu dl.erji dd:last-child{ border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .menu ul>li ol li a:hover dl dd{ display: block; } .menu dl:hover dd{ display:block; } .menu dl dd a{ display:block; line-height:27px; color: #595757; font-size:1.3rem; text-align:center; font-weight:500; } .menu dl dd a:hover{ color:#f00; background:rgba(0,0,0,.08); } .nav-logo{ display:none; width:50px; padding:6px 12px; border:1px rgba(0,0,0,.15) solid; border-radius:3px; cursor:pointer; } .nav-logo i{ padding:3px 0px; display:block; } .nav-logo i:after{ content:""; display:block; height:2px; background:#888; } @media (max-width:992px) { .nav-logo{ display:block; } .menu{ position:absolute; width:100%; top:100%; background:#fff; z-index:99; left:0; display:none; box-shadow:0px 5px 5px rgba(0,0,0,.1); border-top:1px rgba(0,0,0,.1) solid; padding:10px 0px; } .menu ul{ display:block; } .menu ul>li>a{ line-height:36px; } .menu ul>li ol{ display:flex; flex-wrap:wrap; position:static; border:0; padding:0 15px; } .menu ul>li:hover ol{ display:flex; } .menu ul>li ol li{ padding-right:15px; } .menu ul>li ol li a{ line-height:30px; font-size:1.4rem; color:#999; padding:0; } .menu dl{ width:100%; } .menu dl dt{ display:none; } .menu dl dd{ position:static; display:flex; border:0; padding:0px 15px; } .menu dl:hover dd{ display:flex; } .menu dl dd a{ font-size:1.6rem; margin-right:20px; } } @media (max-width:768px) { .nav-logo{ width:33px; padding:5px 7px; } .nav-logo i{ padding:2px 0px; } } @media (min-width:768px) { .menu{ display:flex !important; } } .banner .swiper-container .swiper-pagination{ bottom:40px; } .banner .swiper-container .swiper-pagination span{ width:18px; height:18px; border-radius:50%; border:1px transparent solid; background:transparent; padding:4px; opacity:1; margin:0px 15px; } .banner .swiper-container .swiper-pagination span:after{ content:''; width:8px; height:8px; border-radius:50%; background:#fff; display:block; } .banner .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{ border:1px #0096f1 solid; } .banner .swiper-container .swiper-pagination span.swiper-pagination-bullet-active:after{ background:#0096f1; } .mbanner{ position:fixed; transform:scale(0); } @media (max-width:768px) { .banner{ position:fixed; transform:scale(0); } .mbanner{ position:static; transform:scale(1); } } .mf_icon{ padding:40px 0px; } .mfIcon{ display:flex; justify-content:space-between; } .mfIcon li{ width:12.5%; } .mfIcon li a{ display:block; text-align:center; color:#595757; } .mfIcon li a i{ display:block; height:100px; margin:10px 0px 0px; background-position:center 0px; background-repeat:no-repeat; } .mfIcon li a:hover i{ background-position:center -100px; } .mfIcon li a p{ line-height:26px; padding:10px 0px 0px; } @media (max-width:1260px) { .mfIcon li a i{ background-size:80px auto; height:80px; } .mfIcon li a:hover i{ background-position:center -80px; } } @media (max-width:992px) { .mf_icon{ padding:20px 0px; } .mfIcon{ flex-wrap:wrap; } .mfIcon li{ width:25%; margin-bottom:10px; } .mfIcon li a i{ background-size:60px auto; height:60px; margin:0; } .mfIcon li a:hover i{ background-position:center -60px; } .mfIcon li a p{ line-height:26px; padding:0px 0px 0px; } } .title{ border-bottom: 1px solid rgba(89, 87, 87, 1); display:flex; justify-content:space-between; align-items:center; } .title p{ font-size: 20px; color: #595757; padding-bottom:5px; line-height:30px; } .title a{ font-size: 14px; color: #595757; } @media (max-width:992px) { .title p{ font-size: 16px; } } .solution .solurow{ margin:45px 0px 0px; display:flex; justify-content:space-between; } .solution .solulist{ width:64.5%; } .solution .about{ width:33%; background:#12358d; display:flex; flex-wrap:wrap; align-content:space-between; } .solution .solulist ul{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-right:-15px; margin-left:-15px; } .solution .solulist ul li{ width:50%; padding:0px 15px; margin-bottom:30px; } .solution .solulist ul li:last-child{ width:100%; margin-bottom:0; } .solution .solulist ul li a{ display:block; position:relative; color:#fff; overflow:hidden; } .solution .solulist ul li a img{ width:100%; } .solution .solulist ul li a .so_text{ position:absolute; left:0; bottom:-100%; width:100%; height:100%; background:rgba(18,53,141,.8); padding:0px 40px; display:flex; flex-wrap:wrap; transition:.3s; align-content:center; } .solution .solulist ul li a .so_text h3{ width:100%; font-size: 1.8rem; font-weight:normal; line-height:22px; text-align:center; } .solution .solulist ul li a .so_text p{ width:100%; line-height:28px; font-size:1.4rem; margin:20px 0px 0px; } .solution .solulist ul li a:hover .so_text{ bottom:0; } .solution .about>a{ display:block; color:#fff; padding:5% 10%; line-height:28px; font-size:1.4rem; } .solution .about i{ width:100%; } .solution .about img{ width:100%; } @media (max-width:992px) { .solution .solurow{ margin:15px 0px 0px; flex-wrap:wrap; } .solution .solulist{ width:100%; } .solution .about{ width:100%; display:block; } .solution .solulist ul{ margin-right:0; margin-left:0; } .solution .solulist ul li{ width:100%; padding:0px 0px; margin-bottom:10px; } .solution .solulist ul li:last-child i{ min-height:188px; display:flex; justify-content:center; align-items:center; margin-bottom:10px; } .solution .solulist ul li:last-child i img{ height:100%; width:auto; max-width:none; } .solution .about>a{ display:none; } } .news{ padding:35px 0px 40px; } .news .newsrows{ display:flex; justify-content:space-between; flex-wrap:wrap; margin:45px 0px 0px; } .news .newsrows ul{ width:25%; padding-right:15px; padding-top:10px; height:442px; overflow: auto; } .news .newsrows ul::-webkit-scrollbar{ width:3px; background:rgba(89,87,87,.5) } .news .newsrows ul::-webkit-scrollbar-thumb{ background:rgba(89,87,87,.5); border-radius:3px; } .news .newsrows ul::-webkit-scrollbar-thumb:hover{ background-color:#aab1bc; } .news .newsrows ul::-webkit-scrollbar-thumb:active{ border:0; border-radius:3; background-color:#737ed7; } .news .newsrows ul:-webkit-scrollbar-thumb:window-inactive{ background-color:#4c97da; } .news .newsrows dl{ width:75%; padding-left:15px; display:flex; justify-content:space-between; } .news .newsrows ul li a{ display:block; line-height:23px; color:#333; font-size:1.4rem; padding-bottom:25px; min-height:71px; border-bottom:1px #fff solid; margin-bottom:15px; } .news .newsrows ul li.on a{ border-bottom:1px #595757 solid; color:#12358d; } .news .newsrows dl dt{ width:66.66666666666%; padding-right:15px; height:100%; } .news .newsrows dl dd{ width:33.333333333%; padding-left:15px; display:flex; flex-wrap:wrap; align-content:space-between; height:100%; } .news .newsrows dl a{ display:block; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; } .news .newsrows dl dd a{ height:29.6%; } @media (max-width:992px) { .news{ padding:15px 0px 0px; } .news .newsrows{ display:block; margin:15px 0px 0px; } .news .newsrows ul{ display:none; } .news .newsrows dl{ width:100%; padding:0; margin:0; } .news .newsrows dl dt{ display:none; } .news .newsrows dl dd{ width:100%; padding-left:0; } .news .newsrows dl dd a{ height:150px; margin-bottom:15px; } } .fenjie dl{ margin:45px 0px 0px; display:flex; justify-content:space-between; } .fenjie dl dt{ width:66.6666666%; padding-right:15px; } .fenjie dl dt video{ width:100%; } .fenjie dl dd{ width:33.333333333%; padding-left:20px; height:440px; overflow-y:auto; } .fenjie dl dd::-webkit-scrollbar{ width:3px; background:rgba(89,87,87,.5) } .fenjie dl dd::-webkit-scrollbar-thumb{ background:rgba(89,87,87,.5); border-radius:0px; } .fenjie dl dd::-webkit-scrollbar-thumb:hover{ background-color:#aab1bc; } .fenjie dl dd::-webkit-scrollbar-thumb:active{ border:0; border-radius:0; background-color:#737ed7; } .fenjie dl dd::-webkit-scrollbar-thumb:window-inactive{ background-color:#4c97da; } .fenjie dl dt section{ width:100%; height:440px; background:#000; } .fenjie dl dt section video,.fenjie dl dt section iframe{ width:100% !important; height:100% !important; } .fenjie dl dd span{ color:#898989; font-size:1.4rem; line-height:22px; border-bottom:1px #fff solid; padding: 17px 5%; display:block; cursor:pointer; width:100%; } .fenjie dl dd span.on{ border-bottom:1px solid #595757; color:#12358d; } .fenjie dl dd span h3{ font-size:1.8rem; font-weight:normal; margin:0px 0px 15px; line-height:24px; } .mfenjie{ position:fixed; transform:scale(0); padding:0px 15px; } .mfenjie .swiper-container{ margin-top:15px; padding-bottom:20px; } .mfenjie .swiper-slide video{ width:100%; } .mfenjie .swiper-slide span{ display:block; padding:20px 0px; } .mfenjie .swiper-slide span h3{ font-size:1.6rem; font-weight:normal; margin:0px 0px 15px; line-height:24px; color:#898989; } .mfenjie .swiper-slide span p{ font-size:1.4rem; color:#898989; line-height:21px; padding-bottom:10px; } @media (max-width:1260px) { .fenjie dl dd span h3{ font-size:1.6rem; margin:0px 0px 10px; } } @media (max-width:992px) { .fenjie{ display:none; } .mfenjie{ position:static; transform:scale(1); } } footer{ background:#3e3e3e; margin:80px 0px 0px; padding:70px 5% 0px; } .bottom{ display:flex; justify-content:space-between; border-bottom:1px #fff solid; padding:0px 10px 15px; } .contact{ width:33.33333333333%; display:flex; justify-content:flex-end; padding-top:10px; } .contact i{ max-width:100px; display:block; } .contact dl{ display:flex; width:100%; } .contact dl dd{ width:25px; margin-right:15px; } .contact dl dd a{ display:block; border-radius:5px; overflow:hidden; } .contact ul{ padding:20px 0px; } .contact ul li{ color:#fff; font-size:1.3rem; margin-bottom:15px; line-height:24px; font-weight:100; padding-left:21px; } .contact ul li a{ color:white; } .contact ul li a:hover{ color:#999; } .contact ul li:nth-child(1){ background:url(../images/ab_tel.png) 0px center no-repeat; background-size:auto 13px; } .contact ul li:nth-child(2){ background:url(../images/ab_m.png) 0px center no-repeat; background-size:auto 13px; } .contact ul li:nth-child(3){ background:url(../images/ab_a.png) 0px center no-repeat; background-size:auto 13px; } @media (max-width:992px) { footer{ margin:30px 0px 0px; padding:0px 5% 0px; } .bottom{ display:block; } .contact{ width:100%; display:block; margin:15px 0px 0px; } .contact ul{ padding:20px 0px; } .contact ul li{ margin-bottom:5px; } } .btmenu{ width:66.66666666666%; display:flex; justify-content:space-between; } .btmenu dl{ width:16.66666666666667%; } .btmenu dl dt{ padding-bottom:11px; border-bottom:1px #fff solid; margin-bottom:15px; } .btmenu dl dt a{ color:#fff; font-size:1.3rem; font-weight:100; display:block; line-height:22px; } .btmenu dl dd{ margin-bottom:15px; } .btmenu dl dd a{ display:block; color:#fff; font-size:1.3rem; font-weight:100; display:block; line-height:22px; } .copy{ color:#fff; font-size:1.4rem; font-weight:100; padding:10px 0px 35px; line-height:30px; } .copy a{ color:#fff; } @media (max-width:992px) { .btmenu{ width:100%; flex-wrap:wrap; } .btmenu dl{ width:100%; } .btmenu dl dt{ display:flex; justify-content:space-between; padding-bottom:0px; margin:0 0 5px; } .btmenu dl dt a{ width:calc(100% - 36px); line-height:36px; margin-bottom:5px; } .btmenu dl dt i{ width:36px; height:36px; display:block; position:relative; text-align:center; } .btmenu dl dt i:after{ content:"+"; color:#fff; font-style:normal; font-weight:100; font-size:2.0rem; line-height:36px; } .btmenu dl.on dt i:after{ content:"-"; } .btmenu dl section{ display:none; } } .iproduct{ padding:0px 10%; } .iproduct .ipdlist{ padding-top:88px; } .iproduct .ipdlist h2{ font-weight: 100; font-size: 1.8rem; border-bottom: 1px solid #9fa0a0; color: #595757; padding-bottom:10px; margin-bottom:32px; width:100%; } .iproduct .ipdlist>.row{ display:flex; flex-wrap:wrap; justify-content:space-between; } .iproduct .ipdlist .ipdimg{ width:25%; padding:0px 15px; } .iproduct .ipdlist .ipdxin{ width:75%; padding:0px 15px; } .iproduct .ipdlist .ipdimg i{ display:block; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; } .iproduct .ipdlist ul{ display:flex; flex-wrap:wrap; } .iproduct .ipdlist ul li{ margin-bottom:20px; } .iproduct .ipdlist ul li:nth-last-child(1),.iproduct .ipdlist ul li:nth-last-child(2),.iproduct .ipdlist ul li:nth-last-child(3){ margin-bottom:0px; } @media (max-width:1280px) { .iproduct .ipdlist h2{ margin-bottom:20px; } .iproduct .ipdlist ul li{ margin-bottom:10px; } .iproduct .ipdlist{ padding-top:50px; } } @media (max-width:992px) { .iproduct{ padding:0px 15px; } .iproduct .ipdlist{ padding-top:25px; } .iproduct .ipdlist h2{ font-size: 1.4rem; padding-bottom:10px; margin-bottom:15px; } .iproduct .ipdlist .ipdimg{ display:none; } .iproduct .ipdlist .ipdxin{ width:100%; padding:0px 15px; } .iproduct .ipdlist ul li{ margin-bottom:15px; } .iproduct .ipdlist ul li:nth-last-child(1),.iproduct .ipdlist ul li:nth-last-child(2),.iproduct .ipdlist ul li:nth-last-child(3){ margin-bottom:15px; } } .inews{ padding:48px 0px 0; } .inews ul li{ margin-bottom:50px; } .inews ul li a{ display:block; color:#000; } .inews ul li a i{ display:block; background-position:center; background-repeat:no-repeat; background-size:cover; height:302px; } .inews ul li a h4{ font-weight:normal; font-size: 1.8rem; color: #595757; padding-bottom:10px; border-bottom: 1px solid #9fa0a0; margin-bottom:30px; } .inews ul li a p{ font-size: 1.6rem; line-height: 25px; height: 112px; padding: 25px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #3e3a39; border: 1px solid #b5b5b6; border-top:0; text-align: justify; } @media (max-width:992px) { .inews{ padding:20px 0px 0; } .inews ul li{ margin-bottom:20px; } .inews ul li a i{ height:202px; } .inews ul li a h4{ font-size: 1.4rem; margin-bottom:15px; } .inews ul li a p{ font-size: 1.4rem; line-height: 20px; height: auto; padding: 15px; } } .page_list{ display:flex; align-items:center; justify-content:center; } .page_list a{ line-height: 39px; font-size: 1.4rem; color: #9fa0a0; margin: 0 15px; } .page_list a:first-child{ width:24px; height:24px; display:block; background:url(../images/ljt.png) center 3px no-repeat; background-size:auto 16px; } .page_list a:last-child{ width:24px; height:24px; display:block; background:url(../images/ljt.png) center 3px no-repeat; background-size:auto 16px; transform:rotateY(180deg); } @media (max-width:992px) { .page_list{ flex-wrap:wrap; } .page_list a{ line-height: 24px; font-size: 1.3rem; margin: 0 5px; } } .search{ padding-bottom:45px; } .search form{ display:flex; justify-content:space-between; } .search .mf_c_s{ width:33%; } .search .mf_i_s{ width:50%; } .search .mf_c_s .new_calendar{ display:flex; border: 1px solid #b5b5b6; border-radius:17px; } .search .mf_c_s .input-group-addon{ width:10%; background:transparent; border:0; padding:0; display:flex; align-items:center; justify-content:center; } .search .mf_c_s .form-control{ border:0; box-shadow: none; } .search .mf_i_s .form-group{ display:flex; border: 1px solid #b5b5b6; border-radius:17px; overflow:hidden; } .search .mf_i_s .form-group .form-control{ border:0; box-shadow: none; } .search .mf_i_s .form-group .float-right{ width:10%; padding:0; display:flex; align-items:center; justify-content:center; } @media (max-width:992px) { .search{ padding-bottom:15px; } .search .mf_c_s{ width:45%; } .search .mf_c_s .new_calendar{ padding:0px 5px; } .search .mf_c_s .input-group-addon{ width:20%; } .search .mf_i_s .form-group{ padding-right:5px; } .search .mf_i_s .form-group .float-right{ width:20%; } } .inewsd{ width: 900px; padding: 110px 0px 50px; margin:0 auto; } .inewsd .mfShare{ display:flex; justify-content:space-between; align-items:center; padding-bottom:12px; border-bottom: 1px solid #9fa0a0; } .inewsd .mfShare h4{ font-size: 1.8rem; font-weight: 100; color: #595757; } .inewsd .intit{ font-size: 2.4rem; line-height: 28px; color: #595757; text-align: center; padding:85px 0px 45px; } .inewsd .inscont{ font-size:1.6rem; line-height: 2em; padding:0px 100px; } @media (max-width:992px) { .inewsd{ width: 100%; padding: 20px 0px; } .inewsd .mfShare{ flex-wrap:wrap; padding-bottom:6px; } .inewsd .mfShare h4{ font-size: 1.6rem; margin:0px 0px 10px; } .inewsd .intit{ font-size: 1.6rem; line-height: 22px; padding:15px 0px; } .inewsd .inscont{ padding:0px 0px; } } .pdbanner{ position:relative; } .pdbanner .pdbtext{ position:absolute; top:0; left:12%; width:76%; height:100%; display:flex; align-items:center; justify-content:space-between; overflow: hidden; } .pdbanner .pdbtext i{ cursor:pointer; } /*.pdbanner section h2{ font-size:5.2rem; color:#000000; font-weight:bold; line-height:70px; } .pdbanner section ul{ font-size:1.8rem; color:#000000; line-height:34px; margin:35px 0px 0px; } .pdbanner section ul li{ display:flex; align-items:center; padding-left:10px; } .pdbanner section ul li:before{ content:""; width:4px; height:4px; border-radius:50%; background:#000; margin-right:12px; }*/ .pdbanner section ul{ font-size:5.2rem; color:#000000; font-weight:bold; line-height:70px; } .pdbanner section h2{ display:flex; align-items:center; padding-left:10px; font-size:1.8rem; color:#333; line-height:34px; margin: 10px 0px 0px; } .pdbanner section h2:before{ content:""; width:4px; height:4px; border-radius:50%; background:#000; margin-right:12px; } @media (max-width:1440px) { .pdbanner .pdbtext{ left:8%; width:84%; } .pdbanner section ul{ font-size:3.0rem; line-height:50px; } .pdbanner section h2{ font-size:1.6rem; line-height:30px; } .pdbanner .pdbtext i{ width:44%; } } @media (max-width:992px) { .pdbanner{ background:url(../images/pdbanner.jpg); } .pdbanner>img{ display:none; } .pdbanner .pdbtext{ position:static; width:100%; height:100%; display:block; padding:30px 15px 0; } .pdbanner section ul{ font-size:2.0rem; line-height:30px; } .pdbanner section h2{ font-size:1.4rem; line-height:24px; padding-left:5px; } .pdbanner .pdbtext i{ display:block; width:100%; } } .pdlanmu{ padding:0px 12%; border-bottom:2px rgba(0,0,0,.05) solid; } .pdlanmu ul{ display:flex; padding:30px 0px; } .pdlanmu ul li{ margin-right:30px; } .pdlanmu ul li a{ display:block; font-size:1.8rem; color:#252525; padding:0px 25px; border-radius:21px; line-height:38px; height:42px; transition:.3s; } .pdlanmu ul li.on a,.pdlanmu ul li a:hover{ background:#004cac; color:#fff; } @media (max-width:1440px) { .pdlanmu{ padding:0px 8%; } .pdlanmu ul{ padding:15px 0px; } .pdlanmu ul li{ margin-right:20px; } .pdlanmu ul li a{ font-size:1.6rem; padding:0px 20px; border-radius:18px; line-height:32px; height:36px; } } @media (max-width:992px) { .pdlanmu{ padding:0px 15px; } .pdlanmu ul{ padding:10px 0px; justify-content:space-between; } .pdlanmu ul li{ margin-right:0px; } .pdlanmu ul li a{ font-size:1.4rem; padding:0px 5px; border-radius:14px; line-height:24px; height:28px; } } .ipdbg{ background:#f5f6fa; } .overview{ padding:80px 12%; display:flex; justify-content:space-between; } .overview .ovtext{ width:43%; } .overview i{ max-width:49%; } .overview .ovtext h3{ color:#252525; font-size:4rem; margin:0px 0px 35px; line-height:60px; } .overview .ovtext section{ font-size:1.6rem; line-height:30px; color:rgba(0,0,0,.7); } @media (max-width:1440px) { .overview{ padding:50px 8%; } .overview .ovtext h3{ font-size:3.2rem; margin:0px 0px 20px; line-height:40px; } .overview .ovtext section{ font-size:1.4rem; line-height:26px; } } @media (max-width:992px) { .overview{ padding:20px 15px; display:block; } .overview .ovtext{ width:100%; } .overview i{ max-width:100%; width:100%; margin:10px 0px 0px; display:block; } .overview .ovtext h3{ font-size:2.2rem; margin:0px 0px 10px; line-height:30px; } .overview .ovtext section{ line-height:22px; } } .features{ padding:80px 12%; } .features h4{ font-size:4rem; line-height:50px; margin-bottom:35px; } .features dl{ padding-bottom:70px; display:flex; flex-wrap:wrap; justify-content:space-between; width:50%; } .gaishubig i{ width:50%; } .features dl dd{ width:100%; margin-bottom:55px; } .gaishubig{ display: flex; justify-content: space-between; } .features dl dd a{ display:block; } .features dl i img{ width:100%; } .features dl h5 a{ font-size:2.0rem; color:#000000; line-height:30px; margin:40px 0px 20px; font-weight:bold; } .features dl section{ font-size:1.7rem; color:#000000; line-height:38px; /*cursor: text;*/ } .features dl h4 a{ display:flex; justify-content:space-between; align-items:center; background:#004cac; width:140px; height:46px; color:#fff; font-weight:normal; font-size:1.6rem; margin:20px 0px 0px; transition:.3s; padding:0px 15px 0px 10px; } .features dl h4 b{ display:block; width:12px; height:12px; border-top:2px #fff solid; border-right:2px #fff solid; transform:rotateZ(45deg); } .features dl h4 a:hover{ background:#f87002; } .pdfeat{ padding:50px 0px; font-size:1.6rem; color:#000000; line-height:30px; } @media (max-width:1440px) { .features{ padding:0px 8%; } .features h4{ font-size:3.2rem; line-height:40px; margin-bottom:20px; } .features dl{ padding-bottom:10px; } .features dl dd{ width:48%; margin-bottom:35px; } .features dl h5{ font-size:2.0rem; line-height:24px; margin:20px 0px 10px; } .features dl section{ font-size:1.5rem; line-height:30px; } } @media (max-width:992px) { .features{ padding:0px 15px; } .features h4{ font-size:2.2rem; line-height:30px; margin-bottom:10px; } .features dl{ padding-bottom:10px; } .features dl dd{ width:100%; margin-bottom:15px; } .features dl h5{ font-size:1.6rem; margin:10px 0px 2px; } .features dl section{ font-size:1.4rem; line-height:24px; } .features dl section img{ height:16px; width:auto; } .features dl h4{ width:120px; height:38px; font-size:1.3rem; margin:10px 0px 0px; } } .clinical{ padding:0px 12%; } .clinical h2{ font-size: 4.8rem; line-height: 50px; margin-bottom:40px; } .clinical ul{ display:flex; flex-wrap:wrap; margin-right:-22px; margin-left:-22px; } .clinical ul li{ width:33.3333333333333%; margin-bottom:50px; padding:0px 22px; } .clinical ul li img{ width:100%; } .clinical ul li p{ font-size:1.8rem; color:#000000; padding:10px 0px; line-height:44px; } @media (max-width:1440px) { .clinical{ padding:0px 8%; } .clinical h2{ font-size: 3.2rem; line-height: 40px; margin-bottom:20px; } .clinical ul{ margin-right:-15px; margin-left:-15px; } .clinical ul li{ margin-bottom:20px; padding:0px 15px; } .clinical ul li p{ font-size:1.6rem; line-height:34px; } } @media (max-width:992px) { .clinical{ padding:0px 15px; } .clinical h2{ font-size: 2.2rem; line-height: 30px; margin-bottom:10px; } .clinical ul{ margin-right:0px; margin-left:0px; } .clinical ul li{ margin-bottom:10px; padding:0px 0px; width:100%; } .clinical ul li p{ font-size:1.4rem; line-height:22px; } } .recomd{ padding:30px 12% 100px; } .recomd h2{ font-size:4.8rem; line-height:50px; } .recomd ul{ display:flex; flex-wrap:wrap; margin-right:-15px; margin-left:-15px; margin-top:35px; } .recomd ul li{ width:25%; padding:0px 15px; } .recomd ul li a{ display:block; background:#fff; padding:0px 0px 35px; } .recomd ul li a i{ display:block; padding:0px 40px; } .recomd ul li a h3{ color:#000000; font-size:1.8rem; padding:0px 20px; line-height:36px; margin:0px 0px 10px; } .recomd ul li a span{ display:block; color:rgba(0,0,0,.6); line-height:20px; padding:0px 20px; font-size:1.4rem; } @media (max-width:1440px) { .recomd{ padding:15px 7% 50px; } .recomd h2{ font-size:3.2rem; line-height:40px; } .recomd ul{ margin-top:20px; margin-right:-10px; margin-left:-10px; } .recomd ul li{ padding:0px 10px; } .recomd ul li a i{ padding:0px 25px; } .recomd ul li a h3{ font-size:1.6rem; padding:0px 15px; line-height:26px; } .recomd ul li a span{ padding:0px 15px; } } @media (max-width:992px) { .recomd{ padding:0px 15px 30px; } .recomd h2{ font-size:2.2rem; line-height:30px; } .recomd ul{ margin-top:20px; margin-right:0px; margin-left:0px; } .recomd ul li{ padding:0px 0px; width:100%; margin-bottom:15px; } .recomd ul li a{ padding:0px 0px 25px; } .recomd ul li a i{ padding:0px 15px; } .recomd ul li a h3{ font-size:1.4rem; padding:0px 10px; line-height:22px; } .recomd ul li a span{ padding:0px 10px; } } .pdtop{ display:flex; justify-content:space-between; align-items:center; padding:20px 5%; box-shadow:0px 0px 30px rgba(0,0,0,.1); } .pdtop h2{ width:20%; font-size:2.4rem; line-height:33px; } .pdtop h3{ display:flex; justify-content:flex-end; width:20%; } .pdtop h3 a{ position:relative; width:30px; display:block; height:30px; } .pdtop h3 a i:after,.pdtop h3 a i:before{ content:""; position:absolute; width:100%; background:#000; height:3px; top:50%; margin-top:-2px; } .pdtop h3 a i:after{ transform:rotateZ(45deg); } .pdtop h3 a i:before{ transform:rotateZ(-45deg); } @media (max-width:1440px) { .pdtop h2{ width:30%; font-size:2.0rem; } .pdtop h3{ width:30%; } } @media (max-width:992px) { .pdtop{ padding:10px 15px; box-shadow:0px 0px 10px rgba(0,0,0,.1); } .pdtop h2{ display:none; } .pdtop h3{ width:40%; } .pdtop span{ width:40%; } .pdtop h3 a{ width:25px; height:25px; } } .pdfound{ position:relative; padding:100px 0px; } .pdfound .pdgai{ position:relative; } .pdfound .pdccal{ width:850px; margin:0 auto; } .pdfound .pdccal .swiper-container{ position:static; } .pdfound .pdccal .swiper-container .swiper-button-next{ right:5%; background:url(../images/hsjt.svg) center no-repeat; background-size:100% auto; width:45px; height:45px; opacity:1; margin-top:-22px; } .pdfound .pdccal .swiper-container .swiper-button-prev{ left:5%; background:url(../images/hsjt.svg) center no-repeat; background-size:100% auto; width:45px; height:45px; transform:rotateZ(180deg); opacity:1; margin-top:-20px; } .pdfound .pdccal .swiper-container dl dd{ position:absolute; width:45px; height:45px; top:50%; margin-top:-20px; z-index:6; } .pdfound .pdccal .swiper-container dl dd a{ display:block; width:100%; height:100%; } .pdfound .pdccal .swiper-container dl dd:first-child{ left:5%; } .pdfound .pdccal .swiper-container dl dd:last-child{ right:5%; } .pdfound .pdccal h3{ font-size:2.4rem; color:#000000; line-height:40px; padding:40px 0px 10px; } .pdfound .pdccal section{ color:#7a7d88; line-height:30px; font-size:1.7rem; } @media (max-width:992px) { .pdfound{ padding:30px 0px; } .pdfound .pdccal{ width:100%; padding:0px 15px; } .pdfound .pdccal h3{ font-size:1.6rem; line-height:20px; padding:20px 0px 10px; } .pdfound .pdccal section{ line-height:20px; font-size:1.3rem; } .pdfound .pdccal .swiper-container .swiper-button-next{ right:15px; background:url(../images/bljt.png) center no-repeat; background-size:auto 100%; width:32px; height:32px; margin-top:-16px; transform:rotateZ(180deg); } .pdfound .pdccal .swiper-container .swiper-button-prev{ left:15px; background:url(../images/bljt.png) center no-repeat; background-size:auto 100%; width:32px; height:32px; margin-top:-16px; transform:rotateZ(0deg); } } .conus{ position:fixed; right:12%; bottom:20px; z-index:999; } .conus span{ display:flex; justify-content:space-between; width:380px; height:80px; cursor:pointer; } .conus span p{ width:77%; background:#004cac url(../images/email.png) 35px center no-repeat; line-height:78px; padding-left:100px; color:#fff; font-size:2.5rem; } .conus span i{ width:21.5%; background:#004cac url(../images/bjt.png) center no-repeat; } @media (max-width:1440px) { .conus{ right:8%; } .conus span{ width:280px; height:60px; } .conus span p{ width:77%; background:#004cac url(../images/email.png) 25px center no-repeat; background-size:25px auto; line-height:58px; padding-left:70px; font-size:2.0rem; } .conus span i{ background:#004cac url(../images/bjt.png) center no-repeat; background-size:40% auto; } } @media (max-width:992px) { .conus{ right:15px; bottom:15px; } .conus span{ width:160px; height:40px; } .conus span p{ width:77%; background:#004cac url(../images/email.png) 10px center no-repeat; background-size:20px auto; line-height:38px; padding-left:40px; font-size:1.4rem; } .conus span i{ background:#004cac url(../images/bjt.png) center no-repeat; background-size:45% auto; } } .getin{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:1000; background:rgba(0,0,0,.6); display:none; } .getin ul{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; } .getin ul li{ background:#fff; padding:30px 35px 35px; width:800px; box-shadow:0px 0px 20px rgba(0,0,0,.2); display:none; } .getin ul li.on{ display:block; } .getin ul li h2{ display:flex; justify-content:space-between; } .getin ul li h2 p{ font-size:2.4rem; color:#252525; line-height:30px; } .getin ul li h2 i{ display:block; width:30px; height:30px; position:relative; margin:0; cursor:pointer; } .getin ul li h2 i:after,.getin ul li h2 i:before{ content:""; position:absolute; width:100%; height:3px; top:50%; margin-top:-2px; background:#333; } .getin ul li h2 i:after{ transform:rotateZ(45deg); } .getin ul li h2 i:before{ transform:rotateZ(-45deg); } .getin ul li h4{ font-size:1.4rem; font-weight:normal; color:#666666; line-height:20px; margin:7px 0px 20px; padding-bottom:15px; border-bottom:2px #f1f3f6 solid; } .getin ul li form{ display:flex; flex-wrap:wrap; justify-content:space-between; } .getin ul li span{ width:48%; } .getin ul li section{ width:100%; margin-top:20px; } .getin ul li form p{ color:#606266; font-size:1.4rem; line-height:20px; margin:0px 0px 10px; } .getin ul li form p:before{ content:"*"; color:#f00; } .getin ul li form input{ width:100%; background:#f5f6fa; border:0; line-height:24px; padding:15px; height:54px; } .getin ul li form button{ width:230px; height:56px; border:0; background:#004cac; color:#fff; } .getin ul li i{ display:block; margin:20px 0px 0px; } .getin ul li h3{ color:#2d3139; font-size:3.5rem; margin:35px 0px; } .getin ul li h5{ color:#7a7d88; font-size:2.4rem; font-weight:normal; line-height:36px; margin:0px 0px 35%; } .getin ul li a{ width:218px; height:70px; text-align:center; line-height:66px; border:2px #4c87fc solid; display:block; color:#4c87fc; font-size:1.9rem; margin:0px 0px 5%; } .getin ul li .red{ padding:20px 0px 0px 5px; color:#f00; } a.return{ display:block; width:260px; height:56px; text-align:center; background:#0085de; color:#fff; line-height:56px; font-size:1.8rem; } a.return:hover{ background:#ec6603; color:#fff; } /* 涓嬭浇 */ .bjs { background-color:#f3f7fb; } .dwbj { height:auto; overflow:hidden; padding-top:66px; background-color:#f3f7fb; } .kuanping { width:1330px; padding-right: 15px; margin-right: auto; margin-left: auto; padding-left: 15px; } .kkt { width:100%; padding-right: 15px; margin-right: auto; margin-left: auto; padding-left: 15px; } .down { height:auto; overflow:hidden; padding:40px; font-family: 'MaisonNeue-Bold', Helvetica, Arial, sans-serif; background-color:#FFFFFF; } .down h2 { font-family: 'MaisonNeue-Bold', Helvetica, Arial, sans-serif; font-size:16px; color:#1f2023; margin-top:0px; margin-bottom:15px; } .lanse { color:#0081ff; } .xztt { color:#b3b3b3; text-align:right; } .xztt a { color:#b3b3b3; } .down .table>thead>tr>th { vertical-align: bottom; line-height:58px; padding:0px; padding-left:20px; padding-right:20px; font-size:16px; background-color:#f7f8fa; border-bottom: 1px solid #ddd; } .down .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f3f7fb; } .down .table>tbody>tr>td { padding: 0px; padding-left:20px; padding-right:20px; line-height: 54px; font-size:16px; vertical-align: top; border-top: 0px solid rgba(0,0,0,0); border-bottom: 1px solid #ddd; } .down .table>tbody>tr>td .lanse { color:#0081ff; } /* 鐧诲綍 */ .dlbj { height:auto; overflow:hidden; padding-top:47px; background-color:#f3f7fb; } .dlkuan { width:1606px; padding-right: 15px; margin-right: auto; margin-left: auto; padding-left: 15px; } .dlkuan-aa { width:50%; float:left; } .dlkuan-bb { width:50%; float:right; } .denglu { height:auto; overflow:hidden; background-color:#FFFFFF; border-radius: 5px; } .dllan { height:auto; overflow:hidden; line-height:66px; border-bottom:1px solid #f3f7fb; } .dllan li { list-style-type:none; margin-left:30px; margin-right:30px; float:left; } #slidingBlock { height:auto; overflow:hidden; } #slidingBlock span { float:left; width:100%; height:66px;line-height:66px; font-weight:bold; text-align:center; font-size:16px; over-flow:hidden; } #slidingBlock span.menuNo { font-weight:normal; width:100%; height:66px; line-height:66px; color:#1a1a1a; text-align:center; } #slidingBlock span.menuOn { font-weight:normal; width:100%; height:66px; line-height:66px; color:#0081ff; text-align:center; background:url(../images/xiahua.png) bottom center; background-repeat:no-repeat; } #slidingBlock DIV.slidingList_none { display:none } #slidingBlock DIV.slidingList { width:100%; margin:0px; padding:0px; height:auto; overflow:hidden; } .dlnei { height:auto; overflow:hidden; padding:35px; padding-bottom:90px; } .biao { height:auto; overflow:hidden; } .dlrow { height:auto; overflow:hidden; margin-left:-20px; margin-right:-20px; } .dlrow li { list-style-type:none; width:50%; float:left; padding-left:20px; padding-right:20px; margin-bottom:20px; } .dlrow li h2 { font-family: 'MaisonNeue-Medium', Helvetica, Arial, sans-serif; font-size:16px; color:#1a1a1a; margin-top:12px; margin-bottom:6px; } .kka { height:46px; border-radius: 5px; color:#909399; border:1px solid #f0f1f5; } .hongse { color:#ff0000; } .bzi { height:auto; overflow:hidden; color:#909399; font-size:14px; } .anniu { width:100%; height:42px; color:#FFFFFF; font-size:16px; background-color:#0082ff; border:1px solid #0082ff; border-radius: 3px; font-family: 'MaisonNeue-Bold', Helvetica, Arial, sans-serif; margin-top:60px; } .dlxx { height:auto; overflow:hidden; } .dlxx dl { margin-top: 0px; margin-bottom: 20px; } .dlxx dl h2 { font-family: 'MaisonNeue-Medium', Helvetica, Arial, sans-serif; font-size:16px; color:#1a1a1a; margin-top:12px; margin-bottom:6px; } .dlxx a { color:#ff0000; } .dlxx form .dxyan input#yanz { background-color: #FFFFFF; color: #007cff; font-size: 14px; text-align: center; border: 0px; margin: 5px; } .input-group-addon { border: 1px solid #f0f1f5; border-left: 0px solid rgba(0,0,0,0); background-color: #FFFFFF; } .kky { height: 46px; padding-left: 27px; color: #909399; font-size: 14px; border-radius: 5px; border: 1px solid #f0f1f5; border-right:0px solid rgba(0,0,0,0); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); } .ser { width:1200px; height:auto; overflow:hidden; margin:10px auto 0px; } .ser-aa { width:26.5%; float:left; } .ser-bb { width:73.5%; float:right; } /* 鎻愮ず */ .tishi { width:620px; height:auto; overflow:hidden; padding:40px; text-align:center; font-size:12px; line-height:20px; color:#000000; background-color:#FFFFFF; font-family: 'MaisonNeue-Medium', Helvetica, Arial, sans-serif; margin:8% auto 0px; } .tishi h2 { font-family: 'MaisonNeue-Bold', Helvetica, Arial, sans-serif; font-size:16px; text-align:center; margin-top:46px; margin-bottom:8px; color:#000000; } .tsan { width:156px; height:33px; margin:30px auto 0px; } .tsan a { display:block; width:156px; height:33px; line-height:33px; font-size:16px; border:1px solid #1890ff; color:#FFFFFF; background-color:#1890ff; } @media (min-width: 1400px) and (max-width: 1600px) { .dlkuan { width:100%; } } @media (min-width: 1200px) and (max-width: 1400px) { .dlkuan { width:100%; } } @media (max-width:992px) { .getin ul li{ padding:10px 15px 15px; width:80%; box-shadow:0px 0px 10px rgba(0,0,0,.2); } .getin ul li h2 p{ font-size:1.8rem; line-height:22px; } .getin ul li h2 i{ width:22px; height:22px; } .getin ul li h4{ margin:5px 0px 10px; padding-bottom:10px; font-size:1.2rem; line-height:16px; } .getin ul li section{ margin-top:10px; } .getin ul li form p{ display:none; } .getin ul li form input{ line-height:20px; padding:10px; height:40px; font-size:1.2rem; } .getin ul li form button{ width:100%; height:40px; font-size:1.3rem; } .getin ul li .red{ padding:10px 0px 0px 5px; font-size:1.2rem; line-height:16px; } .kuanping { width:100%; } .dlkuan { width:100%; } .ser { width:100%; } .dlkuan{ display: flex; flex-direction: column; } .dlkuan-aa{ width:100%; } .dlkuan-bb{ width:100%; } .dlrow li { width: 100%; } .input-group { position: relative; display: flex; border-collapse: separate; flex-direction: column; } .kky { border: 1px solid #f0f1f5; } .input-group-addon { border: 1px solid transparent; border-left: 0px solid rgba(0,0,0,0); background-color: #FFFFFF; } .down{ padding:0; } .down .table>thead>tr>th { vertical-align: bottom; line-height: 58px; padding: 0px; padding-left: 5px; padding-right: 4px; font-size: 16px; background-color: #f7f8fa; border-bottom: 1px solid #ddd; } .down .table>tbody>tr>td { padding: 0px; padding-left: 5px; padding-right: 5px; line-height: 150%; font-size: 12px; vertical-align: middle; border-top: 0px solid rgba(0,0,0,0); border-bottom: 1px solid #ddd; } .dwbj{ padding:0; } .down .table>thead>tr>th:nth-child(2){ display: none; } .down .table>tbody>tr>td:nth-child(2) { display: none; } img{ height:auto; } }