@charset "utf-8";
*{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,.fixtop,.fixtop .logo,.home-about .row .adv li .icon,.new-wrap dd .pic img,.new-wrap dd .text .more i,.home-service .text li.li-out:before,.home-service .text li .title,.home-service .text li .icon,.home-news .left .pic img,.home-news .right li .pic img,.whoweare li .title p,.strength .content li h3 img,.strength .pic img,.about-partner li .pic img,.about-partner li:before,.news li .pic h2 img,.service li .pic img,.service-key-coverage .key li .pic img,.product li .title a:before,.product li .pic p img,.product li .pic:before,.product li .pic,.product-show .summry .pic img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.new-wrap dd:hover .pic img,.home-news .left:hover .pic img,.home-news .right li:hover .pic img,.strength .pic:hover img,.about-partner li:hover .pic img,.news li:Hover .pic h2 img,.service li:hover .pic img,.product li:hover .pic p img,.product-show .summry .pic:hover 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-news .right li .text,.service-key-coverage .key .in,.product-show .content table
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.home-about .row .adv li:hover .icon,.whoweare li:hover .title p,.strength .content li:hover h3 img,.service-key-coverage .key li:hover .pic img
{transform: rotateY(180deg);}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:1.6;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'arial','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea,big,small {font-size:18px;color:#444;font-weight:400;}a {color:#444}b,strong {font-weight:700;}
a:hover,.new-wrap dd:hover .text .title a,.site-current a:hover,.prevnext a:hover,.product li:hover .title a{color:#5b3781}
: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;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:60px 0 0 0;text-align:center;position: relative}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:2px 5px 2px 5px;width:40px; height:40px; line-height:40px;box-shadow:0 0 5px rgba(0,0,0,0);text-align: center;border-radius:40px; background:#fff;border-radius:50%;color:#333}
.pager font {font-family:'宋体';font-weight:700;margin:0px;display:inline-block;vertical-align: top; line-height: 40px;transition-duration:.5s;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#5b3781; background: #5b3781;} 
.pager a,.pager span.disabled {color:#666;} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:18px;font-weight:400;color:#595758;}
.pager select,.pager input,.pager a,.pager span.disabled  {border: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: #5b3781;}
::-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:#999999;}
:-moz-placeholder {color:#999999;}
::-moz-placeholder {color:#999999;}
:-ms-input-placeholder {color:#999999;}

::selection {background:#5b3781;color:#ffffff;}
::-moz-selection {background:#5b3781;color:#ffffff;}
::-webkit-selection {background:#5b3781;color:#ffffff; }

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

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:115px;background:rgba(91,55,129,0)}
.fixtop .logo { position: absolute;left:0;top:38px;z-index: 999}
.fixtop .logo a {background: url("../images/logo.png") no-repeat top;width:150px;height:40px; background-size:100%; display: block;}
.fixtop .navpc {text-align:right;}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 55px; position: relative;}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:115px;line-height:113px;font-size:20px; position: relative;color:#fff;}
.fixtop .navpc li:hover a.a,.fixtop .navpc li.active a.a{color:rgba(255,255,255,0.5)}

.fixtop.active {background:rgba(91,55,129,.95);top:-30px}
.fixtop.active .logo {top:53px}
.fixtop.active .navpc li a.a { line-height: 146px;}

.indpics {position: relative;}
.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 .icon {background: url("../images/home-logo.png") no-repeat center;background-size:100%;width:286px;height:74px;}
.indpics .swiper-slide .text .title {font-size:50px; line-height: 1.3;font-weight:900;margin:40px 0 35px 0}
.indpics .swiper-slide .text .content {color:rgba(255,255,255,0.6);font-size:19px;}

.indpics .swiper-button-next,.swiper-button-prev {top:0;margin-top:-85px;}
.indpics .swiper-button-prev {left:auto;right:55px}
.indpics .jump {position: absolute; z-index: 200;left:50%;margin-left:-17px;bottom:30px}
.indpics .jump i { background: url("../images/mouse.png") no-repeat center;background-size:100%;width:35px;height:35px;display:block;animation: myfirst 1.5s infinite;}
.indpics .jump-right {position: absolute; z-index: 200;right:1.5%;bottom:30px}
.indpics .jump-right i { background: url("../images/scroll.svg") no-repeat center;background-size:100%;width:10px;height:89px;display:block;animation: myfirst 1.5s infinite;}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}

.top-pic {position:relative;left:0;top:0;width:100%;padding:17.1875% 0;z-index: 1;}
.top-pic:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.15); z-index: 2}
.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;color:#fff;height:100%;flex-direction: column}
.top-pic .text .title {font-size:50px;line-height: 1.4;font-weight:900;margin:60px 0 20px 0}
.top-pic .text .content {font-size:19px;opacity:0.8}

.home-about {background: url("../images/home-about-bg.jpg") no-repeat center;background-size:cover;height:950px;position: relative}
.home-about .in {padding-left:300px}
.home-about .wrap {z-index: 100}
.home-title {color:#5b3781;font-weight:900;font-size:52px; line-height: 1;padding:100px 0 65px 0}
.home-about .home-title {padding-bottom:55px}
.home-about .subtitle {position: absolute;top:210px;color:#5b3781;font-size:20px;line-height: 1.4;font-weight:900}
.home-about .row {margin:0 0 0 240px}
.home-about .row .content {font-size:16px}
.home-about .row .adv {position: relative;margin:25px 0 125px 0}
.home-about .row .adv ul {display:flex;color:#5b3781;}
.home-about .row .adv li {margin-right:50px}
.home-about .row .adv li .icon {border:1px solid #5b3781;border-radius:10px;width:52px;height:52px;display:flex;align-items: center;justify-content: center;}
.home-about .row .adv li .icon img {width:40px}
.home-about .row .adv li .title {font-weight:900;margin:12px 0 5px 0;font-size:16px}
.home-about .row .adv li .content {font-size:12px;opacity:0.6}
.home-about .row .home-more {position: absolute;right:0;bottom:10px}
.home-more a {background: #5b3781;color:#fff;height:42px;line-height: 44px;border-radius:42px;display:inline-block;padding:0 25px;font-weight:700; text-transform: uppercase;font-size:15px}
.home-more a span {font-weight:400;font-size:23px;line-height: 1;display:inline-block;vertical-align: top;margin:10px -9px 0 -4px}
.home-more a:hover {background: rgba(91,55,129,0.8)}
.home-about .row .info {color:#fff;font-weight:700;font-size:16px; text-align: right;margin:0 0 45px 0}
.home-about .row .num ul {display:flex;color:#fff; align-items: flex-end;justify-content: flex-end}
.home-about .row .num li { text-align: center;margin-left:6vw}
.home-about .row .num li:nth-child(1) {margin:0}
.home-about .row .num li .title {font-size:40px; line-height: 1;font-weight:900}
.home-about .row .num li .title span {display:inline-block; vertical-align: top;font-size:20px;margin:15px 0 0 0}
.home-about .row .num li .content {font-size:12px;color:rgba(255,255,255,0.7);margin-top:5px}
.home-about .pic {position: absolute;left:0;bottom:0}
.home-about .pic img {width:46.875vw;height:31.25vw;}
.center {text-align:center}

.about {background: url("../images/about-bg.jpg") no-repeat center;background-size:cover;height:auto;}
.about .row {margin:0 0 0 260px}
.about .row .adv {margin:0 0 70px 0}
.about .row .adv ul {justify-content: space-between;margin-top:60px}
.about .row .adv li {display:flex;}
.about .row .adv li .icon {margin-right:20px}
.about .row .adv li .title {margin:0 0 5px 0}
.about .col {background:#5b3781;padding:70px 0}
.about .col .num ul {display:flex;color:#fff; align-items:center;justify-content: flex-end;gap:11%}
.about .col .num li { text-align: center;}
.about .col .num li .title {font-size:40px; line-height: 1;font-weight:900}
.about .col .num li .title span {display:inline-block; vertical-align: top;font-size:20px;margin:15px 0 0 0}
.about .col .num li .content {font-size:12px;color:rgba(255,255,255,0.7);margin-top:5px}
.about .col .num li.info {font-weight:700;font-size:16px; text-align: right;}
.about .pic img {width:31.25vw;height:20.8333vw;}

.home-product {background: url("../images/home-product-bg.jpg") no-repeat top;background-size:100%}
.home-title.center {text-align:center}
.home-title .c {font-weight:400;font-size:20px;color:#666;margin-top:30px; line-height: 1.6}
.home-product .home-more {margin:60px 0 80px 0}

.new_telst {display:flex;margin-bottom:50px}
.new_telst li {position: relative;cursor: pointer; text-align: left;flex:1;height:50px;line-height: 50px; text-align: center;font-weight:900;color:#5b3781;border:1px solid #5b3781;margin-left:-1px}
.new_telst li.newon,.new_telst li:hover a,.new_telst li.newon a {background: #5b3781;color:#fff;}
.new_telst li a {color:#5b3781;display:block}
.new_lst {display: none;}
.new-wrap .show {display: block;padding:0;margin:0}
.new-wrap dl {width:101.6%;margin:-1.6% 0 0 -0.8%}
.new-wrap dd {background:url("../images/homg-product-bg-1.jpg") no-repeat center;background-size:cover;position: relative;float:left;width:31.7333%;margin:1.6% 0.8% 0 0.8%}
.new-wrap dd .in {position:relative;padding:32.5991% 0;}

.new-wrap dd .text {position: absolute; z-index: 200;left:10%;top:10%;width:80%}
.new-wrap dd .text .title a {font-weight:900;color:#333}
.new-wrap dd .text .more {margin-top:20px}
.new-wrap dd .text .more i {background: url("../images/more.svg") no-repeat center;background-size:cover;width:13px;height:13px;display:block}
.new-wrap dd:hover .text .more i {transform: rotate(-45deg);}
.new-wrap dd .pic {position: absolute; z-index: 100;bottom:8%;right:6%; text-align: right}
.new-wrap dd .pic img {width:50%;margin:0 0 0 auto}

.new-wrap dd:nth-child(1) {background:url("../images/homg-product-bg-2.jpg") no-repeat center;background-size:cover;}
.new-wrap dd:nth-child(1) .in {padding:67.8% 0;}
.new-wrap dd:nth-child(1) .text {top:8%}
.new-wrap dd:nth-child(1) .text .title a {font-size:24px; line-height: 1.8}
.new-wrap dd:nth-child(1) .text .more i {width:22px;height:22px;}
.new-wrap dd:nth-child(1) .pic {bottom:12%;right:12%;width:76%;}
.new-wrap dd:nth-child(1) .pic img {width:100%;}

.home-service {height:800px;background-size:cover;position: relative;background-position:center;background-repeat: no-repeat}
.home-service .info {color:#fff;padding-top:200px}
.home-service .info .title {font-size:52px;font-weight:900; line-height: 1.4;text-transform: uppercase;position: relative;margin:0 0 25px 0}
.home-service .info .title:before {content:'';position: absolute;top:-30px;width:60px;height:3px;background: #fff}
.home-service .info .content {font-size:20px;color:rgba(255,255,255,0.8);max-width:450px; line-height: 1.8;margin-bottom:80px}
.home-more.white a {background: #fff;color:#5b3781;padding:0 35px;font-weight:700}
.home-more.white a:hover {background: #5b3781;color:#fff}
.home-service .text {position: absolute;right:0;top:0; z-index: 200;height:100%;width:58%;}
.home-service .text ul.ul-out {display:flex;height:100%;}
.home-service .text li.li-out {flex: 1;height:100%;color:#fff;border-left:1px solid rgba(255,255,255,0.15);padding:0 3.8%;display:flex;justify-content: flex-end;flex-direction: column;align-items: center;position: relative}
.home-service .text li.li-out:before {content:'';background:linear-gradient(to top,rgba(25,0,50,1),rgba(25,0,50,0));position: absolute;left:0;top:0;width:100%;height:100%; z-index: -1;opacity:0}
.home-service .text li .icon {width:60px}
.home-service .text li .title {font-size:20px;font-weight:700;margin-top:20px}
.home-service .text li .content {display:none;}
.home-service .text li .more {margin:30px 0 75px 0}
.home-service .text li .more a {display:block;width:35px; text-align: center;line-height: 35px;border:1px solid rgba(255,255,255,0.8);color:rgba(255,255,255,0.8);display:flex;align-items: center;justify-content: center;border-radius:50%}
.home-service .text li .more a span {font-size:14px;}
.home-service .text li ul {margin:0;padding:0}
.home-service .text li li {list-style: none;background: rgba(247,247,247,0.1);font-size:14px;color:rgba(255,255,255,0.7);padding:20px 20px 15px 20px;border-radius:10px;margin-top:10px}
.home-service .text li li h3 {border-bottom:1px solid rgba(255,255,255,0.1);font-size:16px;padding:0 0 7px 0;color:#fff;margin:0 0 7px 0}
.home-service .text li.li-out.active:before {opacity:1}
.home-service .text li.li-out.active .icon {width:80px}
.home-service .text li.li-out.active .title {font-size:24px;margin:20px 0 15px 0}
.home-service .text li.li-out.active .more a {background: #5b3781;border-color:#5b3781}

.home-news {background: url("../images/home-news-bg.jpg") no-repeat center;background-size:cover;padding:0 0 120px 0}
.home-news .info {display:flex;justify-content: space-between}
.home-news .left {width:44.6%}
.home-news .right {width:51%}
.home-news .left .pic {position: relative; overflow: hidden;height:340px;}
.home-news .left .text {background: #fff;padding:35px 30px 35px 35px;transition-duration: 0.5s}
.home-news .left .text .date {color:#5b3781;font-size:16px; line-height: 1;font-weight:900;transition-duration: 0.5s}
.home-news .left .text .title { line-height: 1.6;margin:23px 0 21px 0;}
.home-news .left .text .title a {font-size:20px;font-weight:900;color:#333}
.home-news .left .text .content { line-height: 25px; height:50px; overflow: hidden;font-size:14px;color:#666;transition-duration: 0.5s}
.home-news .right li {margin-top:55px;display:flex;justify-content: space-between;background: #fff;align-items: center;justify-content: center;transition-duration: 0.5s}
.home-news .right li:nth-child(1) {margin-top:0}
.home-news .right li .pic {position: relative; overflow: hidden;height:222px;width:33.5%}
.home-news .right li .text {padding:10px 30px 10px 40px;width:66.5%}
.home-news .right li .text .title {line-height: 1.6; }
.home-news .right li .text .title a {font-weight:900;color:#333}
.home-news .right li .text .content {font-size:13px; line-height: 22px;height:44px; overflow: hidden;color:#666;margin:15px 0 20px 0;transition-duration: 0.5s}
.home-news .right li .text .date {color:#5b3781;font-weight:900;font-size:16px;transition-duration: 0.5s}
.home-news .right .home-more {text-align: right;margin-top:40px}
.home-news .left:hover .text {background: #5b3781;color:#fff}
.home-news .left:hover .text .title a,.home-news .left:hover .text .content,.home-news .left:hover .text .date,.home-news .right li:hover .date,.home-news .right li:hover .content,.home-news .right li:hover .title a {color:#fff}
.home-news .right li:hover {background: #5b3781;color:#fff}

.home-contact {background-size:cover;background-position: center;background-repeat: no-repeat; text-align: center;color:#fff;padding:80px 0}
.home-contact .title {font-weight:900;font-size:42px; line-height: 1.2}
.home-contact .content {font-weight:700;margin:20px 0 30px 0}

.whoweare {background: url("../images/home-product-bg.jpg") no-repeat center;background-size:cover;padding:100px 0}
.whoweare .subject {font-weight:900;font-size:42px;color:#5b3781; line-height: 1;margin-bottom:60px}
.whoweare ul {display:flex;justify-content: space-between;gap:1.5vw}
.whoweare li {background: #f7f7f7;border-radius:15px;padding:30px 50px;flex: 1;transition-duration: 0.5s;position: relative;top:0}
.whoweare li .title {position: relative;border-bottom:1px solid #5b3781;color:#5b3781;font-weight:900;padding:0 45px 0 0;padding:0 0 20px 0;margin:0 0 20px 0;font-size:24px; line-height: 1.4;}
.whoweare li .title p {position: absolute;right:0;top:0;width:35px;}
.whoweare li .content {color:#666;line-height: 1.8}
.whoweare li:Hover {box-shadow:0 0 10px rgba(0,0,0,0.3);top:-10px}

.strength {background: #f4f3f8;position: relative}
.strength .text {padding:100px 34% 100px 0}
.strength .title {color:#5b3781;font-weight:900;font-size:42px; line-height: 1;margin:0 0 35px 0}
.strength .content {font-size:20px;color:#666;}
.strength .content ul {margin:20px 0 0 0;display:flex;justify-content: space-between;gap:2vw}
.strength .content li {list-style: none;background: #fff;border-radius:15px;padding:30px 50px;flex: 1;transition-duration: 0.5s;position: relative;top:0;color:#666;line-height: 1.8;font-size:17px}
.strength .content li h3 {position: relative;border-bottom:1px solid #5b3781;color:#5b3781;font-weight:900;padding:0 45px 20px 0;margin:0 0 20px 0;font-size:24px; line-height: 1.4;}
.strength .content li h3 img {position: absolute;right:0;top:0;width:35px;}
.strength .content li:Hover {top:-10px;box-shadow:0 0 10px rgba(0,0,0,0.3);}
.strength .pic {position: absolute;right:0;top:0;width:32%;height:100%; overflow: hidden}

.about-partner {padding:100px 0}
.about-partner .info {text-align: center}
.about-partner .info .title {color:#5b3781;font-weight:900;font-size:52px;line-height: 1.2;}
.about-partner .info .content {font-size:20px;color:#666;margin:40px auto 60px auto;max-width:1000px}
.about-partner .list { overflow: hidden}
.about-partner ul {width:100.1%;margin:-0.1% 0 0 -0.05%}
.about-partner li {float:left;width:15.2466%;margin:0.1% 0.05% 0 0.05%;position: relative; overflow: hidden}
.about-partner li:nth-child(1) {width:23.1666%}
.about-partner li:before {content:'';position: absolute;left:0;width:100%;height:100%; z-index: 100;background: rgba(24,1,47,0.6)}
.about-partner li:hover:before {background: rgba(24,1,47,0.8)}
.about-partner li:nth-child(1):before {background: rgba(91,55,129,0.8)}
.about-partner li:nth-child(1):hover:before {background: rgba(91,55,129,0.95)}
.about-partner li .pic {padding:37.916666% 0;}
.about-partner li:nth-child(1) .pic {padding:50% 0}
.about-partner li .text {position: absolute;left:12%;bottom:13%;width:76%;z-index: 200;color:#fff}
.about-partner li .text .title {font-weight:900;font-size:20px;margin:0 0 6px 0}
.about-partner li .text .content {opacity:0.8;font-size:14px;}
.about-partner li:nth-child(1) .text {bottom:0;top:24%;left:14%;width:72%}
.about-partner li:nth-child(1) .text .title {font-size:24px;margin:0 0 10px 0}
.about-partner li:nth-child(1) .text .content {font-size:18px;}

.contact {position: relative}
.contact .subject {color:#5b3781;font-weight:900;font-size:52px;line-height: 1; text-align: center; text-transform: uppercase;margin:0 0 80px 0}
.contact .text {display:flex;justify-content: space-between;}
.contact .text .map {width:61.5%}
.map iframe,#container {width:100%;height:510px}
.contact .text .info {width:38.5%;background: url("../images/about-contact.jpg") no-repeat center;background-size:cover;color:#fff;display:flex;align-items: center;justify-content: center;flex-direction: column}
.contact .text .info ul {padding:0 9%;}
.contact .text .info li {display:flex;align-items: center;justify-content:flex-start;margin:70px 0 0 0}
.contact .text .info li:nth-child(1) {margin-top:0}
.contact .text .info li .pic {border:1px solid #fff;border-radius:10px;margin:0 30px 0 0;width:65px;height:65px;display:flex;align-items: center;justify-content: center;}
.contact .text .info li .pic img {width:40px}
.contact .text .info li .col {width:80%}
.contact .text .info li .col .title {font-weight:700;font-size:20px;line-height: 1.4;margin:0 0 10px 0}
.contact .text .info li .col .content {color:rgba(255,255,255,0.7);font-size:16px}
.namemj {position: absolute;top:-80px}

.news {margin:60px 0 100px 0}
.news li {border-bottom:1px solid #dedede;padding:50px 0;display:flex;justify-content: space-between;align-items: center;justify-content: center;gap:3.6vw}
.news li .pic {width:35%}
.news li .pic h2 {position: relative; overflow: hidden;padding:30.46875% 0;border-radius:20px}
.news li .text {width:60%}
.news li .text .date {font-weight:900;font-size:16px;color:#666;}
.news li .text .title { line-height: 1.4;margin:20px 0 20px 0}
.news li .text .title a {font-size:22px;color:#5b3781;font-weight:900;}
.news li .text .content {font-size:16px;color:#666;line-height: 25px;height:50px; overflow: hidden;margin-bottom:8%}
.news li:hover .text .home-more a {background: rgba(91,55,129,0.8)}

.site-current {color:#888;margin:40px 0}
.site-current a {color:#888;}
.site-current span.icon-home1 {font-size:22px;line-height: 1;margin:0 15px 0 0}
.news-show .title {font-weight:900;color:#5b3781;font-size:42px; line-height: 1.2;margin:60px 0 30px 0}
.news-show .date {font-size:16px;color:#666;font-weight:900;border-bottom:2px solid #9d87b3;padding:0 0 35px 0;margin:0 0 45px 0}
.news-show .content b,.news-show .content strong  {font-weight:900}
.news-show .content li {list-style:disc}
.news-show .content img {margin:10px 0}
.prevnext {text-align:center;margin:70px 0 80px 0;display:flex;align-items: center;justify-content: center;gap:200px}
.prevnext a {color:#757589;}
.prevnext .prev span.icon-icon_arrowRight {transform: rotate(180deg);margin:2px 5px 0 0}
.prevnext a span.icon-icon_arrowRight {font-size:20px;line-height: 1;display:inline-block; vertical-align: top;margin:4px 0 0 5px}
.prevnext .mid a {display:inline-block;width:165px;height:45px;line-height: 45px;border:1px solid #5b3781;border-radius:45px;font-size:20px;color:#5b3781;}
.prevnext .mid a:hover {background: #5b3781;color:#fff}

.service {background: url("../images/home-product-bg.jpg") no-repeat top;background-size:100%}
.service ul {display:flex;flex-wrap: wrap;gap:60px}
.service li {width:calc(50% - 30px);}
.service li .pic {position: relative; overflow: hidden;border-top-left-radius:20px;border-top-right-radius:20px;padding:29.2857% 0;}
.service li .text {background: #f7f7f7;padding:40px 45px;transition-duration: 0.5s;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.service li .text .title {font-size:24px;font-weight:900; line-height: 1.4;color:#5b3781;border-bottom:1px solid #5b3781;padding:0 0 20px 0;margin:0 0 25px 0;transition-duration: 0.5s}
.service li .text .content {color:#666;line-height: 1.8;transition-duration: 0.5s;}
.service li:Hover .text {background: #5b3781;color:#fff}
.service li:hover .text .title {border-color:#fff}
.service li:Hover .text .content,.service li:Hover .text .title {color:#fff}
.service-ckd {background: none;}
.service .home-title .c {max-width:800px;margin-left:auto;margin-right:auto;line-height: 1.9}
.service-ckd .home-title .c {max-width:900px}

.service-key-coverage {position:relative;display:flex;justify-content: space-between;margin-top:120px}
.service-key-coverage .key {background: #5b3781;color:#fff;width:59.5%; text-align: right;padding:90px 0 100px 0}
.service-key-coverage .key .in {width:955px;margin:0 0 0 auto;padding:0 5% 0 0; text-align: left;}
.service-key-coverage .key .subject {font-size:52px;font-weight:900; line-height: 1.4;margin:0 0 50px 0}
.service-key-coverage .key ul {display:flex;gap:60px;flex-wrap: wrap;}
.service-key-coverage .key li {width:calc(50% - 30px);position: relative;margin-top:10px}
.service-key-coverage .key li .pic {position: absolute;left:0;top:0;width:60px;height:60px;background: #fff;border-radius:8px;display:flex;align-items: center;justify-content: center;}
.service-key-coverage .key li .pic img {width:40px;}
.service-key-coverage .key li .text {margin-left:80px}
.service-key-coverage .key li .text .title {font-size:20px; line-height: 1.4;font-weight:700;padding:0 0 8px 0}
.service-key-coverage .key li .text .content {font-size:16px;color:rgba(255,255,255,0.7);}
.service-key-coverage .coverage {position: relative;width:40.5%; text-align: left;color:#5b3781;display:flex;align-items: center;justify-content:flex-start;flex-wrap: wrap;background-size:cover;background-position: center;background-repeat: no-repeat}
.service-key-coverage .coverage:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(244,243,248,0.9); z-index: 1}
.service-key-coverage .coverage .in {width:485px;padding:0 0 0 11%;position: relative; z-index: 100;}
.service-key-coverage .coverage .subject {font-size:32px;font-weight:900; line-height: 1.3;margin:0 0 60px 0}
.service-key-coverage .coverage ul {display:flex;gap:52px;flex-wrap: wrap;width:240px}
.service-key-coverage .coverage li {width:calc(50% - 26px);}
.service-key-coverage .coverage li .title {font-size:40px; line-height: 1.4;font-weight:900}
.service-key-coverage .coverage li .content {font-size:13px;color:#333;opacity:0.7}

.product {background: url("../images/home-product-bg.jpg") no-repeat top;background-size:100%;padding:0 0 120px 0}
.product ul.list {display:flex;gap:35px;flex-wrap: wrap}
.product ul.list li {width:calc(33.3333% - 23.3333px);}
.product ul.list li .pic {background:url("../images/product-bg.jpg") no-repeat center;background-size:cover;padding:39.720998% 0; position: relative}
.product ul.list li .pic:before {content:'';position: absolute;left:0;bottom:0;width:0;height:4px;background: #5b3781;}
.product ul.list li .pic p {position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100;display:flex;align-items: center;justify-content: center;}
.product ul.list li .pic p img {max-width:60%;max-height:60%;}
.product ul.list li .title {margin:20px 0 0 0;}
.product ul.list li .title a {color:#333;font-weight:900;position: relative;padding:0 30px 0 0;display: block}
.product ul.list li .title a:before {content:"\e61c";position: absolute;right:0;top:3px;font-family: "iconfont" !important;font-weight:400;font-size:22px;line-height: 1;transform: rotate(45deg);color:#5b3781;}
.product ul.list li:hover .title a:before {transform: rotate(0);}
.product ul.list li:hover .pic:before {width:100%}
.product ul.list li:Hover .pic {box-shadow:0 0 15px rgba(81,55,129,0.3);border-top-left-radius:15px;border-top-right-radius:15px;}
.product .page_wrap {margin-top:20px}

.product-show {background: url("../images/home-product-bg.jpg") no-repeat top;background-size:100%;padding:100px 0 120px 0}
.product-show .title {text-align:center;color:#5b3781;font-weight:900;font-size:52px; line-height: 1.4}
.product-show .summry {display:flex;align-items: center;justify-content:space-between;margin:100px 0 100px 0}
.product-show .summry .text {width:44%}
.product-show .summry .text .gs {font-size:20px;line-height: 1.8;margin-top:35px}
.product-show .summry .pic {width:46%}
.product-show .summry .pic img {width:100%}
.product-show .subject {font-weight:900;color:#5b3781;font-size:34px;line-height: 1.2;margin:0 0 30px 0}
.product-show .subject span {font-size:55px;display:inline-block;vertical-align: top;margin:-14px 15px 0 0}
.product-show .overview {border-bottom:3px solid #cec3d9;padding:0 0 15px 0;position: relative}
.product-show .overview:before {content:'';position: absolute;bottom:-3px;width:60px;height:4px;background: #5b3781;}
.product-show .content table {width:100%;border-bottom:1px solid #e0e1e1;border-right:1px solid #e0e1e1;}
.product-show .content tr:nth-child(odd) {background: #f7f8fa}
.product-show .content tr:nth-child(1) {background: #8349b7;color:#fff;font-weight:700;font-size:23px}
.product-show .content td {border-top:1px solid #e0e1e1;border-left:1px solid #e0e1e1;padding:20px 15px; line-height: 1.4; text-align: center}













.footer .wrap {display:flex;justify-content: space-between;color:#fff;}
.footer a {color:#fff}
.footer a:hover {color:#8e8ea0;}
.footer .left {widith:45%}
.footer .left .logo {margin:0 0 20px 0}
.footer .left .logo a {background: url("../images/logo.png") no-repeat center;background-size:100%;width:145px;height:40px;display:block}
.footer .left .content {line-height:2}
.footer .left .content span {color:#8e8ea0;}
.footer .right .menu {display:flex;}
.footer .right .menu li {margin:0 0 0 100px}
.footer .right .menu li:nth-child(1) {margin-left:0}
.footer .right .menu li a {font-weight:700;font-size:18px;}
.social {text-align: right;display:flex;align-items: flex-end;justify-content: flex-end;margin-top:60px}
.social ul {display:flex;}
.social li {position: relative;margin:0 0 0 20px}
.social li a {cursor: pointer;width:45px;height:45px;border-radius:5px;border:1px solid #857f8d;display:flex;align-items: center;justify-content: center}
.social li a img {height:33px;width:33px}
.social li a:Hover {background: #5b3781;border-color:#5b3781}
.social li .info {bottom:60px;left:-38px}
.social li .info .code {width:100px;border:1px solid #ddd;padding:10px;background: #fff;}
.social li .info .code img {width:100%}
.show-layer {display:none;position: absolute; z-index: 1000}
.foot {background: #1b1027;padding:65px 0 25px 0;color:#8e8ea0;font-size:14px;overflow: hidden}
.foot .copy {text-align:center;border-top:1px solid #3d3446;color:rgba(255,255,255,0.7);padding:25px 0 0 0;margin-top:40px}