@font-face {
  font-family: 'iconfont';  /* Project id 754403 */
  src: url('//at.alicdn.com/t/c/font_754403_7ktrgr2lfx2.woff2?t=1673835050291') format('woff2'),
       url('//at.alicdn.com/t/c/font_754403_7ktrgr2lfx2.woff?t=1673835050291') format('woff'),
       url('//at.alicdn.com/t/c/font_754403_7ktrgr2lfx2.ttf?t=1673835050291') format('truetype');
}
:root {
  --gradient-purple-magenta:linear-gradient(128.87deg,#400381 14.05%,#067dc6 89.3%);
  --gradient-blue-wathet:linear-gradient(#034f99 5%,#33dbfa 32%,#c3f8fe, #c6f9fd);
  --gradient-grey-wathet:linear-gradient(#f8f8fa 20%, #cfcfd1);
  --blue:#007bff;
  --cyan:#30d4f6;
  --wathet:#c6f9fd;
  --icon-blue:#307ccd;
  --icon-cyan:#30d4f6;
}
* {margin:0;padding:0;font-family:'Proxima Nova','Helvetica Neue',Helvetica,Arial,sans-serif;font-style:normal;}
html {min-height:100%;overflow-y:scroll;background:var(--gradient-grey-wathet);-webkit-text-size-adjust:100%;scrollbar-width:thin;}
body {min-height:100%;position:relative;font-size:14px;color:#646464;}
/* -moz-user-select:none;hutia:expression(this.onselectstart=function(){return(false)}); */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,menu{display:block;}
img {border:0;}
table{border-collapse:collapse;border-spacing:0;}
a {transition:color 0.3s ease;outline:none;color:#646464;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0);text-decoration:none;}
a:hover {color:#db0202;text-decoration:none;}
a.red {color:#ce000c;}
a.red:hover {color:#ff0000;}
.icon {font-family:'iconfont';display:inline-block;}


::-webkit-scrollbar {
  width:8px;
}
::-webkit-scrollbar-track {
  background:#fcfcfc;
}
::-webkit-scrollbar-thumb {
  background:#cdcdcd;
}

/*文本框样式*/
input,select,textarea {font-size:14px;}
input.wide{width:250px;}
input.txt{width:200px;}
input.small{width:50px;}
.input{display:inline; margin-right:5px; padding:7px; vertical-align:middle; background:#fff; border:1px solid #e8e8e8; border-radius:2px;}
.select{padding:7px; border:1px solid #e8e8e8;}

/*按钮样式*/
.btn{display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:38px; text-align:center;}
.btn{background:#007bc6; border:0px solid #02598E; border-radius:2px; vertical-align:middle;}
.btn:hover{color:#fff; opacity:0.9;}
.btn-mini{height:20px; padding:1px 8px 0;}
input.btn, button.btn{height:40px; cursor:pointer; overflow:visible;}
.btn-success{background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152;}
.btn-error{background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B;}
.btn-gray{background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}

.hide{display:none;}

.back-list{transition:all .5s ease;display:block;margin:15px auto 0 auto;width:200px;line-height:2.5em;border:1px solid #ddd;border-radius:20px;text-align:center;overflow:hidden;text-transform:uppercase;}
.back-list::before{display:inline-block;margin-right:5px;font-family:'iconfont';content:'\e649';}
.back-list:hover{width:250px;border-color:#007bc6;background-color:#007bc6;letter-spacing:2px;color:#fff;}
.back-list:hover::before{color:#fff;}

#goTop {cursor:pointer;display:none;position:fixed;z-index:20;bottom:10px;right:10px;border-radius:2px;background:rgba(0,0,0,.5);width:40px;height:40px;line-height:40px;text-align:center;font-family:'iconfont';color:#fff;font-size:15px;}
#goTop:hover {background:#000;}

header {transition:all .3s ease;position:fixed;z-index:100;top:0;left:0;width:100%;}
header section {z-index:102;position:relative;margin:30px 80px;height:62px;}

header section a.logo {float:left;display:block;height:100%;}
header section a.logo img {transition:all .5s ease;width:auto;height:100%;vertical-align: middle;}
header section a.logo:hover img {opacity:.8;}

header section .nav-toggle {display:block;background-color:#007bc6;width:62px;height:100%;float:right;transition:.5s;cursor:pointer;}
header section .nav-toggle i{display:block;margin:14px auto 0 auto;width:60%;height:2px;background-color:#fff;}
header section .nav-toggle:hover {background-color:#006bae;}

header.min {background:#fff;box-shadow:0 0 6px rgba(0,0,0,.1);}
header.min section {margin:20px 80px;height:56px;}
/* header.min section a.logo img {content:url('../images/logo.png');} */
header.min section .nav-toggle {width:56px;background-color:#fff;}
header.min section .nav-toggle i{margin:12px;background:#999;}
header.min section .nav-toggle:hover i {background-color:#007bc6;}

.search {transition:all .5s ease;position:absolute;z-index:101;right:10px;bottom:15px;width:210px;height:26px;line-height:26px;border:1px solid #939393;border-radius:15px;background:transparent;overflow:hidden;}
.search input,.search a {position:absolute;z-index:102;right:0;top:0;color:#232323;}
.search input {outline:none;width:100%;height:100%;border:0;background-color:transparent;text-indent:15px;}
.search a {cursor:pointer;width:40px;text-align:center;font-family:'iconfont';font-size:18px;}
.search:hover a,.search:hover input {color:#d6a963;}
.search:hover {border-color:#d6a963;}
.search.wide {position:relative;width:auto;bottom:auto;right:0;margin:20px 0;height:30px;line-height:30px;}

.m-banner{min-height:400px;background-color:#1a1b1c;}
.m-banner img {width:100%;height:auto;vertical-align:top;}
.m-banner .swiper-slide img {width:100%;min-height:100%;vertical-align:top;cursor:move;transition:1s linear 2s;transform:scale(1.1,1.1);}
.m-banner .swiper-slide-active img,.m-banner .swiper-slide-duplicate-active img{transition:4s linear;transform:scale(1,1);}	
.m-banner .swiper-pagination {bottom:25px;}
.m-banner .swiper-pagination-bullet {transition:all .3s ease;border-radius:5px;border:1px solid #fff;background:none;opacity:1;}
.m-banner .swiper-pagination-bullet-active {width:30px;border-color:#fff;background:rgba(255,255,255,.5);}

.m-catalog {margin:0 auto 0 auto;width:100%;overflow:hidden;text-align:center;}
.m-catalog a {transition:all .5s ease;display:inline-block;margin:5px;padding:0 15px;line-height:38px;border:1px solid #efefef;border-radius:3px;font-weight:bold;font-size:14px;}
.m-catalog a:hover {border-color:#007bc6;color:#007bc6;box-shadow:rgba(0,113,197,.3) 0 0 8px;}
.m-catalog a.cur {border-color:#007bc6;background:#007bc6;color:#fff;}
.m-catalog-child {margin:10px 0;width:100%;overflow:hidden;text-align:center;}
.m-catalog-child a {transition:all .5s ease;display:inline-block;margin:0 12px;padding:0 2px;line-height:36px;border-bottom:2px solid #efefef;font-size:14px;}
.m-catalog-child a:hover, .m-catalog-child a.cur {border-color:#007bc6;color:#007bc6;}

  
footer {width:100%;background:var(--gradient-purple-magenta);background-size:cover;overflow:hidden;}
footer section {margin-top:10px;line-height:70px;text-align:center;}
footer section a {margin:0 15px;padding-bottom:3px;color:#fff;overflow:hidden;text-transform:uppercase;font-weight:600;}
footer section a:hover {color:#30d4f6;border-color:#30d4f6;}
footer div {margin:0 auto;padding-top:20px;max-width:1220px;overflow:hidden;}
footer div dl {float:left;overflow:hidden;}
footer div dl dt {height:40px;line-height:40px;font-size:16px;color:#fff;text-transform:uppercase;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
footer div dl dd {padding-top:10px;line-height:2.5em;font-size:14px;}
footer div dl dd a {display:block;font-size:14px;color:#d2dfe9;}
footer div dl dd a:hover {color:#fff;}
footer div dl dd>p {color:#d2dfe9;font-size:14px;}
footer div dl dd>p>a {display:inline-block;font-size:14px;}
footer div dl dd>p>span {display:inline-block;font-size:15px;color:#d2dfe9;}
footer div dl.last {margin-right:0;}
footer div ul {float:right;list-style:none;margin-top:20px;text-align:center;}
footer div ul li {display:inline-block;margin-left:30px;}
footer div ul li:first-child{margin-left:0;}
footer div ul li em {display:block;padding:6px;width:78px;height:78px;border-radius:4px;background:#fff;overflow:hidden;}
footer div ul li em img{width:100%;}
footer div ul li i {display:block;line-height:3em;font-style:normal;font-size:12px;color:#d2dfe9;}
footer>p {margin:30px 0 0 0;padding:20px 0;line-height:2em;color:#d2dfe9;text-align:center;overflow:hidden;}
footer>p a {color:#d2dfe9;}
footer>p a:hover {color:#fff;}
footer>p span {color:#8c8c8c;}

nav {display:none;position:fixed;z-index:888;top:0;left:0;bottom:0;right:0;padding:3rem 80px;background-color:#1a1b1c;color:#fff;}
nav ol,nav ul {list-style:none;}
nav a {color:#fff;line-height:1.5em;}
nav a:hover, nav a.active {color:#007bc6;}
nav>span {z-index:2;position:absolute;top:1rem;right:80px;}
nav>span::before{display:block;font-family:'iconfont';content:'\e61c';font-size:35px;color:#363636;cursor:pointer;transition:color 0.3s ease;}
nav>span:hover::before{color:#007bc6;}
nav>div{height:100%;width:100%;position:relative;z-index:1;align-items:center;justify-content:center;flex-wrap:wrap;display:flex;}
nav>p{position:absolute;bottom:2rem;right:80px;color:#fff;opacity:.4;line-height:1.5em;font-size:12px;font-weight:300;text-align:right;}
nav>div>section{display:flex;flex-wrap:wrap;width:100%;}
nav>div>section .logo{height:40px;margin:1rem 0;}
nav>div>section>div{position:relative;flex:0 0 40%;max-width:40%;}
nav>div>section>div:last-child {text-align:right;flex:0 0 20%;max-width:20%;}
nav>div>section>div:last-child li {margin-bottom:10px;font-weight:bold;text-transform:uppercase;}
nav>div>section>div:last-child ul li a {font-size:18px;}
nav>div>section>div h1 {font-size:28px;line-height:1;font-weight:600;text-transform:uppercase;margin-bottom:1rem;}
nav>div>section>div p {font-family:"Montserrat",sans-serif;position:absolute;transform:translateY(-50%) rotate(180deg);z-index:0;opacity:.05;font-size:20vh;text-transform:uppercase;display:flex;writing-mode:vertical-rl;top:50%;left:0;line-height:1;font-weight:700;cursor:default;height:100vh;}
nav .menu-big {counter-reset:menu;position:relative;}
nav .menu-big li a {margin-top:18px;padding-top:14px;position:relative;display:inline-block;font-size:22px;font-weight:500;}
nav .menu-big li a:before{content:"";position:absolute;width:0;top:7px;transform:translateY(-50%);left:0;height:2px;background-color:#fff;transition:.4s;}
nav .menu-big li a::after {position:absolute;top:0;left:2px;line-height:14px;font-size:14px;counter-increment:menu;content:counter(menu,decimal-leading-zero);transition:.4s;}
nav .menu-big li a:hover:before{background-color:#fff;width:30px}
nav .menu-big li a:hover:after{left:35px;color:#fff}

#index nav>div>section>div:last-child ul li:nth-child(1) a,
#aboutus nav>div>section>div:last-child ul li:nth-child(2) a,
#products nav>div>section>div:last-child ul li:nth-child(3) a,
#equipment nav>div>section>div:last-child ul li:nth-child(4) a,
/* #case nav>div>section>div:last-child ul li:nth-child(5) a,
#news nav>div>section>div:last-child ul li:nth-child(5) a, */
#contactus nav>div>section>div:last-child ul li:nth-child(5) a {color:#007bc6;}
  
.h-banner {margin:0 auto 25px auto;width:100%;min-height:122px;box-shadow:0 0 8px rgba(0,0,0,0.1);}
.h-banner .swiper-slide img {width:100%;vertical-align:top;cursor:move;}
.h-banner .swiper-pagination {bottom:25px;}
.h-banner .swiper-pagination-bullet {transition:all .3s ease;border-radius:5px;border:1px solid #fff;background:none;opacity:1;}
.h-banner .swiper-pagination-bullet-active {width:30px;border-color:#fff;background:rgba(255,255,255,.5);}

.h-more{transition:all .5s ease;display:block;margin:30px auto 15px auto;width:250px;line-height:2.5em;border:1px solid #ddd;border-radius:20px;text-align:center;overflow:hidden;}
.h-more::after{display:inline-block;margin-left:5px;font-family:'iconfont';content:'\e623';}
.h-more:hover{width:300px;border-color:#007bc6;background-color:#007bc6;letter-spacing:2px;color:#fff;}
/* .h-more:hover::after{color:#fff;} */

main {margin:0 auto;max-width:1390px;clear:both;}
main.card {margin-bottom:50px;padding:50px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.1);}
#index main.card {max-width:100%;margin-bottom:25px;padding:30px 80px;}
main.h-about {background:#fff url(../images/h-about-bg.jpg) no-repeat top right;}
main.h-about>section>div {margin:30px 0 30px 0;line-height:2em;font-size:20px;overflow:hidden;}
main.h-about>section>div img {float:right;margin-left:50px;width:500px;cursor:pointer;}
/* main.h-about .h-more {margin-top:30px;} */
main.contact {max-width:1490px;}
#index main.h-map {padding:0 0;}
main:not(body#index) {margin-bottom:25px;}

#playerHTML {position:fixed;z-index:1999;left:0;top:0;width:100%;height:100%;}
#playerHTML .player-box {position:fixed;top:50%;left:50%;margin:-240px 0 0 -360px;width:720px;height:480px;z-index:2001;background:#000000 url(/images/loading.gif) no-repeat center center;}

.h-title {overflow:hidden;}
.h-title dt {width:100%;}
.h-title dt h1 {font-size:23px;font-weight:300;margin:10px 0 10px 0;overflow:hidden;}
.h-title dt p {font-size:30px;color:#007bc6;font-weight:250;text-transform:uppercase;font-weight:300;}
.h-title dd {display:none;margin:15px auto 0 auto;width:450px;height:2px;background:#bbb;border-radius:3px;opacity:.2;}
.h-title dd span {display:block;margin:-2px auto 0 auto;width:100px;height:5px;background:#57636d;border-radius:3px;}

.channel-title {margin:0 auto 25px auto;max-width:1390px;padding:25px 50px;overflow:hidden;background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.1);}
.channel-title dt {float:left;font-size:25px;color:#007bc6;font-weight:250;text-transform:uppercase;}
.channel-title dt span {color:#ccc;display:inline-block;margin:0 10px;}
.channel-title dd {float:right;}
.channel-title dd a {display:block;padding:10px 30px;background:#007bc6;color:#fff;font-size:16px;}
  
.h-news ul {margin:15px auto 10px auto;width:100%;list-style:none;overflow:hidden;}
.h-news ul li {float:left;margin-top:20px;width:50%;overflow:hidden;}
.h-news ul li>a {transition:all .3s ease;position:relative;display:block;padding-right:70px;border-bottom:1px solid #fff;box-sizing:border-box;}
.h-news ul li>a::after {transition:all .3s;position:absolute;right:0;top:0;display:grid;align-items:center;width:70px;height:100%;content:"\e623";font-family:'iconfont';font-size:30px;color:#f1f1f1;}
.h-news ul li>a h2 {font-size:16px;font-weight:bold;display:block;width:100%;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.h-news ul li>a div {padding:10px 0;min-height:30px;overflow:hidden;}
.h-news ul li>a div span {display:block;float:left;margin-right:10px;width:100px;height:70px;border-radius:3px;overflow:hidden;}
.h-news ul li>a div span img {transition:all .3s ease;width:100%;height:100%;object-fit:cover;}
.h-news ul li>a div p{overflow:hidden;color:#a8a8a8;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.h-news ul li>a:hover {border-bottom:1px solid #f1f1f1;color:#006bae;}
.h-news ul li>a:hover::after {color:#006bae;width:60px;}
.h-news ul li>a:hover div img {transform:scale(1.2);opacity:.8;}

.menu-nav {margin:30px auto 10px auto;text-align:center;overflow:hidden;}
.menu-nav dt {height:50px;border-bottom:1px solid #e7e7e7;text-transform:uppercase;}
.menu-nav dt h1 {height:35px;font-size:25px;font-weight:normal;}
.menu-nav dt h2 {margin:0 auto;width:300px;height:25px;font-size:15px;border-bottom:1px solid #ff5657;font-weight:normal;}
.menu-nav dd {padding-top:6px;}
.menu-nav dd a {transition:border-color 0.3s ease;display:inline-block;margin:4px;padding:0 20px;line-height:36px;border:1px solid #e7e7e7;border-radius:3px;font-size:14px;}
.menu-nav dd a:hover {border-color:#007bc6;color:#007bc6;box-shadow:0 0 10px rgba(255,139,2,.3);}
.menu-nav dd a.cur {border-color:#007bc6;background:#007bc6;color:#fff;box-shadow:0 0 10px rgba(255,139,2,.3);}

.m-pic-list {list-style:none;padding:30px 0 0 0;margin:0 -15px;overflow:hidden;}
.m-pic-list li {float:left;width:33.3333333%;text-align:center;display:list-item;overflow:hidden;}
.m-pic-list li a {position:relative;transition:all .3s ease;display:block;margin:20px;padding:5px;border:1px solid #f3f3f3;border-radius:3px;overflow:hidden;}
.m-pic-list li a:hover {transform:translateY(-10px);border-color:#c6e2f3;color:#fff;background:#c6e2f3;box-shadow:0 0 10px rgba(0,113,193,.3);}
.m-pic-list li a em {position:relative;display:block;width:100%;overflow:hidden;}
.m-pic-list li a em img {transition:all .6s ease;width:100%;}
.m-pic-list li a em::before {transform:scaleX(0);transition:.3s;z-index:10;position:absolute;left:0;top:0;right:0;display:grid;align-items:center;justify-content:center;height:100%;background:rgba(0,110,200,.05);text-align:center;content:"\e752";font-family:'iconfont';font-size:50px;color:#fff;}
.m-pic-list li a:hover em::before {width:100%;transform:scaleX(1);}
.m-pic-list li a:hover em img {transform:scale(1.1);}
.m-pic-list li a p {padding:15px 10px 0 10px;height:38px;font-size:16px;}
.m-pic-list li a:hover p {color:#007bc6;}
.m-pic-list li a:hover em img {opacity:.8;}
#products .m-pic-list {padding:0;}

.info-list {margin:30px auto 0 auto;width:100%;list-style:none;overflow:hidden;}
.info-list li {padding:15px 0;width:100%;overflow:hidden;border-bottom:1px dashed #eee;}
.info-list li:first-child { border-top:1px dashed #eee; }
.info-list li a {transition:all .3s ease;position:relative;display:block;padding-right:40px;height:150px;}
.info-list li a::after {transition:all .3s;position:absolute;right:0;top:0;display:grid;align-items:center;width:40px;height:100%;content:"\e623";font-family:'iconfont';font-size:30px;color:#f1f1f1;}
.info-list li a em {display:block;float:left;margin-right:20px;width:226px;height:100%;border-radius:3px;overflow:hidden;box-sizing: border-box;}
.info-list li a em img {transition:all .3s ease;width:100%;height:100%;object-fit:cover;}
.info-list li a section {padding:3px 0;box-sizing:border-box;height:100%;overflow:hidden;position:relative;}
.info-list li a section h2 {font-size:18px;font-weight:normal;display:block;width:100%;height:35px;text-overflow:ellipsis;}
.info-list li a section p{margin:10px 0;overflow:hidden;color:#a8a8a8;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.info-list li a section div {position:absolute;left:0;bottom:2px;}
.info-list li a section div span {display:inline-block;margin-right:50px;color:#a8a8a8;}
.info-list li a section div span::before {margin-right:5px;font-family:'iconfont';}
.info-list li a section div span.catalog::before {content:'\e6ba';}
.info-list li a section div span.date::before {content:'\e6bd';}
.info-list li a section div span.comment::before {content:'\e6b0';}
.info-list li a section div span.view::before {content:'\e6ac';font-size:12px;}
.info-list li a:hover::after {color:#006bae;width:30px;}
.info-list li a:hover em img {transform:scale(1.2);opacity:.8;}
.info-list li a:hover section h2 {color:#006bae;}

.info-title {margin:40px 0 0 0;font-size:18px;overflow:hidden;text-transform:uppercase;}
.info-title2 {margin:40px 0 0 0;padding:0 0px 10px 0px;font-size:25px;font-weight:250;color:#007bc6;overflow:hidden;border-bottom:1px #e7e7e7 dotted;}
.info-dec {padding-top:15px;height:24px;border-bottom:1px #e7e7e7 dotted;}
.info-dec span {padding:0 10px;}
.info-dec a {float:right;border:1px solid #efefef;border-radius:25%;padding:0 10px;}
.info-dec a:hover {border-color:#007bc6;color:#007bc6;}

.info-cont {overflow:hidden;padding:10px 0px 0 0px;font-size:14px;line-height:1.8em;white-space:normal;text-justify:inter-ideograph;text-align:justify;}
.info-cont h1 {margin-top:20px;font-size:19px;}
.info-cont h2 {margin-top:20px;border-left:2px solid #007bc6;text-indent:10px;font-size:17px;}
.info-cont p {margin:10px 0px 0px 0px;font-weight:500;}
.info-cont img {max-width:100%;}
.info-share {margin:0 auto;padding:20px 0px 0px 0px;width:710px;height:30px;overflow:hidden;}
.info-share dt {float:left;width:60%;}
.info-share dd {float:right;width:40%;text-align:right;}
.info-share dd span {padding:0 10px;}
#cont-tab {border-collapse:collapse;border-spacing:0;border-top:1px solid #e7d4a9;border-left:1px solid #e7d4a9;}
#cont-tab th,#cont-tab td {padding:2px 5px;height:24px;border-right:1px solid #e7d4a9;border-bottom:1px solid #e7d4a9;}

.no-info {line-height:50px;text-align:center;}

.info-albums {margin:40px auto;padding-bottom:35px;width:100%;height:305px;position:relative;}
.info-albums .swiper-slide {width:auto;height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;}
.info-albums .swiper-slide img {transition:all .5s ease;height:100%;border-radius:5px;vertical-align:top;}
.info-albums .swiper-slide img:hover {opacity:.6;}
.info-albums .swiper-pagination {bottom:0;}
.info-albums .swiper-pagination-bullet-active {background:#007bc6;}
.info-albums + p{display:none;}

.logo-albums {padding-bottom:40px;height:300px;}
.logo-albums .swiper-slide {text-align:center;border:1px solid #f1f1f1;box-sizing:border-box;background:#fff;height:calc((100% - 30px) / 2) !important;display:flex;justify-content:center;align-items:center;}
.logo-albums .swiper-slide img {transition:all .5s ease;height:60%;}
.logo-albums .swiper-pagination {bottom:0;}
.logo-albums .swiper-pagination-bullet-active {background:#007bc6;}

.cert-albums {margin:40px auto 50px auto;max-width:1390px;height:300px;}
.cert-albums .swiper-slide {width:auto;height:270px;border-radius:5px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.cert-albums .swiper-slide img {height:100%;}
.cert-albums .swiper-pagination {bottom:0;}
.cert-albums .swiper-pagination-bullet-active {background:#007bc6;}

@keyframes bounce-up {
  25% {transform:translateY(15px);}
  50%, 100% {transform:translateY(0);}
  75% {transform:translateY(-15px);}
}
.adv-albums {margin:40px auto 50px auto;max-width:1390px;height:260px;padding:20px 10px 40px 10px;}
.adv-albums .swiper-slide {display:flex;justify-content:center;align-items:center;}
.adv-albums .swiper-pagination {bottom:0;}
.adv-albums dl {transition:all 1.6s ease;width:100%;height:100%;background:#fff;border:1px solid #eee;border-radius:5px;box-shadow:rgba(0,0,0,.05) 0px 0px 10px;text-align:center;cursor:default;}
.adv-albums dl dt {height:100px;padding:40px 0 10px 0;}
.adv-albums dl dt i {display:inline-block;font-size:60px;font-family:'iconfont';color:#007bc6;}
.adv-albums dl dd h3 {line-height:2em;font-size:25px;font-weight:400;}
.adv-albums dl dd p {opacity:.8;font-size:18px;text-transform:uppercase;}
.adv-albums .swiper-slide:hover dl {padding-bottom:20px;background:#007bc6;border-color:#007bc6;box-shadow:rgba(0,133,197,.5) 0px 0px 10px;transform:rotateY(360deg);}
.adv-albums .swiper-slide:hover dl i {animation:bounce-up 1s linear infinite;animation-delay:1s;color:#fff;}
.adv-albums .swiper-slide:hover dl dd {color:#fff;}

.h-equipment{margin-bottom:25px;padding:20px 0 30px 0;background:#fff;}
.h-equipment ul{list-style:none;margin:20px 0;width:100%;text-align:center;overflow:hidden;}
.h-equipment ul li{cursor:default;display:inline-block;line-height:24px;border:1px solid #ccc;text-align:center;}
.h-equipment ul li{transition:all .5s ease;display:inline-block;margin:5px;padding:0 15px;line-height:38px;border:1px solid #efefef;border-radius:3px;font-weight:bold;font-size:14px;}
.h-equipment ul li:hover,ul li.active {border-color:#007bc6;color:#007bc6;}
.h-equipment section{padding:10px 0;}
.h-equipment section>div{display:flex;flex-wrap:wrap;}
.h-equipment section>div:last-child{display:none;}
.h-equipment section>div>div{align-items:center !important;display:flex !important;}
.h-equipment section>div>div:first-child {flex:0 0 33%;max-width:33%;background:#202020;position:relative;z-index:10;}
.h-equipment section>div>div:first-child h1{margin:80px 10px 80px 70px;font-size:72px;color:#fff;line-height:1.1;font-weight:700;text-transform:uppercase !important;}
.h-equipment section>div>div:first-child h1 span{color:#007bc6;}
.h-equipment section>div>div:last-child {flex:0 0 67%;padding:30px;max-width:calc(67% - 60px) !important;background:#f7f7f7;}
.h-equipment .h-title {padding-left:80px;}
.h-equipment .info-albums {margin:0;}
/* .h-equipment .h-more {margin-top:30px;} */

.info-albums.full {position:fixed;z-index:2000;top:0;left:0;margin:0;padding-bottom:0;height:100%;background:#000;}
.info-albums.full .swiper-slide {height:100%;}
.info-albums.full .swiper-slide img {border-radius:0;}
.info-albums.full .swiper-pagination {bottom:15px;}
.info-albums.full .swiper-pagination-bullet {background:rgba(255,255,255,.6);}
.info-albums.full .swiper-pagination-bullet-active {background:#007bc6;}

.list-auto{position:relative; display:block; margin:0 340px 0 0; overflow:hidden; _zoom:1;}
.list-right{position:relative; display:block; float:right; width:300px; overflow:hidden;}
/*大标题*/
.ntitle{margin:0 auto; padding:10px 0 0; width:100%;}
.ntitle:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.ntitle h2{display:block; float:left; padding-right:10px; width:auto; color:#333; font-size:24px; font-weight:400; line-height:25px;}
.ntitle h2 a{position:relative; padding-right:25px; color:#888;}
.ntitle h2 a:hover{color:#f06000; text-decoration:none;}
.ntitle h2 a em{display:block; position:absolute; right:-4px; top:8px; width:9px; height:17px; background:url(../images/slider.png) -359px -87px no-repeat;}
.ntitle p{display:block; float:left; padding-top:3px; line-height:18px; color:#888; font-size:14px;}
.ntitle p a{margin-left:10px; padding:0 0 0 15px; color:#888; font-size:14px; background:url(../images/line.png) left center no-repeat;}
.ntitle p a:hover{color:#f06000;}
.ntitle p a.no-bg{background:none;}
.ntitle i{display:block; padding-top:10px; color:#999; font-size:14px; font-style:normal; line-height:1em;}
.ntitle span{display:block; float:right; line-height:18px; color:#999; font-size:12px;}
.ntitle span a{color:#999;}
.ntitle span a:hover{color:#0089CD;}
/*图文列表*/
.n-list{padding-top:20px;}
.n-list li{display:block;padding-bottom:16px;border-bottom:1px dashed #ddd;overflow:hidden;}
.n-list li:first-child {border-top:1px dashed #ddd;}
.n-list li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.n-list li h2 a{display:block;margin:15px 0 10px 0;width:100%;height:28px;line-height:28px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.n-list li .note a{position:relative;display:block;float:left;margin-right:16px;width:156px;height:104px;background:#ddd;overflow:hidden;}
.n-list li .note a img{min-width:100%;height:100%;position:absolute;z-index:1;top:0;left:50%;
  -ms-transform:translate(-50%, 0);
  -webkit-transform:translate(-50%, 0);
  -moz-transform:translate(-50%, 0);
  transform:translate(-50%, 0);}
.n-list li .note p{font-size:14px;line-height:23px;color:#555;overflow:hidden;max-height:72px;}
.n-list li .note .info{padding-top:10px;}
.n-list li .note .info span{margin-right:10px;padding-left:20px;color:#777;background:url(../images/sprite.gif) no-repeat;}
.n-list li .note .info .time{background-position:0 -158px;}
.n-list li .note .info .view{background-position:0 -36px;}
.n-list li .note .info .comm{display:none;background-position:0 4px;}
.n-list .nodata{margin-top:30px;color:#666;font-size:14px;line-height:100px;text-align:center;}

/*商品缩略图样式*/
.product-albums {padding-bottom:20px;width:100%;height:auto;position:relative;}
.product-albums .swiper-slide {height:auto;}
.product-albums .swiper-slide img {width:100%;height:auto;vertical-align:top;}
.product-albums .swiper-pagination {bottom:0;}
.product-albums .swiper-pagination-bullet-active {background:#007bc6;}
.product-albums{
  --swiper-navigation-color: rgba(0,0,0,.2);/* 单独设置按钮颜色 */
  --swiper-navigation-size: 30px;/* 设置按钮大小 */
}
.product-albums:hover{
  --swiper-navigation-color: #007bc6;
}
.product-albums.full {position:fixed;z-index:2000;top:0;left:0;margin:0;height:100%;background:#000;}
.product-albums.full .swiper-slide {height:100%;}
.product-albums.full .swiper-slide img {width:auto;height:100%;}
.product-albums.full .swiper-pagination {bottom:35px;}

.goods-hd {margin-top:20px;width:100%;overflow:hidden;}
.goods-hd dt {float:left;width:40%;cursor:pointer;} 
/* .goods-hd dt .product-albums .swiper-slide {background:#7aadd4;} */
.goods-hd dd {padding-left:5%;font-size:14px;overflow:hidden;}
.goods-hd dd .price {margin-top:10px;padding:20px;background:#f7f7f7;font-size:20px;}
.goods-hd dd .price span {display:inline-block;margin-right:20px;font-size:30px;color:#f23d3d;}
.goods-hd dd h1 {font-size:18px;font-weight:normal;}
.goods-hd dd h2 {margin-top:10px;font-size:15px;font-weight:normal;color:#737373;}
.goods-hd dd p {margin:20px 0 0 20px;font-size:18px;}
.goods-hd dd dl {margin:30px 0 0 20px;}
.goods-hd dd dl dt {float:left;width:auto;}
.goods-info {float:left;margin:35px 0 0 30px;overflow:hidden;}
.goods-info h1 {font-size:25px;font-weight:normal;}
.goods-info h2 {margin-top:10px;font-size:20px;font-weight:normal;color:#737373;}
.goods-info .info {margin-top:20px;line-height:3em;font-size:14px;color:#737373;}

.goods-features {margin:40px auto 50px auto;max-width:1390px;height:250px;padding:20px 10px 40px 10px;}
.goods-features .swiper-slide {display:flex;justify-content:center;align-items:center;}
.goods-features.swiper-pagination {bottom:0;}
.goods-features .swiper-slide a {transition:all 1s ease;display:block;;height:100%;border:1px solid #007bc6;border-radius:5px;cursor:default;box-shadow:rgba(0,0,0,.05) 0px 0px 5px;}
.goods-features .swiper-slide a h1 {transition:all 1.6s ease;margin:20px auto 0 auto;width:88%;height:36px;line-height:36px;font-size:18px;font-weight:200;text-align:center;background:#007bc6;border-radius:18px;color:#fff;}
.goods-features .swiper-slide a p {padding:30px 20px 20px 20px;text-align:justify;text-justify:distribute-all-lines;font-size:15px;}
.goods-features .swiper-slide a:hover {background:#007bc6;color:#fff;}
.goods-features .swiper-slide a:hover h1 {background:#fff;color:#007bc6;border-radius:3px;}

.cont-title {margin:30px auto 0px auto;border-bottom:1px solid #c3a26e;overflow:hidden;}
.cont-title h3 {float:left;padding:0px 25px;height:48px;line-height:48px;font-size:18px;font-weight:normal;background:#c3a26e;color:#fff;}
.cont-title a {cursor:pointer;float:right;font-size:14px;}

/*评论样式*/
.comment-add{margin-top:15px; _width:100%; _position:relative; _overflow:hidden;}
  .comment-add .editor{position:relative; margin-right:18px;}
  .comment-add .editor textarea{width:100%; height:70px;}
  .comment-add .subcon{margin-top:15px;}
.comment-box{position:relative; margin-top:15px;}
  .comment-list li{padding:15px 0; border-top:1px solid #f7f7f7;}
  .comment-list li .avatar{display:block; float:left; margin-top:6px; background:#fff; border-radius:2px; width:42px; height:42px; overflow:hidden;}
  .comment-list li .avatar img{width:42px; height:42px;}
  .comment-list li .inner{margin-left:52px;}
  .comment-list li .inner p{color:#333; font-size:14px; line-height:1.8em;}
  .comment-list li .inner .meta{margin:0; padding-top:3px; color:#999; border:none;}
  .comment-list li .inner .meta .time{margin-left:5px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat left -158px;}
  .comment-list li .answer{margin-top:10px;margin-left:48px; padding:10px; background:#fafafa; border:1px solid #e6e6e6; border-radius:3px;}
  .comment-list li .answer .meta{margin:0; padding:0; color:#999; margin-bottom:5px; border:none;}
  .comment-list li .answer p{color:#555; font-size:14px; line-height:1.8em;}

/*标题样式*/
.base-tit{border-bottom:1px solid #f0f0f0; color:#3b8dd1; line-height:1em; font-size:18px; font-weight:normal;}
  .base-tit span{position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #3b8dd1;}
  .base-tit i{float:right; padding:10px 0; color:#999; font-size:12px; line-height:26px; font-style:normal;}
/*页码容器*/
.page-box{margin-top:15px; color:#999; font-size:14px;}
.paging-nav {margin:20px auto;width:100%;line-height:30px;text-align:center;overflow:hidden;text-transform:uppercase;}
  .paging-nav span,.paging-nav a {display:inline-block;margin:2px;padding:0 8px;min-width:14px;border:#a5a5a5 1px solid;border-radius:25px;}
  .paging-nav label {margin:2px;padding:0 8px;display:inline-block;border:#007bc6 1px solid;color:#007bc6;border-radius:25px;}
  .paging-nav span {cursor:default;color:#a5a5a5;}
  .paging-nav a {color:#000000;}
  .paging-nav a:hover {border:#007bc6 1px solid;color:#000000;}
  .paging-nav .current {border:#007bc6 1px solid;background:#007bc6;color:#fff;}
  .paging-nav .disabled {border:#a5a5a5 1px solid;color:#a5a5a5;}
  .paging-nav span em {color:#007bc6 }
/*视频容器*/
.video-box{position:relative; width:100%; height:473px; _clear:both; _display:inline;}
/*提示样式*/
.msg-tips{position:relative; margin:30px auto; padding:30px 0; width:380px; font-size:14px; text-align:left;}
  .msg-tips .ico{display:block; float:left; background:url(../images/icon-tips.png) no-repeat left top; width:46px; height:46px; text-indent:-99999px;overflow:hidden;}
  .msg-tips .ico.error{background-position:-50px 0;}
  .msg-tips .ico.warning{background-position:-100px 0;}
  .msg-tips .msg{margin-left:60px;}
  .msg-tips .msg strong{margin-bottom:10px; color:#444; font-size:15px;}
  .msg-tips .msg p{line-height:1.8em;}
  .msg-tips .msg i{color:#f00; font-style:normal;}
.form-box{margin:0 auto;max-width:1390px;position:relative;padding:10px;}
  .form-box dl{padding:3px 0;}
  .form-box dl dt{float:left; width:120px; line-height:38px; min-height:38px;text-align:right;font-weight:700;}
  .form-box dl dd{position:relative; padding:5px 0 5px 10px; line-height:28px; min-height:28px;overflow:hidden;}
  .form-box dl dd input {display:inline-block;}
  .form-box dl dd label.radio{margin-right:5px;}
.Validform_checktip {margin-top:5px;display:inline-block;height:20px;line-height:20px;overflow:hidden;}	
/*附件样式*/
.attach-list{margin:0; padding:10px;}
  .attach-list li{margin:0; padding:0 0 0 25px; color:#555; font-size:12px; line-height:36px; background:url(../images/sprite.gif) no-repeat 0 -108px;}
  .attach-list li span{float:right;}
  .attach-list li i{margin-left:10px; font-style:normal; color:#666;}

.next-prev-single{display:none;width:100%;padding:10px 0;line-height:2em;color:#444; font-size:14px; overflow:hidden;}
  .next-prev-single p {border-left:2px solid #007bc6;padding-left:5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .next-prev-single p span {display:inline-block;margin-right:10px;padding:0 10px;background:#007bc6;color:#fff;}
  .next-prev-single .prev{float:left;}
  .next-prev-single .next{float:right;}

/*百度地图*/
#CompanyMap {width:100%;height:400px;}
#MapContent {width:100%;margin:8px auto 30px auto;max-width:1490px;height:600px;border-top:1px solid #eee;box-shadow:0 0 8px rgba(0,0,0,0.1);overflow:hidden;}
.iw_poi_title {height:28px;color:#007bc6;font-size:15px;}
.iw_poi_content {line-height:2em;}
.iw_poi_content p {white-space:nowrap;}
.iw_poi_content p .icon {font-size:14px;}

.company-link {margin-top:10px;width:100%;overflow:hidden;}
.company-link a img {width:49%;float:left;border-radius:10px;display:block;}
.company-link a:last-child img {float:right;}
.company-link a:hover {opacity:.8;}

@media screen and (max-width:1650px){
  .h-equipment section>div>div:first-child h1{font-size:62px;}
}
@media screen and (max-width:1540px){
  .m-banner{min-height:96px;}
}
@media screen and (max-width:1440px){ 
  .h-equipment section>div>div:first-child h1{margin:80px 10px 80px 60px;font-size:52px;}
  .m-pic-list {margin:0 -8px;}
  .m-pic-list li a {margin:10px;}
}

@media screen and (max-width:1240px){
  header section {margin:30px 15px;}
  header.min section {margin:20px 15px;height:56px;}
  header.min section .nav-toggle {width:56px;}
  header.min section .nav-toggle i {margin-top:12px;}
  main.card,#index main.card {padding:20px;}
  #index main.h-map {padding:0;}

  nav {padding:3rem;}
  nav>span {top:15px;right:20px;}
  nav>span::before {font-size:20px;color:#fff;}
  nav>div>section>div {display:none;flex:100%;max-width:100%;}
  nav>div>section>div:last-child {display:block;flex:100%;max-width:100%;text-align:center;flex-direction:column;display:flex;}
  nav>div>section>div:last-child img {margin:0 auto;width:160px;height:auto;}
  nav>div>section>div:last-child ol {order:2;margin-top:35px;}
  nav>div>section>div:last-child ol li{display:inline-block;margin:15px 10px 0 10px;}
  nav>div>section>div:last-child ul {order:1;margin-top:35px;}
  nav>div>section>div:last-child ul li {margin-bottom:10px;}
  nav>p{display:none;}

  main.h-about>section>div {line-height:1.6em;font-size:16px;}
  main.h-about>section>div img {margin-left:20px;width:300px;}

  .h-equipment section>div>div:first-child{flex:0 0 100%;max-width:100%;display:none !important;}
  .h-equipment section>div>div:last-child{padding:0 20px;flex:0 0 100%;max-width:calc(100% - 40px) !important;background:none;}
  .h-equipment .h-title {padding-left:20px;}
  .h-equipment .info-albums {margin:0 0;}
  
  footer div {max-width:auto;margin:0 20px;}
  /* .comment,.cert-albums {margin-left:20px;margin-right:20px;}
  .our-client {margin-left:12px;margin-right:12px;} */
}

@media screen and (max-width:890px){
  header section {margin:15px;height:50px;}
  header section .nav-toggle {width:50px;}
  header section .nav-toggle i {margin-top:11px;}

  header.min section {margin:15px;height:50px;}
  /* header.min section a.logo img.dark {display:block;}
  header.min section a.logo img.light {display:none;} */
  header.min section .nav-toggle {width:50px;background-color:#fff;}
  header.min section .nav-toggle i{margin-top:11px;background:#999;}

  .h-banner .swiper-pagination,.m-banner .swiper-pagination {bottom:10px;}
  .h-banner .swiper-pagination-bullet,.m-banner .swiper-pagination-bullet {width:6px;height:6px;}
  .h-banner .swiper-pagination-bullet-active,.m-banner .swiper-pagination-bullet-active {width:12px;}

  .m-pic-list li {width:50%;}
  .m-pic-list li a:hover {box-shadow:none;}
  .m-pic-list li a:hover em img {transform:scale(1);}

  .h-news ul li>a {padding-right:60px;}
  .h-news ul li>a::after {width:50px;}
  .h-news ul li>a:hover::after {width:40px;}

  footer {padding-bottom:20px;}
  #goTop {bottom:80px;right:10px;}
}
@media screen and (max-width:760px){
  .h-news ul li {width:100%;}
  .h-news ul li>a {padding-right:40px;}
  .h-news ul li>a::after, .h-news ul li>a:hover::after {width:30px;}
  .h-news ul li>a h2 {font-size:15px;}
  .h-news ul li>a div {padding-top:5px;}

  #playerHTML .player-box {margin:-160px 0 0 -50%;width:100%;height:320px;}

  .info-list li a section div span {margin-right:10px;}

  .goods-hd dt {float:none;width:100%;} 
  .goods-hd dd {margin-top:20px;padding-left:0;}
  .goods-hd dd p {margin:15px 0 0 20px;}
  footer section {display:none;}
}
@media screen and (max-width:680px){
  main.h-about>section>div {margin:20px 0;line-height:1.5em;}
  main.h-about>section>div img {float:none;margin:0 auto;width:auto;max-width:100%;}

  /* .company-link {margin-top:0;}
  .company-link a img {float:none;margin-top:5px;width:100%;}
  .company-link a:hover {opacity:1;}
  .comment,.cert-albums {margin:0 10px;} */

  .info-list li a {height:100px;padding-right:40px;}
  .info-list li a::after {width:40px;}
  .info-list li a em {margin-right:10px;width:150px;}
  .info-list li a section h2 {height:auto;font-size:15px;}
  .info-list li a section p{-webkit-line-clamp:3;}
  .info-list li a section div span {font-size:12px;}
  
  .info-title2 { font-size:35px;font-weight:300; }
  .channel-title {padding:20px;}
  .channel-title dt {font-size:40px;}
}
@media screen and (max-width:540px){
  .info-list li a {padding-right:30px;}
  .info-list li a::after {width:30px;}
  .info-list li a section div span::before {margin-right:3px;}
  
  .info-albums {margin:20px 0;height:250px;}
  .info-albums + p {padding-top:20px;}
  .info-albums.full {margin:0;background:#fff;}
  .info-albums.full .swiper-slide {width:100%;}
  .info-albums.full .swiper-slide img {width:100%;height:auto;}

  .Validform_checktip {display:inline-block;margin:5px 0 0 0;height:20px;line-height:20px;}
  .Validform_wrong {background:url(/css/valid_icons.png) no-repeat -20px -40px;}

  footer div dl dt {font-size:15px;}
  footer div dl dd {padding-top:5px;line-height:2.2em;}
  footer div dl dd a {font-size:12px;}
  footer ul {display:none;}
}
@media screen and (max-width:480px){
  .m-pic-list li a {margin:5px;}
  .m-pic-list li a:hover {transform:translateY(0);}
  .h-news ul {margin:10px 0 25px 0;}

  .info-list li a {height:80px;padding-right:0;}
  .info-list li a::after {display:none;}
  .info-list li a em {width:110px;}
  .info-list li a section div {display:none;}
  .info-cont {margin:0 0;}

  .n-list li{padding-bottom:15px;}
  .n-list li h2 a{margin:8px 0 10px 0;font-size:16px;}
  .n-list li .note a{margin-right:10px;width:100px;height:80px;}
  .n-list li .note p{font-size:11px;line-height:1.4em;max-height:60px;}
  .n-list li .note .info{padding-top:8px;}
  .n-list li .note .info .time{background-position:0 -160px;}
  .n-list li .note .info .view{background-position:0 -37px;}

  .form-box{font-size:12px;}
  .form-box dl dt{width:90px;font-size:12px;}
  .form-box dl dd{padding:5px 0 5px 0;font-size:12px;}
}
@media screen and (max-width:400px){
  .m-catalog {max-width:100%;overflow:hidden;}
  .m-catalog a {margin:2px;padding:0 8px;line-height:34px;font-size:14px;border-radius:2px;}  
  .m-pic-list li p {height:34px;line-height:1.3em;}
}