html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }
body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }
body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: 'Microsoft YaHei', Arial, sans-serif; }
ul, li { list-style: none; }
img { border: 0px; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }
article, aside, footer, header, nav, section { display: block; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }
a:hover { background-repeat: no-repeat; text-decoration: none; }
a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
audio, video { display: inline-block; }
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input, textarea, select { outline: none; }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom: 1; }
.clear { clear: both; line-height: 0; height: 0; font-size: 0; }
.show { display: block !important; }
.hide { display: none !important; }
.fl{float: left;}
.fr{float: right;}
.pc-height {height: 66px;}
.commonweb { padding: 0px 15px; }
.commonwebbox { margin-left: 0px; margin-right: 0px; }
.commonleft { float: none; }
.commonright { float: none; }
.visible-sm, .visible-md, .visible-lg { display: none; }
.hidden-sm, .hidden-md, .hidden-lg { display: block; }
.center{/*width: 1740px;*/margin: 0 auto;background: #fff;}
.center2{width: 1540px;margin: 0 auto;}
.my-5 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.text-center {
text-align: center;
}
.text-secondary {
color: #999;
}
@media (max-width: 1740px){.center{width: 100%;}.center2{width: 96%;}}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
@media (max-width: 320px) { body { min-width: 320px; } }
@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
.commonwebbox { margin-left: -10px; margin-right: -10px; }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
.visible-sm { display: block; }
.hidden-sm { display: none; } }
@media (min-width: 1024px) { .commonweb { padding: 0px 40px; }
.commonwebbox { margin-left: -10px; margin-right: -10px; }
.commonleft { float: left; }
.commonright { float: right; }
.visible-md { display: block; }
.hidden-md { display: none; }
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; } }
@media (min-width: 1200px) { html { cursor: default; }
.commonleft { float: left; }
.commonright { float: right; }
.visible-lg { display: block; }
.hidden-lg { display: none; }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.66666667%; }
.col-lg-10 { width: 83.33333333%; }
.col-lg-9 { width: 75%; }
.col-lg-8 { width: 66.66666667%; }
.col-lg-7 { width: 58.33333333%; }
.col-lg-6 { width: 50%; }
.col-lg-5 { width: 41.66666667%; }
.col-lg-4 { width: 33.33333333%; }
.col-lg-3 { width: 25%; }
.col-lg-2 { width: 16.66666667%; }
.col-lg-1 { width: 8.33333333%; } }
@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1540px; padding: 0; } }
body { font-family: "Microsoft YaHei"; }
.wfont72 { font-size: 24px; line-height: 34px; }
.wfont60 { font-size: 22px; }
.wfont50, .wfont55, .wfont58 { font-size: 20px; }
.wfont40, .wfont45 { font-size: 18px; }
.wfont36, .wfont35, .wfont32, .wfont30 { font-size: 18px; }
.wfont28, .wfont26, .wfont24, .wfont22 { font-size: 16px; }
.wfont16 { font-size: 14px; }
.inside-page { padding-top: 20px; }
.wpt100 { padding-top: 20px; }
.wpb100 { padding-bottom: 20px; }
.inside-title { text-align: center; padding-bottom: 10px; }
.inside-title h2 { font-weight: 500; }
@media (min-width: 768px) { .wfont72 { font-size: 28px; line-height: 38px; }
.wfont60 { font-size: 26px; }
.wfont58, .wfont55, .wfont50 { font-size: 24px; }
.wfont40, .wfont45 { font-size: 22px; }
.wfont36, .wfont35, .wfont32, .wfont30 { font-size: 20px; } }
@media (min-width: 1024px) { .wfont72 { font-size: 34px; line-height: 44px; }
.wfont60 { font-size: 32px; line-height: 42px; }
.wfont58, .wfont55, .wfont50 { font-size: 30px; line-height: 40px; }
.wfont40{font-weight: bold; }
.wfont40, .wfont45 { font-size: 28px;}
.iproitem-right .topinfo .wfont45{display: inline-block;}
.wfont36, .wfont35, .wfont32, .wfont31, .wfont30 { font-size: 24px; }
.wfont28, .wfont26, .wfont24, .wfont22 { font-size: 22px; font-weight: bold;}
.inside-page { padding-top: 40px; }
.wpt100 { padding-top: 40px; }
.wpb100 { padding-bottom: 40px; }
.inside-title { padding-bottom: 22px; }
.fl { float: left; }
.fr { float: right; } }
@media (min-width: 1260px) { .wfont72 { font-size: 44px; line-height: 54px; }
.wfont60 { font-size: 42px; line-height: 52px; }
.wfont58, .wfont55, .wfont50 { font-size: 40px; line-height: 50px; }
.wfont40, .wfont45 { font-size: 32px; line-height: 32px; }
.wfont36, .wfont35, .wfont32, .wfont31, .wfont30 { font-size: 30px; }
.wfont28 { font-size: 28px; }
.wfont26 { font-size: 26px; }
.wfont24 { font-size: 24px; }
.inside-page { padding-top: 100px; }
.wpt100 { padding-top: 80px; }
.wpb100 { padding-bottom: 100px; } }
@media (min-width: 1440px) { .wfont72 { font-size: 72px; line-height: 82px; }
.wfont60 { font-size: 60px; line-height: 70px; }
.wfont58 { font-size: 46px; line-height: 50px; }
.wfont55 { font-size: 42px; line-height: 60px; }
.wfont50 { font-size: 50px; line-height: 60px; }
.wfont40 { font-size: 40px; line-height: 40px; }
.wfont45 { font-size: 45px; line-height: 45px; }
.wfont36 { font-size: 36px; line-height: 36px; }
.wfont35 { font-size: 35px; line-height: 35px; }
.wfont32 { font-size: 32px; line-height: 32px; }
.wfont31 { font-size: 31px; line-height: 31px; }
.wfont16 { font-size: 16px; }
}
/* banner s*/
.inside-banner { position: relative; overflow: hidden; }
.inside-banner .image img { display: block; height: 200px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.insbantitle { position: absolute; top: 40%; color: #fff; width: 100%; }
.insbantitle h2 { color: #ffffff; }
.insbantitle h4 { font-family: "Microsoft YaHei"; font-weight: 300; letter-spacing: 1px; }
.indexbanner { width: 100%; overflow: hidden; position: relative; z-index: 10; }
.indexbanner ul { width: 100%; }
.indexbanner ul li { width: 100%; height: auto; overflow: hidden; z-index: 44; }
.indexbanner ul li .img { display: block; position: relative; height: 300px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.indexbanner ul li .img.img_pc{display: none;}
.indexbanner ul .inban-info {display: none; width: 100%; position: absolute; left: 0; top: 40%; color: #1d1340; font-size: 12px; }
.indexbanner ul .inban-info .cn { font-size: 18px; font-weight: 500; }
.indexbanner ul .inban-info .en { font-family: "Microsoft YaHei"; font-weight: bold; font-size: 16px; line-height: 18px; margin: 5px 0 10px; }
.indexbanner ul .inban-info .index-more { display: inline-block; border: solid 1px #1d1340; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 10px; height: 25px; line-height: 25px; }
@-webkit-keyframes updown { 0% { bottom: 30px;
opacity: 1; }
100% { bottom: 10px;
opacity: 0; } }
@keyframes updown { 0% { bottom: 30px;
opacity: 1; }
100% { bottom: 10px;
opacity: 0; } }
.logo a{width: 121px; }
@media (min-width: 440px) { .indexbanner ul li .img { width: 100%; height: auto; } }
@media (min-width: 768px) { .inside-banner .image img { width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; left: 0; height: auto; }
.insbantitle { top: 53%; }
.insbantitle h2 { padding: 0 0 15px; }
.insbantitle h4 { letter-spacing: 4px; line-height: 30px; }
.indexbanner ul .inban-info .cn { font-size: 24px; line-height: 30px; }
.indexbanner ul .inban-info .en { font-size: 20px; margin: 10px 0 20px; line-height: 26px; }
.indexbanner ul .inban-info .index-more { padding: 0 20px; height: 30px; line-height: 30px; } }
/* banner e*/
@media (min-width: 1024px) { .indexbanner ul .inban-info .cn { font-size: 30px; line-height: 40px; }
.indexbanner ul .inban-info .en { font-size: 30px; line-height: 34px; margin: 15px 0 30px; }
.indexbanner ul .inban-info .index-more { font-size: 16px; padding: 0 40px; height: 40px; line-height: 40px; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
.indexbanner ul .inban-info .index-more:hover { background-color: #007289; color: #fff; }
.indexbanner ul .info-one { -webkit-transition: all 400ms; transition: all 400ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
.indexbanner ul .info-two { -webkit-transition: all 800ms; transition: all 800ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
.indexbanner ul .info-three { -webkit-transition: all 1000ms; transition: all 1000ms; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
.indexbanner ul li.active .info-one, .indexbanner ul li.active .info-two, .indexbanner ul li.active .info-three { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
.indexb-dots { bottom: 21px; } }
/* banner e*/
@media (min-width: 1260px) { .indexbanner ul .inban-info { top: 46%; }
.indexbanner ul .inban-info .cn { font-size: 40px; line-height: 50px; }
.indexbanner ul .inban-info .en { font-size: 38px; line-height: 48px; margin: 20px 0 47px; }
.indexb-dots { bottom: 41px; }
.indexbanner ul li .img.img_mobile{display: none;}
.indexbanner ul li .img.img_pc{display: block;max-height: 555px;object-fit: cover;} }
@media (min-width: 1440px) { .indexbanner ul .inban-info .cn { font-size: 58px; line-height: 60px; } }
/* header s */
body { width: 100%; overflow-x: hidden;}
header { position: fixed; width: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, 1); z-index: 299; -webkit-transition: background-color 0.3s , top 0.3s; transition: background-color 0.3s , top 0.3s; }
header.scroll, header.hover, header.active { background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
header.scroll .logo a .dark, header.hover .logo a .dark, header.active .logo a .dark { display: none; }
header.scroll .logo a .light, header.hover .logo a .light, header.active .logo a .light { display: block; }
header.scroll nav .lvnav .lv1 h4 a, header.hover nav .lvnav .lv1 h4 a, header.active nav .lvnav .lv1 h4 a { color: #333; }
header.scroll .search-icon, header.hover .search-icon, header.active .search-icon { background-image: url(../images/hsearchac.png); }
header.scroll .lang-icon, header.hover .lang-icon, header.active .lang-icon { color: #333; }
header.scroll .mobnav-btn span, header.hover .mobnav-btn span, header.active .mobnav-btn span { background-color: #007289; }
header.open .index-login { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
.header-right { float: right; line-height: 60px; font-size: 0; }
.logo { padding: 7px 0; float: left; }
.logo a { display: block; width: 200px;}
.logo a img{width: 100%;}
.logo a .light { display: block; }
.logo a .dark { display: none; }
.search-icon { display: block; width: 44px; height: 44px; background-image: url(../images/hsearchac.png); background-repeat: no-repeat; background-position: center center; background-size: 20px; margin: 0 auto; }
.index-search { display: inline-block; vertical-align: middle; padding: 8px 0; }
.index-search .search-txt { line-height: 20px; color: #999999; font-size: 14px; display: none; }
.index-search .search-box { position: absolute; overflow: hidden; top: 60px; width: 100%; left: 0; background-color: #fff; padding: 20px 15px; display: none; border-bottom: 1px solid #ddd; }
.index-search .search-box input { display: block; height: 40px; font-size: 14px; }
.index-search .search-box .search-txt { width: 80%; text-indent: 10px; display: inline-block; vertical-align: top; float: left; border: 1px solid #cdcdcd; border-right: none;}
.index-search .search-box .search-txt::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }
.index-search .search-box .search-txt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }
.index-search .search-box .search-txt::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }
.index-search .search-box .search-txt:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }
.index-search .search-box .search-btn { width: 20%; z-index: 2; color: #fff; display: inline-block; vertical-align: top; font-family: "微软雅黑"; background-color: #007289; -webkit-transition: all .3s; transition: all .3s; float: left; }
.lang-icon { display: block; line-height: 30px; width: 30px; height: 30px;position: relative; background-size: 25px; font-size: 16px; margin: 0 auto; }
.index-lang { display: inline-block; vertical-align: middle; padding-top: 15px; padding-bottom: 15px; position: relative;}
.lang-dropmenu { position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; width: 50px; padding-top: 5px; padding-bottom: 5px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); display: none; }
.lang-dropmenu ul li { width: 100%; line-height: 20px; padding: 4px 0; text-align: center; }
.lang-dropmenu ul li a { display: block; width: 100%; color: #333; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; }
/*===========================*/
.mobnav-btn { display: inline-block; vertical-align: middle; width: 26px; height: 44px; position: relative; margin-left: 10px; }
.mobnav-btn span { position: absolute; width: 100%; height: 3px; background-color: #007289; -webkit-transition: all .3s; transition: all .3s; -webkit-border-radius: 3px; border-radius: 3px; }
.mobnav-btn span:first-child { top: 12px; left: 3px; right: 3px; width: auto; }
.mobnav-btn span:nth-child(2) { top: 50%; margin-top: -1px; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.mobnav-btn span:last-child { bottom: 12px; left: 3px; right: 3px; width: auto; }
.mobnav-btn.open span:first-child { top: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 100%; left: 0; right: 0; }
.mobnav-btn.open span:nth-child(2) { opacity: 0; }
.mobnav-btn.open span:last-child { bottom: 21px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 100%; left: 0; right: 0; }
nav{float: left;}
/*===========================*/
nav { position: fixed; top: 60px; background-color: #fff; left: 0; right: 0; bottom: 0; padding-top: 20px; padding-bottom: 80px; z-index: 188; overflow-x: hidden; overflow-y: auto; display: none; }
nav .lvnav { width: 100%; }
nav .lvnav .lv1 { width: 100%; padding: 0 15px; line-height: 40px; border-bottom: 1px solid #ddd; }
nav .lvnav .lv1 h4 { width: 100%; padding: 10px 0; position: relative; }
nav .lvnav .lv1 h4 a { display: block; color: #333333; font-size: 16px; -webkit-transition: all 0.3s; transition: all 0.3s; }
nav .lvnav .lv1 h4 .icon { position: absolute; width: 30%; right: 0; top: 0; height: 100%; }
nav .lvnav .lv1 h4 .icon:after { content: ''; position: absolute; border: 2px solid #666; border-left: none; border-bottom: none; width: 10px; height: 10px; right: 5px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top: 50%; margin-top: -9px; }
nav .lvnav .lv1.cur2 h4 .icon:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -2px; }
.hsubnav { width: 100%; padding: 0 0 15px 20px; opacity:0;z-index:-1; pointer-events: none;transition:all .5s;}
nav .lvnav .lv1:hover .hsubnav{ opacity:1;z-index:1; pointer-events: auto;}
.hsubnav .commonweb { padding: 0; }
.lv2nav { line-height: 30px; }
.lv2nav .lv2 { width: 100%; position: relative; }
nav .lvnav .pronav .lv2 .lv3nav a.seemore{display: none;}
@media (min-width: 1024px) {
.hsubnav .commonweb .lv2 {height: 390px;overflow: hidden;}
nav .lvnav .pronav .lv2 .lv3nav a.seemore {display: block;padding-left: 55px;}
}
.lv2nav .lv2 a { display: block; width: 100%; color: #333; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.index-contact { display: inline-block; background-color: #007289; height: 25px; line-height: 27px; text-align: center; color: #ffffff; -webkit-border-radius: 20px; border-radius: 20px; font-size: 12px; padding: 0 10px; vertical-align: middle; margin-left: 10px; }
.inside-terminal-header { height: 60px; }
.insiderfid-header .index-contact { color: #333; background-color: #dcdcdc; }
.insiderfid-header .index-contact:hover { color: #fff; background-color: #007289; }
.lv2nav .lv2 .himg { display: none; }
.lv2nav .lv2.cur .three-btn::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.lv2nav .three-btn { display: block; position: absolute; right: 0; top: 0; cursor: pointer; height: 30px; width: 80%; }
.lv2nav .three-btn::after { content: ''; position: absolute; border: 2px solid #666; border-left: none; border-bottom: none; width: 8px; height: 8px; right: 15px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top: 50%; margin-top: -6px; }
.lv2nav .lv3nav { padding: 0 0 0 20px; display: none; }
.lv2nav .lv3nav a { color: #3a3a3a; opacity: 0.7; font-size: 12px; text-transform: none; }
.index-search a.closeSearch{ background:url(../images/closeSearch.png) no-repeat center; background-size: 28px;}
@media (min-width: 1024px) { body { padding-top: 0px; }
header { -webkit-box-shadow: none; box-shadow: none; }
.header-left { float: none; width: 100%; font-size: 0; text-align: left; }
.header-right { line-height: 64px; }
.logo { padding: 12px 0 0; float: left; }
.search-icon { background-image: url(../images/hsearchac.png); }
.index-search { position: relative; padding: 11px 0; margin: 0; cursor: pointer; z-index: 3;}
.index-search .search-txt { display: block; }
.index-search .search-box { top:0px; bottom: 0px; width: 350px; left: auto; right: 40px; background-color: #fff; padding: 10px 10px; border-bottom: none;}
.index-search .search-box .search-btn:hover { background-color: #048fb6; }
.lang-icon { font-size: 14px; }
.index-lang { padding-top: 18px; padding-bottom: 18px; cursor: pointer;}
/*===========================*/
.mobnav-btn { display: none; }
/*===========================*/
nav { position: static; background-color: transparent; padding-top: 0px; padding-bottom: 0px; overflow: inherit; display: inline-block; vertical-align: top;padding-left: 50px; }
nav .lvnav { font-size: 0; }
nav .lvnav .lv1 { width: auto; padding: 0 12px; border-bottom: none; display: inline-block; vertical-align: top; position: relative; }
nav .lvnav .lv1 h4 { padding: 0; text-align: center; line-height: 66px; }
nav .lvnav .lv1 h4 a { font-size: 14px; position: relative; color: #333; }
nav .lvnav .lv1 h4 a:after { content: ''; position: absolute; bottom: 0; height: 4px; background-color: #007289; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: all 0.3s; transition: all 0.3s; left: 51%; right: 51%; }
nav .lvnav .lv1 h4 .num { display: none; }
nav .lvnav .lv1 h4 .nvm { display: block; }
nav .lvnav .lv1 h4 .icon { display: none !important; }
nav .lvnav .lv1.cur h4 a, nav .lvnav .lv1:hover h4 a { color: #007289 !important; }
nav .lvnav .lv1.cur h4 a:after, nav .lvnav .lv1:hover h4 a:after { left: 0; right: 0; }
.hsubnav { position: absolute; width: 130px; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 10px rgba(0,0,0,.3); padding: 10px 0 15px; }
nav .lvnav .pronav { position: static; }
nav .lvnav .pronav .hsubnav { width: 100%; border-top: 1px solid #eee; padding: 0; overflow: auto;height: calc(100vh - 150px); }
nav .lvnav .pronav .lv2nav { position: relative; bottom: -2px; }
nav .lvnav .pronav .lv2 { float: left; width: 33.3333%; border-bottom: 1px solid rgba(210, 209, 209, 0.4); padding: 22px 0 14px 22px; }
nav .lvnav .pronav .lv2:nth-last-child(1), nav .lvnav .pronav .lv2:nth-last-child(2) { border: 0; }
nav .lvnav .pronav .lv2 .himg { display: block; float: left; padding: 42px 0 0; max-width: 122px; }
nav .lvnav .pronav .lv2 .himg img { max-width: 100%; }
nav .lvnav .pronav .lv2 .halink { overflow: hidden; text-align: left; padding: 10px 10px 20px 10px; }
nav .lvnav .pronav .lv2 .halink h3 { font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
nav .lvnav .pronav .lv2 .halink h3 a { font-size: 16px; opacity: 0.98;font-weight: bold; }
nav .lvnav .pronav .lv2 .lv3nav { display: block !important; padding: 0; overflow-y: auto; }
nav .lvnav .pronav .lv2 .lv3nav a { text-align: left; color: #3a3a3a; opacity: 0.7; font-size: 14px; line-height: 20px; padding: 7px 0 0; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
nav .lvnav .pronav .lv2 .lv3nav a:hover { color: #007289; }
nav .lvnav .pronav .lv2 .lv3nav::-webkit-scrollbar {
width: 5px;
height: 10px;
background-color: #fff;
}
nav .lvnav .pronav .lv2 .lv3nav::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
border-radius: 2px;
background-color: #fff;
}
nav .lvnav .pronav .lv2 .lv3nav::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
background-color: #007289;
}
.lv2nav .three-btn { display: none; }
.lv2nav { display: block; padding-right: 0px; line-height: 38px; }
.lv2nav .lv2 { text-align: center; }
.lv2nav .lv2 a { position: relative; }
.lv2nav .lv2 a:hover { color: #007289; }
.lang-dropmenu ul li { padding: 10px 0; }
.lang-dropmenu ul li a { font-size: 14px; }
.lang-dropmenu ul li a:hover { color: #007289; }
.index-contact { padding: 0 15px; height: 30px; line-height: 30px; font-size: 14px; margin-left: 15px; }
.index-header nav .lvnav .lv1 h4 a { color: #333; }
.index-header .search-icon { background-image: url(../images/hsearchac.png); }
.index-header .lang-icon { color: #333; }
/* .index-header .index-lang { margin-left: 10px; } */
.index-header nav { padding-left: 5%; }
.inside-terminal-header { height: 80px; } }
@media (min-width: 1260px) {
.logo { padding: 5px 0 0; }
.header-right { line-height: 64px; }
.index-search { padding: 0 0; }
.index-lang { padding: 18px 0; }
.index-search .search-box{top: -7px;}
nav .lvnav .lv1 { padding: 0 18px; }
nav .lvnav .lv1 h4 { line-height:66px; }
nav .lvnav .lv1 h4 a { font-size: 16px; }
.hsubnav { width: max-content; }
.lv2nav .lv2 a { font-size: 16px;padding-left: 20px;padding-right: 20px; }
.index-header nav{padding-left: 50px;}
.insiderfid-header nav { padding-left: 100px; }
.inside-terminal-header { height: 110px; } }
footer { width: 100%; position: relative; background-color: #272727; z-index: 33; color: #fff; }
@media (min-width: 1024px) { footer { padding: 0 0; } }
.inside-subnav { background-color: #fff; border-bottom: 1px solid #ececec; position: relative; z-index: 200; }
.channel-title { line-height: 50px; font-size: 14px; position: relative; text-align: center; }
.channel-title.none { display: none; }
.channel-title:after { content: ''; display: inline-block; vertical-align: middle; margin: 0 -15px -3px 10px; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #333 transparent transparent transparent; }
.subnav { display: none; position: absolute; width: 100%; top: 51px; z-index: 10; left: 0; background-color: #fff; padding-bottom: 10px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); font-size: 0; overflow: hidden; }
.subnav ul { display: block; width: 100%; }
.subnav ul li { display: block; width: 100%; text-align: center; line-height: 42px; }
.subnav ul li a { display: block; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 14px; padding: 0 15px; color: #828282;white-space: nowrap; }
.subnav .sub-btn { display: none; }
@media (min-width: 1024px) { .channel-title { display: none; }
.subnav { display: block !important; position: static; background-color: transparent; padding-bottom: 0px; -webkit-box-shadow: none; box-shadow: none; }
.subnav ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: space-between; -ms-flex-pack: center; justify-content: space-between; }
.subnav ul li { line-height: 70px; width: auto; position: relative; text-align: center;}
.subnav ul li a { position: relative; -webkit-transition: all ease .5s; transition: all ease .5s; position: relative; color: #666; padding: 0 20px; font-size: 16px; font-weight: bold; }
.subnav ul li a::after { content: ""; height: 3px; position: absolute; bottom: -1px; left: 51%; right: 51%; z-index: -1; background-color: #2da2b9; -webkit-transition-property: left,right; transition-property: left,right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; color: #0052a0; display: block; }
.subnav ul li.cur a, .subnav ul li:hover a { color: #35bed9; }
.subnav ul li.cur a, .subnav ul li:hover a {background: #35bed9; color: #fff;}
.subnav ul li.cur a::after, .subnav ul li:hover a::after { left: 0; right: 0; z-index: 1; }
.subnav .sub-btn { width: 44px; height: 100%; cursor: pointer; z-index: 10; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0; }
.subnav .sub-btn::before { display: block; content: ""; width: 16px; height: 16px; border-left: 2px solid #848484; border-bottom: 2px solid #848484; }
.subnav .sub-btn.sub-prev { left: 0; }
.subnav .sub-btn.sub-prev::before { -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); margin: 25px 0 0 17px; }
.subnav .sub-btn.sub-next { right: 0; }
.subnav .sub-btn.sub-next::before { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); margin: 25px 0 0 8px; } }
/* 内页导航 e */
/* 关于我们-新闻资讯 s */
.inside-more { text-align: center; }
.inside-more a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; border: solid 2px #007289; color: #333; height: 35px; line-height: 35px; padding: 0 20px; font-weight: 500;border-radius: 5px; }
/* 关于我们-新闻资讯-详情页 */
.insnews-detail-title { border-top: 2px solid #666; border-bottom: 1px solid #dddddd; padding: 15px 0 10px; }
.insnews-detail-title h1 { color: #333; font-family: "Microsoft YaHei"; }
.insnews-detail-title .date { color: #306091; font-family: "Microsoft YaHei"; }
.insnews-detail-content { color: rgba(61, 63, 72, 0.8); font-size: 13px; line-height: 22px; padding: 15px 0; }
.insnews-detail-content img { max-width: 100%; }
.insnews-detail-foot { border-top: 1px solid #141d29; border-bottom: 1px solid #141d29; margin: 0 0 20px; }
.insnews-detail-foot ul li { padding: 10px 80px 10px 0; border-bottom: 1px solid #dddddd; position: relative; }
.insnews-detail-foot ul li .pice { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }
.insnews-detail-foot ul li .pice::after { content: ""; width: 0; height: 0; border: 5px solid transparent; display: inline-block; margin: 0 15px; }
.insnews-detail-foot ul li .desc { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 56%; }
.insnews-detail-foot ul li .date { color: #000; font-family: "Microsoft YaHei"; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; }
.insnews-detail-foot ul li:nth-child(2) .pice::after { border-top-color: #000000; vertical-align: text-bottom; }
.insnews-detail-foot ul li:nth-child(1) .pice::after { border-bottom-color: #000000; vertical-align: text-top; }
/* 关于我们-联系我们 */
.inside-contact-list ul { margin: 0 -5px; }
.inside-contact-list ul li { padding: 0 0 10px; }
.inside-contact-list ul li .content { border: solid 3px #e1e5ec; padding: 20px 15px; }
.inside-contact-list ul li .info { float: left; color: #999; font-weight: 500; }
.inside-contact-list ul li .info a { display: block; color: #555; font-family: "Microsoft YaHei"; font-size: 16px; }
.inside-contact-list ul li .icon { float: right; }
.inside-contact-list ul li .icon img { height: 50px; }
.inside-contact-list ul li:last-child .icon img { height: 80px; }
.inside-contact-map { width: 100%; overflow: hidden; position: relative; }
#dituContent {width:800px;height:344px}
/* 关于我们-公司介绍 */
.inside-about-desc { max-width: 890px; margin: 0 auto; }
/* index-产品中心 */
.index-title { color: #161616;text-align: center; }
.index-title h2{font-weight: bold !important;}
.index-title .title .en { text-transform: capitalize; font-family: "Microsoft YaHei"; font-weight: bold;color: #666; }
.index-title .desc { padding: 0; line-height: 16px; }
/* .index-title .desc { padding: 5px 0; line-height: 16px; } */
/* index-新闻资讯 */
.index-news{margin:30px auto;overflow:hidden;}
.index-news ul{background:#f6f6f6;overflow:hidden;clear:both;padding: 10px 25px;}
.index-news ul li{padding:30px 0;border-bottom:1px solid #707070;overflow:hidden;clear:both;}
.index-news ul li a>span{width:180px;display:block;float:left;}
.index-news ul li a>span img{width:100%;}
.index-news ul li .news{line-height:30px;padding-left:200px;}
.index-news ul li .news .p1{font-size:22px;color:#575757;padding:0;font-family:'Microsoft YaHei',Arial,sans-serif;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-top: -4px;margin-left: -12px;}
.index-news ul li .news .p1:hover{color:#007289;}
.index-news ul li .news .time{margin-bottom: 5px; font-family: "Microsoft YaHei",Arial,sans-serif;}
.index-news ul li .news .p1 span{font-size:22px;color:#007289;}
.index-news ul li .news p{font-size:16px;color:#575757;font-family:'Microsoft YaHei',Arial,sans-serif;}
.index-news ul li .news .p2{font-size:16px;color:#575757;line-height:20px;font-family:'Microsoft YaHei',Arial,sans-serif;max-height: 46px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index-news ul li:last-child{border:0;}
@media (max-width: 960px){
#dituContent {width:100%;height:344px}
}
@media (max-width: 540px){
.index-news ul li .news {padding-left: 0; margin-top: 26px;}
.index-news ul li a>span {float: none;width: 100%;}
}
/* index-产品中心 */
.indexpro-wrap .pimg { position: relative; z-index: 2; padding-left: 70px;margin-top:-137px;}
.indexpro-wrap .pimg img { max-width: 100%;max-height: 450px; }
.indexpro-wrap .inpromore { color: #005fea; }
.indexpro-wrap .inpromore::after { content: ""; display: inline-block; vertical-align: 1px; width: 8px; height: 8px; border-top: 1px solid #005fea; border-right: 1px solid #005fea; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: 5px; }
.proshadow { -webkit-box-shadow: 1px 6px 20px 1px rgba(0, 0, 0, 0.08); box-shadow: 1px 6px 20px 1px rgba(0, 0, 0, 0.08); padding:0px; background-color: #fff; }
.indexpro-content { margin: 10px 0 10px; }
/* .indexpro-wrap { padding: 20px 0 0; } */
.inxpro-table { padding: 15px; display: none; background: none !important; box-shadow: none !important; }
.inxpro-table .atags { overflow: auto; margin: 3px 0 0; }
.inxpro-table .atags ul { width: -webkit-max-content; width: -moz-max-content; width: max-content; }
.inxpro-table .atags ul li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding: 0 10px 0 0; }
.inxpro-table .atags ul li a { display: block; color: #888888; }
.inxpro-table .atags ul li a:hover a { color: #161616; }
.inxpro-table .atags ul li.cur a { color: #161616; }
/* .inxpro-table-content { padding: 20px 0 0; } */
.inpro-items { position: relative; overflow: hidden; display: none; }
.inpro-items:first-child { display: block; }
.inpro-items .pimg { text-align: right; }
/* .inpro-items .pimg { padding: 20px 0 0; text-align: right; } */
.inpro-items ul li::before { position: absolute; bottom: -98%; left: -50%; content: ""; z-index: 1; width: 200%; height: 100%; background-color: #ececec; -webkit-transform: rotate(-23deg); -ms-transform: rotate(-23deg); transform: rotate(-23deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-border-radius: 0px; border-radius: 0px; }
.inpro-items .info { padding: 20px; position: relative; z-index: 3; }
.inpro-items .info .title { color: #3f3f3f; }
.inpro-items .info .proname { color: #161616; padding: 3px 0 5px; font-weight: bold;}
.inpro-items .info .desc { color: #161616; }
/* index-产品中心 新 */
.index_product .layouts {
width:100%;
}
.index_product .nlist {
width:100%;
padding:0 1%;
box-sizing:border-box;
display:table;
}
.index_product .nlist li {
width:49.5%;
float:left;
position:relative;
margin-right:1%;
margin-bottom:1.1rem;
box-shadow: 1px 1px 10px #eee;
justify-content: center;
display: flex;
align-items: stretch;
}
.index_product .nlist ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.index_product .nlist li:nth-child(2n) {
margin-right:0;
}
.index_product .nlist li:hover {
box-shadow:0 0 10px 0 rgba(0,0,0,.15);
}
.index_product .nlist li .nimg {
width:100%;
text-align: center;
}
.index_product .nlist li .nimg img {
width:100%;
max-width: 500px;
}
.index_product .nlist li .tbox {
position:static;
width:100%;
left:0;
top:0;
z-index:2;
text-align:center;
color:#000;
padding-top:2.5rem;
padding-bottom: 2rem;
background: rgba(255, 255, 255, .8);
}
.index_product .nlist li .tbox .t1 {
font-size:1.8rem;
font-weight:bold;
}
.index_product .nlist li .tbox .t2 {
font-size:1rem;
margin-top:1.2rem;
padding: 0 1rem;
}
.index_product .nlist li .tbox .t3 {
font-size:1rem;
color:#4489ec;
margin-top:1.2rem;
}
.padd{padding: 60px 0 100px;display: flow-root;}
.titt{margin-bottom: 30px;}
.titt b{color: #007289;display: inline-block;margin-bottom: 10px;}
.titt h2{font-size: 36px;color: #333;line-height: 44px;font-weight: bold;}
.titt .rec{width: 65px;height: 5px;background: #007289;margin-top: 10px!important;margin-bottom: 20px!important;}
.des,.des p{font-size: 17px;color: #555;line-height: 30px;}
.des img{max-width: 100%;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.more-btn {text-align: center;}
.amore{padding: 0 40px;font-size: 16px;color: #fff;background: #007289;border-radius: 5px;font-weight: bold;display: inline-block;height: 55px;line-height: 55px;overflow: hidden;}
.amore:hover{text-decoration: underline;}
.amore2{background: none;color: #007289;border: 1px solid #007289;box-sizing: border-box;margin-top: 60px;}
.amore2:hover{color: #fff;background: #007289;text-decoration: none;}
.amore3{border: 1px solid #fff;background: none;}
.amore3:hover{color: #007289;background: #fff;text-decoration: none;}
.list-three li{width: 32%;float: left;margin-right: 2%;}
.list-three li:nth-child(3n){margin-right: 0;}
.des2{font-size: 15px;line-height: 24px;color: #555;overflow: hidden;}
.index-app li{position: relative; margin-bottom: 22px; overflow: hidden;border-radius: 10px;}
.index-app li .effect-img{font-size: 0;}
.index-app li .effect-img img{width: 100%; height: 325px;object-fit: cover;}
.index-app li .effect-text{position: absolute; width: 100%; height: 100%; padding: 40px 70px; top: calc(100% - 60px); left: 0; text-align: center; background: rgba(0, 0, 0, .7); transition: .5s;}
.index-app li:hover .effect-text{top: 0;}
.index-app li .effect-text h2{height: 22px; color: #ffffff; font-size: 18px;transition: .5s;font-weight: bold;margin-top: -20px;line-height: 22px;display: block;overflow: hidden;margin-bottom: 40px;}
.index-app li:hover .effect-text h2{margin-top: 0;}
.index-app li .effect-text .des2{height: 120px;text-align: left;color: #fff;}
.index-app li:hover .effect-text{background: rgba(0, 114, 137, .7);}
.index-app li:last-child{margin-right: 0;}
.index-pro1{background-size: cover;position: relative;}
.index-pro1 .titt h2{height: 88px;overflow: hidden;display: block;}
.inpro,.inpro2{height: 640px;overflow: hidden;}
.inpro .swiper-slide{height: 100%;position: relative;}
.inpro .swiper-slide .imgg{width: 50%;position: absolute;bottom: 0;left: 0;text-align: center;}
.inpro .swiper-slide .imgg img{max-width: 100%;max-height: 500px;}
.inpro .swiper-slide .txt{width: 46%;background: #fff;padding: 100px 90px 70px;background: #fff;position: absolute;bottom: 0;right: 0;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.index-pro1 .swiper-container-vertical>.swiper-pagination-bullets{right: 130px;top: 60%;}
.index-pro1 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;margin-top: 15px;}
.index-pro1 .swiper-pagination-bullet{width: 10px;height: 10px;background: #ccc;opacity: 1;}
.index-pro1 .swiper-pagination-bullet-active{background: #007289;}
.index-pro2{background: #fff;}
.inpro2 .swiper-slide .txt{background: #f3f3f3;}
.inpro .swiper-slide .des{max-height: 120px;overflow: hidden;}
@media (max-width: 1740px){
.index-pro1 .swiper-container-vertical>.swiper-pagination-bullets{right: 50px;}
}
@media (max-width: 1400px){
.titt h2{font-size: 30px;line-height: 36px;}
.inpro .swiper-slide .txt{padding: 50px 40px;}
.inpro, .inpro2{height: 560px;}
.index-app li .effect-img img{height: 300px;}
.index-adv{padding-bottom: 20px;}
.index-adv .swiper-slide{padding: 30px;}
.index-new li.fir b{font-size: 24px;}
.index-new li .txtt{padding: 20px;}
.index-new li .txtt b{font-size: 20px;line-height: 26px;height: 78px;}
.index-new li .txtt{height: 220px;}
.index-new li.fir .imgfd img{height: 430px;}
}
@media (max-width: 1200px){
.titt h2{font-size: 24px;}
.des, .des p{font-size: 16px;}
.amore2{margin-top: 40px;}
.inpro .swiper-slide .txt{width: 50%;}
.index-pro1 .swiper-container-vertical>.swiper-pagination-bullets{right: 4%;}
.padd{padding: 60px 0 70px;}
.inpro, .inpro2{height: 560px;}
.index-app li .effect-img img{height: 230px;}
.index-cla .txt .pad{padding: 120px 150px 0 50px;}
.index-cla .titt{margin-bottom: 40px;}
.index-cla .imgfd img, .index-cla .txt{height: 450px;}
}
@media (max-width: 1024px){
.padd{padding: 40px 0 50px;}
.amore2{margin-top: 20px;}
.titt{margin-bottom: 20px;}
.titt b{margin-bottom: 5px;}
.list-three li,.list-three li:nth-child(3n){width: 49%;margin-right: 2%;}
.index-app li .effect-img img{height: 300px;}
.index-app li .effect-text h2{font-size: 17px;}
.index-cla .txt .pad{padding-top: 80px;}
.index-cla .imgfd img, .index-cla .txt{height: 380px;}
.index-new li.fir{width: 100%;}
.index-new li{margin-left: 0;}
.index-new li .imgfd img{height: 260px;}
.index-new li.fir b{font-size: 20px;}
}
@media (max-width: 960px){
.des, .des p{font-size: 15px;line-height: 26px;}
.amore{height: 50px;line-height: 50px;}
.inpro .swiper-slide .imgg{width: 100%;position: inherit;height: 220px;}
.inpro .swiper-slide .txt{width: 100%;}
.inpro, .inpro2{height: 670px;}
.index-pro1 .swiper-container-vertical>.swiper-pagination-bullets{top: 80%;}
.inpro .swiper-slide .imgg img{width: 60%;margin: 0 auto;display: block; min-height: 186px; object-fit: contain; max-height: 100%;}
.index-app li .effect-img img{height: 240px;}
.index-cla .txt .pad{padding: 70px 80px 0 30px;}
.index-cla .txt{max-width: 64%;}
.index-cla .imgfd img, .index-cla .txt{height: 340px;}
.index-new li .imgfd img{height: 200px;}
.index-new li.fir b,.index-new li .txtt b{font-size: 18px;}
.index-new li .txtt{height: auto;}
.index-pro1 .titt h2{height: 32px;}
}
@media (max-width: 540px){
.index_product .nlist li {width: 100%;}
.index_product .nlist li .tbox {
position: relative;
padding-top: 1.5rem;
padding-bottom: 1rem;
}
.index_product .nlist li .tbox .t1 {
font-size: 1.6rem;
}
.index_product .nlist li .tbox .t2 {
padding:0 15px;
}
.amore{height: 40px;line-height: 40px;}
.titt h2{font-size: 20px;line-height: 28px;}
.titt{margin-bottom: 10px;}
.des, .des p{font-size: 14px;line-height: 24px;}
.inpro .swiper-slide .imgg img{width: 100%;min-height: 186px; object-fit: contain; max-height: 100%;}
.inpro .swiper-slide .txt{padding: 30px;}
.inpro, .inpro2{height: 660px;}
.inpro .swiper-slide .des{max-height: 96px;overflow: hidden;}
.index-pro1 .titt h2{height: 26px;line-height: 26px;}
.list-three li,.list-three li:nth-child(3n){width: 100%;}
.titt .rec{margin-top: 20px!important;}
.index-app li .effect-text h2{font-size: 16px;}
.index-adv .swiper-slide b{margin-top: 20px;font-size: 16px;height: auto;}
.des2{font-size: 14px;line-height: 22px;}
.index-adv .swiper-slide .des2{height: auto;}
.index-cla .txt{max-width: 100%;}
.index-cla .imgfd img, .index-cla .txt{height: 260px;}
.index-cla .txt .pad{padding-top: 50px;}
.index-cla .titt{margin-bottom: 25px;}
.index-new li.fir .imgfd img{height: 300px;}
.index-new li.fir .txt .pad{padding: 20px;}
.index-new li.fir b, .index-new li .txtt b{font-size: 16px;line-height: 24px;height: 48px;overflow: hidden;display: block;margin-bottom: 10px;}
.index-new li.fir p{display: none;}
.index-new li.fir i,.index-new li .txtt i{font-size: 14px;}
.index-new li{width: 100%;}
.index-new li .imgfd img{height: 220px;}
.index-new li:last-child,.list-three li:last-child{margin-bottom: 0;}
.amore{padding: 0 20px;height: 40px;line-height: 40px;font-size: 14px;}
}
/* 行业应用-零售 */
.inscation-list { padding: 0 0 20px; }
.inscation-list ul li { padding: 0 0 10px; }
.inscation-list ul li .img img { width: 100%;height: 250px; object-fit: cover; }
.inscation-list ul li .info { padding: 10px; border: solid 1px #e8e8e8; }
.inscation-list ul li .info h4 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-bottom: 1px solid #e8e8e8; padding: 0 0 10px; font-weight: 500; }
.inscation-list ul li .info .desc { color: #666666; margin: 10px 0 0; }
.indexProductSwiper .indexProductSwiperDot{text-align: center;}
@media screen and(max-width:992px) {}
@media (min-width: 440px) {
}
@media (min-width: 768px) { /* 关于我们-联系我们 */
.inside-contact-list ul { margin: 0 -5px; }
.inside-contact-list ul li { float: left; width: 50%; padding: 0 5px 10px; }
.inside-contact-list ul li .icon img { height: 60px; }
.inside-contact-list ul li .info { padding: 8px 0 0; }
/* 关于我们-公司介绍 */
.insculutre-img .en { font-size: 30px; letter-spacing: 20px; }
/* index-产品中心 */
.indexpro-content { position: relative; margin: 0 0 30px; }
.indexpro-content::before { content: ""; display: block; width: 22%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; background-color: #fff; -webkit-box-shadow: 1px 6px 20px 1px rgba(0, 0, 0, 0.08); box-shadow: 1px 6px 20px 1px rgba(0, 0, 0, 0.08); }
.index-title{ display: block;}
.inxpro-table { float: left; width: 22%; /*-webkit-box-shadow: none; box-shadow: none;*/ display: block; }
.inxpro-table .atags ul { width: auto; }
.inxpro-table .atags ul li { display: block; padding: 20px 0 0; }
.inxpro-table-content { float: right; width: 77%; padding: 0; }
.inpro-items .pimg { margin-top: -175px; }
.inpro-items .info .proname { padding: 8px 0 20px; }
.inpro-items .info .desc { padding: 50px 0 0; }
/* index-新闻资讯 */
.index-news .item { height: 280px; }
.index-news .left { float: left; width: 66.66667%; position: relative; padding: 0; }
.index-news .left dl { border-right: 1px solid #dbdbdb; }
.index-news .left dl dt { float: left; width: 52.06508%; margin: 0; }
.index-news .left dl dt .img { height: 226px; }
.index-news .left dl dd { overflow: hidden; padding: 0 10px 0 14px; }
.index-news .left dl dd .amore { right: 10px; }
.index-news .right { float: right; width: 30.91667%; position: relative; }
.index-news .right dl { padding-bottom: 16px; }
.index-news .right dl dt { margin: 0; }
.index-news .right dl dt .img { height: 143px; }
.index-news .right dl dd { padding: 10px 0 0; }
.index-news dl { padding: 10px 0 0; }
.index-news dl dd .alink a { margin: 0; }
.index-news dl dd .amore { position: absolute; right: 0; bottom: 0; }
/* 行业应用-零售 */
.inscation-list ul { margin: 0 -15px; }
.inscation-list ul li { float: left; width: 33.3333%; padding: 0 15px 30px; }
.inscation-list ul li .info .desc { display: -webkit-box; height: 66px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.index-news .left dl dt .img:after { padding-bottom: 89.66346%;}
}
@media (min-width: 1024px) {
.insprocat-items ul li .content{min-height:380px;}
.inside-more a { height: 60px; line-height: 60px; padding: 0 70px; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
.inside-more a:hover { background-color: #007289; color: #ffffff; }
/* 关于我们-新闻资讯-详情页 */
.insnews-detail-title { padding: 40px 37px; position: relative; }
.insnews-detail-title h1 { font-weight: 300; }
.insnews-detail-title .date { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 37px; font-size: 18px; }
.insnews-detail-content { padding: 40px 40px 50px; font-size: 14px; line-height: 24px; }
.insnews-detail-foot { font-size: 18px; margin: 0 0 40px; }
.insnews-detail-foot ul li { padding: 27px 40px; }
.insnews-detail-foot ul li .pice::after { margin: 0 80px; }
.insnews-detail-foot ul li .date { right: 30px; }
.insnews-detail-foot ul li:hover { color: #007289; }
.insnews-detail-foot ul li:hover:nth-child(2) .pice::after { border-top-color: #007289; }
.insnews-detail-foot ul li:hover:nth-child(1) .pice::after { border-bottom-color: #007289; }
.insnews-detail-foot ul li:hover a { color: #007289; }
/* 关于我们-联系我们 */
.inside-contact-list ul { margin: 0 -10px; }
.inside-contact-list ul li { width: 33.333333%; padding: 0 10px 20px; }
.inside-contact-list ul li:nth-last-child(1), .inside-contact-list ul li:nth-last-child(2) { padding-bottom: 0; }
.inside-contact-list ul li:last-child .icon img { height: 80px; }
.inside-contact-list ul li .info { padding: 11px 0 0; }
.inside-contact-list ul li .info a { font-size: 18px; margin: 5px 0 0; }
.inside-mapoints { position: relative; }
/* 关于我们-公司介绍 */
.inside-about-desc { font-size: 14px; line-height: 26px; padding: 10px 0 0; }
.insculutre-img .en { font-size: 40px; line-height: 40px; letter-spacing: 20px; top: 39%; }
/* index-产品中心 */
.index-title .title .en { padding: 12px 0 0; }
.index-title .desc { color: #161616; padding: 35px 0 0; font-size: 16px; line-height: 20px; width: 50%; max-width: 520px; }
.inxpro-table { padding: 40px 30px; }
.inpro-items ul li { padding: 40px 30px 0; overflow: hidden;}
.inpro-items ul li::before { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); }
.inpro-items .pimg { padding: 0 50px 0 0; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
.inpro-items .pimg:hover { margin-right: -20px; }
/* index-新闻资讯 */
.index-news { padding: 40px 0 45px; margin: 35px 0 0; }
.index-news .title { margin: 0 0 7px; }
.index-news .item { height: 365px; }
.index-news .left dl dt:hover .name { bottom: 30px; }
.index-news .left dl dt .name { -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
.index-news .left dl dt .img { height: 290px; }
.index-news .left dl dd { padding-left: 24px; }
.index-news .right dl dt .img { height: 187px; }
.index-news dl dd .alink a { margin: 0 0 12px; }
.index-news dl dd .amore a { font-size: 18px; }
.index-news dl dd .amore a::after { vertical-align: 3px; }
.index-news dl dt .name { padding: 0 50px 0 30px; line-height: 36px; height: 72px; bottom: 20px; }
/* 行业应用-零售 */
.inscation-list { padding: 0 0 70px; }
.inscation-list ul li .img { overflow: hidden; }
.inscation-list ul li .img:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }
.inscation-list ul li .img img { -webkit-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s; }
.inscation-list ul li .info { padding: 30px; }
.inscation-list ul li .info h4 { padding: 0 0 17px; }
.inscation-list ul li .info .desc { margin: 35px 0 0; } }
@media (min-width: 1260px) {
/* 关于我们-联系我们 */
.inside-contact-list ul { margin: 0 -20px; }
.inside-contact-list ul li { padding: 0 20px 40px; }
.inside-contact-list ul li .content { padding: 20px; }
.inside-contact-list ul li .info { padding: 21px 0; }
.inside-contact-list ul li .info a { font-size: 22px; margin: 16px 0 0; }
.inside-contact-list ul li .icon { padding: 18px 0 0; }
.inside-contact-list ul li .icon img { height: 70px; }
.inside-contact-list ul li:last-child .icon { padding: 0; }
.inside-contact-list ul li:last-child .icon img { height: 106px; }
/* index-产品中心 */
.index-title .desc { padding: 60px 0 0; }
.inxpro-table { padding: 108px 55px 20px; min-height: 450px; }
.inxpro-table .atags { padding: 12px 0 0; }
.inxpro-table .atags ul li { font-size: 18px; padding:25px 0 0; }
.inpro-items ul li { padding: 65px 70px 0 105px; }
.inpro-items .pimg { padding: 0 50px 0 0; }
.inpro-items .info .title { font-size: 18px; }
.inpro-items .info .proname { padding: 22px 0 52px; }
.inpro-items .info .desc { padding: 122px 0 0; }
.inpromore { font-size: 18px; }
.inpro-items .pimg { margin-top: -296px; }
.indexpro-wrap { padding: 50px 0 10px; }
.indexpro-content { margin: 0 0 55px; }
/* index-新闻资讯 */
.index-news .item { height: 460px; }
.index-news .left dl dt .img { height: auto; }
.index-news .left dl dd .amore { right: 39px; }
.index-news .right dl dt .img { height: auto; }
.index-news .right dl dd { padding: 20px 0 0; }
.index-news dl dd .alink a { font-size: 16px; line-height: 27px; margin: 0 0 21px; } }
@media (min-width: 1440px) { }
@media (min-width: 1680px) { .indexpro-wrap { margin: 0 -196px; } .inxpro-table { padding: 108px 70px 20px; } }
@media (min-width: 2560px) { }
@media (min-height: 1080px) { }
@media (min-width: 1024px) {}
@media (min-width: 768px) {}
@media (min-width: 1024px) {}
@media (max-width: 767px) {}
/*相册轮播 e*/
.indexbanner .image{position: relative;}
.indexbanner .indexvideo{position: absolute;left: 0;top: 0;z-index: 2;}
@media screen and (max-width: 768px){
.indexbanner .indexvideo {
width: 130%;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.swiper-button-next, .swiper-button-prev {
height: 20px;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1260px) {}
.searchcont401 { padding-top: 20px; padding-bottom: 40px; background-color: #ffffff; min-height: 60vh; }
.searchtitle401 { padding: 28px 15px; background-color: #f2f2f2; }
.searchtitle401 span { color: #007289; }
.resultlist401 { font-size: 13px; padding: 3% 0; }
.resultlist401 ul { padding-bottom: 30px; }
.resultlist401 ul li img { display: block; width: 100%; margin-bottom: 2%; }
.resultlist401 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; }
.resultlist401 h4 { font-size: 16px; line-height: 24px; margin-bottom: 3%; }
.resultlist401 h4 em { color: #007289; font-style: normal; }
.resultlist401 h4 a { display: block; }
.resulttext401 { overflow: hidden; height: 72px; color: #999; }
.resultlabel401 { color: #999; display: inline-block; padding-top: 30px; }
.searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; font-family: "Microsoft YaHei"; }
.searchinputcont401 dd input { margin-top: 10px; -webkit-transition: all .3s; transition: all .3s; width: 100%; height: 40px; line-height: 40px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #007289; text-align: center; font-family: "Microsoft YaHei"; }
.searchinputcont401 dd input:hover { background-color: #007289; }
.keywords { color: #da251d; }
@media (min-width: 768px) { .searchtitle401 { font-size: 24px; }
.resultlist401 h4 { font-size: 20px; margin-bottom: 2%; }
.searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; }
.resultlist401 ul li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; width: auto; } }
@media (min-width: 992px) { .searchcont401 { padding-top: 40px; padding-bottom: 60px; }
.searchinputcont401 { width: 45%; margin: 0 auto; }
.resultlist401 ul { padding-bottom: 60px; }
.searchinputcont401 dt { float: left; width: 78%; }
.searchinputcont401 dd { float: left; width: 22%; }
.searchinputcont401 dt input { font-size: 16px; }
.searchinputcont401 dd input { margin-top: 0; }
.searchinputcont401 dd input { font-size: 16px; font-weight: bold; } }
@media (min-width: 1024px) {}
.common-back { right: 25px; }
@media screen and (max-width:768px) {}
.commonweb{max-width: 1200px ;margin: 0 auto;}
.YDcooperation2{padding: 30px 0;background-color: #f2f2f2;}
.YDcooperation2 .con{display:block;}
.YDcooperation2 .con .left{width: 100%;}
.YDcooperation2 .con .left h3{font-size: 60px;font-weight: bolder;-webkit-text-stroke:1px #007289;color: transparent;line-height:1.3;}
.YDcooperation2 .con .left h5{font-size: 22px;color: #4c4f55;}
.YDcooperation2 .con .left .desc1{font-size: 16px;padding-top: 20px;padding-bottom: 10px;}
.YDcooperation2 .con .left .desc2{font-size: 36px;color: #6a6d73;}
.YDcooperation2 .con .right{width: 100%;font-size: 0;margin-top: 30px;line-height:1.3;}
.YDcooperation2 .con .right a{display: inline-block;width: 15.6%;border: 1px solid #999;margin:0.5%;}
.YDcooperation2 .con .right a img{width: 100%;display:block;margin:0 auto;}
@media(max-width:992px){
.hsubnav{opacity:1;transition:none;z-index:1; pointer-events: auto;display:none;}
}
@media(max-width:765px){
.YDcooperation2 .con .right a{width: 32%;}
}
@media(max-width:765px){
.YDcooperation2 .con .right a{width: 49%;}
.YDcooperation2 .con .left h3{font-size: 30px;}
.YDcooperation2 .con .left h5{font-size: 18px;}
.YDcooperation2 .con .left .desc1{padding-top: 5px;}
.YDcooperation2 .con .left .desc2{font-size:20px;}
}
.foot-com{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='304' height='304'%3E%3Cpath fill='%23242625' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16v19.51l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2h19.51L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2h27.51L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3C/svg%3E");
background-repeat: repeat;background-color: #1d1f1e;padding-top: 70px;display: flow-root;position: relative;}
.foot-com .copy .wz{font-size: 14px;color: #aaa;}.foot-com .copy .wz a{color: #aaa;display: inline-block;}.foot-com .copy .wz a:hover{color: #fff;}
.foot-com .copy{border-top: 1px solid rgba(255,255,255,0.3);padding: 30px 0;margin-top: 0px;}
.top-t{position: absolute;bottom: 200px;right: 16px;z-index: 1;}
.top-t .b_top span{width: 54px;height: 54px;background: #fff;border-radius: 500px;text-align: center;line-height: 54px;color: #007289;font-size: 20px;display: block;font-weight: bold;}
.foot-com .box-fl{width: 60%;}.foot-com .box-fr{width: 32%;}
.foot-com .box-fl ul{display: flex;flex-flow: row wrap;justify-content: space-between;width: 100%;margin-bottom: 75px;overflow: hidden;}
.foot-com .box-fl li b{font-size: 17px;color: #fff;text-transform: uppercase;display: block;margin-bottom: 15px;}
.foot-com .box-fl li a{display: block;font-size: 14px;color: #aaa;line-height: 30px;}
.foot-com .box-fl li a:hover{color: #007289;}
.foot-com .box-fl .bg p,.foot-com .box-fr .miaos2 p{font-size: 24px;color: #fff;}
.foot-com .box-fl .bg i,.foot-com .box-fr .miaos2 i{font-size: 14px;color: #aaa;display: block;margin: 15px 0 20px;}
.foot-com .box-fl .bg form{max-width: 450px;width: 100%;height: 50px;line-height: 50px;background: #fff;border-radius: 5px;position: relative;overflow: hidden;}
.foot-com .box-fl .bg input{padding-left: 10px;width: 80%;}
.foot-com .box-fl .bg .sub{position: absolute;top: 0;right: 0;z-index: 1;width: 50px;height: 50px;text-align: center;line-height: 50px;cursor: pointer;padding-left: 0;font-size: 20px;color: #007289;background: #fff;font-weight: bold;}
.foot-com .box-fr span{display: block;font-size: 14px;color: #aaa;line-height: 30px;margin-top: 15px;}
.foot-com .box-fr .miaos{margin-bottom: 75px;overflow: hidden;text-align: center;}
.foot-com .box-fr .amore{padding-top: 0;padding-bottom: 0;height: 50px;line-height: 50px}
@media (max-width: 1740px){
.page-header{padding: 0 2%;}
}
@media (max-width: 1500px){
.page-nav .item{margin-right: 20px;}
}
@media (max-width: 1200px){
.page-logo .img, .page-logo .img-w{height: 55px!important;}
.page-nav .link{font-size: 15px;}
.lang a{font-size: 14px;}
.lang i{margin-right: 4px;}
.foot-com{padding-top: 50px;}
.foot-com .box-fl li b{font-size: 14px;}
.foot-com .box-fl li a,.foot-com .box-fr span{font-size: 14px;line-height: 24px;}
.foot-com .box-fl li b{margin-bottom: 8px;}
.foot-com .box-fl{width: 55%;}
.foot-com .box-fr{width: 40%;}
.foot-com .box-fl ul,.foot-com .box-fr .miaos{height: 150px;margin-bottom: 40px;overflow: hidden;}
.foot-com .box-fr .miaos img{max-width: 180px;}
.foot-com .box-fr span{margin-top: 10px;}
.foot-com .box-fl .bg p, .foot-com .box-fr .miaos2 p{font-size: 20px;}
.foot-com .box-fl .bg i, .foot-com .box-fr .miaos2 i{font-size: 14px;margin: 8px 0 14px;}
}
@media (max-width: 1024px){
.foot-wap{display: block;}
.waph{height: 54px;}
.waph2{height: 60px;}
.page-header.typea:not(.typeanot) .lang a{color: #007289;}
}
@media (max-width: 540px){
.foot-com .box-fl {width: 100%;}
.foot-com .box-fl ul li {width: 50%;padding-left: 20px;}
.foot-com .box-fr {display: none;}
.lang a{font-size: 14px;}
.lang dt a{font-size: 12px;}
.lang dt{height: 16px;line-height: 16px;}
}
.listnews li{width: 100%;display: flow-root;margin-top: 40px;}
.listnews li .imgfd{border-radius: 10px;width: 32.5%;}
.listnews li .imgfd img{height: 228px;max-width: 100%;}
.listnews li .txt{width: 64%;}
.listnews li .txt span{color: #666;}
.listnews li .txt b{font-size: 24px;color: #333;line-height: 30px;height: 60px;overflow: hidden;display: block;margin: 10px 0 15px;}
.listnews li .txt i{border: 1px solid #007289;color: #007289;display: inline-block;padding: 10px 20px;border-radius: 5px;margin-top: 15px;font-style: normal;}
.listnews li .des{height: 60px;overflow: hidden;}
.listnews li .txt i:hover{background: #007289;color: #fff;}
.listnews li:hover .txt b{color: #007289;}
@media (max-width: 1024px){
.nyfr{display: none;}
.nyfl{width: 100%;}
.listnews li .txt b{font-size: 20px;}
}
@media (max-width: 960px){
.listnews li{margin-top: 20px;}
.listnews li .txt b{line-height: 25px;height: 50px;}
.listnews li .des{line-height: 24px;height: 48px;}
.listnews li .imgfd{width: 44%;}
.listnews li .txt{width: 54%;}
.listnews li .imgfd img{height: 200px;}
.listnews li .txt span{display: none;}
}
@media (max-width: 540px){
.listnews li .txt b{font-size: 17px;line-height: 22px;height: 44px;margin: 0;}
.listnews li .des{display: none;}
.listnews li .txt i{font-size: 14px;}
.listnews li .imgfd img{height: 110px;}
.listnews li .imgfd{width: 40%;}
.listnews li .txt{width: 58%;}
}
.listdolo li{height: 55px;line-height: 55px;border-radius: 6px;overflow: hidden;padding: 0 20px;margin-bottom: 20px;background: #f3f3f3;}
.listdolo li h2{font-size: 16px;color: #333;;padding-left: 15px;}
.listdolo li:hover h2{color: #007289;}
/*分页*/
.page-center {text-align: center;padding-top: 60px;}
.pagination {
display: inline-block;
margin-top: 1rem;
margin-bottom: 1rem;
padding-left: 0;
border-radius: .215rem
}
.pagination i{
font-style:normal;
}
.page-item {
display: inline
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: .215rem;
border-bottom-left-radius: .215rem
}
.page-item:last-child .page-link {
border-top-right-radius: .215rem;
border-bottom-right-radius: .215rem
}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
z-index: 2;
cursor: default;
color: #fff;
border-color: #62a8ea;
background-color: #62a8ea
}
.page-item.disabled .page-link,
.page-item.disabled .page-link:focus,
.page-item.disabled .page-link:hover {
cursor: not-allowed;
pointer-events: none;
color: #ccd5db;
border-color: #e4eaec;
background-color: transparent
}
.page-link,.page-num {
position: relative;
float: left;
margin-left: -1px;
padding: .643rem 1.072rem;
text-decoration: none;
color: #76838f;
border: 1px solid #e4eaec;
background-color: transparent
}
.page-num.page-num-current{background:#007289;color:#fff;}
.page-link:focus,
.page-link:hover, .page-num:hover{
color: #fff;
border-color: #e4eaec;
background-color: #007289
}
.page-link.mobile-page:hover{background:0;}
.pagination-lg .page-link {
font-size: 1.286rem;
padding: .715rem 1.215rem
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .286rem;
border-bottom-left-radius: .286rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .286rem;
border-bottom-right-radius: .286rem
}
.pagination-sm .page-link {
font-size: .858rem;
padding: .429rem .786rem
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .143rem;
border-bottom-left-radius: .143rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .143rem;
border-bottom-right-radius: .143rem
}
@media (max-width: 540px){
.page-num{display: none;}
}
.listpro li{display: flow-root;width: 100%;margin-bottom: 40px;}
.listpro li:last-child{margin-bottom: 0;}
.listpro li .imgfd,.listpro li .txt{width: 47.8%;}
.listpro li .imgfd{float: left;}.listpro li .txt{float: right;}
.listpro li:nth-child(2n) .imgfd {float: right;}.listpro li:nth-child(2n) .txt{float: left;}
.listpro li .imgfd img{max-height: 540px;max-width: 100%;}
.listpro li .txt{background: #f3f3f3;padding: 100px;border-radius: 10px; }
.listpro li .txt b{font-size: 36px;color: #333;display: block;margin-bottom: 45px;line-height: 40px;height: 80px;overflow: hidden;display: block;}
.listpro li .txt .des{height: 120px;overflow: hidden;}
@media (max-width: 1200px){
.listpro li .txt{padding: 40px;}
.listpro li .imgfd, .listpro li .txt{width: 49%;}
.listpro li .txt b{font-size: 30px;line-height: 34px;height: 68px;margin-bottom: 15px;}
}
@media (max-width: 1024px){
.listpro li .txt b{font-size: 22px;line-height: 30px;height: 60px;}
.proloca li{margin-right: 40px;}
}
@media (max-width: 960px){
.listpro li .txt b{font-size: 20px;}
.listpro li .txt .des{height: 104px;}
}
@media (max-width: 540px){
.proloca{height: 100px;line-height: 50px;}
.proloca li{width: 50%;margin-right: 0;padding: 0 15px;text-align: center;}
.proloca li a{font-size: 14px;}
.proloca li span{width: 50%;left: 25%;bottom: 5px;}
.listpro li .imgfd, .listpro li .txt{width: 100%;}
.listpro li .txt b{font-size: 18px;height: auto;}
.listpro li .txt{padding: 30px 20px;}
.listpro li .txt .des{height: 96px;}
}
.prowz .hdbg{height: 70px;line-height: 70px;background: #007289;line-height: 70px;}
.prowz .tab-hd {overflow:hidden; zoom:1;}
.prowz .tab-hd li{cursor:pointer;float: left;margin-right: 100px;position: relative;color: #fff;font-size: 18px;height: 70px;overflow: hidden;}
.prowz .tab-hd li span{position:absolute;bottom:15px;left:0;width:100%;text-align:center; display:block;}
.prowz .tab-hd li i{display:block;margin:0 auto;text-align:center;z-index:1;height:3px;width:0;overflow: hidden; transition:all ease-in-out 300ms;background: #fff}
.prowz .tab-hd li:hover i,.prowz .tab-hd li.active i{width:100%;}
.prowz .tab-bd li{display:none;}
.prowz .tab-bd li:nth-child(1){display:list-item;}
.showpro{background: #f3f3f3;position: relative;}
.showpro .picpro{width: 40%;text-align: center;}
.showpro .txt{width: calc(60% - 260px);background: #f3f3f3;padding: 6%;margin-left: 30px;margin-right: 30px;}
.showpro .txt,.showpro .picpro{height: 685px;overflow: auto;}
.showpro .txt .des{margin-bottom: 50px;}
.showpro .picpro .swiper-pagination-bullet{width: 20px;height: 7px;border-radius: 5px;background: #ddd;opacity: 1;}
.showpro .picpro .swiper-pagination-bullet-active{background: #007289!important;}
.showpro .picpro .swiper-pagination-bullets{bottom: 0px;}
.showpro .picpro img {max-width: 100%;}
.showpro .txt h1{font-size: 36px;color: #333;font-weight: bold;display: block;margin-bottom: 35px;line-height: 40px;}
.showpro .txt .cc{background: #007289;padding: 14px 30px;border-radius: 10px;font-size: 16px;font-weight: bold;color: #fff;display: inline-block;}
.showpro .txt .cc span{font-weight: normal;font-size: 24px;margin-right: 10px;}
.showpro .txt .product-tags {margin-bottom: 10px;}
.showpro .txt .product-tags li{line-height: 25px;color: #007289;}
.showpro .txt .product-tags li .iconfont {padding-right: 5px;}
.drag-tip {
color: #007289;
background: #f1f1f1;
padding-left: 5px;
}
.nav-placeholder {
display: none;
height: 70px;
}
.nav-fixed {
position: fixed;
top: 66px;
left: 0;
width: 100%;
box-shadow: rgb(0 0 0 / 6%) 0 1px 7px;
background: #007289;
z-index: 99;
}
ul.nav-tabs {
box-shadow: none;
}
@media (max-width: 768px) {
.nav-fixed {
top: 66px
}
}
.tab-bd .des{padding: 20px 0;overflow: auto;}
.tab-bd table{color:#2a333c;min-height: .01%;overflow-x: auto;border:1px solid #e4eaec;background:transparent;border-collapse:collapse;font-size:16px;}
.tab-bd table tr:nth-of-type(odd){background-color:rgba(243,247,249,.3);}
.tab-bd table tr td,.tab-bd table tr th{border:1px solid #e4eaec;padding:10px;line-height:1.5;}
.tab-bd table tr:hover{background:#f3f7f9;}
@media (max-width: 1200px){
.showpro .txt{padding: 2%;padding-top: 40px;}
.showpro .txt h1,.proapp b{font-size: 30px;}
.showpro .txt, .showpro .picpro{height: 550px;}
}
@media (max-width: 1024px){
.showpro .txt, .showpro .picpro{height: auto;width: 100%;margin-left: 0;margin-right: 0;}
.showpro .txt h1, .proapp b{font-size: 24px;}
.showpro .txt .cc{margin: 20px 0 40px;margin-top: 0;}
.proxgtj li{width: 100%;border: none;padding-top: 0;}
.relpro dt .imgfd img{height: 300px;}
.proapp li{width: 50%;}
.proapp li .imgfd img{height: 330px;}
.prowz .tab-hd li{width: 33.33%;margin-right: 0;padding: 0 10px;text-align: center;overflow: hidden;}
.prowz .tab-hd li span{width: 50%;left: 25%;}
.showpro .txt .des{margin-bottom: 30px;}
}
@media (max-width: 960px){
.proapp li .imgfd img{height: 250px;}
.proxgtj li{padding-bottom: 30px;}
.proxgtj li b{font-size: 20px;}
.relpro dt .imgfd img{height: 230px;}
}
@media (max-width: 540px){
.showpro .txt h1, .proapp b{font-size: 20px;margin-bottom: 15px;}
.showpro .txt .cc{font-size: 14px;}
.psloca{height: 50px;line-height: 50px;font-size: 14px;}
.showpro .txt .cc span{font-size: 16px;}
.showpro .picpro .swiper-pagination-bullets{bottom: 5px;}
.prowz .tab-hd li{height: 50px;line-height: 50px;}
.prowz .tab-hd li span{bottom: 5px;}
.prowz .tab-hd li,.relpro dt p,.relnew dt a{font-size: 14px;}
.prowz .hdbg{height: 100px;}
.prowz .tab-hd li{width: 50%;}
.relpro dt .imgfd img{height: 130px;}
.proxgtj li b{font-size: 18px;margin-bottom: 15px;}
.relnew dt{height: 45px;line-height: 45px;}
.relnew dt i{font-size: 16px;}
.proapp li .imgfd img{height: 140px;}
.proxgtj{padding-bottom: 0;}
}
.sidetop{display: none;position:fixed;z-index:99;right:50px;bottom:30px;width:50px;height:50px;background:#d6d4d4;text-align:center;line-height:50px;border-radius:5px;cursor: pointer;}
.sidetop.sidetop2{bottom:503px;}
.sidetop span{font-size:20px;color:#fff;}
.sidetop:hover span{color:#b2b2b2;}
@media (max-width: 1200px){
.sidetop{width:30px;height:30px;line-height:30px;}
.sidetop span{font-size:16px;}
}
/*产品列表筛选 new*/
.navigationbar {
/* position: absolute;
left: 2.5%;
top: 0px;*/
display: inline-block;
vertical-align: top;
width: 200px;
float: left;
}
.navigationbar .title {
height: 70px;
line-height: 70px;
padding-left: 20px;
box-sizing: border-box;
font-weight: bold;
font-size: 19px;
color: rgb(51, 51, 51);
cursor: pointer;
background-color: rgb(245, 245, 245);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.navigationbar .title img {
width: 15px;
margin-right: 10px;
transform: rotate(180deg);
}
.navigationbar .lists {
padding-left: 10px;
box-sizing: border-box;
}
.navigationbar .lists .nav {
font-family: '微软雅黑';
font-size: 16px;
font-weight: bold;
height: 70px;
line-height: 70px;
border-top: 1px solid #dcdee0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.navigationbar .xuanzhuan {
transform: rotate(180deg);
}
.navigationbar .lists .nav img {
width: 15px;
margin-right: 10px;
transition: all .5s;
}
.navigationbar .lists .list {
position: relative;
display: block;
width: 100%;
padding-left: 0;
box-sizing: border-box;
height: 50px;
line-height: 50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
font-size: 16px;
}
.navigationbar .lists .list input {
display: inline-block;
/* vertical-align: top; */
width: 20px;
margin-right: 10px;
}
.navigationbar .lists .list .name {
display: inline-block;
vertical-align: middle;
font-family: '微软雅黑';
font-size: 16px;
font-weight: bold;
max-width: 160px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 10px;
}
.navigationbar .lists a.list:hover {
color: #007289;
}
.navigationbar .lists .list .num {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
background-color: rgb(245, 245, 245);
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
position: absolute;
right: 0;
bottom: 5px;
}
.navigationbar .lists .list.btn-info {
color: #007289;
}
.noheight {
display: none;
}
.prod-lb {
display: flex;
flex-wrap: wrap;
/*justify-content: flex-end;*/
width: calc(100% - 230px);
padding-left: 30px;
}
.prod-lb li {
width: 30%;
height: 400px;
background: #f5f5f5;
margin-bottom: 40px;
padding: 0 24px;
}
.prod-lb li:hover .pr-lb-wn .btns {
display: flex;
}
.prod-lb li:nth-of-type(3n+2) {
margin: 0 30px;
}
.pr-lb-tu {
width: 100%;
height: 208px;
line-height: 208px;
text-align: center;
}
.pr-lb-tu img {
vertical-align: middle;
max-width: 208px;
}
.pr-lb-wn h1 {
font-size: 18px;
color: #333333;
line-height: 18px;
text-align: center;
overflow: hidden;
/* 溢出隐藏 */
text-overflow: ellipsis;
/* 溢出省略号 */
display: -webkit-box;
-webkit-line-clamp: 1;
/* 限制在一个块元素显示的文本的行数 */
-webkit-box-orient: vertical;
/* 垂直排列 */
word-break: break-all;
/* 内容自动换行 */
margin: 15px 0 30px;
}
.pr-lb-wn p {
font-size: 14px;
color: #666666;
line-height: 30px;
overflow: hidden;
/* 溢出隐藏 */
text-overflow: ellipsis;
/* 溢出省略号 */
display: -webkit-box;
-webkit-line-clamp: 2;
/* 限制在一个块元素显示的文本的行数 */
-webkit-box-orient: vertical;
/* 垂直排列 */
word-break: break-word;
/* 内容自动换行 基于英文词*/
}
.btns {
width: 100%;
display: flex;
justify-content: center;
height: 40px;
display: none;
transition: all 1s;
padding-top: 10px;
}
@media screen and (max-width: 550px) {
.navigationbar {
display: none;
position: relative;
width: 100%;
top: 0;
}
.prod-lb {
width: 100%;
padding-left: 0;
}
.btns {
display: flex;
}
.prod-lb li {width: 100%;}
.prod-lb li:nth-of-type(3n+2) {
margin: 0;
margin-bottom: 40px;
}
}
.btns .more {
width: 140px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #2f353d;
color: #fefefe;
border-radius: .1rem;
font-size: 0.9rem;
}