@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,.indpics .swiper-pagination-bullet:before,.fixtop,.fixtop .logo p,.fixtop .navpc li a.a p i,.language-nav .lang-btn,.language-nav .lang-btn span.icon-xialajiantouxiao,.topsearch,.topsearch .search,.topsearch .search #sbtn,.topsearch span.icon-close-bold,.topsearch .btn,.language-nav .lang-btn span.earth,.new-wrap .pic p,.home-news .swiper-slide .pic p,.menu-link .links .more a span,.product-lists li .pic h2 img,.product-summry .one-pic p,.product-summry .right .mySwiper2 .swiper-slide .pic p,.product-relax .swiper-slide .pic img,.product-down .area .left .btn button,.solution-lists li .pic p,.sshow-summry .right .pic img,.sshow-relax .swiper-slide .pic p,.contact-menu li a:before,.contact-message .type p:before,.contact-message .type p,.join li .pic p,.navbar-nav li:before,.top-product-menu .col .subject:before,.top-product-menu .col dt:before,.core-strengths .row .col ul li,.news li .pic p,.news-show .right li .pic p,.product-development li .pic p,.new_con_cus .new-wrap-cus .pic p,.site-search li .image img,.fixtop,.top-pic,.fixtop .logo,.language-nav,.product-relax .swiper-slide .pic img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.new-wrap .new_lst:hover .pic p,.home-news .swiper-slide:Hover .pic p,.product-lists li:hover .pic h2 img,.product-summry .one-pic:hover p,.product-summry .right .mySwiper2 .swiper-slide:hover .pic p,.product-relax .swiper-slide:Hover .pic immaincurrent-searchg,.solution-lists li:hover .pic p,.sshow-summry .right .pic:Hover img,.sshow-relax .swiper-slide:hover .pic p,.join li:Hover .pic p,.news li:hover .pic p,.news-show .right li:hover .pic p,.product-development li:hover .pic p,.new_con_cus .new-wrap-cus .pic:hover p,.site-search li:hover .image img,.product-relax .swiper-slide: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,.home-map,.product-lists li .more a,.product-down .area .left li input[type="text"]
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(180deg);}
html{-webkit-text-size-adjust:none;height:100%;}
body {height:100%;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:'inter','Microsoft YaHei','微软雅黑','arial';}
html,body,input,button,select,textarea,big,small {font-size:16px;color:#4c4c4c;font-weight:400;}a {color:#4c4c4c}b,strong {font-weight:700;}
a:hover,.topsearch .btn:hover {color:#081D5E}
.top-product-menu .col a:hover,.home-news .swiper-slide:hover .title a,.product-lists li:hover .text .title a,.product-relax .swiper-slide:hover .title a,.product-down .area .right li .title a:Hover,.solution-lists li:Hover .text .title a,.sshow-relax .swiper-slide:hover .title a,.history .swiper-slide:Hover .in-h .text-h .title-h,.history .swiper-slide:Hover .in-h .text-h .subtitle-h,.news li .text a:hover,.news li:hover .text .title a,.news li:hover .text .more a,.news-show .right li:hover .title a,.prevnext a:hover,.product-development li:hover .text .title {color:#1B4496}
.home-news .swiper-slide:hover .more a:nth-child(1),.menu-link .menu dt a:hover,.product-down .area .right li .btn a:hover,.solution-lists li:Hover .text .more a.font,.join li:hover .title a {color:#24d4d4}
: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:20px}
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;}
.text-shadow {transition: text-shadow 0.5s ease;}
.text-shadow:Hover {text-shadow: 0.5px 0 0 currentColor,-0.5px 0 0 currentColor;}
.one-line {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;height: auto;text-overflow: ellipsis;word-break: break-all;}
.two-line {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: auto;text-overflow: ellipsis;word-break: break-all;}
.three-line {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: auto;text-overflow: ellipsis;word-break: break-all;}

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

::-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: #081D5E;}
::-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:#ffffff;}
:-moz-placeholder {color:#ffffff;}
::-moz-placeholder {color:#ffffff;}
:-ms-input-placeholder {color:#ffffff;}

::selection {background:#081D5E;color:#ffffff;}
::-moz-selection {background:#081D5E;color:#ffffff;}
::-webkit-selection {background:#081D5E;color:#ffffff; }

.wrap {margin:0 auto;max-width:1560px;position:relative;}
.wrap1 {margin:0 4%;position:relative;}
.phonemenu { display:block;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:99px;background:rgba(24,23,55,0);border-bottom:1px solid rgba(255,255,255,0.3)}
.fixtop .logo { position: absolute;left:0;top:32px;z-index: 999}
.fixtop .logo a {background: url("../images/logo-white.svg") no-repeat top;width:238px;height:35px; background-size:100%; display: block;}
.fixtop .logo p {position: absolute;left:258px;top:0;color:rgba(255,255,255,1);width:100%;border-left:1px solid rgba(255,255,255,0.5);min-height:35px;padding:0 0 0 15px;font-weight:300;font-size:14px;line-height: 1.3;pointer-events: none;}
.fixtop .navpc {text-align:center;}
.fixtop .navpc li {display:inline-block; vertical-align: top;padding:0 30px;}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; padding-top:38px;height:62px; line-height:20px;font-size:20px; position: relative;color:#fff;font-weight:500;}
.fixtop .navpc li a.a p { position:absolute;left:0;bottom:0px;width:100%; height:3px; text-align: center}
.fixtop .navpc li a.a p i { display:block;width:0;height:100%; background:#1B4496;margin:0 auto}
.fixtop .navpc li:hover a.a p i,.fixtop ul.navpc li:Hover>a.a p i,.fixtop .navpc li.active a.a p i {width:100%}
.fixtop .navpc li.active a.a {font-weight:700}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:0;width:100%;top:100px;display:none;min-height:100px;background: #fff;border-bottom:1px solid rgba(0,0,0,0.15);padding:50px 0 80px 0}
.top-product-menu .wrap {display:flex;flex-wrap: wrap;gap:50px;}
.top-product-menu .col {width:calc(16.6666% - 41.6666px); text-align: left;}
.top-product-menu .col .subject {margin:0 0 22px 0;position: relative}
.top-product-menu .col .subject.cus {margin-top:40px}
.top-product-menu .col .subject a {font-size:19px;color:#4c4c4c;font-weight:700;border-bottom:1px solid #c7c7c7;display:block;padding:0 15px 10px 0; line-height: 1.4;position: relative}
.top-product-menu .col .subject:before {content:'';position: absolute;left:0;bottom:0px;width:0;height:1px;background: #1B4496; z-index: 100}
.top-product-menu .col .subject:hover:before {width:100%}
.top-about-menu .col .subject a,.top-contact-menu .col .subject a {font-weight:500;}
.top-product-menu .col .subject a:before {content: "\e679";transform: rotate(-180deg);position: absolute;right:-5px;top:5px;font-family: "iconfont" !important;font-weight:400; line-height: 1;font-size:16px;}
.top-product-menu .col dt {margin-bottom:8px;margin-top:8px;position: relative}
.top-product-menu .col dt:before {content:'';position: absolute;left:0;bottom:0px;width:0;height:1px;background: #1B4496; z-index: 100}
.top-product-menu .col dt:hover:before {width:100%}
.top-product-menu .col dt a {color:#808080;font-size:16px; line-height: 1.4; display:block;border-bottom:1px solid #e0e0e0;padding:4px 0 8px 0;}
.top-product-menu .col dt.no {margin-bottom:0}
.top-product-menu .col dt.no a{border-width:0}
.top-product-menu .col dd {padding:0 0 0 0px}
.top-product-menu .col dd a {color:#808080;font-size:14px;display:inline-block; line-height: 1.4;padding:0 0 5px 0}
.top-product-menu .col a:hover {color:#1B4496}

.fixtop .navpc li .top-solution-menu {padding-bottom:30px;}
.top-solution-menu .wrap {gap:0;column-gap:80px;}
.top-solution-menu .col {width:calc(25% - 60px);margin-bottom:50px}
.top-solution-menu .col-568 {width:calc(50% - 40px);}
.top-solution-menu .col .subject {margin-bottom:17px}
.top-solution-menu .col dd a {font-size:15px}

.top-news-menu .col .subject a {font-weight:500;}
.top-news-menu .wrap {gap:50px}
.fixtop .navpc li .top-news-menu {padding-bottom:25px;}
.top-news-menu .col {width:calc(25% - 37.5px);}

.top-about-menu .wrap {max-width:1250px;}
.fixtop .navpc li .top-about-menu {padding-bottom:75px;}
.top-about-menu .col {width:calc(33.3333% - 33.3333px);margin-bottom:-10px}

.fixtop .navpc li .top-contact-menu {padding-bottom:25px;}
.top-contact-menu .wrap {max-width:600px;}
.top-contact-menu .col {width:calc(50% - 25px);}

.fixtop.active,.fixtop1 {border-color:rgba(0,0,0,0.15);background: #fff}
.fixtop.active .logo a,.fixtop1 .logo a {background: url("../images/logo.svg") no-repeat top;background-size:100%;}
.fixtop.active .logo p,.fixtop1 .logo p {color:#4c4c4c;border-color:#b2b2b2;font-weight:400}
.fixtop.active .navpc li a.a,.fixtop1 .navpc li a.a {color:#4c4c4c;}

.fixtop .nav__trigger {top:38px;}
.fixtop.active .nav__icon,.fixtop1 .nav__icon {background-color:#808080;}
.fixtop.active .nav__icon:before,.fixtop.active .nav__icon:after,.fixtop1 .nav__icon:before,.fixtop1 .nav__icon:after {background:#808080;}
.fixtop.active .phonemenu .nav--active .nav__icon,.fixtop1 .phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.fixtop1 .phonemenu .nav--active .nav__icon:before,.fixtop1 .phonemenu .nav--active .nav__icon:after{ background: #808080}

.fixtop .navpc li:hover a.a,.fixtop .navpc li.active a.a,.fixtop ul.navpc li:Hover>a.a {color:#1B4496}

.topsearch { position: absolute;right:4%;margin-right:215px;top:37px;}
.topsearch .btn {color:#fff; cursor: pointer;opacity:1}
.topsearch .btn span {font-size:22px; line-height:1;font-weight:700;}
.topsearch .search { position:absolute;right:0;top:-5px; z-index: 10; background: #081D5E;width:0px; height:35px;border-radius:35px; overflow: hidden;opacity:0}
.topsearch .search #k {display:inline-block; vertical-align: top;width:372px;padding:0 0 0 18px;border-radius:0;height:33px;font-size:14px;font-weight:400;color:#fff; background: none}
.topsearch .search #sbtn {color:#fff;opacity:0;position:absolute;right:0;top:-1px;font-size:18px;width:40px;height:35px;border-radius:35px; cursor: pointer;background: #081D5E;font-family: "iconfont" !important;}
.topsearch span.icon-close-bold {opacity:0;position:absolute; z-index: 9999; left:27px;top:3px;font-size:20px; line-height: 1; cursor: pointer;color:#24d4d4;}
.topsearch.active .search{width:410px;opacity:1}
.topsearch.active .search #sbtn,.topsearch.active span.icon-close-bold{opacity:1;}
.topsearch.active .btn {opacity:0}
.fixtop.active .topsearch .btn,.fixtop1 .topsearch .btn {color:#808080}

.language-nav {position:absolute;top:42px;right:4%;margin-right:75px;color:#fff;font-size:14px; line-height: 1;}
.language-nav .lang-btn {cursor: pointer;height:60px;font-size:15px;line-height: 1;}
.language-nav .lang-btn span{display:inline-block;vertical-align: top;}
.language-nav .lang-btn span.earth {margin:-3px 10px 0 0; background: url("../images/earth.png") no-repeat center;background-size:100%;width:22px;height:22px;}
.language-nav .lang-btn span.icon-sanjiaoxing_shang {margin:-2px 0 0 3px;font-size:22px;line-height: 1;color:#24d4d4}
.language-nav .lang-dropdown {position: absolute;left:0;top:33px;width:100px;padding:7px 0 8px 0; z-index: 9999;background: #fff;display:none; text-align: center;box-shadow:0px 0px 8px rgba(0,0,0,0.2)}
.language-nav .lang-dropdown p {height:35px;line-height:35px}
.language-nav .lang-dropdown p a {font-size:15px;font-weight:300;color:#808080}
.language-nav .lang-dropdown p a:Hover {color:#1B4496}

.fixtop.active .language-nav,.fixtop1 .language-nav {color:#808080;}
.fixtop.active .language-nav .lang-btn span.earth,.fixtop1 .language-nav .lang-btn span.earth {background: url("../images/earth-blue.png") no-repeat center;background-size:100%}

.top-pic.active {margin-top:80px;}
.fixtop.activetop {top:-20px}
.fixtop.activetop .logo {top:42px;}
.fixtop.activetop .navpc li a.a {padding-top:48px;height:52px; }
.fixtop.activetop .topsearch {top:47px;}
.fixtop.activetop .language-nav  {top:52px;}
.fixtop.activetop .nav__trigger {top:28px;}
.fixtop.activetop .phonemenu .nav--active .nav {top:80px;}

.indpics {height:100%}
.indpics  .swiper-container {width: 100%;height: 100%;}
.indpics .swiper-slide { position:relative;overflow: hidden;height:100vh;}
.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 .text {position: absolute;left:0;top:0;width:100%;height:100%; z-index: 999;}
.indpics .swiper-slide .text .wrap {display:flex;align-items:flex-start;justify-content: center;height:100%;flex-direction: column;color:#fff}
.indpics .swiper-slide .text .title {font-size:21px;font-weight:300;margin:100px 0 45px 0;position: relative}
.indpics .swiper-slide .text .title:before {content:'';position: absolute;position: absolute;left:0;bottom:-5px;width:40px;height:1px;background: #24d4d4}
.indpics .swiper-slide .text .content {font-size:30px; line-height: 1.6}
.indpics .swiper-slide .text .content strong,.indpics .swiper-slide .text .content b {font-weight:500}
.indpics .swiper-slide .text .content .en {color:rgba(255,255,255,0.6);font-size:20px;margin-top:20px;font-weight:400;line-height: 1.6}

.indpics .swiper-slide2 .text .title {font-size:60px; line-height: 1.2;margin-bottom:20px}
.indpics .swiper-slide2 .text .title:before {display:none;}
.indpics .swiper-slide2 .text .content {font-size:20px;font-weight:300}

.indpics .swiper-slide .text .in {transform: translateY(200px);opacity: 0;transition: transform 2s ease, opacity 2s ease;}
.indpics .swiper-slide-active .text .in,.indpics .swiper-slide-duplicate-active .text .in {transform: translateY(0); opacity: 1;}

.indpics .swiper-horizontal>.swiper-pagination-bullets,.indpics .swiper-pagination-bullets.swiper-pagination-horizontal,.indpics .swiper-pagination-custom,.indpics .swiper-pagination-fraction {bottom:auto;top:0;left:50%;height:100%;padding-top:100px;width:32px;display:flex;align-items: center;justify-content: center;flex-direction: column;margin-left:748px;box-sizing: border-box;}
.indpics .swiper-pagination-bullet {width:30px;height:30px;border-radius:50%;border:1px solid transparent; background:none;position: relative}
.indpics .swiper-pagination-bullet:before {content:'';position: absolute;left:50%;top:50%;background: #fff;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px}
.indpics .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.indpics .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:5px 0;}
.indpics .swiper-pagination-bullet-active,.indpics .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.indpics .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {background:none;width:30px;border-color:#24d4d4;}
.indpics .swiper-pagination-bullet-active:before,.indpics .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before,.indpics .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active:before{background: #24d4d4;}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:auto;left:50%;margin-left:748px;top:50%;padding-top:100px;box-sizing: border-box;}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:10px 0}

.top-pic {position:relative;left:0;top:0;width:100%;padding:16.9271% 0;z-index: 1;margin-top:100px}
.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: 100;}
.top-pic .text .wrap { display:flex;align-items:flex-start;justify-content:center;height:100%;flex-direction: column}
.top-pic .text .title {font-size:40px;line-height: 1.4;font-weight:700;margin:0 0 15px 0;color:#081D5E;}
.top-pic .text .content {font-size:22px; line-height: 1.8;font-weight:300;color:#000}

.top-solution .text .title {font-size:60px; line-height: 1.4; color:#fff;font-weight:400;margin-bottom:0}
.top-solution .text .content {font-size:18px;margin-top:15px;max-width:750px;color:#fff; line-height: 1.6;}

.home .section,.about .section {position: relative;}
.home .section .anchor-point {position: absolute;top:-80px}
.home-product {padding:120px 0 160px 0}

.home-subject {position: relative}
.home-subject .title {color:#081D5E;font-size:38px;font-weight:500; line-height: 1.4;margin:0 0 45px 0;}
.home-subject .entitle {color:#808080;font-size:16px; line-height: 1.4;font-weight:400;margin:3px 0 55px 0}
.home-subject .home-more {position: absolute;right:0;bottom:8px}
.home-more a {display:inline-block;padding:0 25px;border:1px solid #081D5E;font-size:16px;height:43px;line-height: 43px;color:#081D5E;}
.home-more a span {transform: rotateY(180deg);display:inline-block;font-size:14px; line-height: 1;margin:0 -5px 0 3px;color:#24d4d4}
.home-more a:hover {background: #081d5e;color:#fff}

.home-product .new_con {display:flex;justify-content: space-between;align-items: flex-start;}
.new_telst {width:22%;border-left:4px solid #e5e5e5;}
.new_telst li {position: relative;cursor: pointer;height:75px;line-height: 25px;color:#676767;font-size:20px;padding:0 10px 0 38px;transition-duration: 0.5s;margin-top:31px;display:flex; align-items: center;justify-content:flex-start;}
.new_telst li:first-child {margin-top:0}
.new_telst li:before {content:'';position: absolute;left:-4px;top:0; z-index: 99;background: #081D5E;width:4px;height:100%;opacity:0;transition-duration: 0.5s}
.new_telst li.newon:before {opacity:1}
.new_telst li.newon {background: #d0e9ff;color:#1B4496;font-weight:700}
.new_lst {display: none;}
.new-wrap .show {display: block;padding:0;margin:0}
.new-wrap {position: relative;width:74%}
.new-wrap .text {position: absolute;left:5%;top:6%;width:90%; z-index: 999}
.new-wrap .text .title {display:inline-block; vertical-align: top;color:#081D5E;font-weight:700;font-size:25px; line-height: 1.4;margin-right:20px}
.new-wrap .text .content {display:inline-block; vertical-align: top;font-size:16px; line-height: 1.6;color:#676767;margin:8px 0 0 0}
.new-wrap .text .home-more-2 {margin-top:20px}
.new-wrap .pic {padding:26.25% 0;position: relative; overflow: hidden}
.home-more-2 a {display:inline-block;padding:0 15px;border:1px solid #081D5E;font-size:14px;height:30px;line-height: 29px;color:#626262;}
.home-more-2 a span {transform: rotateY(180deg);display:inline-block; vertical-align: top; font-size:12px; line-height: 1;margin:10px -3px 0 5px;color:#24d4d4}
.home-more-2 a:hover {background: #081d5e;color:#fff}

.home-about {background-attachment:fixed;color:#fff;padding:90px 0 120px 0}
.home-about .left {max-width:760px;}
.home-about .home-subject .title,.home-about .home-subject .entitle {color:#fff}
.home-about .content {font-size:18px;margin:70px 0 80px 0}
.home-about .indnum ul {display:flex;justify-content: space-between;margin:0 0 75px 0}
.home-about .indnum li h2 {display:inline-block; vertical-align: top; line-height: 1;font-size:70px;font-family: 'dinB';font-weight:700}
.home-about .indnum li h3 {display:inline-block; vertical-align: top;font-weight:500;font-size:30px; line-height: 1;margin:35px 0 0 0;}
.home-about .indnum li:nth-child(1) h3 {font-size:25px;margin-top:38px}
.home-about .indnum li .summry {font-size:14px;font-weight:300; line-height: 1.6;margin-top:12px;max-width:150px}
.home-more-3 a {display:inline-block;padding:0 40px;border:2px solid #1B4496;font-size:16px;height:50px;line-height: 48px;color:#fff;font-weight:300}
.home-more-3 a span {transform: rotateY(0deg);display:inline-block; vertical-align: top; font-size:25px; line-height: 1;margin:12px -5px 0 20px;color:#24d4d4;font-weight:400}
.home-more-3 a:hover {background: #1B4496;color:#fff}

/* 整体容器 */
.ripple-box {position: relative;width: 40px;height: 40px;}
/* 中心固定白色实心圆 */
.core {width: 10px;height: 10px;background: #fff;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}
/* 纯色面 半透明向外扩散动画 */
.ripple {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 10px;height: 10px;background: rgba(255,255,255,1);border-radius: 50%;animation: rippleAnim 2s infinite ease-out;}
/* 双层错开，更自然 */
.ripple:nth-child(2) {animation-delay: 1s;}
@keyframes rippleAnim {0% {width: 10px;height: 10px;opacity: 0.5;}100% {width: 40px;height: 40px;opacity: 0;}}

/* 小圆圈整体容器 */
.ripple-box.small {width: 20px;height: 20px;}
.ripple-box.small .core,.ripple-box.small .ripple {width: 5px;height: 5px;}
.ripple-box.small .ripple {animation: rippleAnimsmall 2s infinite ease-out;}
@keyframes rippleAnimsmall {0% {width: 5px;height: 5px;opacity: 0.5;}100% {width: 20px;height: 20px;opacity: 0;}}

.home-map { background: #081D5E url("../images/map.webp") no-repeat center;background-size:auto 1200px; border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3);color:#fff;padding:70px 0 0 0;height:1200px; z-index: 99999}
.home-map .home-subject {min-height:130px;}
.home-map .home-subject .title {color:#fff}
.home-map .home-subject .entitle {color:#808080;}
.home-map .content {font-size:18px;margin:-15px 0 0 0;border-top:1px solid #fff;padding:15px 0 0 0;line-height:2}
.home-map .indnum-map {position: absolute;right:0;top:0;width:900px}
.home-map .indnum-map ul {display:flex;justify-content: space-between;}
.home-map .indnum-map li {text-align:center}
.home-map .indnum-map li h2 {display:inline-block; vertical-align: top; line-height: 56px;font-size:56px;font-family: 'dinB';font-weight:700}
.home-map .indnum-map li h3 {display:inline-block; vertical-align: top;font-weight:700;font-size:45px; line-height: 56px;}
.home-map .indnum-map li h3 i {font-size:20px; line-height: 1; vertical-align: top;margin:31px 0 0 1px;display:inline-block;font-weight:500}
.home-map .indnum-map li .summry {font-size:14px;font-weight:300; line-height: 1.6;margin-top:8px}

.world-div {position:absolute;left:0;top:0;width:100%;height:100%;pointer-events: none;}
.world-map {position:relative;height:1200px;pointer-events: none;}
.world-map li {position: absolute; z-index: 99;pointer-events:auto}
.world-map li.li62 {top:49.6%;left:39%}
.world-map li.li61 {top:49.5%;left:38.8%}
.world-map li.li60 {top:46.5%;left:38%}
.world-map li.li59 {top:42%;left:41.5%}
.world-map li.li58 {top:45.5%;left:41.8%}
.world-map li.li57 {top:50.1%;left:41.8%}
.world-map li.li56 {top:29%;left:13.5%}
.world-map li.li55 {top:35.5%;left:6%}
.world-map li.li54 {top:58%;left:10.5%}
.world-map li.li53 {top:78%;left:11.5%}
.world-map li.li52 {top:52%;left:28.1%}
.world-map li.li51 {top:28%;left:31.5%}
.world-map li.li50 {top:74%;left:49.8%}
.world-map li.li49 {top:24.5%;left:71%}
.world-map li.li48 {top:34.6%;right:14.8%}
.world-map li.li47 {top:67%;right:-2.5%}
.world-map li .text {display:none;position: absolute;top:30px;left:-35px;z-index: 999;width:380px;padding:30px 20px 15px 20px;color:#081D5E}
.world-map li .text.no {width:80px; text-align: center;padding-top:17px;padding-bottom:10px;padding-left:0;padding-right:0;left:-19px}
.world-map li.li47 .text.no {width:130px;left:-44px}
.world-map li.li50 .text.no {width:100px;left:-30px}
.world-map li .text.no::before{content: '';position: absolute;left: 0;top: 0;width:100%;height:100%;z-index:  -1;background: url("../images/map-center.webp") no-repeat center top;opacity:0.8;background-size:250%}
.world-map li .text::before {content: '';position: absolute;left: 0;top: 0;width:100%;height:100%;z-index:  -1;background: url("../images/map-bg.webp") no-repeat left top;opacity:0.8}
.world-map li .text .map-title {font-size:15px; line-height: 1.4;font-weight:700;border-bottom:1px solid #081D5E;padding:0 0 8px 0;margin:0 0 8px 0}
.world-map li .text.no .map-title {border-width:0;padding:0;margin:0}
.world-map li .text .map-content {font-size:12px; line-height: 1.5;}
.world-map li .text.no .map-content {display:none;}
.world-map li.li62 .text {display:block}
.world-map li.small .text {top:20px;left:-46px;}
.world-map li.li47 .text,.world-map li.li48 .text {left:auto;right:-60px; text-align: right}
.world-map li.li47 .text.no,.world-map li.li48 .text.no {text-align:center}

.map-company {position:absolute;left:0;bottom:100px;width:100%;}
.map-company .row {display:flex;justify-content: space-between}
.map-company .row dl {width:8%}
.map-company .row dl:nth-child(2) {width:14%}
.map-company .row dl:nth-child(3) {width:62%}
.map-company .row dt {font-size:20px;line-height: 1.4;font-weight:500;border-bottom:1px solid rgba(255,255,255,0.6);padding:0 0 18px 0;margin:0 0 15px 0}
.map-company .row dl:nth-child(3) dt p {max-width:100px;}
.map-company .row dd {position: relative}
.map-company .row dd .title {cursor: pointer;font-size:16px;}
.map-company .row dd .detail {position: absolute;top:30px;left:-25px;z-index: 99999;width:380px;padding:25px 20px 15px 20px;color:#081D5E;text-align: left;font-size:12px; line-height: 1.6;opacity:0;pointer-events: none;transition-duration: 0.5s}
.map-company .row dd .detail strong,.map-company .row dd .detail b {font-size:14px;}
.map-company .row dd .detail::before {content: '';position: absolute;left: 0;top: 0;width:100%;height:100%;z-index:  -1;background: url("../images/map-bg.webp") no-repeat left top;opacity:0.8;background-size:100%}

.map-company .row dl:nth-child(3) .col dd:nth-child(2) .detail,.map-company .row dl:nth-child(3) .col dd:nth-child(5) .detail {left:50%;margin-left:-222px;text-align:center;}
.map-company .row dl:nth-child(3) .col dd:nth-child(2) .detail::before,.map-company .row dl:nth-child(3) .col dd:nth-child(5) .detail::before {content: '';position: absolute;left: 0;top: 0;width:100%;height:100%;z-index:  -1;background: url("../images/map-center.webp") no-repeat center top;opacity:0.8}
.map-company .row dl:nth-child(3) .col dd:nth-child(3) .detail {text-align:right;left:auto;right:-25px;}
.map-company .row dl:nth-child(3) .col dd:nth-child(3) .detail::before {transform: rotateY(180deg);}
.map-company .row dd:hover .detail {opacity:1;}
.map-company .row dl:nth-child(3) .col {display:flex;flex-wrap: wrap;}
.map-company .row dl:nth-child(3) .col dd {width:33.3333%;position: relative}
.map-company .row dl:nth-child(3) .col dd:nth-child(2),.map-company .row dl:nth-child(3) .col dd:nth-child(5) {padding-left:10%;box-sizing: border-box}
.map-company .row dl:nth-child(3) .col dd:nth-child(3) {text-align: right}

.home-partner {background: url("../images/partner-bg.jpg") no-repeat center;background-size:cover;padding:0 0 0 0;color:#fff}
.home-partner .subject {border-bottom:1px solid rgba(255,255,255,0.6); text-align: center;padding:0 0 35px 0;display:flex; align-items: center;justify-content: center;margin:0 0 30px 0}
.home-partner .subject2 {margin-top:80px}
.home-partner .subject .title {font-size:38px;font-weight:500; line-height: 1.2;margin:0 25px 0 0 }
.home-partner .subject .entitle {font-size:16px; line-height: 1.4; text-align: left;font-weight:300}

.home-partner .area {padding-top:80px; padding-bottom:70px;position: relative}
.home-partner .area:before {content:'';position: absolute;left:0;top:0;height:100%;width:300px; z-index: 999;pointer-events: none;background: url("../images/partner-left.png") no-repeat top left;background-size:100% 100%}
.home-partner .area:after {content:'';position: absolute;right:0;top:0;height:100%;width:350px; z-index: 999;pointer-events: none;background: url("../images/partner-right.png") no-repeat top right;background-size:100% 100%}

.scroll-container {width: 100%;overflow: hidden;}
.scroll-row {display: flex;gap: 80px;width: max-content;}
.partner-logo {margin:25px 0;height: 128px;display: flex;align-items: center;justify-content: center;}
.partner-logo img {max-width: 100%;max-height: 100%;object-fit: contain;}
.animate-left {animation: scrollLeft 100s linear infinite;}
.animate-right {animation: scrollRight 100s linear infinite;}
.scroll-row:hover {animation-play-state: paused;}
@keyframes scrollLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@keyframes scrollRight {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

.home-news {padding:90px 0 160px 0;background: #f2f3f8}
.home-news .home-subject {margin-bottom:110px}
.home-news .home-subject:before {content:'';position: absolute;left:0;bottom:-40px;width:100%;height:1px;background:#cfd1d0;}
.home-news .mySwiper {padding-bottom:120px}
.home-news .swiper-slide {background:#fff;position: relative;}
.home-news .swiper-slide .in {position: relative;padding:25px 25px 40px 25px;}
.home-news .swiper-slide .pic {position: relative; overflow: hidden;padding:31.25% 0}
.home-news .swiper-slide .cate {color:#979797;font-size:16px;margin:35px 0 15px 0}
.home-news .swiper-slide .cate a {color:#979797;}
.home-news .swiper-slide .cate a:hover {color:#081D5E}
.home-news .swiper-slide .cate span {margin-left:10px;}
.home-news .swiper-slide .cate span i {display:inline-block; vertical-align: top;margin:2px 3px 0 5px;font-size:14px;}
.home-news .swiper-slide .title {line-height: 1.6;min-height:65px}
.home-news .swiper-slide .title a {font-weight:500;color:#081D5E;font-size:20px;}
.home-news .swiper-slide .more {border-top:2px solid #cfd1d0;padding:16px 0 0 0;margin-top:80px;position: relative;transition-duration: 0.5s}
.home-news .swiper-slide:hover .more {border-color:#24d4d4;}
.home-news .swiper-slide .more a:nth-child(1) {color:#808080;font-size:16px;}
.home-news .swiper-slide .more .icon {position: absolute;right:0;top:4px;}
.home-news .swiper-slide .more .icon span {font-size:45px; line-height: 1;color:#24d4d4;font-weight:300}
.swiper-button-next,.swiper-button-prev {top:auto;bottom:0;width:48px;height:48px;margin-top:0;border-radius:0;}
.swiper-button-next:after,.swiper-button-prev:after {background: #fff; content:'\e653';border-width:2px;font-size:22px;width:48px;padding:0;height:48px;line-height:45px; border-radius:0;transform: rotate(90deg);}
.swiper-button-prev:after {transform: rotate(-90deg);padding:0}
.swiper-button-prev {left:auto;right:70px}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:85%;height:2px;bottom:24px}
body.bg {background: #f1f3f8}
.maincurrent {border-bottom:1px solid #bababa;padding:40px 0 40px 0;margin:0 0 100px 0}
.maincurrent a {font-size:18px; line-height: 1.4}
.maincurrent span {font-size:18px; line-height: 1;transform: rotate(180deg);display:inline-block; vertical-align: top;margin:6px 10px 0 10px;}
.product-list{margin:0 0 180px 0}
.product-list .wrap {display:flex;justify-content: space-between}
.product-list .product-menu {width:20.5%}
.product-list .product-lists {width:74.5%}

.product-menu {overflow: hidden;}
.product-menu .subject {font-size:25px; line-height: 1.2;font-weight:500;color:#fff;background: #081d5e;padding:15px 20px 18px 25px;margin:0 0 12px 0}
.product-menu li{border-bottom:1px solid #ccc;position: relative}
.product-menu li a {display:block;padding:21px 0 23px 20px;color:#333;margin-right:20px;font-size:20px; line-height: 1.4;position: relative;}
.product-menu li.sub i {cursor: pointer}
.product-menu li i {position: absolute;right:0;top:0;width:20px;height:100%;text-align: right}
.product-menu li i:before{ content: "\e697";font-family: "iconfont" !important;font-size:25px; line-height: 1;transform: rotateY(180deg);display:inline-block;margin:23px 0 0 auto;transition-duration: 0.5s;position: relative}
.product-menu li.open i:before,.product-menu li.open.active i:before {transform: rotate(270deg);left:-2px}
.product-menu li a:Hover,.product-menu li.active i:before,.product-menu li.active a {color:#1B4496}
.product-menu li .col {height:0; overflow: hidden;}
.product-menu li .col .in {margin:-5px 0 17px 0}
.product-menu li .col p a {padding:0 0 8px 20px;color:#868686;font-size:16px; line-height: 1.4;}
.product-menu li .col p a:before{display:none;}
.product-menu li .col p.active a,.product-menu li .col p a:hover {color:#1B4496}

.product-lists ul {gap:25px;display:flex;flex-wrap: wrap;}
.product-lists li {width:calc(33.3333% - 16.6666px);position: relative;background: #fff}
.product-lists li .text { text-align: center;padding:0 50px}
.product-lists li .text .title {line-height: 1.6;padding:30px 0 2px 0}
.product-lists li .text .title a {font-size:20px;color:#000;font-weight:700}
.product-lists li .text .subtitle {color:#919191;font-size:12px; line-height:18px;height:36px; overflow: hidden}
.product-lists li .pic {position: relative;padding:20px 50px 40px 50px;}
.product-lists li .pic h2 {padding:41.5625% 0;position: relative;}
.product-lists li .more {display:flex;justify-content: space-between; align-items: center;justify-content: center}
.product-lists li .more a {height:60px; line-height: 58px;display:block;width:50%; text-align: center;border-top:1px solid #ccc;font-size:16px;color:#919191;font-weight:400}
.product-lists li .more a:nth-child(2) {border-left:1px solid #ccc;}
.product-lists li .more a span {transform: rotate(90deg);display:inline-block; vertical-align: top;margin:1px 0 0 10px;font-weight:400;color:#24d4d4}
.product-lists li .more a:Hover {background: #081d5e;color:#fff;border-color:#081d5e;}
.maincurrent.white {background: #fff;}

.proshow-subject {font-size:32px;font-weight:700;color:#000; line-height: 1.2;margin:0 0 20px 0}
.product-summry {padding:0 0 120px 0; line-height: 2}
.product-summry .subject {font-size:32px;font-weight:700;color:#000; line-height: 1.2;margin:0 0 20px 0}
.product-summry .left {float:left;width:42.5%;font-size:16px;padding:0 0 140px 0}
.product-summry .left .content2 {font-size:14px;}
.product-summry .left .proshow-subject {border-top:1px solid #bababa;margin-top:75px;padding-top:35px}
.product-summry .right {float:right;width:49%;position: relative}
.product-summry .one-pic {background: #fff;border:1px solid #bababa;padding:100px;position: relative;}
.product-summry .right .swiper-slide .pic,.product-summry .one-pic .pic {padding:41.5625% 0;position: relative}
.product-summry .mySwiper2 {background: #fff;border:1px solid #bababa;box-sizing: border-box}
.product-summry .mySwiper2 .swiper-slide {padding:100px;position: relative;box-sizing: border-box}
.product-summry .mySwiper {margin:50px 80px 0 80px;}
.product-summry .mySwiper .swiper-slide {box-sizing: border-box;padding:25px;position: relative;background: #fff;}
.product-summry .mySwiper .swiper-slide:before {box-sizing: border-box;border:1px solid #bababa;content:'';position: absolute;top:0;left:0;width:100%;height:100%;z-index: 999;transition-duration:.5s; cursor: pointer;}
.product-summry .right .swiper-slide-thumb-active:before {background: rgba(8,29,94,0.6);border-color:transparent}
.product-summry .swiper-button-next,.product-summry .swiper-button-prev {top:auto;bottom:58px;width:43px;height:43px;margin-top:0;border-radius:50%}
.product-summry .swiper-button-next:after,.product-summry .swiper-button-prev:after {background: none; border:1px solid #808080; color:#808080;font-size:20px;width:43px;padding:0 0 0 0;height:43px;line-height:40px;border-radius:50%;box-sizing: border-box;}
.swiper-button-next:hover:after,.swiper-button-prev:hover:after{color:#fff;background: #081D5E;border-color:#081D5E}
.product-summry .swiper-button-prev {left:0px;}
.product-summry .swiper-button-next{right:0px;}
.product-summry .btn {position: absolute;left:0;bottom:0}
.product-summry .btn a {height:58px; line-height: 56px; width:248px;border:1px solid #081d5e;display:inline-block; vertical-align: top; text-align: center;font-size:18px;}
.product-summry .btn a.ct {color:#fff;margin:0 25px 0 0;background: #081d5e;}
.product-summry .btn a.down {color:#081d5e;}
.product-summry .btn a.down i {display:inline-block; vertical-align: top;background:url("../images/down.svg") no-repeat center;width:25px;height:25px;background-size:cover;margin:17px 0 0 25px;}
.product-summry .btn a:hover {background: #1b4496;color:#fff;border-color:#1b4496;}
.product-content {background: #fff;padding:85px 0 120px 0}
.customization-ul ul{margin:0;}
.customization-ul li {list-style: none;position: relative;padding-left:15px;}
.customization-ul li:before {content:'';position: absolute;left:0;top:12px;font-size:0;width:4px;height:4px;background: #4c4c4c;border-radius:50%;}
.product-content .proshow-subject {position: absolute;left:0;top:0;}

.product-content .new_telst_pro {border-bottom:1px solid #bababa;display:flex;padding:0 0 20px 0;}
.product-content .new_telst_pro li {position: relative;cursor: pointer;color:#808080;font-size:25px;transition-duration: 0.5s;margin-right:80px;}
.product-content .new_telst_pro li:last-of-type {margin-right:0}
.product-content .new_telst_pro li.newon {color:#000;font-weight:700}
.product-content .new_lst_pro {display: none;}
.product-content .new-wrap-pro .show {display: block;padding:0;margin:0}
.product-content .new-wrap-pro {position: relative;margin-top:90px}

.product-content .content {margin:0 0 0 260px;}
.product-content .content table {width:100%;border-bottom:1px solid #bababa;border-right:1px solid #bababa;}
.product-content .content td {padding:20px 25px 20px 25px;border-top:1px solid #bababa;border-left:1px solid #bababa;}
.product-content .content tr:nth-child(1) {background: #081d5e;color:#fff;font-weight:700;font-size:25px; text-align: center; line-height: 1.4}
.product-content .content img {margin:10px 0}

.product-relax {padding:110px 0 180px 0;position: relative}
.product-relax .proshow-subject {margin:0 0 40px 0}
.product-relax .swiper-slide {width:375px;margin:0 20px 0 0}
.product-relax .swiper-slide .pic {position: relative;padding:45px;background: #fff;}
.product-relax .swiper-slide .pic h2 {position: relative;padding:41.5625% 0}
.product-relax .swiper-slide .title {text-align: center; line-height: 1.6;margin-top:15px}
.product-relax .swiper-slide .title a {font-size:20px;}
.product-relax .swiper-button-next,.product-relax .swiper-button-prev {bottom:auto;top:113px;margin-top:0;display:none;}
.product-relax .next-prev {position: absolute;left:0;top:0;width:100%;}

.product-down .area .left ::-webkit-input-placeholder {color:#919191;}
.product-down .area .left :-moz-placeholder {color:#919191;}
.product-down .area .left ::-moz-placeholder {color:#919191;}
.product-down .area .left :-ms-input-placeholder {color:#919191;}
.down-name {position: absolute;top:-160px;}
.product-down {background: url("../images/show-bg.jpg") no-repeat center;background-size:cover;padding:80px 0 110px 0}
.product-down .proshow-subject {color:#fff;position: absolute;left:0;top:0}
.product-down .area {margin:0 0 0 260px;background: rgba(255,255,255,0.8);padding:40px 55px 120px 55px;display:flex;justify-content:space-between}
.product-down .area .left {width:42%;}
.product-down .area .left.no {pointer-events: none;}
.product-down .area .left .subject {font-size:15px;}
.product-down .area .left li.email {margin:62px 0 55px 0}
.product-down .area .left li input[type="text"] {border:1px solid #bababa;height:58px;width:100%;padding:0 20px 4px 20px;color:#919191;font-size:16px;}
.product-down .area .left li.num {display:flex;justify-content: space-between}
.product-down .area .left li #code {width:55%}
.product-down .area .left li p {width:40%;border:1px solid #bababa;height:56px; line-height: 55px;color:#919191;font-size:16px;background: #fff; text-align: center;cursor: pointer}
.product-down .area .left .btn {margin:55px 0 0 0}
.product-down .area .left .btn button {background: #081d5e;color:#fff;height:62px;padding:0 0 3px 0;width:100%; cursor: pointer;font-size:20px;}
.product-down .area .left .btn button:hover {background: #1B4496;}
.product-down .area .right {width:42%;margin-top:58px}
.product-down .area .right li {border:1px solid #bababa;background: #fff;padding:30px 35px 35px 35px;position: relative;margin:30px 0 0 0}
.product-down .area .right li .title {font-size:18px; line-height: 1.4;padding:0 140px 0 0}
.product-down .area .right li .btn {position: absolute;right:35px;top:25px}
.product-down .area .right li .btn a {font-size:20px;color:#081d5e;}
.product-down .area .right li .btn a i {background: url("../images/down.svg") no-repeat center;background-size:100%;width:20px;height:20px;display:inline-block;vertical-align: top;margin:11px 0 0 15px;}
.product-down .area .right li.min-height {height:222px}

.solution-list{margin:0 0 180px 0}
.solution-list .wrap {display:flex;justify-content: space-between}
.solution-list .solution-menu {width:16.5%}
.solution-list .solution-lists {width:78%}
.solution-menu li{margin:25px 0 0 0}
.solution-menu li:nth-child(1) {margin-top:0}
.solution-menu li a {display:block;padding:11px 15px 12px 20px;color:#808080;font-size:20px; line-height: 1.6;position: relative;}
.solution-menu li a:Hover,.solution-menu li.active a{background: #d1e9ff;color:#081D5E}
.solution-menu li.active a {font-weight:700}
.solution-lists ul {gap:40px;display:flex;flex-wrap: wrap;}
.solution-lists li {width:calc(50% - 20px);position: relative;background: #fff}
.solution-lists li .pic {position: relative; overflow: hidden;padding:30% 0;}
.solution-lists li .text {padding:35px 40px 35px 40px;}
.solution-lists li .text .title { line-height: 1.4;}
.solution-lists li .text .title a {font-size:25px;color:#000;font-weight:700;}
.solution-lists li .text .gs {font-size:16px; line-height: 1.8;margin:20px 0 40px 0}
.solution-lists li .text .more {display:flex;justify-content: space-between}
.solution-lists li .text .more a.font {font-size:16px;color:#1b4496;}
.solution-lists li .text .more a.icon {background: url("../images/right.svg") no-repeat center;background-size:100%;width:40px;height:20px;margin-top:7px}
.sshow-summry {background: #fff;padding:115px 0;margin-top:-100px}
.sshow-summry .wrap {display:flex;justify-content: space-between;align-items: flex-start}
.sshow-summry .left {width:41.5%}
.sshow-summry .left .title {color:#000000;font-size:38px; line-height: 1.4;font-weight:700;position: relative}
.sshow-summry .left .title:before {content:'';position: absolute;left:0;bottom:-20px;width:95px;height:3px;background: #1B4496}
.sshow-summry .left .subject {font-size:28px;color:#000; line-height: 1;font-weight:700;margin:80px 0 30px 0}
.sshow-summry .left .content {color:#5A5A5A;font-size:18px; line-height: 1.8}
.sshow-summry .right {width:49.3%}
.sshow-summry .right .pic {position: relative;padding:30% 0; overflow: hidden}
.sshow-content {padding:60px 0;}
.sshow-content img {margin:20px 0}

.solution-message ::-webkit-input-placeholder {color:#919191;}
.solution-message:-moz-placeholder {color:#919191;}
.solution-message::-moz-placeholder {color:#919191;}
.solution-message:-ms-input-placeholder {color:#919191;}
.sshow-subject {color:#000;font-weight:700;font-size:32px; line-height: 1;margin:40px 0 60px 0}
.solution-message {margin:60px 0 180px 0}
.solution-message li.three {display:flex;justify-content: space-between}
.solution-message li.three input {width:31.5%;background: #fff;border:1px solid #bababa;height:58px;padding:0 25px;box-sizing: border-box;color:#081D5E;font-size:16px}
.solution-message li.beizu {margin:2.3% 0}
.solution-message li textarea {width:100%;height:225px;background: #fff;border:1px solid #bababa;padding:20px 25px;box-sizing: border-box;color:#081D5E;font-size:16px;overflow: auto}
.solution-message li button {width:100%;height:60px;color:#fff;cursor: pointer;font-size:20px;background: #081D5E;padding:0 0 2px 0;transition-duration: 0.5s;font-weight:400; }
.solution-message li button:hover {background: #1B4496}

.sshow-relax {position: relative;margin:100px 0 180px 0}
.sshow-relax .swiper-button-next,.sshow-relax .swiper-button-prev {bottom:auto;top:-1px;margin-top:0;display:None;}
.sshow-relax .swiper-slide {background: #fff;}
.sshow-relax .swiper-slide .in{position: relative;padding:70px 70px 50px 70px;}
.sshow-relax .swiper-slide .pic {position: relative; overflow: hidden;padding:41.5625% 0}
.sshow-relax .swiper-slide .title {line-height: 1.6; text-align: center;margin:50px 0 5px 0}
.sshow-relax .swiper-slide .title a {color:#000;font-size:22px;font-weight:700;}
.sshow-relax .swiper-slide .subtitle {font-size:14px;color:#919191; text-align: center;line-height:1.6;min-height:50px;}

.top-contact .text .title {font-weight:400}
.top-contact .text .content {font-size:22px;line-height: 1.8;font-weight:400;margin-top:10px}

.contact-menu {border-bottom:1px solid #bababa;margin:0 0 80px 0}
.contact-menu ul {display:flex;}
.contact-menu li {margin-left:85px}
.contact-menu li:nth-child(1) {margin:0}
.contact-menu li a {height:100px; line-height: 98px;display:block;font-size:22px;position: relative}
.contact-menu li a:before {content:'';position: absolute;left:0;bottom:-2px;width:100%;height:3px;background: #081d5e; z-index: 10;opacity:0}
.contact-menu li a:hover,.contact-menu li.active a {color:#081D5E}
.contact-menu li a:hover:before,.contact-menu li.active a:before {opacity:1}
.contact-menu li.active a {font-weight:700}
.contact {background: url("../images/contact-map.jpg") no-repeat top center;background-size:100%;position: relative;padding:0 0 50px 0}
.contact ul { column-gap: 160px;display:flex;flex-wrap: wrap;}
.contact li {width:calc(50% - 80px);margin-bottom:120px}
.contact li .title {border-bottom:1px solid #bababa;font-size:30px; line-height: 1.4;font-weight:500;padding:0 0 15px 0;margin:0 0 20px 0;color:#000}
.contact li .content {line-height: 2;font-size:16px;}
.contact li .content b,.contact li .content strong {font-weight:500;margin:15px 0;display:inline-block;color:#000;font-size:20px}
.contact li .content h3 {color:#000;font-size:30px;line-height: 1.4; display:inline-block;font-weight:500}
.contact li .content .tel {margin-top:-5px;font-size:15px}
.contact li .content .address {margin-top:30px}
.contact li .content .address img {width:22px;margin:6px 10px 0 0}
.map {margin-top:15px;border:1px solid #bababa;}
.map iframe,#container {width:100%;height:480px;}
.namemj {position: absolute;top:-100px}

.contact-message {background: #f1f3f8;margin:0;padding:70px 0 180px 0;position: relative}
.contact-message .type {position: absolute;right:0;top:-5px;display:flex}
.contact-message .type p {font-size:22px;position: relative;cursor: pointer;margin-left:30px}
.contact-message .type p:before {content:'';position: absolute;left:0;bottom:-8px;width:100%;height:3px;background: #081d5e;opacity:0}
.contact-message .type p.active {color:#081d5e}
.contact-message .type p.active:before {opacity:1}
.contact-message li.btn {display:flex;justify-content: space-between}
.contact-message li.btn input {width:390px;background: #fff;border:1px solid #bababa;height:58px;padding:0 25px;box-sizing: border-box;color:#081D5E;font-size:16px}
.contact-message li.btn img {border:1px solid #bababa;margin:0 0 0 10px;width:157px;height:56px;}
.contact-message li.btn button{width:480px;}
.contact-menu.white {background: #fff}

.mapcons2 {padding:0 5px 0 0;width:340px; line-height: 1.4}
.join {margin:120px 0 70px 0}
.join ul {display:flex;flex-wrap: wrap;column-gap: 124px;}
.join li {width:calc(50% - 62px);background: #fff;position: relative}
.join li .in {padding:30px 30px 60px 30px; position: relative}
.join li .pic {position: relative; overflow: hidden;padding:31.6205% 0;}
.join li .title {border-top:1px solid #bababa;margin:75px 0 0 0 ;padding:35px 0 0 0;position: relative;display:flex;justify-content: space-between;align-items: center}
.join li .title a {font-size:38px; line-height: 1.2; color:#081D5E;font-weight:500}
.join li .title i {background: url("../images/right2.svg") no-repeat center;background-size:cover;width:82px;height:32px;display:block}
.top-about {padding:19.5312% 0}
.top-about .text .title,.top-about .text .content {color:#fff}
.top-about .text .title {font-size:60px;font-weight:300; line-height: 1.4;margin:0 0 25px 0}
.top-about .text .content {font-size:18px;font-weight:300;max-width:750px; line-height: 1.8}

.namemj_abo {position:relative;top:-100px;height:0;width:100%}
.navbar {height: 99px;position: relative; z-index: 100; background: #fff;border-bottom:1px solid #bababa;}
/*.navbar.active { position:fixed;left:0;top:100px; z-index: 9999;width:100%;}*/
.navbar-nav li {display:inline-block; vertical-align: top;position:relative;height:100px; line-height: 98px;margin-left:60px}
.navbar-nav li:first-of-type {margin-left:0}
.navbar-nav li:before {content:'';position: absolute;left:0;bottom:-1px;width:100%;height:3px;background: #1B4496;opacity:0}
.navbar-nav li:hover:before,.navbar-nav li.active:before {opacity:1}
.navbar-nav li a { display:inline-block;color:#808080;font-size:22px;}
.navbar-nav li.active a,.navbar-nav li:hover a {color:#1B4496}
.navbar-nav li.active a {font-weight:700}
.aboutblank {display:none;}
/*.aboutblank.active {display:block;height:100px}*/

.about-subject {margin:0 0 50px 0}
.about-subject .title {color:#000;font-size:38px;font-weight:500; line-height: 1.4}
.about-subject .entitle {color:#8A8A8A;font-size:16px; line-height: 1.4;font-weight:300;margin:10px 0 55px 0}
.aboutus {margin:115px 0 120px 0}
.aboutus .wrap {display:flex;justify-content: space-between;background: url("../images/about-bg.jpg") no-repeat center;background-size:100%}
.aboutus .left {width:42%}
.aboutus .left .content {font-size:16px; line-height:1.7}
.aboutus .right {width:49.5%}

.aboutus .right .indnum ul {display:flex;flex-wrap: wrap;column-gap:80px;margin:105px 0 30px 0}
.aboutus .right .indnum li {width:calc(50% - 40px);border-top:2px solid #bababa;display:flex;justify-content: space-between;padding-top:15px;margin-bottom:40px}
.aboutus .right .indnum li h2 {display:inline-block; vertical-align: top; line-height: 1;font-size:70px;font-family: 'dinB';font-weight:700;color:#081D5E}
.aboutus .right .indnum li h3 {display:inline-block; vertical-align: top;font-weight:700;font-size:35px; line-height: 1;margin:30px 0 0 0;color:#081D5E;font-family: 'dinB';}
.aboutus .right .indnum li.li30 h3 {font-size:25px;margin:37px 0 0 5px}
.aboutus .right .indnum li .summry {font-size:16px;line-height: 1.6;max-width:200px;margin:8px 0 0 auto; text-align: right}

#myvideo {object-fit:cover; width:100%; height: 100%}
.videos{position: relative; text-align:center}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(../images/video.svg) no-repeat center; background-size:cover;width:106px; height:106px;margin:-53px 0 0 -53px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0;}
video::-webkit-media-controls:Hover {opacity:1}

.honors {padding:110px 0 25px 0}
.honors .content {border-top:1px solid #bababa;font-size:18px;padding:35px 0 0 0;margin-top:-10px}
.honors .content .in {max-width:1050px;}
.honors .list {max-width:1800px;margin:0 auto}
.honors .swiper-container {padding:7% 0;}
.honors .swiper-slide {transform: scale(0.63);}
.honors .swiper-slide-active {transform: scale(1.28);}
.honors .swiper-slide .title { text-align: center;font-size:35px;color:#081D5E;font-weight:400;margin:5px 0 20px 0;}
.honors .swiper-slide .pic {position: relative; overflow: hidden;padding:30.5555% 0;}
.honors .swiper-slide .pic:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100;background: rgba(0,0,0,0.3)}
.honors .swiper-slide-active .title {font-weight:700;margin-top:0;font-size:20px;}
.honors .swiper-slide-active .pic:before {opacity:0}

.honors .swiper-button-next,.honors .swiper-button-prev { position:absolute;top:50%;width:230px;height:380px;margin-top:-157px;border-radius:0;}
.honors .swiper-button-next:after,.honors .swiper-button-prev:after {content:'';background: none; border-width:0; color:#fff;font-size:20px;width:230px;padding:0;height:380px;border-radius:0;}
.honors .swiper-button-next:Hover,.honors .swiper-button-prev:hover {background:none;}
.honors .swiper-button-next:hover:after,.honors .swiper-button-prev:hover:after{color:#081D5E;background:none;}
.honors .swiper-button-prev {left:185px;}
.honors .swiper-button-next{right:185px;}

.core-strengths {background: #fff;padding:120px 0 150px 0}
.core-strengths .row {margin-top:90px;color:#fff;padding:55px 70px 50px 45px;position: relative;display:flex;justify-content: space-between;align-items: flex-start}
.core-strengths .row-2 {margin-top:95px;}
.core-strengths .row .subject {position: relative;font-size:25px;font-weight:700; line-height: 1.4}
.core-strengths .row .subject:before {content:'';position: absolute;left:0;bottom:-20px;width:70px;height:3px;background: #24d4d4;}
.core-strengths .row .col {width:68%}
.core-strengths .row .col .content {margin-bottom:40px;}
.core-strengths .row .col .content ul {display:flex;justify-content: space-between;margin:0;}
.core-strengths .row .col .content li {list-style: none;font-size:14px;font-weight:300; line-height: 1.4}
.core-strengths .row .col .content li:nth-child(1) {width:36%}
.core-strengths .row .col .content li:nth-child(2) {width:29%}
.core-strengths .row .col .content li:nth-child(3) {width:26%}
.core-strengths .row .col .content li h3 {font-weight:700;font-size:20px; line-height: 1.4; margin:0 0 10px 0}
.core-strengths .row .col .div ul {display:flex;justify-content: space-between}
.core-strengths .row .col .div li {text-align: center;position: relative;top:0}
.core-strengths .row .col .div li:Hover {top:-10px;}
.core-strengths .row-1 .col .content {min-height:260px}
.core-strengths .row-1 .col .indnum-design {margin:0 0 40px 0}
.core-strengths .row-1 .col .indnum-design li {position: relative;text-align:left;border-left:3px solid #24d4d4;padding:0 0 0 15px}
.core-strengths .row-1 .col .indnum-design li .summry {font-size:14px; line-height: 1.4;margin:0 0 20px 0}
.core-strengths .row-1 .col .indnum-design li h2 {font-family: 'dinB';font-weight:700;display:inline-block; vertical-align: top; line-height: 1;font-size:60px;}
.core-strengths .row-1 .col .indnum-design li h3 {display:inline-block; vertical-align: top;font-size:30px;line-height: 1;font-weight:700;margin:21px 0 0 0}
.core-strengths .row-2 .col .content {min-height:250px;}
.core-strengths .row-2 .col .iso li .pic img {height:110px;margin:0 auto}
.core-strengths .row-2 .col .iso li .title {font-size:18px;margin-top:25px; line-height: 1.6; text-align: center}

.service {background-attachment: fixed;color:#fff;padding:110px 0 105px 0}
.service .about-subject .title,.service .about-subject .entitle {color:#fff;}
.service .subject {font-size:25px; line-height: 1.2;font-weight:500;border-left:3px solid #24d4d4;padding:0 0 0 20px;margin:60px 0 80px 0}
.service .subtitle {font-weight:700;font-size:25px; line-height: 1.4;margin:0 0 40px 23px}
.service .content ul {margin:0;display:flex;justify-content: space-between}
.service .content li {list-style: none;background: rgba(255,255,255,0.8);width:47.5%;font-size:16px;color:#4c4c4c;padding:55px;box-sizing: border-box; line-height: 1.6;position: relative;top:0;transition-duration: .5s}
.service .content li:hover {top:-10px}
.service .content li h3 {font-size:25px;font-weight:700;color:#081D5E;line-height: 1.2;margin:0 0 20px 0}
.service .content li hr {background: #8a8a8c;margin:35px 0}

.culture {padding:90px 0 120px 0}
.culture ul.ct {display:flex;flex-wrap: wrap;gap:35px;}
.culture ul.ct li {background: #fff;border:1px solid #cccccc;padding:35px 35px 65px 35px;width:calc(33.3333% - 23.3333px);box-sizing: border-box; text-align: center;position: relative; overflow: hidden}
.culture ul.ct li .text {position: relative; z-index: 1000}
.culture ul.ct li .title {font-size:28px;color:#081D5E;font-weight:500;border-bottom:1px solid #ccc;padding:0 0 20px 0;margin:0 0 30px 0;transition-duration: 0.5s}
.culture ul.ct li .content {font-size:18px;color:#000; line-height: 1.8;transition-duration: 0.5s}
.culture ul.ct li:Hover .title,.culture ul.ct li:Hover .content {color:#fff;border-color:#fff;}
.culture ul.ct li .icon {position: absolute;right:0;bottom:0;width:100%;height:100%; z-index: 100;transition-duration: 0.5s;background: #fff; overflow: hidden;opacity:1}
.culture ul.ct li .icon-2 {background: linear-gradient(to right,#081D5E,#1B4496);opacity:0}
.culture ul.ct li .icon p {position: absolute;right:-25px;bottom:-25px;width:280px;height:280px; z-index: 100;background-position:top center;background-size: cover;}
.culture ul.ct li .icon-2 p {background-position:bottom center;}
.culture ul.ct li:hover .icon-1 {opacity:0}
.culture ul.ct li:hover .icon-2 {opacity:1}
.culture .va {background: #fff;border:1px solid #cccccc;padding:75px 60px 100px 60px;margin-top:35px}
.culture .va .title {font-size:38px;line-height: 1.2; color:#081D5E;font-weight:500;border-bottom:2px solid #ccc;padding:0 0 40px 0;margin:0 0 30px 0; text-align: center}
.culture .va .content ul {display:flex;justify-content: space-between;margin:70px 0 0 0;gap:80px}
.culture .va .content li {list-style: none;font-size:16px;color:#626262;line-height: 1.6}
.culture .va .content li h3 {color:#081D5E;font-size:25px;line-height: 1.4;position: relative;margin:0 0 30px 0;padding:0 0 3px 15px;border-left:3px solid #24d4d4;}

.history {padding:0 0 180px 0}
.history .home-news {padding:0;margin:120px 0 160px 0;position: relative}
.history .home-news:before {content:'';position: absolute;left:0;top:0;width:220px;height:100%;z-index: 999;pointer-events: none;background: url("../images/history-icon.png") no-repeat; background-size:100%;}
.history .home-news:after {content:'';position: absolute;right:0;top:0;width:220px;height:100%;z-index: 999;pointer-events: none;background: url("../images/history-icon.png") no-repeat; background-size:100%;transform: rotateY(180deg);}
.history .home-news .mySwiper {padding-bottom:0}
.history .home-news .swiper-slide {background: none;}
.history .in-h {border-right:1px solid #dbdcde;padding-left:40px; overflow: hidden}

.history .in-h .text-h {margin-bottom:30px;min-height:420px;padding:0 45px 0 0;position: relative;left:0;transition-duration: 0.5s}
.history .home-news .swiper-slide:hover .in-h .text-h {left:10px;}
.history .in-h .text-h .title-h {font-family: 'dinB';font-weight:700;font-size:60px; line-height: 1.2;position: relative;top:-15px}
.history .in-h .text-h .subtitle-h {font-size:28px; line-height: 1.2;margin:-5px 0 40px 0}
.history .in-h .text-h .content-h {color:#626262;font-size:16px; line-height: 1.6}
.history .in-h .text-h .content-h ul {margin:0}
.history .in-h .text-h .content-h li { list-style: none;position: relative;padding-left:15px;margin:0 0 12px 0}
.history .in-h .text-h .content-h li:last-of-type {margin:0}
.history .in-h .text-h .content-h li:before {content:'';position: absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background: #626262;}
.history .in-h .pic-h {position: relative;overflow: hidden;padding:33.3333% 0;left:0;transition-duration: 0.5s}
.history .home-news .swiper-slide:hover .in-h .pic-h {left:10px;}
.history .swiper-slide-active .in-h .text-h .title-h,.history .swiper-slide-active .in-h .text-h .subtitle-h  {color:#1B4496}

.solution-list .news {width:73.5%}
.news li {margin-top:50px;padding:25px 70px 25px 25px;position: relative;background: #fff;min-height:300px;display:flex;align-items:center;justify-content:flex-start;}
.news li:nth-child(1) {margin-top:0}
.news li .pic {position: absolute;left:25px;top:25px;width:480px;height:300px; overflow: hidden;}
.news li .text {margin-left:545px;color:#979797;font-size:16px;}
.news li .text a {color:#979797;}
.news li .text .cate {font-size:13px;}
.news li .text .title { line-height: 1.5;margin:13px 0 18px 0}
.news li .text .title a {font-size:22px;color:#081D5E;font-weight:500}
.news li .text .content {font-size:14px;}
.news li .text .more {border-top:1px solid #bdbdbd;margin:30px 0 0 0;padding:10px 0 0 0;display:flex;justify-content: space-between;align-items: center;position: relative;}
.news li .text .more:before {content:'';position: absolute;left:0;top:-1px;width:0;height:1px;background: #1b4496; z-index: 10;transition-duration: 0.5s}
.news li:hover .text .more:before {width:100%}
.news li .text .more a {display:inline-block;font-size:14px}
.news li .text .more a.icon {background: url("../images/right.svg") no-repeat center;width:40px;height:16px;}

.news-show .wrap {background: #fff;box-sizing: border-box;padding:90px 3.5% 120px 3.5%;margin-bottom:180px}
.news-show .news-title {margin:0 0 40px 0;color:#010938;font-size:32px;line-height: 1.6;font-weight:500;max-width:69%}
.news-show .left {width:69%;float:left;}
.news-show .left .date {border-bottom:1px solid #d8d8d8;padding:0 0 20px 0;margin:0 0 60px 0;color:#808080}
.news-show .left .date span {margin:0 0 0 30px;}
.news-show .left .content img {margin:10px 0}
.news-show .right {width:23.5%;float:right;}
.news-show .right .subject {font-size:24px; line-height: 1;border-bottom:1px solid #d8d8d8;padding:0 0 20px 0;margin:5px 0 60px 0;font-weight:500}
.news-show .right li .pic {position: relative;  overflow: hidden;padding:31.25% 0}
.news-show .right li .cate {font-size:14px;color:#979797;margin:25px 0 10px 0}
.news-show .right li .cate a {color:#979797;margin:0 0px 0 0}
.news-show .right li .title { line-height: 1.6;border-bottom:1px solid #d8d8d8;padding:0 0 28px 0;margin:0 0 35px 0}
.news-show .right li .title a {font-size:18px;font-weight:500}
.news-show .right li:last-of-type .title {border-width:0;padding:0;margin:0}
.prevnext {border-top:1px solid #d8d8d8;margin:120px 0 0 0;padding:40px 195px 0 0;position: relative}
.prevnext .mid {position: absolute;right:0;top:45px}
.prevnext .mid a {display:block;width:150px;height:43px; line-height: 42px;border:1px solid #d8d8d8; text-align: center;font-size:16px;color:#808080;}
.prevnext .mid a span {font-size:20px; line-height: 1; display:inline-block; vertical-align: top;margin:11px 10px 0 0}
.prevnext .mid a:hover {border-color:#081D5E;background: #081D5E;color:#fff;}
.prevnext a {color:#808080;}
.prevnext .next {margin-top:10px}

.product-search ::-webkit-input-placeholder {color:#919191;}
.product-search :-moz-placeholder {color:#919191;}
.product-search ::-moz-placeholder {color:#919191;}
.product-search :-ms-input-placeholder {color:#919191;}
.product-search {position: absolute;right:0;top:-6px;}
.product-search form {display:flex;}
.product-search #k {border:1px solid #bababa;height:40px;padding:0 15px;width:289px;border-right:0;font-size:14px;}
.product-search #sbtn {cursor: pointer;font-family: "iconfont" !important;width:50px;height:42px;border:1px solid #bababa;border-left:0;background: #bababa;margin-left:0px;color:#fff;font-size:20px;transition-duration: 0.5s}
.product-search #sbtn:hover {background: #081d5e;border-color:#081d5e}
.customization-pic .text .title,.customization-pic .text .content {color:#fff}
.customization-pic .text .title {font-size:35px;line-height: 1.2;font-weight:700;}
.customization-pic .text .content {font-size:14px; line-height: 1.6;max-width:1050px;}
.customization-pic .text .content h3 {font-size:18px; line-height: 1.4; margin:7px 0 10px 0}

.custom-subject {margin:150px 0 55px 0}
.custom-subject .chinese {font-size:38px; line-height: 1.2;font-weight:500;color:#081d5e;margin:0 0 10px 0}
.custom-subject .english {color:#808080;font-size:16px; line-height: 1.6;}
.product-development ul {display:flex;gap:20px;flex-wrap: wrap}
.product-development li {padding:15px;width:calc(25% - 15px);position: relative;background: #fff;box-sizing: border-box}
.product-development li .pic {position: relative; overflow: hidden;padding:33.75% 0}
.product-development li .text {padding:28px 20px 40px 20px;}
.product-development li .text .title {font-size:20px;font-weight:700;color:#081d5e;border-bottom:1px solid #bababa;padding:0 0 12px 0;margin:0 0 25px 0;line-height: 1.4}
.product-development li .text .content {font-size:16px;color:#5A5A5A; line-height: 1.8;}

.new_con_cus {display:flex;background: #fff;}
.new_con_cus .new_telst_cus {width:42.5%;}
.new_con_cus .new_telst_cus li {position: relative;cursor: pointer;transition-duration: 0.5s;}
.new_con_cus .text {padding:35px 60px 40px 60px}
.new_con_cus .title {font-size:22px;font-weight:700;color:#081d5e;margin:0 0 5px 0}
.new_con_cus .content {font-size:14px;color:#5A5A5A; line-height:1.6;}
.new_con_cus .new_telst_cus li.newon {background: #eaebef}
.new_con_cus .new-wrap-cus {width:57.5%}
.new_con_cus .new_lst_cus {display: none;}
.new_con_cus .new-wrap-cus .show {display: block;padding:0;margin:0}
.new_con_cus .new-wrap-cus {position: relative;}
.new_con_cus .new-wrap-cus .text {display:none;}
.new_con_cus .new-wrap-cus .pic {width:100%;height:100%;position: relative; overflow: hidden;position: absolute;left:0;top:0;}
.solution-integration .new_con_cus .new_telst_cus {order:2}
.solution-integration .new_con_cus .new-wrap-cus {order:1}

.customization-more {margin:65px 0 0 0;}
.customization-more a {width:200px;height:45px; line-height: 43px; background: #081d5e;color:#fff; text-align: center;display:block;font-size:16px;}
.customization-more a span {display:inline-block; vertical-align: top;color:#24d4d4;font-size:25px; line-height: 1; margin:10px 0 0 20px;}
.customization-more a:hover {background: #1b4496;}
.customization-relax {margin:60px 0 -70px 0}

.maincurrent-search {background: #fff;margin-top:100px;}
.site-search {margin:0 0 180px 0;}
.site-search li {min-height:0;padding-right:5%}
.site-search li .image { overflow: hidden;width:30%}
.site-search li .image img {width:100%}
.site-search li .text {width:65%;margin-left:5%}
.site-search li .text .more {padding-top:20px}

.foot {background:url("../images/foot.jpg") no-repeat center;background-size:cover;color:#fff;padding:60px 0 85px 0}
.foot a {color:#fff;}
.foot-logo {border-bottom:1px solid rgba(255,255,255,0.3);padding:0 0 35px 0}
.foot-logo a {display:flex;width:480px}
.foot-logo .logo {background: url("../images/logo-white.svg") no-repeat center;background-size:cover;width:300px;height:44px;}
.foot-logo .enad {font-style: italic;font-size:18px;font-weight:400; line-height: 1.4;position: relative;margin:-5px 0 0 25px;}
.menu-link {display:flex;justify-content: space-between;margin-top:55px}
.menu-link .menu {display:flex}
.menu-link .menu dl {margin-left:70px;max-width:260px}
.menu-link .menu dl:first-child {margin-left:0}
.menu-link .menu dt {line-height: 1.2;margin-bottom:30px;}
.menu-link .menu dt a {font-size:20px;}
.menu-link .menu dd {margin-top:10px}
.menu-link .menu dd a {color:#B2B2B2;font-size:15px;}
.menu-link .menu dd a:Hover {color:#fff;}
.menu-link .links .more {position: relative}
.menu-link .links .more a.a {display:inline-block;width:200px; text-align: center;margin:0 0 25px 0;border:1px solid #fff;font-size:18px;height:45px;line-height:43px;color:#fff;font-weight:300;}
.menu-link .links .more a.a span {transform: rotateY(180deg);display:inline-block;font-size:18px; line-height: 1;margin:1px -5px 0 8px;color:#24d4d4}
.menu-link .links .more a.a:hover,.menu-link .links .more a.a.active {background: #1B4496;color:#fff;border-color:#1B4496;}
.menu-link .links .more-link a.a:hover,.menu-link .links .more-link a.a.active {border-bottom:1px solid #fff;}
.menu-link .links .more-link .list {position: absolute;left:0;top:47px;width:100%;height:auto;background: #1B4496;box-sizing: border-box;padding:10px 15px 10px 20px;display:none; z-index: 999; line-height: 1.2}
.menu-link .links .more-link .list p {margin:10px 0}
.menu-link .links .more-link .list p a {font-weight:300;font-size:12px;}
.menu-link .links .more-link .list p a:hover {color:#24d4d4}
.menu-link .links .more-link a.a:hover span,.menu-link .links .more-link a.a.active span {transform: rotate(-90deg);}
.social {text-align: right;display:flex;align-items: flex-end;justify-content: flex-end;}
.social ul {display:flex;margin-right:-15px}
.social li {position: relative;margin:0 0 0 20px}
.social li a {cursor: pointer;width:63px;height:63px;display:flex;border-radius:50%;align-items: center;justify-content: center}
.social li a img {height:40px;width:40px}
.social li a:Hover {background: #081D5E;}
.social li .info {bottom:75px;left:-30px}
.social li .info .code {width:100px;padding:10px;background: #fff;}
.social li .info .code img {width:100%}
.show-layer {display:none;position: absolute; z-index: 1000}
.footer {background: #000;font-size:14px;color:#989898; line-height: 1.6;padding:25px 0;border-top:1px solid rgba(255,255,255,0.3)}
.footer a:hover {color:#fff}