@charset "utf-8";@import url('fonts.css');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.act,.image-container img,.home-more a p,.home-more-gray a p,.home-more-blue a p,.top-blank,.fixtop,.fixtop .logo,.fixtop .navpc li a.a:after,.fixtop .navpc li a.a:before,.fixtop .navpc li .list dd a:before,.fixtop .navpc li.lan:before,.fixtop .search,.home-product li:before,.home-product li .title p,.home-product li .title,.home-culture li .pic img,.new_telst li,.home-news dd .pic img,.history .mySwiper2 .swiper-slide .pic img,.history .mySwiper .swiper-slide .icon,.honor .right .swiper-slide .pic img,.partner li,.device li,.device li .more,.device li .pic,.device li .text,.device-show .des li img,.product li .pic img,.product li,.news li,.news li.pic-yes .pic img,.feedback dd,.feedback dd.part i:after,.feedback dd.part i:before
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.home-news dd:hover .pic img,.history .mySwiper2 .swiper-slide .pic:Hover img,.honor .right .swiper-slide:hover .pic img,.product li:hover .pic img,.news li.pic-yes:hover .pic img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.pd,.message li .col,.message li.btn .col-btn,.about td,.partner li,.device li,.device li .pic,.contact li,.feedback li input[type="text"],.feedback li textarea
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.home-culture li:hover .pic img,.device-show .des li:hover img {transform: rotateY(180deg);}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑','arial';}
html,body,input,button,select,textarea,big,small {font-size:16px;color:#333;font-weight:400;}a {color:#333}b,strong {font-weight:700;}
a:hover,.home-news dd:hover .title a{color:#0f68a2}
:root{scroll-behavior:smooth;}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
.img-center {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;object-fit: contain;}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,dl,dt,dd,ol { list-style:none;}
.list-paddingleft-1,.list-paddingleft-2 {margin-left:21px}
em { font-style:normal}
hr {border:0; background:#ddd;height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.bodyactive {overflow:hidden}
:root{scroll-behavior:smooth;}
.average {display:flex;}.average .col {flex: 1;}
.both-end{display:flex;justify-content:space-between;}
.logo-for-baidu {position: absolute;left:-5000px;top:-5000px}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:60px 0 0 0;text-align:center;position: relative}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:2px 5px;width:40px; height:40px; line-height:38px;box-shadow:0 0 2px rgba(0,0,0,0);text-align: center;border-radius:4px; background:#eee}
.pager font {font-family:'宋体';font-weight:700;margin:0px;display:inline-block;vertical-align: top; line-height: 41px;transition-duration:.5s;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#0f68a2; background: #0f68a2} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:18px;font-weight:400;color:#595758;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 5px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #0f68a2;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

::-webkit-input-placeholder {color:#a1a1a1;}
:-moz-placeholder {color:#a1a1a1;}
::-moz-placeholder {color:#a1a1a1;}
:-ms-input-placeholder {color:#a1a1a1;}

::selection {background:#0f68a2;color:#ffffff;}
::-moz-selection {background:#0f68a2;color:#ffffff;}
::-webkit-selection {background:#0f68a2;color:#ffffff; }

.wrap {margin:0 auto;max-width:1186px;position:relative;}
.wrap1 {margin:0 auto;max-width:1512px;position:relative;}
.wrap2 {margin:0 auto;max-width:1325px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:98px;border-bottom:2px solid #cbcccc; background: #fff}
.fixtop .logo { position: absolute;left:0;top:26px;z-index: 999}
.fixtop .logo a {background: url("../images/logo.png") no-repeat left bottom;width:126px;height:45px; background-size:100%; display: block; position: relative}
.fixtop .navpc {margin:0 0 0 226px}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 75px 0 0; position: relative}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:61px;padding-top:37px; line-height:20px;font-size:18px;color:#252525; position: relative;font-weight:500;}
.fixtop .navpc li a.a:after {opacity:0;content: "";position: absolute;left:50%;bottom:0;width:7px;height:7px;margin-left:-3px;border-radius:50%; background: #0f68a2;}
.fixtop .navpc li a.a:before {content: "";position: absolute;left:50%;bottom:0;width:1px;height:0; background: #0f68a2;}
.fixtop .navpc li:hover a.a:after,.fixtop .navpc li.active a.a:after,.fixtop ul.navpc li:Hover>a.a:before {opacity:1;bottom:22px}
.fixtop .navpc li:hover a.a:before,.fixtop .navpc li.active a.a:before,.fixtop ul.navpc li:Hover>a.a:before {height:22px}
.fixtop .navpc li:hover a.a,.fixtop .navpc li.active a.a,.fixtop ul.navpc li:Hover>a.a {color:#0f68a2}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:-60px;width:188px;top:98px;display:none;padding:2px 0 0 0}
.fixtop .navpc li .list-device {width:360px}
.fixtop .navpc li .list-lan {width:140px;left:-35px}
.fixtop .navpc li .list dl { background: #f4f4f4;box-shadow:0 0 5px rgba(0,0,0,0.3)}
.fixtop .navpc li .list dd {margin:0;padding:0}
.fixtop .navpc li .list dd a {font-size:16px; line-height: 26px;display:block;padding:11px 10px 13px 60px;font-weight:400;color:#333;position: relative}
.fixtop .navpc li .list dd a:before {opacity:0;content:"\e654";position: absolute;left:35px;top:15px;font-size:20px; line-height: 1; font-family: "iconfont" !important;color:#0f68a2;transform: rotate(-90deg);}
.fixtop .navpc li .list dd:first-of-type a:before {top:25px}
.fixtop .navpc li .list dd:hover a:before {opacity:1}
.fixtop .navpc li .list dd:first-of-type a {padding-top:21px}
.fixtop .navpc li .list dd:last-of-type a {padding-bottom:23px}
.fixtop .navpc li .list dd a:hover {background: #fff;color:#0f6a82}
.fixtop .navpc li.lan {position: absolute;right:0;top:0;margin:0;}
.fixtop .navpc li.lan:before {content:'';position: absolute;width:70px;height:27px;border:1px solid #797979; pointer-events: none; z-index: 10;border-radius:27px;right:0;top:34px}
.fixtop .navpc li.lan a.a {color:#0f68a2; position: relative;padding-right:11px;padding-left:15px;width:45px;}
.fixtop .navpc li.lan a span {font-size:400;display:inline-block; vertical-align: top;margin:2px -2px 0 5px;font-size:13px;coloR:#666}
.fixtop .search {position:fixed;top:34px;left:50%;margin-left:469px;width:200px;height:27px;border-radius:27px;border:1px solid #797979;}
.fixtop .search button {cursor: pointer; background: url("../images/search.png") no-repeat center;width:27px;height:27px;display:inline-block; vertical-align: top;margin:0 10px 0 3px}
.fixtop .search input {width:147px;height:25px;display:inline-block; vertical-align: top;border-radius:27px}
.fixtop .lan-mb {position: absolute;right:0;top:0;display:none;}
.top-blank {height:100px}

.fixtop.active {top:-20px;}
.fixtop.active .logo {top:36px}
.fixtop.active .navpc li a.a,.fixtop-no .navpc li a.a {height:51px;padding-top:47px;}
.fixtop .navpc li:hover a.a:after,.fixtop .navpc li.active a.a:after,.fixtop ul.navpc li:Hover>a.a:before {bottom:12px}
.fixtop .navpc li:hover a.a:before,.fixtop .navpc li.active a.a:before,.fixtop ul.navpc li:Hover>a.a:before {height:12px}
.fixtop.active .navpc li.lan:before {top:44px}
.fixtop.active .search {top:24px}
.top-blank.active {height:80px;}

.indpics {position: relative;}
.indpics .swiper-slide { position:relative;overflow: hidden;}
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:5s linear;transform:scale(1,1);}
.indpics .swiper-slide .pic {position: relative;padding:20.7552% 0;}
.indpics .swiper-slide .text {position: absolute;left:0;top:0;width:100%;height:100%; z-index: 200;}
.indpics .swiper-slide .text .wrap {height:100%;}
.indpics .swiper-slide .text .in {display:flex;align-items:left;justify-content: center;color:#fff; flex-direction: column;height:100%; text-align:left}
.indpics .swiper-slide .text .title {font-size:55px; line-height: 1.3;letter-spacing: 1px; font-weight:700; color:#000;margin:-50px 0 9% 0}
.home-more a {height:52px; line-height: 50px; display:inline-block; vertical-align: top;padding:0 0 0 20px;border-radius:52px; background: #0f68a2;color:#fff}
.home-more a p {display:inline-block; vertical-align: top;width:32px;height:32px; margin:10px 10px 0 20px;background: #fff;border-radius:50%;color:#0f68a2; text-align: left;}
.home-more a p span {font-size:32px; line-height: 1;margin:0px 0 0 0px;display:inline-block; vertical-align: top;}
.home-more a:hover p {margin-left:30px}
.indpics .swiper-horizontal>.swiper-pagination-bullets,.indpics .swiper-pagination-bullets.swiper-pagination-horizontal,.indpics .swiper-pagination-custom,.indpics .swiper-pagination-fraction {bottom:40px; text-align: left}
.indpics .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.indpics .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 10px 0 0}

.top-pic {padding:18.1510% 0; position:relative;left:0;top:0;width:100%; z-index: 1;}
.top-pic .pic {position:absolute; left:0;top:0;width:100%;height:100%; z-index: 1; overflow: hidden}
.top-pic .pic>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 6s 0s ease both infinite;-moz-animation: minus 6s 0s ease both infinite;animation: minus 6s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.top-pic .text {position:absolute;left:0;top:0;width:100%; height:100%; z-index: 200; }
.top-pic .text .wrap,.top-pic .text .wrap1,.top-pic .text .wrap2 {display: flex; align-content: left; justify-content: center;flex-direction: column;height:100%; z-index: 100}
.top-pic .text .title {margin:0 0 15px 0}
.top-pic .text .title h2 { background: #0f68a2;height:40px;line-height: 38px;padding:0 20px;color:#fff;margin:0 0 20px 0;font-size:20px;border-radius:40px;display:inline-block;font-weight:400}
.top-pic .text .content {font-size:60px; line-height: 1.3;font-weight:500;color:#fff; letter-spacing: 0.5px}
.top-pic.black .text .content {color:#000;font-size:49px;}

.home-subject {color:#0f68a2;font-size:42px;line-height: 1.4;font-weight:700;position: relative;display:inline-block;margin:0 auto;padding:0 0 0 65px}
.home-subject:before {content:'';width:50px;height:3px; background: #0f68a2;position: absolute;left:0;top:28px;}
.home-device {padding:100px 0 110px 0;text-align: center}
.home-device ul {display:flex;gap:3px;flex-wrap: wrap;margin:50px 0 50px 0}
.home-device li {position: relative;width:calc(25% - 2.25px);width:-webkit-calc(25% - 2.25px);}
.home-device li a {background: #f4f4f4;display: block;padding:20px;}
.home-device li .in {position: relative;padding:15px 0 70px 0}
.home-device li .in .pic {padding:50% 0;position: relative}
.home-device li .in .title {position: absolute;left:2%;bottom:10px;width:96%; text-align: center; z-index: 20; line-height: 1.6}
.home-device li a:hover {background: #7b7b7b;color:#fff}
.home-more-gray a {font-size:14px;height:36px; line-height: 34px; display:inline-block; vertical-align: top;padding:0 0 0 15px;border-radius:36px; background: #f4f4f4;color:#333}
.home-more-gray a p {display:inline-block; vertical-align: top;width:22px;height:22px; margin:7px 7px 0 20px;background: #0f6a82;border-radius:50%;color:#fff; text-align: left;}
.home-more-gray a p span {font-size:20px; line-height: 1;margin:1px 0 0 1px;display:inline-block; vertical-align: top;}
.home-more-gray a:hover {background: #0f68a2;color:#fff}
.home-more-gray a:hover p { background: #fff;color:#0f68a2}

.home-about {position: relative;padding:110px 0;}
.home-about:before {content:'';position: absolute;left:0;top:0;width:100%;height:750px; z-index: 1; background:#f4f4f4}
.home-about .wrap1 { z-index: 10}
.home-about .left {float:left;width:45%}
.home-about .left .title {font-size:27px; line-height: 1.4;margin:0 0 20px 0;color:#000}
.home-about .left .subtitle {font-size:48px;font-weight:500;line-height: 1.3;color:#0f68a2;max-width:530px}
.home-about .right {float:right;width:50%; text-align: right}
.home-about .right .content {font-size:18px; text-align: left;margin:0 0 90px 0}
.home-about .right .content .home-more-glue {margin:0 0 0 auto}
.home-about .pic {margin-top:100px}
.home-more-blue a {font-size:14px;height:36px; line-height: 34px; display:inline-block; vertical-align: top;padding:0 0 0 15px;border-radius:36px; background: #0f68a2;color:#fff}
.home-more-blue a p {display:inline-block; vertical-align: top;width:22px;height:22px; margin:7px 7px 0 20px;background: #fff;border-radius:50%;color:#0f68a2; text-align: left;}
.home-more-blue a p span {font-size:20px; line-height: 1;margin:1px 0 0 1px;display:inline-block; vertical-align: top;}
.home-more-blue a:hover p {margin-left:30px}

.home-product .subject {font-weight:700;font-size:42px; line-height: 1.4;color:#0f68a2; text-align: center;margin:0 0 30px 0;}
.home-product .content {text-align:center;font-weight:500;color:#414141;margin:0 auto;max-width:755px; line-height: 2.1}
.home-product ul {display:flex;gap:10px;flex-wrap: wrap;margin:60px 0 110px 0}
.home-product li {position: relative;width:calc(33.3333% - 6.6666px);width:-webkit-calc(33.3333% - 6.6666px); overflow: hidden}
.home-product li:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; z-index: 10; background: rgba(0,0,0,0.4);opacity:0;pointer-events: none;}
.home-product li .pic {padding:34% 0;position: relative}
.home-product li .title {position: absolute;left:5%;bottom:25px;width:90%; text-align: center; z-index: 20;font-size:24px; line-height: 1.6;color:#414141;font-weight:700}
.home-product li .title p {margin-top:-5px;height:0;opacity:0}
.home-product li .title p span {font-weight:400}
.home-product li:hover:before {opacity:1}
.home-product li:hover .title {color:#fff}
.home-product li:hover .title p {opacity:1;height:25px;color:#fff}

.home-culture ul {display:flex;justify-content: space-between;position: relative;padding:15.7% 0;}
.home-culture ul:before,.home-culture ul:after{content:'';position: absolute;left:33%;top:0;width:2px;height:100%; background: #fff}
.home-culture ul:after {left:auto;right:26.2%}
.home-culture li {color:#fff; text-align: center;}
.home-culture li .pic img {width:90px;margin:0 auto}
.home-culture li .title {font-size:36px; line-height: 1.2;font-weight:700;margin:60px 0 20px 0}
.home-culture li .content {font-size:24px; line-height: 1.8; letter-spacing: 1px}

.new_telst {display:flex;align-items:flex-end;justify-content:flex-end; text-align: right}
.new_telst li {position: relative;cursor: pointer; text-align: center;margin:0 0 0 30px;border:1px solid #666;height:40px;line-height: 38px;border-radius:40px;display:block;padding:0 55px;}
.new_telst li.newon {background: #0f68a2;color:#fff;border-color:#0f68a2;}
.new_lst {display: none;}
.new-wrap .show {display: block;padding:0;margin:0}
.new-wrap { text-align: center;margin:60px 0 0 0}
.home-news {padding:120px 0 120px 0}
.home-news .home-subject {position: absolute;left:0;top:-8px}
.home-news dl {display:flex;justify-content: space-between;margin-bottom:65px}
.home-news dd {width:33%; text-align: left;}
.home-news dd .pic {position:relative;padding:30.8593% 0;overflow: hidden;border-radius:5px}
.home-news dd .title {padding:30px 20% 20px 5%}
.home-news dd .title a {font-size:18px; line-height: 1.2;font-weight:500;color:#414141;}
.home-news dd .date {font-size:16px;color:#838383;padding:0 20% 0 5%}

body .content-section {scroll-margin-top:100px;}
body.active .content-section {scroll-margin-top:80px;}
.navbar {position: relative; z-index: 100;margin-top:-28px}
.navbar-nav {display:flex; background: #f4f4f4;flex-wrap: wrap}
.navbar-nav li {width:25%}
.navbar-2 li {width:50%}
.navbar-3 li {width:33.3333%}
.navbar-nav li a {display:block;height:57px; line-height: 55px;font-size:18px; text-align: center; overflow: hidden}
.navbar-nav li.active a,.navbar-nav li:hover a {background: #0f68a2;color:#fff}
.about {font-size:18px;margin:105px 0 110px 0}
.about .home-subject {margin:0 0 50px -70px}
.about table {width:100%;}
.about td {vertical-align: top;width:50%}
.about tr:nth-child(1) td:nth-child(1) {padding:0 2.5% 0 0}
.about tr:nth-child(1) td:nth-child(2) {padding:0 0 0 2.5%}
.about tr:nth-child(2) td {width:100%;padding-top:80px}
.about tr:nth-child(2) td img:nth-child(1) {width:52%;margin:0 0.4% 0 0}
.about tr:nth-child(2) td img:nth-child(2) {width:47.6%}

.history {background: #0f68a2;padding:90px 0 85px 0}
.history .home-subject {color:#fff;margin:0 0 100px -70px}
.history .home-subject:before {background: #fff;}
.history .mySwiper2 .swiper-slide .in {display:flex;justify-content: space-between}
.history .mySwiper2 .swiper-slide .text {width:48%}
.history .mySwiper2 .swiper-slide .text .title{color:#0f68a2;font-weight:700;font-size:105px; line-height: 1; text-shadow:2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff,  0 -2px 0 #fff;margin:0 0 85px 0}
.history .mySwiper2 .swiper-slide .text .content {font-size:20px; line-height: 1.7;color:#fff;font-weight:300}
.history .mySwiper2 .swiper-slide .pic {width:42.5%;margin-top:15px; overflow: hidden}
.history .mySwiper2 .swiper-slide .pic img {width:100%}

.history .mySwiper2 .swiper-slide-no-pic .text {width:100%}
.history .mySwiper2 .swiper-slide-no-pic .pic {display:none;}

.history .line {position: absolute;left:0;top:16px;width:100%;height:2px; background: #fff}
.history .mySwiper {position: relative;margin:120px 60px 0 60px;height:80px;}
.history .mySwiper .swiper-slide {position: relative; text-align: center}
.history .mySwiper .swiper-slide .icon {position: absolute;left:50%;top:0;width:28px;height:28px;border:2px solid transparent;border-radius:50%;margin-left:-16px; cursor: pointer}
.history .mySwiper .swiper-slide .icon:before {content:'';position: absolute;left:9px;top:10px;width:10px;height:10px; background: #fff; border-radius:50%;cursor: pointer}
.history .mySwiper .swiper-slide .title {position: absolute;left:50%;top:42px;color:#fff; z-index: 100;font-size:18px;margin-left:-21px;font-weight:500;cursor: pointer}
.history .mySwiper .swiper-slide-thumb-active .icon {border-color:#fff}

.history .swiper-button-next,.history .swiper-button-prev {width:38px;height:38px;top:-2px;margin-top:0;}
.history .swiper-button-next:after,.history .swiper-button-prev:after { background: #0f68a2; border-color:#fff; color:#fff;font-size:20px;width:38px;padding:0 1px 0 0;height:38px;line-height:38px;}
.history .swiper-button-next:Hover,.history .swiper-button-prev:hover {background: #fff;border-color:#fff}
.history .swiper-button-next:hover:after,.history .swiper-button-prev:hover:after{color:#0f68a2;background: #fff;border-color:#fff}
.history .swiper-button-prev {left:0;margin-left:-38px;}
.history .swiper-button-next{right:0;margin-right:-38px;}

.honor {margin:110px 0}
.honor .wrap1 {display:flex;justify-content: space-between}
.honor .left {width:21%}
.honor .left .home-subject {padding:0;margin:20px 0 0 0}
.honor .left .home-subject:before {top:-20px;left:0}
.honor .left .content {font-weight:500;margin:90px 0 0 0}
.honor .left .content img.ccc {margin-top:90px}
.honor .right {width:71%}
.honor .right .swiper-slide {background: #f4f4f4; text-align: center}
.honor .right .swiper-slide .pic {padding:20px 10%;height:390px}
.honor .right .swiper-slide .pic p {position: relative;display:flex;align-items: center;justify-content: center;height:100%}
.honor .right .swiper-slide .title {border-top:1px solid #d7d7d7; text-align: left;padding:22px 10% 10px 10%;font-weight:500; line-height: 1.6;min-height:60px}

.honor .swiper {padding:0 0 95px 0}
.honor .swiper-pagination-progressbar {width:89%;bottom:17px}
.honor .swiper-button-next,.honor .swiper-button-prev {top:auto;bottom:0;width:40px;height:40px;margin-top:-21px;}
.honor .swiper-button-next:after,.honor .swiper-button-prev:after { background: #ddd;border:1px solid #ddd; color:#fff;font-size:20px;width:40px;padding:0 2px 0 0;height:40px;line-height:40px;}
.honor .swiper-button-next:Hover,.honor .swiper-button-prev:hover {background: #0f68a2;border-color:#0f68a2}
.honor .swiper-button-next:hover:after,.honor .swiper-button-prev:hover:after{color:#fff;background: #0f68a2;border-color:#0f68a2}
.honor .swiper-button-prev {left:auto;right:55px;margin-left:0;}
.honor .swiper-button-next{right:0;margin-right:0;}

.partner {text-align:center;margin:0 0 120px 0}
.partner .home-subject {padding:0;}
.partner .home-subject:before {left:50%;top:80px;margin-left:-25px}
.partner .content {margin:60px auto 80px auto;font-weight:500;max-width:990px;}
.partner ul {display:flex;flex-wrap: wrap;gap:35px;}
.partner li {paddin:10px;width:calc(25% - 26.25px);width:-webkit-calc(25% - 26.25px);box-shadow:0 0 10px rgba(0,0,0,0.3);height:110px;display:flex;align-items: center;justify-content: center; position: relative;top:0}
.partner li img {max-width:300px;max-height:85px}
.partner li:hover {top:-10px;box-shadow:0 0 15px rgba(0,0,0,0.5);}

.device {margin:100px 0 110px 0}
.device ul {display:flex;gap:25px;flex-wrap: wrap}
.device li {width:calc(33.3333% - 16.6666px);width:-webkit-calc(33.3333% - 16.6666px);padding:30px;border:2px solid #eeeeee;border-radius:10px;position: relative}
.device li .in {padding:58% 0; position: relative}
.device li .pic {position: absolute;width:100%;height:100%;left:0;top:0;padding:0 0 90px 0}
.device li .pic-in {position:relative;width:100%;height:100%;left:0;top:0;}
.device li:Hover {background: #f4f4f4;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.device li .text{height:60px;position:absolute;left:0;bottom:0;width:100%;}
.device li .title,.device li .subtitle {height:30px;line-height:30px;overflow: hidden}
.device li .title a {font-size:22px;font-weight:700;color:#000}
.device li .subtitle{font-size:20px;margin-top:2px}
.device li .more {border-top:1px solid #898989;position: relative;margin-top:12px;display:flex;justify-content: space-between;padding:22px 0 0 0;opacity:0;pointer-events: none}
.device li .more .tubiao {width:26px;height:26px;line-height: 26px; border-radius:50%;background: #0f68a2;color:#fff;color:#fff}
.device li .more .tubiao span {font-size:22px; line-height: 26px;color:#fff;display:inline-block; vertical-align: top;margin:0px 0 0 1px}
.device li .more .font {height:26px;line-height: 24px;background: #0f68a2;border-radius:26px;width:90px; text-align: center;color:#fff;font-size:14px;}
.device li:Hover .pic {padding:0 0 155px 0}
.device li:hover .text{height:125px;}
.device li:Hover .more {pointer-events:auto;opacity:1}

.page_wrap_pn {width:100%;margin:60px 0 0 0;text-align:right;position: relative;border-top:1px solid #cecece;padding:30px 0 0 0}
.pager_pn {width:100%;}
.pager_pn a,.pager_pn span{font-size:15px;display:inline-block;vertical-align:top;margin:0 0 0 40px;padding:0 45px; height:37px; line-height:35px;text-align: center;border-radius:37px; background:#e7edf1}
.pager_pn a:hover {color:#fff; border-color:#0f68a2; background: #0f68a2} 
.page_wrap_pn .page {position: absolute;left:0;top:34px}

.device-banner .swiper-slide .pic {padding:18.1510% 0;}
.device-banner .swiper-slide .text .title {margin:0 0 15px 0;margin-top:-100px}
.device-banner .swiper-slide .text .title h2 {background: #0f68a2;height:50px;line-height: 47px;padding:0 25px;color:#fff;margin:0 0 10px 0;font-size:30px;border-radius:50px;display:inline-block;font-weight:500}
.device-banner .swiper-slide .text .content {font-size:66px; line-height: 1.2;font-weight:700;color:#000; letter-spacing: 0.5px}
.device-banner .swiper-horizontal>.swiper-pagination-bullets,.indpics .swiper-pagination-bullets.swiper-pagination-horizontal,.indpics .swiper-pagination-custom,.indpics .swiper-pagination-fraction {bottom:60px;}

.device-show {margin:100px 0 0 0}
.device-show .des {display:flex;justify-content: space-between;align-items: center;margin:0 0 40px 0}
.device-show .des .device-model {font-size:66px; line-height: 1.2;color:#0f68a2;font-weight:700;margin-top:-10px;}
.device-show .des .device-name {font-size:50px;line-height: 1.4;color:#000;margin:20px 0 115px 0}
.device-show .des ul {display:flex;gap:65px;}
.device-show .des li {text-align:center}
.device-show .des li img {height:65px;margin:0 auto}
.device-show .des li p {margin-top:8px}
.device-show .des .right {text-align: right;max-width:50%;margin-left:30px}
.device-show .des2 {display:block;}
.device-show .des2 .device-name {margin-bottom:85px}
.device-show .des2 ul {position: absolute;right:0;top:15px}
.device-show .des2 .right {max-width:100%;margin:0 0 45px 0}
.device-show .des-id-553 .right {max-width:68%}
.device-show .des-id-552 .right {max-width:61%}
.device-show .des-id-551 .right {max-width:61%}
.device-show .des-id-550 .right {max-width:65%}
.device-show .des-id-548 .right {max-width:61%}
.device-show .des-id-547 .right {max-width:61%}
.device-show .special ul {margin-bottom:60px}
.device-show .special li {border-top:2px dashed #898989;padding:50px 0;position: relative}
.device-show .special li:first-of-type {border:0;}
.device-show .special li:last-of-type {padding-bottom:0}
.device-show .special li .subject {position: absolute;left:0;top:50px;height:45px;line-height: 43px;border-radius:45px;background: #898989;color:#fff;font-size:26px;font-weight:500;padding:0 25px;display:block}
.device-show .special li .content {margin:0 0 0 170px;font-size:18px}
.device-show-more .home-subject {padding:0}
.device-show-more .home-subject:before {display:none;}
.device-show-more .content {font-weight:500;padding:20px 0 0 0}

.product {margin:80px 0 100px 0}
.product ul {display:flex;gap:25px;flex-wrap: wrap;}
.product li {width:calc(33.3333% - 16.6666px);width:-webkit-calc(33.3333% - 16.6666px);border-radius:10px}
.product li .pic {position: relative;overflow: hidden;border-radius:10px;padding:32.6666% 0}
.product li:hover {box-shadow:0 0 10px rgba(0,0,0,0.3)}

.news-cate {margin:110px 0 63px 0}
.news-cate .subject p {margin:10px 0 0 0}
.news-cate .subject a.active {font-size:47px;font-weight:700; line-height: 1;}
.news {margin:0 0 120px 0}
.news li {border-bottom:2px solid #c1c1c1;padding:70px 0 30px 0;position: relative}
.news li:first-of-type {border-top:2px solid #c1c1c1;}
.news li .text .cate a {display:inline-block;padding:0 15px;background: #b8b8b8;height:28px;line-height: 27px;font-weight:300;color:#fff;border-radius:28px}
.news li .text .title { line-height: 32px;margin:15px 100px 15px 0}
.news li .text .title a {font-size:25px;font-weight:700;}
.news li .text .more {position: absolute;right:0;top:110px;}
.news li .text .more a {display:block;width:38px;height:38px; line-height: 37px; border:2px solid #e2e2e2;border-radius:50%; text-align: center}
.news li .text .more a span {color:#e2e2e2;font-size:24px;transform: rotate(90deg);display:inline-block; vertical-align: top; position: relative;right:0}
.news li.pic-yes {display:flex;justify-content: space-between;padding:50px 0}
.news li.pic-yes .text {width:40%;margin:0 10% 0 0}
.news li.pic-yes .text .title {margin-bottom:40px;margin-right:0}
.news li.pic-yes .pic {width:50%; overflow: hidden;border-radius:10px;}
.news li.pic-yes .pic img {width:100%}
.news li.pic-yes .more {top:auto;bottom:50px;right:auto;left:0}
.news li:hover {border-bottom-color:#0f68a2;}
.news li:hover .text .cate a {background: #0f68a2;}
.news li:hover .text .title a {color:#0f68a2;}
.news li:hover .text .more a{border-color:#0f68a2; background: #0f68a2;}
.news li:hover .text .more a span {color:#fff;}
.news .page_wrap_pn {margin:0;border-top-width:0;padding:45px 0 0 0}
.news .page_wrap_pn .page {top:48px}

.news-search {position: absolute;right:0;top:20px}
.news-search ul {display:flex;gap:10px}
.news-search li {border:1px solid #b8b8b8;height:50px;border-radius:50px;position: relative}
.news-search li select {border-radius:50px;height:50px;width:200px;padding:0 20px; cursor: pointer;color:#999;  appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.news-search li:nth-child(2) select {width:120px;}
.news-search li:nth-child(3) {display:flex;width:265px;}
.news-search li input {border-radius:50px;width:174px;padding:0 20px;height:50px;font-size:16px;font-weight:400;color:#999}
.news-search li button {cursor: pointer; background:none;width:50px;border-radius:50px}
.news-search li button span {font-size:22px;color:#999}
.news-search li:before { font-family: "iconfont" !important;content: "\e87e";;position: absolute;right:20px;top:12px; z-index: 10;color:#999; pointer-events: none;}
.news-search li:last-of-type:before {display:none;}
.news-search ::-webkit-input-placeholder {color:#999999;}
.news-search :-moz-placeholder {color:#999999;}
.news-search ::-moz-placeholder {color:#999999;}
.news-search :-ms-input-placeholder {color:#999999;}

.news-show .title {text-align:center;border-top:2px solid #c1c1c1;font-weight:700;color:#000;font-size:30px; line-height: 1.6;padding:60px 0 15px 0}
.news-show .date {text-align:center;color:#999;}
.news-show .content {margin:50px 0 60px 0}
.news-show .content img {margin:5px 0}
.prevnext {border-top:2px solid #c1c1c1; text-align: center;padding:40px 0 100px 0}
.prevnext a {font-size:15px;display:inline-block;vertical-align:top;margin:0 20px;padding:0 45px; height:37px; line-height:35px;text-align: center;border-radius:37px; background:#e7edf1}
.prevnext a:hover {color:#fff; border-color:#0f68a2; background: #0f68a2}

.contact {margin:50px 0 100px 0}
.contact ul {display:flex;gap:0px;flex-wrap: wrap;}
.contact li {width:50%;margin:56px 0 0 0;padding:0 0 0 60px}
.contact li:nth-child(odd) {padding:0 60px 0 0}
.contact li .title {font-weight:700;font-size:30px;color:#0f68a2; line-height: 1.4}
.contact li .subtitle {font-weight:700;font-size:20px; line-height: 1.6;margin:5px 0 25px 0}
.contact li .content {font-size:18px; line-height: 1.7;font-weight:500}
.map iframe,#container {width:100%;height:800px}

.foot {background: #f4f4f4;padding:110px 0 30px 0}
.foot .wrap1 {display:flex;justify-content: space-between;}
.foot .text {max-width:500px}
.foot .text .logo {width:205px;margin:0 0 70px 0}
.foot .text li {position: relative;margin:20px 0 0 0}
.foot .text li .pic {position:absolute;left:0;top:6px;width:20px}
.foot .text li .title {padding:0;font-size:18px;color:#000; line-height: 1.6}
.foot .message {width:53%;margin-top:-10px}
.message li  {display:flex;justify-content: space-between;flex-wrap: wrap;position: relative}
.message li .col {width:43%;border-bottom:2px solid #cccccc;position: relative;padding:0 0 15px 22px;margin:0 0 55px 0}
.message li .full {width:100%}
.message li p {position: absolute;left:0;top:8px;color:#0f68a2;font-size:25px; line-height: 1;font-weight:400}
.message li input[type="text"] {width:100%; background: none;}
.message li.btn {margin-top:30px}
.message li.btn .col {width:180px}
.message li.btn img {position: absolute;bottom:-2px;left:205px;border-radius:10px}
.message li.btn .col-btn {position:absolute;left:0;top:-4px;width:100%;border-width:0;padding:0 0 0 360px;margin:0;pointer-events: none}
.message li.btn button {cursor: pointer;width:100%;height:50px;background: #0f68a2;color:#fff;border-radius:10px;font-size:20px;font-weight:500;pointer-events: auto}

.feedback .subject {text-align:center;font-weight:700;color:#000;font-size:48px; line-height:1.4;margin:0 0 90px 0;}
.feedback dl {display:flex;justify-content: space-between;gap:12px;margin:0 0 40px 0}
.feedback dd {flex:1;border:1px solid #999;height:105px; text-align: center;font-size:22px;color:#999; line-height: 1;border-radius:5px; cursor: pointer}
.feedback dd i {display:block;width:40px;height:40px;margin:15px auto 10px auto;position: relative}
.feedback dd i:before {content:'';position: absolute;left:0;top:0;width:40px;height:40px;background: url("../images/f1.png") no-repeat center; z-index: 10; background-size:100%;opacity:0}
.feedback dd.part i:before {background: url("../images/f2.png") no-repeat center; background-size:100%}
.feedback dd.media i:before {background: url("../images/f3.png") no-repeat center; background-size:100%}
.feedback dd.other i:before {background: url("../images/f4.png") no-repeat center; background-size:100%}
.feedback dd i:after {content:'';position: absolute;left:0;top:0;width:40px;height:40px;background: url("../images/f1.png") no-repeat center; z-index: 10; background-size:100%;-webkit-filter: brightness(0.0);filter: brightness(0.0);opacity:0.4}
.feedback dd.part i:after {background: url("../images/f2.png") no-repeat center; background-size:100%}
.feedback dd.media i:after {background: url("../images/f3.png") no-repeat center; background-size:100%}
.feedback dd.other i:after {background: url("../images/f4.png") no-repeat center; background-size:100%}
.feedback dd.active {border-color:#0f68a2;color:#0f6a82;}
.feedback dd.active i:before {opacity:1}
.feedback dd.active i:after {opacity:0}
.feedback ul {display:flex;gap:15px;flex-wrap: wrap}
.feedback li {width:calc(33.3333% - 10px);width:-webkit-calc(33.3333% - 10px);}
.feedback li p {font-size:17px;margin:10px 0 10px 0; line-height: 30px;height:30px; overflow: hidden}
.feedback li p i {display:inline-block;vertical-align: top;margin:10px 7px 0 0;line-height:1;}
.feedback li input[type="text"] {height:55px;width:100%;border-radius:5px; background: #f4f4f4;padding:0 20px}
.feedback li textarea {height:185px;width:100%;border-radius:5px; background: #f4f4f4;padding:15px 20px; overflow: auto}
.feedback li.full {width:100%}
.feedback li.country {display:flex;gap:15px;}
.feedback li.country .col {width:calc(50% - 7.5px);width:-webkit-calc(50% - 7.5px);}
.feedback li.btn {text-align:center;width:100%}
.feedback li.btn button {width:200px;height:58px;padding:0 0 2px 0;background: #0f68a2;color:#fff; text-align:center;font-size:19px;border-radius:5px;margin:30px auto 120px auto; cursor: pointer}
.feedback li.btn button img {margin:7px 0 0 10px}
.footer {text-align:center;border-top:1px solid #ccc;padding:20px 0 30px 0;background: #f4f4f4;font-size:14px;}