@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,.fixtop,.top-blank,.fixtop .logo,.fixtop .lan,.fixtop .lan a span,.product-list li .pic a img,.product-list li .text .more a i,.fixright li .tubiao,.fixright,.product-summry .pic img,.product-type li a:before,.product-down li a i,.product-topics li a h2,.product-topics li a p span,.application li .pic img,.culture li .pic img,.service .row .pic img,.service-network li .pic img,.news .item .pic p,.news-video .item .pic img,.download .item a i,.certification .item .pic img,.contact-row .col li img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.product-list li:hover .pic a,.product-summry .pic:hover img,.application li:hover .pic img,.culture li .pic img:hover,.service .row .pic img:hover,.news .item:Hover .pic p,.news-video .item:hover .pic img,.certification .item: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,.top-text .in,.fixright li,.product-summry .text .content td,.product-detail td,.network li,.pc-menu
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.service-network li:hover .pic img,.contact-row .col li:hover img
{transform: rotateY(180deg);}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:1.7;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Poppins','Microsoft YaHei','微软雅黑','arial';}
html,body,input,button,select,textarea,big,small {font-size:14px;color:#262626;font-weight:4400;}a {color:#262626}b,strong {font-weight:700;}
a:hover,.current-location a:hover,.current-location a.active:hover,.product-list li:hover .text .title a,.application li:hover .title a,.news .item:hover .text .title a {color:#E50036}
:root{scroll-behavior:smooth;}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
.img-center {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;object-fit: contain;}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,dl,dt,dd,ol { list-style:none;}
.list-paddingleft-1,.list-paddingleft-2 {margin-left:21px}
em { font-style:normal}
hr {border:0; background:#ddd;height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.bodyactive {overflow:hidden}
:root{scroll-behavior:smooth;}
.average {display:flex;}.average .col {flex: 1;}
.both-end{display:flex;justify-content:space-between;}
.logo-for-baidu {position: absolute;left:-5000px;top:-5000px}

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

::-webkit-scrollbar {width: 5px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #E50036;}
::-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:#CCCCCC;}
:-moz-placeholder {color:#CCCCCC;}
::-moz-placeholder {color:#CCCCCC;}
:-ms-input-placeholder {color:#CCCCCC;}

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

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

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:120px; background: #262626}
.fixtop .logo { position: absolute;left:0;top:33px;z-index: 999}
.fixtop .logo a {background: url("../images/logo-write.svg") no-repeat center;width:329px;height:53px; background-size:100%; display: block; position: relative}
.fixtop .lan {position: absolute;right:0;top:50px;display:flex}
.fixtop .lan a {display:inline-block;height:31px; line-height:32px; background: #e50036;color:#fff;margin:0 0 0 8px;padding:0 10px;border-radius:4px;}
.fixtop .lan a span {display:inline-block; vertical-align: top;margin:-1px 8px 0 0;}
.fixtop .lan a.en {background: none}
.fixtop .lan a.en span {font-size:18px;color:#e50036}
.fixtop .lan a:hover {background: #fff;color:#e50036}

.fixtop-home {background:#ccc}
.fixtop-home .logo a {background: url("../images/logo.svg") no-repeat center;background-size:100%; }
.fixtop-home .lan a.en {color:#262626}
.fixtop-home .lan a:hover {background: #262626;color:#fff}
.fixtop-home .lan a.ct:hover span {color:#e50036}

.top-blank {height:120px;}

.fixtop.active {top:-40px;}
.fixtop.active .logo {top:53px}
.fixtop.active .lan {top:71px;}
.top-blank.active {height:80px;}

.nav__trigger {right:auto;left:50%;margin-left:-810px;top:58px;width: 27px;height:62px}
.fixtop.active .nav__trigger {top:38px;height:42px}
.nav__icon,.nav__icon:before,.nav__icon:after {width: 27px;}

.phonemenu nav {display:none;}
.pc-menu { position:absolute; z-index: 9999; left:0;top:120px;width:100%;height:300px;padding-top:24px; background:rgba(220,221,221,0.95);display:none}
.fixtop-home .pc-menu {background:rgba(220,221,221,0.7);}
.pc-menu .wrap {max-width:1615px;margin:0 auto}
.pc-menu ul {width:245px;border-right:1px solid #b5b5b5;}
.pc-menu li {line-height:1;padding:13px 0; cursor: pointer}
.pc-menu li a {font-size:16px;color:#262626;position: relative;display:block}
.pc-menu li a.a:before {content: "\e87e"; position: absolute;right:30px;top:0px;font-family: "iconfont" !important;font-size:14px; line-height: 1; transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg)}
.pc-menu li:hover a.a {color:#e50036}
.pc-menu li .submenu {position:absolute;left:245px;height:276px;top:0;display:none;padding:0 0 0 10px}
.pc-menu li .submenu dd p {margin:0 0 6px 0}
.pc-menu li .submenu dd a {color:#262626;padding:0 30px 0 15px;height:30px; line-height: 30px;display:inline-block;}
.pc-menu li .submenu dd a:hover { background: #ccc;}

.top-pic h2>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);}}

.home {background: #ccc;height:calc(100vh - 120px);height:-webkit-calc(100vh - 120px); position: relative}
.home .text {position: absolute;left:50%;bottom:30px;font-size:56px; line-height: 1.1;font-weight:700;color:#BFBFBF; z-index: 1;margin-left:-810px; letter-spacing: -1px}
.home .pic {position: absolute;right:0;bottom:0;z-index: 1;}
.home .pic img {width:28.151vw;height:39.2708vw;}

.home-search {position: absolute;width:100%;height:100%;padding:0 0 160px 0;display:flex; z-index: 1000;align-items: center;justify-content: center}
.home-search form {display:flex;align-items: center;justify-content: center;height:100%;}
.home-search .col {border:2px solid #e50036;width:450px;height:65px;border-radius:10px;margin:0 10px 0 0;position: relative;padding:15px 0 0 230px}
.home-search .col p {position: absolute;font-size:24px; line-height: 1;font-weight:700;top:29px;left:15px}
.home-search .col select {height:50px;width:95%; background: none; cursor: pointer;font-size:16px;color:#808080}
.home-search .col select option {cursor: pointer}
.home-search #sbtn {font-family: "iconfont" !important;font-size:50px; line-height: 1; background: none; cursor: pointer;margin:0 10px}

.top-text-pic {position: relative;}
.top-text {position: absolute;left:0;top:0;width:50%;height:100%; background: #e50036; text-align: right;display:flex;align-items: center;justify-content: center;flex-direction: column;}
.top-text .in {width:600px;margin:0 0 0 auto;text-align: left;padding:0 5% 0 0;color:#fff;}
.top-text .title {font-size:40px; line-height: 1.3;font-weight:700}
.top-text .subtitle {font-size:21px; line-height: 1.4;margin-top:35px}
.top-text .more {margin-top:50px}
.top-text .more a {display:block;background: #262626;height:45px;line-height:45px;color:#fff;width:150px; text-align: center;font-size:20px;}
.top-text .more a:hover {background: #fff;color:#e50036}
.top-text-pic .top-pic {position: relative;width:50%;left:50%}
.top-text-pic .top-pic h2 {position: relative; overflow: hidden;padding:26.0416% 0;}

.current-location {margin:30px 0}
.current-location a.home {background: url("../images/home.svg") no-repeat center;background-size:100%;width:16px;height:15px;display:inline-block; vertical-align: top; margin-top:2px}
.current-location span.icon {transform: rotateY(180deg);display:inline-block; vertical-align: top;color:#4D4D4D;margin:-3px 10px 0 10px}
.current-location a{color:#666}
.current-location a.active {color:#262626;}
.product .subject {font-size:45px; line-height: 1.4;font-weight:700; letter-spacing: -0.5px;margin:50px 0 45px 0}

.product {margin:0 0 80px 0}
.product .product-menu {float:left;width:25%}
.product-menu ul {border-top:1px solid #d9d9d9;}
.product-menu li a {display:block;border-bottom:1px solid #d9d9d9;padding:18px 20px 16px 15px; line-height: 1.6;color:#262626; position: relative; letter-spacing: -0.2px;}
.product-menu li a:before {content: "\e697";font-family: "iconfont" !important;position: absolute;right:5px;top:19px;font-size:20px; line-height: 1;transform: rotateY(180deg);}
.product-menu li a:hover,.product-menu li.active a {background: #e6e6e6;}
.product .product-list {float:right;width:72%}

.product-list ul {display:flex;gap:20px;flex-wrap: wrap}
.product-list li {width:calc(33.3333% - 13.3333px);width:-webkit-calc(33.3333% - 13.3333px);box-shadow:0 5px 10px rgba(0,0,0,0.1);margin:0 0 20px 0}
.product-list li .pic { background: #dbdbdb; text-align: center;height:140px;padding:10px 0;position: relative}
.product-list li .pic a {display:block;width:100%;height:100%;position: relative}
.product-list li .text {padding:20px}
.product-list li .text .title {height:30px; line-height: 30px; overflow: hidden}
.product-list li .text .title a {font-size:24px;font-weight:700; letter-spacing: -0.5px}
.product-list li .text .subtitle {min-height:60px;margin:10px 0 5px 0;line-height: 1.4}
.product-list li .text .more a {display:block;border:1px solid #262626;text-align: center;font-size:18px;height:44px; line-height: 44px;}
.product-list li .text .more a i {display:inline-block; vertical-align: top; background: url("../images/config.svg") no-repeat center;width:23px;height:20px; background-size:100%;margin:11px 10px 0 0}
.product-list li:hover .text .more a {border-color:#e50036;background: #e50036;color:#fff}
.product-list li:hover .text .more a i {background: url("../images/config-white.svg") no-repeat center;background-size:100%;}
.product-summry {display:flex;justify-content: space-between;margin-top:65px}
.product-summry .pic { overflow: hidden;padding:20px; text-align: center;width:41.5%; background: #dbdbdb}
.product-summry .text {width:50.5%;}
.product-summry .text .title,.product-summry .text .content h3,.product-detail h3{font-size:42px; line-height: 1.4;font-weight:700}
.product-summry .text .title {margin:-10px 0 80px 0}
.product-summry .text .content {font-size:19px; line-height: 1.4; letter-spacing: -0.5px;}
.product-summry .text .content h3,.product-detail h3 {margin:35px 0}
.product-summry .text .content table {width:100%;margin:10px 0;border-bottom:2px solid #f2f2f2}
.product-summry .text .content td {padding:20px 15px 18px 15px}
.product-summry .text .content tr:nth-child(odd) { background: #f2f2f2}
.product-detail {font-size:16px; line-height: 1.4;margin:80px 0 0 0}
.product-detail img,.product-summry .text .content img {margin:5px;}
.product-detail table {width:100%;border-top:1px solid #d5d5d5;border-right:1px solid #d5d5d5;margin:10px 0}
.product-detail td {border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;padding:15px 20px 13px 20px;}
.product-detail tr { background: #f2f2f2}
.product-detail tr:nth-child(odd) {background: #fff}

.product-type {margin:65px 0 75px 0}
.product-type ul {display:flex;flex-wrap: wrap;gap:25px;}
.product-type li {width:calc(25% - 18.75px);width:-webkit-calc(25% - 18.75px);position: relative}
.product-type li a {display:block; background: #262626;color:#fff;font-size:22px;font-weight:700;padding:0 50px 0 20px;height:60px; line-height: 60px; overflow: hidden; word-break: break-all}
.product-type li a:before {content: "\e68b";position: absolute;right:20px;top:0px; font-family: "iconfont" !important;color:#e50036;}
.product-type li a:hover,.product-type li.active a {background: #e50036;}
.product-type li:hover a:before,.product-type li.active a:before {color:#fff}

.product-down { background: #f2f2f2;padding:75px 0;margin-top:80px;}
.product-subject {font-size:42px; line-height: 1;font-weight:700;margin:0 0 45px 0}
.product-down ul {display:flex;flex-wrap: wrap;gap:30px;}
.product-down li {width:calc(33.3333% - 20px);width:-webkit-calc(33.3333% - 20px);position: relative}
.product-down li a {display:block;background: #262626;padding:25px 25px 25px 60px;}
.product-down li a .title {color:#fff;font-size:22px;font-weight:700; line-height: 1.4;margin:0 0 15px 0;min-height:60px;position: relative}
.product-down li a .title:before {content:''; position: absolute;left:-43px;top:-13px; background: url("../images/pdf.svg") no-repeat center;width:31px;height:34px; background-size:100%}
.product-down li a i {display:block; background: url("../images/down-1.svg") no-repeat center;width:35px;height:32px; background-size:100%;margin:0 0 0 auto}
.product-down li a:hover {background: #e50036;}
.product-down li a:hover i { background: url("../images/down-2.svg") no-repeat center; background-size:100%;}

.product-topics {margin:80px 0}
.product-topics ul {display:flex;flex-wrap: wrap;gap:30px;}
.product-topics li {width:calc(33.3333% - 20px);width:-webkit-calc(33.3333% - 20px);position: relative}
.product-topics li a {display:block;background: #262626;padding:35px 25px 25px 0;color:#FFF}
.product-topics li a h2 {width:68.5%;height:75px;border-top-right-radius:75px;border-bottom-right-radius:75px; background: #e50036;position: relative}
.product-topics li a h2:before {content:'';position: absolute;right:10px;top:4px; background: url("../images/icon-app.png") no-repeat center;background-size:100%;width:67px;height:67px;}
.product-topics li.app a h2:before {right:15px}
.product-topics li.certi a h2:before {background: url("../images/icon-honor.png") no-repeat center;background-size:100%;}
.product-topics li.net a h2:before {background: url("../images/icon-network.png") no-repeat center;background-size:100%;}
.product-topics li a .title {font-size:33px; line-height: 1;font-weight:700;margin:40px 0 0 15px;min-height:130px}
.product-topics li a p {text-align:right;}
.product-topics li a p span {color:#e50036;font-size:26px; line-height: 1}
.product-topics li a:hover {background: #e50036;}
.product-topics li a:hover h2 {background: #262626;width:78%}
.product-topics li a:hover p span {color:#fff}
.site-subject {font-size:42px; line-height: 1.4;font-weight:700;margin:0 0 20px 0; letter-spacing: -0.5px}

.application {margin:55px 0 100px 0}
.application .summry {margin:0 0 55px 0}
.application ul {display:flex;gap:30px;flex-wrap: wrap}
.application li {width:calc(33.3333% - 20px);width:-webkit-calc(33.3333% - 20px);margin-top:30px}
.application li .pic {position:relative; overflow: hidden;padding:30.41666% 0}
.application li .title { line-height: 1.4;margin:20px 0 10px 0}
.application li .title a {font-size:22px;font-weight:700; letter-spacing: -0.5px}
.application li .content {margin:0 0 20px 0}
.application li .more a {width:178px;height:38px; line-height: 38px;border:1px solid #929292; display: block;font-size:16px; text-align: center;}
.application li:hover .more a {background: #e50036;color:#fff;border-color:#e50036}

.about {margin:55px 0 85px 0}
#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/play.svg) no-repeat center; background-size:cover;width:105px; height:105px;margin:-52px 0 0 -58px;transition-duration: 0.5s;}
.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}
.about .videos {margin:30px 0 80px 0;position: relative}
.about .videos .text {position: absolute;left:6%;bottom:60px; z-index: 99;font-weight:700;color:#e50036;font-size:54px; text-align: left;width:88%; line-height: 1.2;pointer-events:none;transition-duration: 0.5s}
.about.active .videos .text {opacity:0}
.about .indnum ul {display:flex;justify-content: space-between}
.about .indnum li h2 {color:#999999;font-weight:700;font-size:105px; line-height:1; letter-spacing: -5px;display:inline-block; vertical-align: top;}
.about .indnum li h3 {color:#999999;font-weight:400;font-size:70px; line-height:1; display:inline-block; vertical-align: top;margin:-4px 0 0 0}
.about .indnum li .text {font-size:18px;line-height: 1.4;display:flex;font-weight:700; letter-spacing: -0.5px;margin-top:10px}
.about .indnum li .text .icon {width:42px;display:inline-block;vertical-align: top;margin:3px 15px 0 0}
.culture li {padding:100px 0;}
.culture li .wrap {display:flex;justify-content: space-between}
.culture li:nth-child(odd) { background:#f2f2f2;}
.culture li .pic {width:45.9%;}
.culture li .pic a {display:block; overflow: hidden}
.culture li .pic img {width:100%}
.culture li .text {width:49%}
.culture li .text .site-subject {line-height: 1.2;margin-top:-10px}
.culture li .text .content {line-height: 1.6;margin:0 0 30px 0}
.culture li .text .more a {display:inline-block; vertical-align: top;padding:0 20px;background: #e50036;color:#fff;font-weight:700;height:45px;line-height: 45px;border-radius:6px;font-size:16px}
.culture li .text .more a:Hover {padding:0 30px; background: #262626}
.culture li:nth-child(odd) .pic {order:2}
.culture li:nth-child(odd) .text {order:1}

.markets {margin:80px 0}
.markets .text {display:flex;justify-content: space-between}
.markets .text .site-subject {width:55%; line-height: 1.3}
.markets .text .content {width:40%;margin-top:10px}
.markets .row {position: relative;margin-top:40px;}
.markets .row .indnum-markets{position: absolute;left:0;top:0;width:280px}
.indnum-markets li {background: #262626;border-radius:10px;padding:10px 10px 5px 15px;margin-top:10px;color:#fff;display:flex}
.indnum-markets li:first-of-type {margin-top:0}
.indnum-markets li h2 {color:#999;font-size:52px; line-height: 1; letter-spacing: -2px}
.indnum-markets li h3 {color:#999;font-size:25px; line-height: 1;font-weight:400;margin:0 0 0 5px}
.indnum-markets li .content {margin:25px 0 0 5px;}
.markets .row .pic {margin-left:320px}

.history {margin:20px 0 100px 0}
.history .site-subject { letter-spacing: -1px;font-size:40px}
.history .line {position: relative;margin:-20px 0 40px 0}
.history .swiper-slide .text {background: #262626;border-radius:10px;padding:25px 20px 0 25px;position: relative;color:#fff;height:270px;}
.history .swiper-slide .text .title {font-size:28px; line-height: 1.4;font-weight:700}
.history .swiper-slide .text .content {position: absolute;left:0;bottom:20px;width:100%;padding:0 20px 0 25px}
.history .swiper-slide-active .text {background: #e50036;height:430px}
.history .swiper-slide-active .text .title {font-size:44px}
.history .swiper-slide-active .text .content {font-size:22px; line-height: 1.4}

.history .swiper-horizontal>.swiper-pagination-bullets,.history .swiper-pagination-bullets.swiper-pagination-horizontal,.history .swiper-pagination-custom,.history .swiper-pagination-fraction {bottom:0;position: absolute}
.history .swiper-pagination-bullet {width:4.6875vw;height:4.6875vw;background:url("../images/history-icon-2.png") no-repeat center;background-size:100%;border-radius:0;border:0;position: absolute; z-index: 999;top:0}
.history .swiper-pagination-bullet-active,.history .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.history .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {background:url("../images/history-icon-1.png") no-repeat center;background-size:100%;border:0}

.history .swiper-pagination-bullet:nth-child(1) {left:5.2%;top:-4.6vw}
.history .swiper-pagination-bullet:nth-child(2) {left:14.8%;top:-11.92vw}
.history .swiper-pagination-bullet:nth-child(3) {left:27.2%;top:-11.53vw}
.history .swiper-pagination-bullet:nth-child(4) {left:37%;top:-5.8vw}
.history .swiper-pagination-bullet:nth-child(5) {left:47.1%;top:-12.2vw}
.history .swiper-pagination-bullet:nth-child(6) {left:56.9%;top:-17.65vw}
.history .swiper-pagination-bullet:nth-child(7) {left:75.5%;top:-8.4vw}
.history .swiper-pagination-bullet:nth-child(8) {left:90.5%;top:-19.1vw}
.history .swiper-pagination-bullet i {position: absolute;font-size:1.35vw; line-height: 1;font-weight:700; letter-spacing: -2px;z-index:-1;display:block;transition-duration: 0.5s}
.history .swiper-pagination-bullet i.y1 {left:1.4vw;top:3.5vw;}
.history .swiper-pagination-bullet i.y2 {left:0.3vw;top:0.1vw;}
.history .swiper-pagination-bullet i.y3 {left:0.1vw;top:3.4vw;}
.history .swiper-pagination-bullet i.y4 {left:1.0vw;top:0.0vw;}
.history .swiper-pagination-bullet i.y5 {left:1.5vw;top:3.5vw;}
.history .swiper-pagination-bullet i.y6 {left:1.1vw;top:0.4vw;}
.history .swiper-pagination-bullet i.y7 {left:1.1vw;top:0.2vw;}
.history .swiper-pagination-bullet i.y8 {left:0.1vw;top:0.0vw;}
.history .swiper-pagination-bullet-active i {color:#e50036}
.service .row {display:flex;justify-content: space-between}
.service .row .content {width:46%}
.service .row .content strong {font-size:28px; letter-spacing: -0.5px;margin:0 0 5px 0;display:inline-block}
.service .row .pic {width:48%; overflow: hidden;margin-top:12px}
.service-partner { background: #f2f2f2;padding:75px 0 80px 0}
.service-partner .content {margin-top:80px}

.service-network {margin:75px 0 80px 0}
.service-network ul {display:flex;gap:25px;}
.service-network li {background: #262626;color:#fff;padding:25px 20px 10px 20px;flex:1;position: relative;top:0;transition-duration: 0.5s}
.service-network li .title {font-size:28px; line-height: 1.4;font-weight:700;}
.service-network li .content {font-size:16px; line-height: 1.5;min-height:160px;margin:10px 0 20px 0}
.service-network li .pic {text-align:right;}
.service-network li .pic img {width:67px;}
.service-network li:hover {top:10px}

.network-map .summry img:first-of-type {margin-top:50px}
.network {margin:-20px 0 80px 0}
.network ul {display:flex;gap:30px;flex-wrap: wrap}
.network li {width:calc(33.3333% - 20px);width:-webkit-calc(33.3333% - 20px); background: #262626;color:#fff;padding:20px;transition-duration: 0.5s;position: relative;top:0}
.network li .title {font-size:34px;font-weight:700; line-height: 1.4;}
.network li .content {font-size:16px;margin:60px 0 0 0}
.network li:hover {top:-10px}

.get_more{ position: relative;float:left;left:50%;width:180px;text-align: center;margin:60px 0 0 -90px; clear: both}
.get_more p {width:100%;margin:0 auto; height:50px; line-height:50px;font-size:18px;border-radius:8px;background: #262626;color:#fff;transition-duration: 0.5s}
.get_more:hover p {background: #e50036}
.news {margin:50px 0 80px 0}
.news .single_item {width:102%;margin:-2% 0 0 -1%}
.news .item {float:left;width:23%;margin:2% 1% 0 1%;}
.news .item .pic {position: relative; overflow: hidden;padding:27.0833% 0}
.news .item .text{background: #262626;color:#fff;padding:20px 20px 15px 20px}
.news .item .text .title {font-size:20px; line-height:28px;height:56px; overflow: hidden;font-weight:700; letter-spacing: -0.2px;margin:0 0 10px 0}
.news .item .text .title a {color:#fff}
.news .item .text .more {text-align:right;margin-top:80px}
.news .item .text .more a {color:#e50036;}
.news .item .text .more span {font-size:25px; line-height: 1;margin:0 3px 0 0}

.news-show {margin:60px 0 80px 0}
.news-show .pic img {border-radius:25px}
.news-show .date {color:#999;margin:20px 0 60px 0;font-size:16px}
.news-show .content {margin-top:40px}
.news-show .content h3 {font-size:28px;display:inline-block; line-height: 1.4;margin:10px 0}
.news-show .content strong {font-size:22px;}

.news-video {margin:50px 0 80px 0}
.news-video .single_item {width:102.6%;margin:-2.6% 0 0 -1.3%}
.news-video .item {float:left;width:30.7333%;margin:2.6% 1.3% 0 1.3%;}
.news-video .item .pic {position: relative; overflow: hidden;padding:26.25% 0}
.news-video .item .pic i {position: absolute;left:50%;top:50%;display:block;background: url("../images/play.svg") no-repeat center;width:50px;height:50px; background-size:100%; z-index: 100;margin:-25px 0 0 -25px;}
.news-video .item .text{background: #262626;color:#fff;padding:16px 20px 15px 20px;transition-duration: 0.5s}
.news-video .item .text .title { line-height: 1.6}
.news-video .item .text .title a {font-size:18px;font-weight:700;color:#fff}
.news-video .item .text .subtitle {line-height: 1.4}
.news-video .item:hover .text {background: #e50036;}
.floatvideo { position:fixed;top:0;left:0;width:100%; height:100%; z-index:999999; display:none; background: rgba(0,0,0,0.8)}
.floatvideo iframe {width:100%; height:100%}
.video_cons {width:100%; height:100%;background:none; text-align:center;color:#fff}
.video_cons i { position:absolute;right:0;top:0; background:url(../images/close.png) no-repeat center;width:30px; height:30px; background-size:cover;margin:-15px -15px 0 0; z-index:99999; cursor:pointer}
.video_cons #video {max-height:90vh;}

.download {margin:60px 0 80px 0}
.download .single_item {width:102.6%;margin:-2.6% 0 0 -1.3%}
.download .item {float:left;width:30.7333%;margin:2.6% 1.3% 0 1.3%;position: relative}
.download .item a {display:block;background: #262626;padding:25px 25px 25px 60px;transition-duration: 0.5s}
.download .item a .title {color:#fff;font-size:22px;font-weight:700; line-height: 1.4;margin:0 0 15px 0;min-height:65px;position: relative}
.download .item a .title:before {content:''; position: absolute;left:-43px;top:-13px; background: url("../images/pdf.svg") no-repeat center;width:31px;height:34px; background-size:100%}
.download .item a i {display:block; background: url("../images/down-1.svg") no-repeat center;width:35px;height:32px; background-size:100%;margin:0 0 0 auto;transition-duration: 0.5s}
.download .item a:hover {background: #e50036;}
.download .item a:hover i { background: url("../images/down-2.svg") no-repeat center; background-size:100%;}
.certification-text {margin:45px 0 60px 0}
.certification {margin:0 0 100px 0}
.certification .single_item {width:105%;margin:-5% 0 0 -2.5%}
.certification .item {float:left;width:20%;margin:5% 2.5% 0 2.5%;position: relative}
.certification .item .pic {background: #262626;padding:5px}
.certification .item .pic h2 {position: relative;padding:72.08333% 0; overflow: hidden}
.contact-top {background: #e50036;padding:90px 0 90px 0;color:#fff}
.contact-top .content {font-size:23px; line-height: 1.4;margin:30px 0 0 0}

.contact-notice {font-size:16px;color:#333}
.contact-notice a {color:#e50036;text-decoration: underline;}
.contact-map {margin:120px 0 100px 0}
.contact-row {display:flex;flex-wrap: wrap;margin-top:35px;}
.contact-row .col{width:50%;margin-top:30px;}
.contact-row .col:nth-child(2),.contact-row .col:nth-child(4){text-align:right}
.contact-row .col .in {position: relative;display:inline-block; vertical-align: top;padding-left:35px; text-align: left;}
.contact-row .col:nth-child(2) .in,.contact-row .col:nth-child(4) .in{min-width:295px}
.contact-row .col .in:before {content:'';position: absolute;left:0;top:2px;background: url("../images/add.png") no-repeat center;background-size:100%;width:25px;height:25px;}
.contact-row .col:nth-child(2) .in:before {background: url("../images/tel.png") no-repeat center;background-size:100%;}
.contact-row .col:nth-child(3) .in:before {background: url("../images/email.png") no-repeat center;background-size:100%;}
.contact-row .col:nth-child(4) .in:before {background: url("../images/visit.png") no-repeat center;background-size:100%;}
.contact-row .col .title {font-size:19px;font-weight:700}
.contact-row .col .content {font-size:16px;color:#333}
.contact-row .col .content strong {font-size:19px;}
.contact-row .col ul {display:flex;position: absolute;right:0;top:0}
.contact-row .col li {margin:0 0 0 5px;}
.contact-row .col li img {width:28px}

.message {margin:0 0 40px 0}
.message form {display:flex;justify-content: space-between}
.message .left,.message .right {width:49%}
.message .right {text-align:right}
.message h2 {font-size:22px; line-height: 1; letter-spacing: -0.5px;margin:0 0 20px 0; text-align:left;}
.message .col {border:2px solid #cccccc;margin:0 0 15px 0;padding:5px 10px 0 10px; text-align: left;}
.message .col p {margin:0 0 -8px 0}
.message .col p i {display:inline-block; vertical-align: top;margin:3px 5px 0 0}
.message .col input {width:100%;height:25px}
.message .col textarea {width:100%; overflow: auto;height:78px;margin-top:7px}
.message button {background: #262626;width:165px;height:45px;color:#fff; text-align:center;font-size:22px;transition-duration: 0.5s;cursor: pointer}
.message button:hover {background: #e50036;}


.foot {background: #262626;color:#fff;padding:100px 0 50px 0}
.foot a {color:#fff;}
.foot a:hover {color:#e50036}
.foot .wrap {display:flex;justify-content: space-between}
.foot .left .menu a {font-size:16px;font-weight:700;margin:0 25px 0 0}
.foot .left .share-social {display:flex;margin-top:40px}
.foot .left .share-social .share a {color:#fff}
.foot .left .share-social .share a i {background: url("../images/share.png") no-repeat;width:18px;height:18px; background-size:100%; display:inline-block; vertical-align: top;margin:2px 0 0 8px}
.social {display:flex}
.social p {margin:0 8px 0 80px}
.social ul {display:flex}
.social li {margin:0 2px}
.social li i {display:block;width:16px;height:16px; background-size:100%}
.social li.s35 i {background: url("../images/icon-1.png") no-repeat center;background-size:100%}
.social li.s34 i {background: url("../images/icon-2.png") no-repeat center;background-size:100%}
.social li.s33 i {background: url("../images/icon-3.png") no-repeat center;background-size:100%}
.social li.s32 i {background: url("../images/icon-4.png") no-repeat center;background-size:100%}
.social li.s31 i {background: url("../images/icon-5.png") no-repeat center;background-size:100%}
.foot .right {text-align:right}
.foot .right .lan {margin:0 0 40px auto}
.foot .right .lan a {display:inline-block;height:31px; line-height:32px; background: #e50036;color:#fff;padding:0 10px;border-radius:4px;}
.foot .right .lan a span {display:inline-block; vertical-align: top;margin:-1px 8px 0 0;}
.foot .right .lan a:hover {background: #fff;color:#e50036}

.fixright { position: fixed;right:10px;top:50%; z-index: 2000;margin-top:-35px;}
.fixright li { position:relative;margin:5px 0; }
.fixright li .tubiao {width:50px; height:50px; cursor:pointer;text-align: center;color:#fff;background:#e50036;border-radius:5px;display:flex;align-items: center;justify-content: center;transition-duration:.3s;}
.fixright li .tubiao span {font-size:25px}
.fixright li.tel .tubiao span {font-size:28px}
.fixright li .cons {text-align:center;width:170px;display:none; position: absolute;right:52px;top:0;border-radius:5px; background: #262626;font-weight:700;color:#fff;font-size:13px;min-height:36px;padding:14px 10px 0px 10px;}
.fixright li.tel .cons {font-size:18px;min-height:37px;padding-top:13px}
.fixright li:hover .tubiao {height:50px}