@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,.top-blank,.fixtop,.fixtop .logo,.fixtop .navpc li a.a:after,.fixtop .navpc li a.a:before,.fixtop .navpc li .list dd a:before,.fixtop .navpc li.lan:before,.fixtop .search,.indpro .swiper-slide .pic img,.indhotpro li .pic img,.product-lists li .pic h2 img,.product-lists li .more a span,.indnews .row .pic img,.indnews .row .pic,.partner-logo img,.site-sub-menu li .bgline i,.about .list .pics .pic p img,.culture li .pic img,.culture li:before,.about-partner li,.news li,.news li.pic-yes .pic img,.prevnext p,.feedback dd,.feedback dd.part i:after,.feedback dd.part i:before,.message .type p:before,.message .type p,.join li .pic p
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.home-about .row .right .pic:hover p img,.indpro .swiper-slide:hover .pic img,.product-lists li:hover .pic h2 img,.indnews .row:hover .pic img,.partner-logo:hover img,.about .list .pics .pic:hover p img,.culture li:hover .pic img,.news li.pic-yes:hover .pic img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.pd,.product-lists li .more a,.about-partner li,.feedback li input[type="text"],.feedback li textarea
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(180deg);}
html{-webkit-text-size-adjust:none;height:100%;}
body {height:100%;margin:0 auto;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑','arial';}
html,body,input,button,select,textarea,big,small {font-size:16px;color:#333;font-weight:400;}a {color:#333}b,strong {font-weight:700;}
a:hover,.product-lists li:hover .text .title a,.indnews .row .more a:hover,.indnews .row:hover .title a,.indnews li .title a:hover,.indnews .row:hover .more a,.site-sub-menu li.active a,.site-sub-menu li:hover a,.maincurrent a:hover {color:#00a3d3}
.home-about li:hover .title {color:#fe0000}
: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;}
ul,dl,dt,dd,ol { list-style:none;}
.list-paddingleft-1,.list-paddingleft-2 {margin-left:20px}
em { font-style:normal}
hr {border:0; background:#ddd;height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.bodyactive {overflow:hidden}
:root{scroll-behavior:smooth;}
.text-shadow {transition: text-shadow 0.5s ease;}
.text-shadow:Hover {text-shadow: 0.5px 0 0 currentColor,-0.5px 0 0 currentColor;}
.one-line {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;height: auto;text-overflow: ellipsis;word-break: break-all;}
.two-line {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: auto;text-overflow: ellipsis;word-break: break-all;}
.three-line {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: auto;text-overflow: ellipsis;word-break: break-all;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:60px 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:33px;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:#00a3d3; background: #00a3d3;} 
.pager a,.pager span.disabled {color:#666;} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#595758;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:1px solid #dfdfdf;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 1px}

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

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

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:95px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15)}
.fixtop .logo { position: absolute;left:0;top:22px;z-index: 999}
.fixtop .logo a {background: url("../images/logo.png") no-repeat left bottom;width:191px;height:51px; background-size:100%; display: block; position: relative}
.fixtop .navpc { text-align:center}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 30px; position: relative}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:59px;padding-top:36px; line-height:20px;font-size:18px;position: relative;font-weight:500;}
.fixtop .navpc li a.a:after {opacity:0;content: "";position: absolute;left:50%;bottom:0;width:7px;height:7px;margin-left:-3px;border-radius:50%; background: #00a3d3;}
.fixtop .navpc li a.a:before {content: "";position: absolute;left:50%;bottom:0;width:1px;height:0; background: #00a3d3;}
.fixtop .navpc li:hover a.a:after,.fixtop .navpc li.active a.a:after,.fixtop ul.navpc li:Hover>a.a:before {opacity:1;bottom:22px}
.fixtop .navpc li:hover a.a:before,.fixtop .navpc li.active a.a:before,.fixtop ul.navpc li:Hover>a.a:before {height:22px}
.fixtop .navpc li:hover a.a,.fixtop .navpc li.active a.a,.fixtop ul.navpc li:Hover>a.a {color:#00a3d3}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:-30px;width:230px;top:93px;display:none;padding:2px 0 0 0; text-align: left;}
.fixtop .navpc li .list-news {width:190px;left:-26px}
.fixtop .navpc li .list-lan {width:114px;left:-21px}
.fixtop .navpc li .list dl { background: #fff;box-shadow:0 0 10px rgba(0,0,0,0.15)}
.fixtop .navpc li .list dd {margin:0;padding:0}
.fixtop .navpc li .list dd a {font-size:16px; line-height: 26px;display:block;padding:6px 10px 8px 30px;font-weight:400;color:#333;position: relative}
.fixtop .navpc li .list-lan dd:first-of-type a {padding-top:8px;padding-bottom:12px}
.fixtop .navpc li .list dd a:before {opacity:0;content:"\e654";position: absolute;left:10px;top:12px;font-size:16px; line-height: 1; font-family: "iconfont" !important;color:#00a3d3;transform: rotate(-90deg);}
.fixtop .navpc li .list dd:first-of-type a:before {top:22px}
.fixtop .navpc li .list-lan dd:first-of-type aa:before {top:17px}
.fixtop .navpc li .list dd:first-of-type a {padding-top:16px}
.fixtop .navpc li .list dd:last-of-type a {padding-bottom:18px}
.fixtop .navpc li .list dd:hover a:before {opacity:1;color:#fff}
.fixtop .navpc li .list dd a:hover {background: #00a3d3;color:#fff}

.fixtop .navpc li.lan {position: absolute;right:0;top:0;margin:0;}
.fixtop .navpc li.lan:before {content:'';position: absolute;width:70px;height:29px;pointer-events: none; z-index: 1;border-radius:29px;right:0;top:33px;background: #00a3d3}
.fixtop .navpc li.lan a.a {color:#fff; position: relative;padding-right:11px;padding-left:15px;width:45px;font-size:13px; line-height: 23px; z-index: 10}
.fixtop .navpc li.lan a span {font-size:400;display:inline-block; vertical-align: top;margin:1px -2px 0 5px;font-size:10px;coloR:#fff; z-index: 10;position: relative}

.fixtop .search {position:fixed;top:33px;left:50%;margin-left:565px;width:150px;height:27px;border-radius:27px;border:1px solid #797979;}
.fixtop .search button {cursor: pointer; background: url("../images/search.png") no-repeat center;width:27px;height:27px;display:inline-block; vertical-align: top;margin:0 3px 0 3px}
.fixtop .search input {width:100px;height:26px;display:inline-block; vertical-align: top;font-size:13px;font-weight:400}
.fixtop .lan-mb {position: absolute;right:0;top:0;display:none;}
.top-blank {height:95px}

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

.indpics {position: relative;}
.indpics .swiper-slide { position:relative;overflow: hidden;height:calc(100vh - 95px);height:-webkit-calc(100vh - 95px);}
.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: 200;}
.indpics .swiper-slide .text .wrap {height:100%;}
.indpics .swiper-slide .text .in {display:flex;align-items:left;justify-content: center;color:#fff; flex-direction: column;height:100%; text-align:left;}
.indpics .swiper-slide .text .title {font-size:50px; line-height: 1.4;font-weight:700; color:#fff;position: relative;padding:0 0 35px 0;margin:-90px 0 35px 0;}
.indpics .swiper-slide .text .title:before {content:'';position: absolute;left:0;bottom:-3px;height:5px;width:150px; background: #fff}
.indpics .swiper-slide .text .title:after {content:'';position: absolute;left:0;bottom:-1px;height:1px;width:535px; background: rgba(255,255,255,0.5)}
.indpics .swiper-slide .text .content {color:rgba(255,255,255,1);font-size:18px;max-width:535px}

.home-more a {height:60px; line-height: 58px;padding:0 0 0 30px;display:inline-block;background: #fff;color:#00a3d3;font-size:18px;font-weight:500;margin-top:60px}
.home-more a p {width:50px;height:60px;border-left:1px solid #00a3d3;display:inline-block; vertical-align: top; text-align: center;margin:0 0 0 30px;transition-duration: 0.5s}
.home-more a span {font-size:30px;display:inline-block; vertical-align: top;font-weight:400;margin:1px 0 0 0}
.home-more a:hover { background: #00a3d3;color:#fff}
.home-more a:hover p {border-color:#fff;}

.indpics .jump {position: absolute; z-index: 200;left:50%;margin-left:-15px;bottom:30px}
.indpics .jump i { background: url("../images/mouse.png") no-repeat center;background-size:100%;width:30px;height:76px;display:block;animation: myfirst 1.5s infinite;}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}
.indpics .swiper-button-next,.swiper-button-prev {top:auto;bottom:30px;margin-top:0;}
.indpics .swiper-button-prev {left:auto;right:88px}
.indpics .swiper-button-next{right:0%;}
.autoplay-progress {position: absolute;left: -5px;bottom: 25px;z-index: 10;width: 75px;height: 75px;display: flex;align-items: center;justify-content: center;font-weight: 700;color:#fff;}
.autoplay-progress:before {content:'';position: absolute;left:6px;top:6px;width:60px;height:60px;border-radius:50%; border:1px solid rgba(255,255,255,0.5); z-index: -1}
.autoplay-progress svg {--progress: 0;position: absolute;left: 0;top: 0px;z-index: 10;width: 100%;height: 100%;stroke-width:2px;stroke: #fff;fill: none;stroke-dashoffset: calc(125.6 * (1 - var(--progress))); stroke-dasharray: 125.6;transform: rotate(-90deg);}

.top-pic {position:relative;left:0;top:0;width:100%;padding:14.58333% 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:700;margin:0px 0 10px 0; text-transform: uppercase}
.top-pic .text .content {font-size:22px;color:rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 1px}

.home-about {background: url("../images/home-about-bg.jpg") no-repeat center;background-size:cover;position: relative;padding:70px 0 100px 0}
.home-about .row {display:flex;align-items: center;justify-content: space-between}
.home-about .row .left {width:50%;}
.home-about .row .left .text {background: #fff;padding:55px 55px 45px 60px;position: relative}
.home-about .row .left .text:before {content:'';position: absolute;left:38px;top:30px;width:35px;height:35px;background: url("../images/home-about-left-dou.png") no-repeat center;background-size:100%;display:None}
.home-about .row .left .text .title {color:#000;font-size:24px;line-height: 1.4;font-weight:700;}
.home-about .row .left .text .content {margin:20px 0 -20px 0}
.home-about .row .right {width:44.6%;}
.home-about .row .right .font {color: transparent; -webkit-text-stroke: 1px #dbdddc;font-size:90px; line-height: 1;font-weight:700;margin:0 0 35px 0; width:100%;text-align: justify; text-align-last: justify;text-justify: inter-word;}
.home-about .row .right .pic {position: relative}
.home-about .row .right .pic:before {content:'';position: absolute;left:0;top:-10px;width:24%;height:10px;background: #fe0000;}
.home-about .row .right .pic:after {content:'';position: absolute;right:0;top:-10px;width:76%;height:10px;background: #00a3d3;}
.home-about .row .right .pic p { overflow: hidden;border-bottom-left-radius:30px;}
.home-about .row .right .pic p img {width:100%; transition-duration: 0.5s}
.home-about ul {display:flex;justify-content: space-between;margin-top:90px}
.home-about li { text-align: center;position: relative}
.home-about li.line i {width:1px;height:100%;background: #dfe0e2;display:block}
.home-about li:last-of-type {display:none;}
.home-about li .pic {width:60px;height:60px;background-position: top;background-size:cover;margin:0 auto;transition-duration: 0.5s}
.home-about li .title {font-size:22px; line-height: 1.4;font-weight:700;margin:20px 0;color:#333;transition-duration: 0.5s}
.home-about li .content {color:#666;max-width:300px;font-size:13px}
.home-about li:hover .pic {background-position: bottom}
.home-more.small a {height:38px; line-height: 36px;font-size:16px;font-weight:400;background: #00a3d3;color:#fff}
.home-more.small a p {width:38px;height:38px;border-left:1px solid rgba(255,255,255,0.3);}
.home-more.small a span {font-size:20px;}
.home-more.small a:hover { background: #fe0000;}
.home-more.small a:hover p {border-color:rgba(255,255,255,0.3);}
.home-subject {margin-bottom:55px}
.home-subject .en {text-transform: uppercase;font-size:37px; line-height: 1.4;color:rgba(0,0,0,0.03);font-weight:700}
.home-subject .cn {coloR:#000;font-size:40px;line-height: 1.2;font-weight:700;position: relative; z-index: 10;display:inline-block;vertical-align: top;margin-top:-32px}
.home-subject .cn:before {content:'';position: absolute;left:0;bottom:1px;width:115px;height:8px;background: #fe0000; z-index: -1}
.home-subject .sub {display:inline-block;vertical-align: top;margin:-8px 0 0 0;color:#b3b3b3; line-height: 1.6}
.home-subject.center {text-align:center}
.home-subject.center .cn:before {left:50%;margin-left:-57px;}
.home-about .home-subject .cn {margin-right:20px;}

.indpro,.indhotpro {margin-top:80px}
.indpro .list {background:#f0f0f0;padding:45px 0; position: relative}
.indpro .swiper-slide .pic {background: #dadada;padding:10%; position: relative}
.indpro .swiper-slide .pic .in {padding:50% 0; position: relative;}
.indpro .swiper-slide .title a {display:block;font-size:20px;font-weight:300;color:#fff;padding:0 20px; background: #00a3d3;height:60px;line-height: 25px; overflow: hidden; text-align: center;}
.indpro .swiper-slide:hover .title a { background: #fe0000;}
.indpro .swiper-container {margin:0 100px}
.indpro .swiper-button-next,.indpro .swiper-button-prev {bottom:0;top:0;margin-top:-60px;width:auto;height:auto; background: none}
.indpro .swiper-button-next:after,.indpro .swiper-button-prev:after {content:"\e87e";font-size:80px;width:auto;padding:0;height:auto;line-height:auto;color:#00a3d3;border-radius:0;font-weight:700;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);opacity:0.15;border:0}
.indpro .swiper-button-next:after {transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);}
.indpro .swiper-button-prev {left:8px;}
.indpro .swiper-button-next{right:8px;}
.indpro .swiper-button-next:hover:after,.indpro .swiper-button-prev:hover:after{background:none;opacity:1;}

.indhotpro .picbg { background: url("../images/1.webp") no-repeat center; background-size:cover;height:700px; position: relative; z-index: 1}
.indhotpro .list { background: #fff;padding:0 0 60px 0}
.indhotpro .list .in {background: #f0f3f8;padding:3%;box-shadow:0px 0px 15px rgba(0,0,0,0.3);margin-top:-350px; position: relative; z-index: 10}
.product-lists {text-align: center}
.product-lists ul {gap:25px;display:flex;flex-wrap: wrap;}
.product-lists li {width:calc(20% - 20px);position: relative;background: #fff}
.product-lists li .text {position: relative;padding-top:50px}
.product-lists li .text .title {line-height: 1.6;position: absolute;left:0;top:25px;width:80%; padding:0 10%;text-align: center; z-index: 100}
.product-lists li .text .title a {font-size:16px;font-weight:700}
.product-lists li .pic {position: relative;padding:35px 50px 40px 50px;}
.product-lists li .pic h2 {padding:50% 0;position: relative;}
.product-lists li .pic h2 p {position: absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items: center;justify-content: center; text-align: center}
.product-lists li .pic h2 p img {max-width:90%;max-height:185px;margin:0 auto}
.product-lists li .more {display:flex;justify-content: space-between; align-items: center;justify-content: center}
.product-lists li .more a {height:50px; line-height: 48px;display:block;width:50%; text-align: center;border-top:1px solid #ddd;font-size:14px;color:#666;font-weight:400}
.product-lists li .more a:nth-child(2) {border-left:1px solid #ddd;}
.product-lists li .more a span {transform: rotate(90deg);display:inline-block; vertical-align: top;margin:1px 0 0 8px;font-weight:400;color:#00a3d3;font-size:14px}
.product-lists li .more a:Hover {background: #00a3d3;color:#fff;border-color:#00a3d3;}
.product-lists li .more a:Hover span {color:#fff}
.indhotpro .home-more {text-align:center;margin:20px auto 0 auto}

.home-news {background:url("../images/news-bg.jpg") no-repeat center;padding:100px 0 120px 0; background-size:cover;margin-top:40px}
.indnews .row {float:left;width:28%;margin:0 4% 0 0;}
.indnews .row .pic {position:relative;height:261px;overflow: hidden}
.indnews .row .addtime {padding:15px 0 0 0;color:#999}
.indnews .row .title {font-size:20px; line-height: 30px;height:30px;margin:5px 0 27px 0; overflow: hidden;font-weight:700}
.indnews .row .title a {color:#333}
.indnews .row .more {border-bottom:1px solid rgba(0,0,0,0.5);padding:0 0 12px 0}
.indnews .row .more a {color:#999;}
.indnews ul {float:right;width:35%;border-top:1px solid rgba(0,0,0,0.5)}
.indnews li {border-bottom:1px solid rgba(0,0,0,0.5);padding:9px 0 11px 0; position: relative}
.indnews li .addtime {position: absolute;right:0;top:9px;color:#999}
.indnews li .title {line-height: 30px;height:30px; overflow: hidden;padding:0 80px 0 0}

.home-news .home-news-more {position:absolute;right:0;top:25px}
.home-news-more {position: relative;height:40px; line-height: 38px;}
.home-news-more a {display:inline-block;padding:0 25px;position: relative; z-index: 10;color:#fff; background: #00a3d3}
.home-news-more a:hover {background: #fe0000}
.home-news-subject {padding:100px 0 50px 0;}
.home-news-subject h2 {font-weight:700;color:#333;font-size:35px; line-height: 1}
.home-news-subject h2 span {color:#00a3d3;}
.home-news-subject .subtitle {color:#999; text-transform: uppercase; position: relative;font-size:16px;margin:15px auto 0 50px; display: inline-block}
.home-news-subject .subtitle:before {content:''; position: absolute;top:15px;left:-50px;width:40px;height:1px; background: #999;}
.home-news-subject .subtitle:after {content:''; position: absolute;top:15px;right:-50px;width:40px;height:1px; background: #999;}

.home-more.big a {font-weight:400;background: #00a3d3;color:#fff}
.home-more.big a p {border-left:1px solid rgba(255,255,255,0.3);}
.home-more.big a:hover { background: #fe0000;}
.home-more.big a:hover p {border-color:rgba(255,255,255,0.3);}

.indpartner {padding:110px 0 150px 0}
.indpartner .text {height:1px; background: #d7d7d7;width:100%; position: relative;margin-top:90px}
.indpartner .text h2 { border:1px solid #d7d7d7;height:45px; line-height: 44px;border-radius:45px;display:inline-block;padding:0 45px; position: absolute;left:50%;top:-23px;font-size:18px;color:#999;font-weight:400; background: #fff;margin-left:-170px; letter-spacing: 0;transition-duration: 0.5s}
.indpartner .text h2:hover {background: #00a3d3;color:#fff;border-color:#00a3d3;}

.scroll-container {width: 100%;overflow: hidden;}
.scroll-row {display: flex;gap: 40px;width: max-content;}
.partner-logo {margin:20px 0;height: 120px;display: flex;align-items: center;justify-content: center;box-shadow:0 0 10px rgba(0,0,0,0.15);padding:0 50px;border:3px solid transparent; transition-duration: 0.5s}
.partner-logo:hover {border-color:#00a3d3;border-radius:10px;}
.partner-logo img {max-width: 100%;max-height: 50px;object-fit: contain;}
.animate-left {animation: scrollLeft 100s linear infinite;}
.animate-right {animation: scrollRight 100s linear infinite;}
.scroll-row:hover {animation-play-state: paused;}
@keyframes scrollLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@keyframes scrollRight {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

.bgline { position:absolute;bottom:0;left:0;width:100%; text-align: center; height:3px; z-index:-1}
.bgline i {width:0; height: 100%; background: #00a3d3; display: block;margin:0 auto}
a:Hover .bgline i{width:100%}
.site-sub-menu {border-bottom:1px solid #ccc;}
.site-sub-menu.bg{background: #edf2f6}
.site-sub-menu ul {display:flex;align-items: center;justify-content:center;height:100px; position: relative; z-index: 1;bottom:-2px;}
.site-sub-menu li {position: relative;margin:0 50px;}
.site-sub-menu li a {font-size:22px;display:block;height:100px;line-height: 98px;color:#999;font-weight:500}
.site-sub-menu.bg li a {color:#666}
.site-sub-menu.bg li:Hover a,.site-sub-menu.bg li.active a {color:#00a3d3}
.site-sub-menu li.active .bgline i,.site-sub-menu li:hover .bgline i{width:100%}
.site-sub-menu li.active a {font-weight:700}

.about-subject {margin:0 0 60px 0}
.about-subject .en {color:#333;font-size:70px; line-height: 1.2;font-weight:700; text-transform: uppercase}
.about-subject .cn {font-size:50px; line-height: 1.2;font-weight:500;color:#333;padding-left:30px;position: relative;margin-top:5px}
.about-subject .cn:before {content:'';position: absolute;left:0;top:20%;width:6px;height:70%;background: #fe0000;}
.about {padding-top:110px}
.about .list {display:flex;justify-content: space-between}
.about .list .text {width:50%}
.about .list .text .content {margin-top:40px;font-size:15px;}
.about .list .pics {width:40%}
.about .list .pics .en {position: absolute;right:0;top:-15px;color: transparent; -webkit-text-stroke: 1px #dbdddc;font-size:140px; line-height: 1;font-weight:700;text-align:center}
.about .list .pics .pic {position: relative;margin-top:170px}
.about .list .pics .pic p { overflow: hidden;border-top-left-radius:30px;position: relative;z-index: 10}
.about .list .pics .pic i {position: absolute;left:-12px;top:5%;background: #00a3d3;width:100px;height:95%;border-top-left-radius:30px;display:block; z-index: 1}
.about .list .pics .pic i:before {content:'';position: absolute;bottom:0;width:12px;height:27.5%; background: #fe0000; z-index: 2}
.about ul {background: #fff;padding:60px 4%}
.topoint {scroll-margin-top: 95px;}

.culture {margin:100px 0 0 0}
.culture li {float:left;width:33.3333%; overflow: hidden; position: relative;padding:19.5% 0}
.culture li:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background: rgba(0,0,0,0.4)}
.culture li:hover:before { background: rgba(0,0,0,0.6)}
.culture li .cons {position: absolute;left:0;top:0;width:90%;height:100%; z-index: 200; color:#fff;padding:0 5%; text-align: center}
.culture li .cons .icon {margin-top:25%}
.culture li .cons .icon img {height:125px;}
.culture li .cons .title {font-size:30px;color:#fff;margin:30px 0;font-weight:700}
.culture li .cons .content {font-size:16px;font-weight:300;max-width:80%;margin:0 auto; line-height: 1.6}

.indsubject {padding:0 0 90px 0; text-align: center; position: relative}
.indsubject .e {color:#999;letter-spacing: 0.5px; font-size:28px; line-height: 1.4; text-transform: uppercase}
.indsubject .t {font-size:40px; line-height: 50px; letter-spacing: 2px;color:#333; font-weight:700; position: relative;margin:5px 0 0 0}
.indsubject .t:before {content:'';left:50%;width:80px;height:5px; background:#00a3d3;margin-left:-40px; position: absolute;bottom:-25px;}
.indsubject .c {font-size:25px; line-height: 1.6;margin:42px 0 -25px 0}
.indsubject.left {text-align:left;}
.indsubject.left .t:before {left:0;margin-left:0}

.about-partner {padding:100px 0 120px 0;text-align:center;background: #f5f5f5;}
.about-partner ul {gap:30px;padding-top:20px;display:flex;flex-wrap: wrap}
.about-partner li {width:calc(20% - 24px);width:-webkit-calc(20% - 24px);border:1px solid #ddd;display: flex; align-items: center; justify-content: center;height:140px; position: relative;top:0; background: #fff}
.about-partner li:hover {top:-5px;box-shadow:0 0 20px rgba(0,0,0,0.2)}
.about-partner li img {max-width:200px;max-height:70px;margin:0 auto}

.product-menu .subject {font-size:28px; line-height: 1.2;font-weight:500;color:#fff;background: #00a3d3;padding:13px 20px 16px 25px;margin:0 0 12px 0}
.product-menu li{border-bottom:1px solid #ccc;position: relative}
.product-menu li a {display:block;padding:21px 0 23px 20px;margin-right:20px;color:#333;font-size:20px; line-height: 1.4;position: relative;}
.product-menu li i {position: absolute;right:0;top:0;width:20px;height:100%;text-align: right}
.product-menu li i:before{ content: "\e697";font-family: "iconfont" !important;font-size:22px; line-height: 1;transform: rotateY(180deg);display:inline-block;margin:25px 0 0 auto;transition-duration: 0.5s;position: relative}
.product-menu li a:Hover,.product-menu li:Hover i:before,.product-menu li.active i:before,.product-menu li.active a {color:#00a3d3}

body.bg {background: #edf2f6}
.maincurrent {color:#666}
.maincurrent a {font-size:16px; line-height: 1.4;color:#666}
.maincurrent span.icon-home1 {font-size:16px;margin:0 10px 0 0;position: relative;top:-1px;}
.maincurrent span.icon-back1 {font-size:16px; line-height: 1;transform: rotate(180deg);display:inline-block; vertical-align: top;margin:6px 6px 0 6px;}

.product-list{margin:80px 0 100px 0}
.product-list .wrap {display:flex;justify-content: space-between}
.product-list .product-menu {width:20.5%}
.product-list .product-lists .maincurrent {position: absolute;right:0;top:2px; z-index: 100}
.product-list .product-lists .subject {border-bottom:1px solid #ccc;padding:0 0 25px 0;font-weight:700;font-size:30px; line-height: 1; position: relative;margin:-5px 0 50px 0; text-align:left;}
.product-list .product-lists .subject:before{content:'';position: absolute;left:0;bottom:-2px;width:60px;height:5px;background: #fe0000;}
.product-list .product-lists {width:74.5%}
.product-list .product-lists ul {gap:25px;display:flex;flex-wrap: wrap;}
.product-list .product-lists li {width:calc(33.3333% - 16.6666px);position: relative;background: #fff}
.product-list .product-lists li .pic {padding-left:0;padding-right:0;width:190px;margin-left:auto;margin-right:auto;}
.product-list .product-lists li .pic h2 p img {max-width:90%;max-height:190px;}

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

.nshow .title { text-align: center;font-weight:700;font-size:35px; line-height: 1.4;color:#333;margin:120px 0 20px 0}
.nshow .addtime {color:#666; text-align: center;font-weight:300}
.nshow .text {box-shadow:0 0 10px rgba(0,0,0,0.2);padding:5%;margin:60px 0 0 0;font-size:18px; line-height: 2; background: #fff}
.nshow .text img {margin:10px 0}
.prevnext {margin:80px 0 120px 0;position: relative;font-size:16px; line-height: 26px;color:#666;display:flex;justify-content: space-between}
.prevnext a {color:#666}
.prevnext a:hover {color:#00a3d3}
.prevnext .prev {width:40%;padding:6px 0 0 140px; position: relative;box-sizing: border-box}
.prevnext .back {position: relative;top:-3px;}
.prevnext .back a { background: #00a3d3;display:block;height:45px; line-height: 43px;width:120px; text-align: center;margin:0 auto;color:#fff}
.prevnext .back a:hover {background:#fe0000;color:#fff}
.prevnext .next {width:40%; position: relative; text-align: right;box-sizing: border-box}
.prevnext .next .in2 {display:inline-block;margin:0 0 0 auto;  position: relative;padding:6px 140px 0 0;}
.prevnext p {background:#00a3d3;color:#fff;height:45px; line-height: 43px;width:120px; text-align: center; position: absolute;left:0;top:-3px}
.prevnext .next p {left:auto;right:0}
.prevnext a:hover p {background:#fe0000;}
.site-sub-menu.white {background: #fff}

.contact {background: url("../images/contact-map.jpg") no-repeat center;background-size:100%;position: relative;padding:100px 0 10px 0}
.contact ul { column-gap: 160px;display:flex;flex-wrap: wrap;}
.contact li {width:calc(50% - 80px);margin-bottom:110px}
.contact li .title {border-bottom:1px solid #bababa;font-size:35px; line-height: 1.4;font-weight:700;padding:0 0 20px 0;margin:0 0 25px 0;color:#000}
.contact li .content {line-height: 2;font-size:18px;}
.contact li .content b,.contact li .content strong {font-weight:500;display:inline-block;color:#000;font-size:22px}
.contact li .content h3 {color:#000;font-size:38px;line-height: 1.4; display:inline-block;font-weight:500}
.contact li .content .tel {color:#666;font-size:16px;line-height: 1.6;margin:0 0 0 15px;position: relative;top:-2px}
.map {margin-top:15px;border:1px solid #bababa;}
.map iframe,#container {width:100%;height:430px;}

.feedback .subject {text-align:center;font-weight:700;font-size:30px; line-height:1.6;margin:100px auto 60px auto;max-width:800px}
.feedback dl {display:flex;justify-content: space-between;gap:12px;margin:0 0 40px 0}
.feedback dd {flex:1;border:1px solid #999;text-align: center;font-size:18px;color:#999; line-height: 1.4;border-radius:5px; cursor: pointer;padding:30px 15px}
.feedback dd img {width:100px;height:100px;border-radius:50%;margin:0 0 20px 0}
.feedback dd.active {border-color:#00a3d3;color:#00a3d3;}
.feedback ul {display:flex;gap:15px;flex-wrap: wrap}
.feedback li {width:calc(33.3333% - 10px);width:-webkit-calc(33.3333% - 10px);}
.feedback li p {font-size:17px;margin:10px 0 10px 0; line-height: 30px;height:30px; overflow: hidden}
.feedback li p i {display:inline-block;vertical-align: top;margin:10px 7px 0 0;line-height:1;}
.feedback li input[type="text"] {height:55px;width:100%;border-radius:5px; background: #f4f4f4;padding:0 20px}
.feedback li textarea {height:185px;width:100%;border-radius:5px; background: #f4f4f4;padding:15px 20px; overflow: auto}
.feedback li.full {width:100%}
.feedback li.country {display:flex;gap:15px;}
.feedback li.country .col {width:calc(50% - 7.5px);width:-webkit-calc(50% - 7.5px);}
.feedback li.btn {text-align:center;width:100%}
.feedback li.btn button {width:200px;height:58px;padding:0 0 2px 0;background: #004098;color:#fff; text-align:center;font-size:19px;border-radius:5px;margin:50px auto 120px auto; cursor: pointer; transition-duration: 0.5s}
.feedback li.btn button img {margin:7px 0 0 10px}
.feedback li.btn button:hover {background: #fe0000}

/****文件上传样式*******/
.file-upload-box{ position:relative;}
.file-upload-box input {background: none;}
.file-upload-box input[type="text"]{width:100%;font-size:16px;height:55px; }
.file-upload-box input.file-upload-btn{ background:#ccc;height:55px;width:150px;position:absolute;right:0;top:0;font-size:18px;color:#000; cursor: pointer}
.file-upload-box input[type="file"] {position:absolute; top:0px; right:0; height:55px;filter:alpha(opacity=0);opacity:0;width:150px;cursor:pointer;}

.message ::-webkit-input-placeholder {color:#919191;}
.message:-moz-placeholder {color:#919191;}
.message::-moz-placeholder {color:#919191;}
.message:-ms-input-placeholder {color:#919191;}
.sshow-subject {font-weight:700;font-size:35px; line-height: 1;margin:40px 0 60px 0}
.message {background: #edf2f6;margin:0;padding:70px 0 120px 0;position: relative}
.message .type {position: absolute;right:0;top:5px;display:flex}
.message .type p {font-size:18px;position: relative;cursor: pointer;margin-left:30px}
.message .type p:before {content:'';position: absolute;left:0;bottom:-8px;width:100%;height:3px;background: #00a3d3;opacity:0}
.message .type p.active {color:#00a3d3}
.message .type p.active:before {opacity:1}
.message li.three {display:flex;justify-content: space-between}
.message li.three input {width:31.5%;background: #fff;border:1px solid #bababa;height:58px;padding:0 25px;box-sizing: border-box;font-size:16px}
.message li.beizu {margin:2.3% 0}
.message li textarea {width:100%;height:225px;background: #fff;border:1px solid #bababa;padding:20px 25px;box-sizing: border-box;font-size:16px;overflow: auto}
.message li.btn {display:flex;justify-content: space-between}
.message li.btn input {width:350px;background: #fff;border:1px solid #bababa;height:58px;padding:0 25px;box-sizing: border-box;font-size:16px}
.message li.btn img {border:1px solid #bababa;margin:0 0 0 10px;width:157px;height:56px;}
.message li button {width:450px;height:60px;color:#fff;cursor: pointer;font-size:20px;background: #00a3d3;padding:0 0 2px 0;transition-duration: 0.5s;font-weight:400;}
.message li button:hover {background: #fe0000}
.namemj {position: absolute;top:-80px;}

.foot-contact {background:#00a3d3;color:#fff;height:93px; line-height: 93px;font-size:14px;}
.foot-contact a {color:#fff;}
.foot-contact ul {display:flex;justify-content: space-between; align-items: center;justify-content: center}
.foot-contact li {width:29%;height: 93px;box-sizing: border-box; text-align:center;position: relative}
.foot-contact li:first-of-type {width:42%;background: #fe0000; text-align: left;}
.foot-contact li:first-of-type div {margin-left:23%;position: relative}
.foot-contact li:first-of-type i {position: absolute;right:8%;top:42px; background: url("../images/next.svg") no-repeat right;height:11px; background-size:cover;width:35%}
.foot-contact li:nth-child(2) {border-right:1px solid rgba(255,255,255,0.3);}
.foot-contact li:nth-child(3) {border-right:1px solid rgba(255,255,255,0.3);}
.foot-contact li img {width:23px;margin:34px 12px 0 0}
.foot-contact li:first-of-type img {margin-top:40px;}
.foot-contact li font {font-size:27px;}
.foot {background: #333;color:#fff;padding:70px 0 60px 0;font-weight:300}
.foot .text {margin:0 21% 0 0}
.foot .text .menu {display:flex;border-bottom:1px solid rgba(255,255,255,0.15);padding:0 0 38px 0;align-items: center;justify-content: space-between}
.foot .text .menu a {color:#fff;font-size:20px;}
.foot .text .content {color:rgba(255,255,255,0.8);font-size:18px; line-height: 2;margin-top:30px}
.foot .text .content a:hover {color:#fff}
.foot .text .content ul {margin:0;display:flex;justify-content: space-between}
.foot .text .content li { list-style: none;}
.foot .wx {position: absolute;right:0;top:10px;width:125px}