@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-service li .pic img,.home-service li .text .icon img,.new-wrap2 .pic img,.product-list .right li .pic a img,.service li .pic img,.news li .pic img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.home-service li:hover .pic img,.new-wrap2 .pic:hover img,.product-list .right li:hover .pic a img,.service li:Hover .pic img,.news li: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
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.home-service li:hover .text .icon img
{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:'Source Han Sans','Microsoft YaHei','微软雅黑','arial';}
body,input,button,select,textarea,big,small {font-size:18px;color:#646464;font-weight:400;}a {color:#646464}b,strong {font-weight:700;}
a:hover,.maincurrent a:Hover {color:#2071c2}
: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}
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;}
.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:100px 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:#2071c2; background: #2071c2;} 
.pager span.current {height:37px;line-height: 37px}
.pager a,.pager span.disabled {color:#666;} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#333;}
.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:#2071c2;}
::-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:#9b99a4;}
:-moz-placeholder {color:#9b99a4;}
::-moz-placeholder {color:#9b99a4;}
:-ms-input-placeholder {color:#9b99a4;}

::selection {background:#2071c2;color:#ffffff;}
::-moz-selection {background:#2071c2;color:#ffffff;}
::-webkit-selection {background:#2071c2;color:#ffffff; }

.wrap {margin:0 auto;max-width:1650px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:89px;border-bottom:1px solid rgba(255,255,255,0.5);transition-duration: 0.5s;}
.fixtop .logo { position: absolute;left:0;top:28px;z-index: 999;display:flex;align-items: center}
.fixtop .logo a {background: url("../images/logo-white.png") no-repeat top;width:284px;height:31px; background-size:100%; display: block;}
.fixtop .navpc {text-align:right;}
.fixtop .navpc ul {display:inline-block;}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 80px;}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; padding-top:0px;height:89px; line-height:89px;font-size:18px; position: relative;font-weight:500;color:#fff}
.fixtop .navpc li a.a p { position:absolute;left:0;bottom:-1px;width:100%; height:3px; text-align: center}
.fixtop .navpc li a.a p i { display:block;width:0;height:100%; background:#fff;margin:0 auto;transition-duration: 0.5s}
.fixtop .navpc li:hover a.a p i,.fixtop .navpc li.active a.a p i,.fixtop ul.navpc li:Hover>a.a p i {width:100%}

.fixtop.active,.fixtop.active2 {background: #fff;border-color:rgba(0,0,0,0.15);}
.fixtop.active .logo a,.fixtop.active2 .logo a,.fixtop.active3 .logo a {background: url("../images/logo.png") no-repeat top;background-size:100%;}
.fixtop.active .navpc li a.a,.fixtop.active2 .navpc li a.a,.fixtop.active3 .navpc li a.a{color:#020202}
.fixtop.active .navpc li a.a p i,.fixtop.active2 .navpc li a.a p i,.fixtop.active3 .navpc li a.a p i { background:#036eb8}

.fixtop.active3 {border-color:rgba(0,0,0,0.15);}

.indpics {height:100%;position: relative}
.indpics .swiper-container {width: 100%;height:100vh;}
.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);}

.top-pic {position:relative;left:0;top:0;width:100%;padding:17.05729% 0;z-index: 1;transition-duration: 0.5s;}
.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; text-align: center}
.top-pic .text .wrap { display:flex;align-items:center;justify-content:center;height:100%;flex-direction: column}
.top-pic .text .title {font-size:36px;line-height: 1.4;font-weight:500;margin:-2.5% 0 15px 0;color:#fff;}
.top-pic .text .content {font-size:30px; line-height: 1.4;font-weight:500;color:#fff}
.top-pic .en {position: absolute;left:0;width:100%;bottom:0;text-align: center;font-size:250px;line-height: 0.85;font-weight:700; z-index: 200;color:#fff;}

.top-pic-2 .text .warp {display:block}
.top-pic-2 .text .in {background: #003683;color:#fff;position: absolute;left:0;bottom:-15px;padding:20px 40px; text-align: left;}
.top-pic-2 .text .in:before {content:'';position: absolute;right:-15px;bottom:0;width:15px;height:15px;background-size:cover;background: url("../images/sanjiao.png") no-repeat center;}
.top-pic-2 .text .in .title {font-weight:700;font-size:45px;line-height: 1.3;margin:0}
.top-pic-2 .text .in .content {font-size:60px;line-height: 1.1;font-family: 'DINCond';font-weight:700;text-transform: uppercase;}

.home-about {margin:160px 0 0 0;position: relative}
.home-about .wrap {display:flex;justify-content: space-between; z-index: 100;align-items: flex-start}
.home-about .wrap:before {content:'';position: absolute;left:0;top:0;width:100%;height:100px; z-index: 2;background: #fff}
.home-about .left {width:30%;position: relative;position: relative;padding-left:20px;background:#fff;left:-20px; z-index: 300}
.home-about .line {position: absolute; z-index: 1; left:0;top:38px;background: #2071c2;width:50%;height:6px;}
.home-about .left h1 {font-size:60px; line-height: 1.2;color:#2071c2;font-weight:500}
.home-about .left p {font-size:30px;color:#221815;line-height: 1.2;font-weight:300;margin-top:20px}
.home-about .right {width:55%;color:#221815;line-height: 2;position: relative; z-index:300}
.home-about .pic {margin:-140px 0 -200px 0;position: relative; z-index: 10}
.home-more a {border:1px solid #e2e3e3;height:45px;line-height: 44px;border-radius:45px;display:inline-block;padding:0 25px;font-size:16px;color:#403d3c;font-weight:400}
.home-more a i {background:url("../images/right.png") no-repeat center left;width:19px;height:19px;display:inline-block;vertical-align: top;margin:13px 0 0 10px;background-size:cover;transition-duration: 0.5s}
.home-more a:hover {border-color:#2071c2;background: #2071c2;color:#fff;}
.home-more a:hover i {background-position: right;}
.home-about .right .home-more {text-align: right;margin-top:100px}
.home-subject {padding:140px 0 55px 0;line-height: 1.2;position: relative; z-index: 100}
.home-subject .en {font-size:62px;text-transform: uppercase;color:#2071c2;  font-family: 'DINCond';}
.home-subject .cn {color:#4e4e4e;font-size:28px;}

.home-product ul {display:flex;list-style: none;gap:2px;}
.home-product li {position: relative;width:15.5%;transition-duration: 0.5s;height:33.8542vw;background-position: center;background-size:cover;background-repeat: no-repeat}
.home-product li:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(44,90,157,0.5); z-index: 100;transition-duration: 0.5s}
.home-product li:after {content:'';position: absolute;left:0;top:0;height:100%;background: linear-gradient(to right,rgba(0,104,183,1),rgba(0,104,183,0));width:60%;transition-duration: 0.5s;opacity:0}
.home-product li.active {width:53.5%}
.home-product li .hover {position: absolute;left:0;top:0;width:100%;height:100%; z-index: 200;display:flex;align-items: center;justify-content: center;color:#fff;flex-direction: column;transition-duration: 0.5s}
.home-product li .hover .icon {border:1px solid #fff;border-radius:50%;width:95px;height:95px; text-align: center;display:flex;align-items: center;justify-content: center;}
.home-product li .hover .icon img {width:65px;}
.home-product li .hover .title {font-size:28px;line-height: 1.4;margin-top:50px}
.home-product li .hide {position: absolute;left:12%;top:0;width:88%;height:100%;padding-top:12%;z-index: 200;opacity:0;transition-duration: 0.5s;color:#fff;box-sizing:border-box;}
.home-product li .hide .icon img {height:55px;}
.home-product li .hide .title {margin:27px 0 35px 0}
.home-product li .hide .title a {font-size:28px;color:#fff;font-weight:500}
.home-product li .hide dl {font-weight:300;font-size:21px;}
.home-product li .hide dd {margin-top:12px}
.home-product li .hide dd a {color:#fff;}
.home-product li.active .hover{opacity:0}
.home-product li.active .hide {opacity:1}
.home-product li.active:before {opacity:0}
.home-product li.active:after {opacity:1}
.home-product .more {position: absolute;right:7%;bottom:7%;}
.home-product .more a {color:#0068b7;border:1px solid #0068b7;border-radius:37px;height:37px;line-height: 37px;display:inline-block;padding:0 25px;font-size:14.5px;}
.home-product .more a:Hover {color:#fff;background: #0068b7;}

.home-service .pic {position: relative;padding:20.10416% 0}
.home-service ul {list-style: none;position: relative; z-index: 200;height:945px;margin:-500px 100px -30px 100px;}
.home-service ul:before {content:'';position: absolute;left:-65px;bottom:15.8%;width:65px;height:65px;background: #ddf0ea}
.home-service ul:after {content:'';position: absolute;right:-118px;bottom:15.8%;width:118px;height:118px;background: #97d5e0}
.home-service li {position: absolute; z-index: 200;width:25%}
.home-service li .pic {padding:50% 0;position: relative; overflow: hidden}
.home-service li .text {position: absolute;left:0;top:0;width:100%;height:100%; z-index: 300;display:flex;align-items: center;justify-content: center;flex-direction: column}
.home-service li .text .icon img {height:115px;}
.home-service li .text .title {color:#fff;font-size:30px;line-height: 1.2;font-weight:300;margin-top:30px;}
.home-service li.li30 {top:39%;left:0}
.home-service li.li31 {top:14.7%;left:25%}
.home-service li.li73 {top:53%;left:25%}
.home-service li.li74 {bottom:0;left:50%}
.home-service li.li75 {top:0;right:0}
.home-service li.li76 {top:38%;right:0}
.home-service li.lino {top:23.3%;left:50%}

.home-partner .info {background: #edf0f7;padding:140px 0}
.home-partner .info .wrap {display:flex;justify-content: space-between}
.home-partner .info .left {width:24%}
.home-partner .info .left .title {font-size:130px;line-height: 1;color:#003786;font-family: 'DINCond';font-weight:700;margin-top:-15px}
.home-partner .info .left .title i {display:inline-block; vertical-align: top;font-size:100px;margin:-20px 0 0 10px}
.home-partner .info .left .content {color:#000;font-size:20px;position: relative;margin:40px 0 0 0}
.home-partner .info .left .content:before {content:'';bottom:-40px;width:20px;height:3px; background: #003786;position: absolute;left:0}
.home-partner .info .right {width:74%; text-align: right;}

.new_con {position: relative; z-index: 200}
.new_telst {list-style: none;position: absolute;left:51.5%;display:flex;top:-80px; z-index: 200;}
.new_telst li {position: relative;cursor: pointer;color:#202e55;font-size:16px;font-weight:500;margin:0 47px 0 0}
.new_telst li.newon {color:#2071c2}
.new_lst {display: none;}
.new-wrap {position: relative;}
.new-wrap .show {display: block;padding:0;margin:0}
.new-wrap .more {position: absolute;right:0;top:-103px; text-align: center; z-index: 200}
.new-wrap .more a {background: #036eb8;color:#fff;font-size:45px;line-height: 43px;width:140px;font-size:16px;display:block}
.new-wrap .more a span {font-size:14px;margin:0 -3px 0 55px}
.new-wrap .more a:hover {background: #4fc2f1}

.new_con2 {height:580px;display:flex;justify-content: space-between}
.new_telst2 {list-style: none;width:48.5%;order:2;}
.new_telst2 dd {position: relative;cursor: pointer;background: #036eb8;color:#fff;margin-top:30px;padding:35px;display:flex;justify-content: space-between; transition-duration: 0.5s}
.new_telst2 dd:first-child {margin-top:0}
.new_telst2 dd .date {width:19%;font-family: 'DINCond'; line-height: 1;margin-top:3px}
.new_telst2 dd .date div {width:55px; text-align: center}
.new_telst2 dd .date p {font-size:22px;border-bottom:1px solid #fff;padding:0 0 7px 0;margin:0 0 10px 0}
.new_telst2 dd .date span {font-size:60px;}
.new_telst2 dd .text {width:81%;}
.new_telst2 dd .text .title {margin:-5px 0 15px 0}
.new_telst2 dd .text .title a {font-size:16px;color:#fff;font-weight:500}
.new_telst2 dd .text .content {font-size:12px; line-height: 1.6}
.new_telst2 dd.newon2 {background: #4fc2f1}
.new_lst2 {display: none;}
.new-wrap2 {position: relative;width:46.5%;height:580px;order:1}
.new-wrap2 .show2 {display: block;padding:0;margin:0}
.new-wrap2 .pic {height:580px;position: relative; overflow: hidden}

.about {margin:200px 0 0 0}
.about .wrap {display:flex;justify-content: space-between;align-items: flex-start}
.about .title {width:39%;position: relative; z-index: 10}
.about .title:before,.about .content:before {content:'';position: absolute;left:-150px;bottom:0px;background: url("../images/about-bg.webp") no-repeat center;width:344px;height:444px; z-index: 1}
.about .content:before {left:auto;right:-150px;bottom:-120px}
.about .content {width:56%;color:#000;position: relative; z-index: 10}
.about .content img {margin-top:30px}
.about .pic {margin-top:130px;}
.namemj {position: absolute;top:-90px}

.new_con_about {position: relative; z-index: 200; text-align: center}
.new_telst_about {list-style: none; text-align: center;background: #fff;width:970px;box-shadow:0 0 20px rgba(0,0,0,0.2);display:flex;;margin:0 auto; z-index: 999;position: relative;margin-top:-80px;align-items: center;justify-content: center;font-size:24px;color:#000;font-weight:500;}
.new_telst_about li {flex:1;height:130px; line-height: 130px;position: relative;transition-duration: 0.5s}
.new_telst_about li:before {content:'';left:0;top:35px;width:1px;height:60px;background: #ddd;position: absolute}
.new_telst_about li:first-of-type:before {display:None;}
.new_telst_about li i {display:inline-block; vertical-align: top;background: url("../images/culture1.png") no-repeat center top;width:60px;height:60px;background-size:cover;margin:35px 15px 0 0;transition-duration: 0.5s}
.new_telst_about li:nth-child(2) i {background: url("../images/culture2.png") no-repeat center top;background-size:cover;}
.new_telst_about li:nth-child(3) i {background: url("../images/culture3.png") no-repeat center top;background-size:cover;}
.new_telst_about li.newon {background: #2494e3;color:#fff}
.new_telst_about li.newon i {background-position: center bottom;background-size:cover;}
.new_lst_about {display: none;}
.new-wrap-about {position: relative;margin-top:155px}
.new-wrap-about .show {display: block;padding:0;margin:0}
.new-wrap-about .text {position: absolute;left:0;top:-215px;width:100%; z-index: 200}
.new-wrap-about .area {width:840px;min-height:500px;background: #2494e3;color:#fff;margin:0 0 0 auto;box-sizing: border-box;padding:80px 80px 0 80px;display:flex;justify-content: space-between; overflow: hidden;align-items: center;justify-content: center}
.new-wrap-about .area .info {width:52%; text-align: left;padding:0 0 80px 0}
.new-wrap-about .area .info .title {font-size:30px;line-height: 1.4;font-weight:500;margin:0 0 60px 0}
.new-wrap-about .area .info .content { line-height: 2}
.new-wrap-about .area .num {width:45%;font-size:500px;line-height:0.5;color:rgba(255,255,255,0.2); font-family: 'DINCond';font-weight:700; text-align:center;margin-top:40px}
.honor .content {background: url("../images/honor-bg.webp") no-repeat center;background-size:cover;padding:130px 0}

.maincurrent {position: relative;margin:130px 0 80px 0;padding:0 0 15px 24px;border-bottom:2px dashed #b5b5b5;color:#000;font-size:16px;line-height: 1.6}
.maincurrent:before {content:'';position: absolute;left:0;top:2px;width:14px;height:23px;background: #2494e3;}
.maincurrent a {color:#000;}

.product-list {display:flex;justify-content: space-between}
.product-list ul {list-style: none;}
.product-list .left {width:22.8%}
.product-list .left .subject {background: #273d8a;font-size:35px;font-weight:700;height:117px;line-height: 115px;padding:0 0 0 70px;color:#fff}
.product-list .left .menu li {margin:2px 0 0 0;position: relative}
.product-list .left .menu li a.a1 {background: #e9e9e9;display:block;color:#000;font-size:20px;line-height: 1.6;padding:20px 80px 22px 70px;cursor: pointer}
.product-list .left .menu li p.l {position: absolute;left:36px;top:28px;background: #5a5a5a;width:18px;height:18px;border-radius:50%;display:flex;align-items: center;justify-content: center;transition-duration: 0.5s}
.product-list .left .menu li p.l i {background: #9affff;width:8px;height:8px;border-radius:50%;transition-duration: 0.5s}
.product-list .left .menu li p.r {position: absolute;right:36px;top:19px;background: #adadad;width:34px;height:34px;border-radius:50%;display:flex;align-items: center;justify-content: center;transition-duration: 0.5s}
.product-list .left .menu li p.r span {color:#fff;font-size:28px;line-height: 1;transition-duration: 0.5s}
.product-list .left .menu li.active a.a1{background: #2494e3;color:#fff}
.product-list .left .menu li.active p.l {background: #fff}
.product-list .left .menu li.active p.l i {background: #273d8a}
.product-list .left .menu li.active p.r {background: #fff}
.product-list .left .menu li.active p.r span {color:#273d8a}
.product-list .left .menu li.open a.link p.r span,.product-list .left .menu li:Hover a.link p.r span {transform: rotate(90deg);}
.product-list .left .menu li:hover a.a1 {color:#2071c2}
.product-list .left .menu li.open:hover a.a1,.product-list .left .menu li.active:hover a.a1 {color:#fff}
.product-list .left .menu li.open:hover a.link.a1 {color:#2071c2}
.product-list .left .menu li.open.active:hover a.link.a1 {color:#fff}
.product-list .left .menu li .submenu {display:none;background: #f4f4f4;padding:10px 10px 10px 40px}
.product-list .left .menu li .submenu dd {margin:18px 0;position: relative;padding:0 20px 0 28px}
.product-list .left .menu li .submenu dd a.a2 {font-size:17px;color:#000;display:block;line-height: 1.6}
.product-list .left .menu li .submenu dd a.a2 span {font-size:20px;position: absolute;left:0px;top:-1px;}
.product-list .left .menu li .submenu dd:hover a.a2,.product-list .left .menu li .submenu dd.active a.a2 {color:#2071c2;}
.product-list .left .menu li .submenu dd p a {font-size:15px;}
.product-list .left .menu li .submenu dd p a:Hover,.product-list .left .menu li .submenu dd p.active a {color:#000}
.product-list .right {width:75.2%}
.product-list .right ul {display:flex;flex-wrap:wrap;gap:30px;}
.product-list .right li {width:calc(33.3333% - 20px);background: #efefef;box-sizing: border-box;padding:12px 12px 0 12px;border:1px solid #cbccce; text-align: center;transition-duration: 0.5s}
.product-list .right li .pic a {background: #fff;display:flex;align-items: center;justify-content: center;width:100%;box-sizing: border-box;aspect-ratio:374/306;padding:30px; overflow: hidden}
.product-list .right li .pic a img {max-width:100%;max-height:100%;object-fit: contain;display:block}
.product-list .right li .title {height:55px;line-height: 55px;}
.product-list .right li .title a {color:#000}
.product-list .right li:hover {background:#2071c2;border-color:#2071c2;}
.product-list .right li:Hover .title a {color:#fff}
.pro_nav__trigger {display:none;}

.product-list .product-show {width:73%}
.product-show .show-photo {float:left;width:48%;position: relative}
.show-photo .one-pic {background: #fff;border:1px solid #ccc;position: relative;}
.show-photo .one-pic .show-pic {padding:50px;height:560px;display:flex;align-items: center;justify-content: center;box-sizing: border-box}
.show-photo .one-pic img {max-width:100%;max-height:100%}
.show-photo .mySwiper {margin:30px 80px 0 80px;}
.show-photo .mySwiper .swiper-slide .show-pic {padding:50% 0;position: relative; overflow: hidden}
.show-photo .mySwiper .swiper-slide {box-sizing: border-box;position: relative;background: #fff;}
.show-photo .mySwiper .swiper-slide:before {box-sizing: border-box;border:1px solid #ccc;content:'';position: absolute;top:0;left:0;width:100%;height:100%;z-index: 999;transition-duration:.5s; cursor: pointer;}
.show-photo .mySwiper2 {background: #fff;border:1px solid #ccc;box-sizing: border-box;margin:0}
.show-photo .mySwiper2 .swiper-slide .show-pic {padding:50px;display:flex;align-items: center;justify-content: center;box-sizing: border-box;height:560px}
.show-photo .mySwiper2 .swiper-slide .show-pic img {max-width:100%;max-height:100%}
.show-photo .swiper-slide-thumb-active:before {background: rgba(32,113,194,0.6);border-color:transparent}
.show-photo .swiper-button-next,.show-photo .swiper-button-prev {top:auto;bottom:38px;width:43px;height:43px;margin-top:0;border-radius:50%}
.show-photo .swiper-button-next:after,.show-photo .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: #2071c2;border-color:#2071c2}
.show-photo .swiper-button-prev {left:0px;}
.show-photo .swiper-button-next{right:0px;}
.product-show .show-text {float:right;width:46%;border-bottom:1px solid #ccc;padding:0 0 40px 0;min-height:520px}
.product-show .show-text .show-title {font-size:30px;font-weight:700;color:#023994; line-height: 1.4;margin:0 0 40px 0}
.product-show .show-text .show-summry-subject {font-size:24px;color:#2494e3;font-weight:700;padding:0 0 10px 0;margin:20px 0 40px 0;border-bottom:1px solid #ccc;}
.product-show .show-text .show-rummry {font-size:14px;color:#2c2c2c}
.product-show .show-subject {font-size:24px;color:#2494e3;font-weight:700;padding:0 0 10px 0;margin:90px 0 50px 0;border-bottom:1px solid #ccc;}
.product-show .show-content img {margin:10px 0}
.product-show .show-content table {width:calc(100% + 40px);position: relative;left:-20px}
.product-show .show-content td { vertical-align: top;padding:10px 20px; line-height: 1.6}
.product-show .show-content h1 {font-size:35px; line-height: 1.2}
.product-show .show-content h2 {font-size:30px;line-height: 1.3}
.product-show .show-content h3 {border-bottom:1px solid #ddd;padding:0 0 5px 0;margin:15px 0;font-size:25px; line-height: 1.4}

.service-menu ul {display:flex;flex-wrap: nowrap;gap:1vw;margin:150px 0 110px 0;list-style: none;}
.service-menu li {flex:1 1 auto;white-space: nowrap;min-width: 0;position: relative}
.service-menu li a {display:block;height:68px;line-height: 66px;border-radius:5px;box-shadow: 0 0 10px rgba(0,0,0,0.15);padding:0 25px 0 25px;font-size:27px;color:#000;font-weight:300}
.service-menu li a span {font-size:30px; line-height: 1;font-weight:400;position: absolute;right:0.7vw;top:20px;}
.service-menu li:Hover a,.service-menu li.active a {background: #2071c2;color:#fff;}

.service ul {display:flex;gap:60px 60px;flex-wrap: wrap;list-style: none;}
.service li {width:calc(33.3333% - 40px);box-sizing: border-box;padding:10px 10px 0 10px;border:1px solid #cbccce;background: #efefef;transition-duration: 0.4s}
.service li .pic {padding:40.9375% 0;position: relative; overflow: hidden}
.service li .title {height:55px;line-height: 55px; text-align: center;}
.service li .title a {color:#000}
.service li:hover {background: #2071c2;border-color:#2071c2;}
.service li:hover .title a {color:#fff;}

.news-menu ul {justify-content: center}
.news-menu li {flex:none;width:250px;}
.news ul {list-style: none;}
.news li {border:1px solid #ccc;border-radius:10px;padding:30px;position: relative;min-height:272px;margin-top:65px;transition-duration: 0.5s}
.news li:nth-child(1) {margin-top:0}
.news li .pic {position:absolute;left:30px;top:30px; overflow: hidden;width:440px;height:272px;}
.news li .text {margin:0 0 0 490px}
.news li .text .date {font-size:16px;color:#000;font-weight:500;padding-top:6px}
.news li .text .title {margin:10px 0 20px 0}
.news li .text .title a {font-weight:500;color:#2071c2;font-size:30px;}
.news li .text .content {margin:0 0 30px 0}
.news li .text .more a {display:block;width:125px;height:48px;line-height: 46px;color:#999;font-size:16px;border:1px solid #dadada; text-align: center;}
.news li .text .more a span {display:inline-block; vertical-align: top;transform: rotateY(180deg);font-size:18px;margin:2px -3px 0 5px;color:#666;transition-duration: 0.5s}
.news li:hover {box-shadow:0 0 15px rgba(0,0,0,0.3)}
.news li:Hover .text .more a {background: #2071c2;border-color:#2071c2;color:#fff;}
.news li:Hover .text .more a span {color:#fff;}

@media print {
    body * {
        visibility: hidden;
    }
    .print-area, .print-area * {
        visibility: visible;
    }
    .print-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
}

.news-show .title {text-align:center;font-size:38px;line-height: 1.4;font-weight:500;color:#000;}
.news-show .subtitle {font-size:16px;color:#999; text-align:center;margin:10px 0 60px 0}
.news-show .subtitle a {cursor: pointer;color:#999;}
.news-show .subtitle a:hover {color:#000}
.news-show .content img {margin:10px 0}
.news-show .prevnext {border-top:2px solid #ddd;margin-top:80px;padding:60px 0 0 0}
.news-show .prevnext a {font-size:16px;color:#898989}
.news-show .prevnext a:hover {color:#2071c2}

.contact {margin:0 0 -150px 0;position: relative}
.contact .left {position: absolute;left:0;top:0;width:100%;height:100%;pointer-events: none;}
.contact .left .wrap {height:100%;}
.contact .left .info {width:45%;height:100%;pointer-events: auto;display:flex;align-items:flex-start;justify-content:center;flex-direction: column}
.contact .left .info .subject {position: relative;font-weight:700;font-size:36px;line-height: 1;color:#000; z-index: 10;padding:20px 0 0 25px;margin:0 0 20px 0}
.contact .left .info .subject:before {content:'';position: absolute;left:0;top:0;background: url("../images/contact.png") no-repeat center;background-size:cover;width:59px;height:59px;}
.contact .left .info ul {list-style: none;}
.contact .left .info li {position: relative;margin-top:40px}
.contact .left .info .icon {position: absolute;left:0;top:5px;background: #003683;border-radius:50%;width:35px;height:35px;display:flex;align-items: center;justify-content: center}
.contact .left .info .icon img {width:18px;}
.contact .left .info .text {margin:0 0 0 55px;color:#000;line-height: 1.6}
.contact .left .info .text .title {font-size:16px;}
.contact .left .info .text .content {font-size:24px;}
.contact .right {width:50%;margin-left:50%}
.contact .right .map iframe,#container {width:100%;height:1100px;}
#messageForm {margin-top:80px;margin-bottom:80px;}
#messageForm ul {list-style: none;display:flex;flex-wrap: wrap;column-gap:60px}
#messageForm li {width:calc(50% - 30px);position: relative;border-bottom:1px solid #ddd;margin:15px 0}
#messageForm li.full,#messageForm li.btn {width:100%}
#messageForm li.code {width:250px;}
#messageForm li.code .captcha-image {position: absolute;left:270px;top:12px;width:112px;height:40px;}
#messageForm li i {color:#FF0004;position: absolute;left:-12px;top:15px;font-size:16px;}
#messageForm li input {width:100%;font-size:16px;height:50px;}
#messageForm li.btn {border:0;display:flex;justify-content: space-between;gap:60px;margin-top:40px}
#messageForm li.btn button {flex:1;cursor:pointer;border:1px solid #ddd;height:48px;background: none;font-size:16px;color:#9b99a4;transition-duration: 0.5s}
#messageForm li.btn button:hover {background: #2071c2;color:#fff;border-color:#2071c2;}

.joinus .subject {font-weight:500;font-size:42px;color:#000; text-align: center;margin:0 0 80px 0}
.accordionservice {list-style: none;border-top:1px solid #ddd;}
.accordionservice li {border-bottom:1px solid #ddd;padding:35px 0 30px 0}
.accordionservice li .link {cursor: pointer;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;display:flex;justify-content: space-between}
.accordionservice li .link .title {text-align:center;font-weight:500;font-size:30px;color:#2071c2;line-height: 1.4;}
.accordionservice li .link .title p {margin-top:-10px}
.accordionservice li .link .title p span {font-size:28px;line-height: 1}
.accordionservice li .link .subtitle {text-align:center;color:#000;font-size:16px; line-height: 2}
.accordionservice li .link .apply {margin-top:16px}
.accordionservice li .link .apply a {border:1px solid #2071c2;color:#2071c2;height:35px;line-height: 34px;font-size:16px;width:100px; text-align:center;display:block;border-radius:35px;}
.accordionservice li .link .apply a:hover {background: #2071c2;color:#fff}
.accordionservice .submenu {display:none;padding:40px 0 40px 27.5%;color:#000;font-size:14px;}

.foot {margin-top:150px;color:#fff;padding:50px 0 40px 0;border-top:6px solid #2071c2;background:#003786 url("../images/foot.webp") no-repeat center right;background-size:cover;font-size:12px;}
.foot a {color:#fff;}
.foot a:hover {color:#4fc2f1;}
.foot ul {list-style: none;}
.foot .logo-menu {display:flex;padding:0 0 15px 0}
.foot .logo-menu .logo {width:23%}
.foot .logo-menu .logo a {background: url("../images/logo-white.png") no-repeat center;width:234px;height:23px;background-size:cover;display:block}
.foot .logo-menu ul {width:77%;display:flex}
.foot .logo-menu li a {font-size:16px;font-weight:500}
.foot .logo-menu li i {width:2px;height:15px;background: #fff;transform: rotate(30deg);display:inline-block; vertical-align: top;margin:8px 25px 0 25px}
.foot .text-sub {border-top:1px solid rgba(255,255,255,0.6);border-bottom:1px solid rgba(255,255,255,0.6);padding:20px 0 30px 0;display:flex;justify-content: space-between}
.foot .text-sub .text {width:20%;line-height: 2}
.foot .text-sub .text .company {font-size:18px;font-weight:500;margin:3px 0 25px 0}
.foot .text-sub .text ul {font-size:14px;}
.foot .text-sub .sub {display:flex;width:77%}
.foot .text-sub .sub dl:nth-child(2) {margin-left:68px}
.foot .text-sub .sub dl:nth-child(3) {margin-left:43px}
.foot .text-sub .sub dl:nth-child(4) {margin-left:45px}
.foot .text-sub .sub dl:nth-child(5) {margin-left:68px}
.foot .text-sub .sub dd {margin-top:10px}
.foot .copy {color:rgba(255,255,255,0.4);padding:25px 0 0 0}
.foot .copy a {color:rgba(255,255,255,0.4)}
.foot .copy a:hover {color:#fff;}