@charset "utf-8";

/*公共样式*/

*{margin: 0; padding: 0;}

html{font-size: 14px; line-height: 1.5; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; background: #fff; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; overflow-scrolling: touch; width: 100%; height: 100%; max-width: 780px; margin: 0 auto; overflow: hidden; position: relative;}

body{width: 100%; height: 100%; overflow: hidden; position: relative;}

ol,ul,li{list-style: none;}

a{text-decoration: none; color: #333; transition: all .6s ease; cursor: pointer;}

a:hover{color: #0084CD!important;}

em,i{font-style: normal;}

h1,h2,h3,h4,h5,h6,th{font-weight: normal;}

img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}

table{border-collapse: collapse; border-spacing: 0;}

input,textarea,select,button{border: 0; outline: 0; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; color: #333;}

input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

input,input:focus,input:active{user-select: text;}

textarea{resize: none;}

.clearfix{zoom: 1;}

.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}

.plr10{padding: 0 10px;}

.wrapper{margin: 0 15px;}

.transform{transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}

.sitecontent{ height: 100%; background: #fff;  position: relative; z-index: 96;}

.scrollView{height: calc(100% - 111px); overflow-x: hidden; overflow-y: auto; position: relative;}

.npagePage{min-height: calc(100% - 52px); overflow: hidden; position: relative;}

.border{border: 1px solid #ddd; box-sizing: border-box;}

/*字体*/

@font-face{font-family: 'HELVETICANEUELTPRO-THEX';  src: url('../fonts/helveticaneueltpro-thex.eot'); src: url('../fonts/helveticaneueltpro-thex.eot') format('embedded-opentype'), url('../fonts/helveticaneueltpro-thex.woff') format('woff'), url('../fonts/helveticaneueltpro-thex.ttf') format('truetype'), url('../fonts/helveticaneueltpro-thex.svg') format('svg'); font-weight: normal; font-style: normal;}

@font-face{font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');}

.iconfont{display: inline-block; font: 14px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*加载特效*/

.loader-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 9999999;}

.loader{position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; font-size: 0; color: #282828; display: inline-block; margin: -25px 0 0 -25px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);}

.loader div{width: 50px; height: 50px; background-color: #282828; display: inline-block; position: absolute; top: 0; left: 0;opacity: .5; border-radius:50%; -webkit-animation: ballPulseDouble 2s ease-in-out infinite; animation: ballPulseDouble 2s ease-in-out infinite;}

.loader div div:last-child{-webkit-animation-delay: -1s; animation-delay: -1s;}

@-webkit-keyframes ballPulseDouble{0%,100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1);transform: scale(1)}}

@keyframes ballPulseDouble{0%, 100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1); transform: scale(1)}}

/*头部*/

.header{height: 50px; background: #fff; box-shadow: 0 0px 48px 0 rgba(0,0,0,.1); position: relative; z-index: 999999;}

.logo{float: left; height: 45px; margin-top: 3px; margin-left: 0px;}

.logo a{display: block; height: 100%;line-height: 50px; font-size: 12px;}

.logo a img{display: block; height: 100%; float: left;margin-right: 5px;}

.sp_nav{display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 10px; margin-top: 15px; z-index: 5;}

.sp_nav i{display: block; background: #0084CD; width: 30px; height: 2px; position: absolute; left: 0; transition: all ease .35s;}

.sp_nav i:nth-of-type(1){top: 0;}

.sp_nav i:nth-of-type(2){top: 10px;}

.sp_nav i:nth-of-type(3){top: 20px;}

.sp_nav.sp_nav_se i:nth-of-type(1){top: 10px; transform: rotate(45deg);}

.sp_nav.sp_nav_se i:nth-of-type(2){width: 0;}

.sp_nav.sp_nav_se i:nth-of-type(3){top: 10px; transform: rotate(-45deg);}

.nav{width: 100%; height: calc(100% - 111px); position: fixed; left: 0; top: -100%; z-index: 99999; transition: top ease .35s;}

.nav.nav_show{top: 50px;}

.nav > ul{min-width: 320px; max-width: 780px; height: 100%; margin: 0 auto; background: #eee; position: relative; overflow-y: auto;}

.nav ul li{border-top: 1px solid #ddd; margin-left: 20px; line-height: 40px; font-size: 14px; position: relative;}

.nav > ul > li:first-child{border-top: 0 none;}

.nav ul li a{height: 44px; line-height: 44px; display: block; padding-right: 45px; color: #666;}

.nav ul li ul{display: none;}

.nav ul li i{display: block; width: 40px; height: 26px; line-height: 26px; text-align: center; border-left: 1px solid #ddd; padding: 0 6px; position: absolute; right: 0; top: 9px;}

.nav ul li i span{font-size: 14px; transition: all .5s;}

.nav ul li i span:before{content: "\eeaa";}

.nav ul li i.nav_btndown span{color: #0084CD; transform: rotate(90deg);}


.nav ol{display: none;}
.nav ul li ul li a{padding-right: 90px;}
.nav_sv{right:40px!important;}

/*内页菜单*/

.dropmenu{min-height: 45px; margin-bottom: 20px; position: relative; z-index: 999;}

.dropmenu .label{padding: 0 20px; height: 45px; line-height: 45px; background: #222224; color: #fff; font-size: 15px;}

.dropmenu .label .iconfont{float: right; font-size: 16px; margin-top: 15px;}

.dropmenu .label .iconfont:before{content: "\e60e";}

.dropmenu ul{width: 100%; height: 0; overflow-y: auto; position: absolute;}

.dropmenu ul li{width: 100%; border-bottom: 1px solid #2f2e35;}

.dropmenu ul li a{display: block; height: 40px; line-height: 40px; padding: 0 50px; color: #bbb; background: rgba(17,17,17,.9); font-size: 13px;}

.dropmenu ul li.active a {background: #000; color: #fff;}

.dropmenu.open .label .iconfont{transform: rotate(180deg);}

/*公共样式*/

.home_title{font-size: 19px; text-align: center;}

.home_title span{color: #0084CD;}

.home_title em{color: #0084CD;}

.home_line{margin-top: 2px; text-align: center; font-size: 0; text-align: center;}

.home_line span{display: inline-block; font-size: 16px; text-transform: uppercase; line-height: 1.2; color: #999; position: relative; padding: 0 10px;}

.home_line span:before,.home_line span:after{display: block; content: ""; width: 40px; height: 1px; background: #999; position: absolute; top: 50%; margin-top: -1px;}

.home_line span:before{left: -40px;}

.home_line span:after{right: -40px;}

/*底部*/

.foot_copy{width: 100%; font-size: 12px; line-height: 20px; text-align: center; padding: 16px 0; color: #fff; background: #151515;}

.foot_copy a{color: #8e8e8e;}

.footer{width: 100%; position: relative; z-index: 990;}

.footer ul{height: 60px; background: #fff; border-top: 1px solid #ddd; margin: 0 auto;}

.footer li{width: 25%; height: 60px; float: left; font-size: 13px; text-align: center; position: relative;}

.footer li a{display: block; width: 100%; height: 100%; color: #666;}

.footer li i{display: block; width: 100%; height: 32px; line-height: 26px; padding-top: 6px; font-size: 22px;}

.footer li p{height: 20px; line-height: 20px; margin-top: 2px;}



/*新闻---列表式*/

.news_item{border-bottom: 1px solid rgba(0,0,0,0.05); padding: 20px 15px;}

.news_item:first-child{padding-top: 10px;}

.news_item:last-child{border-width: 0;}

.news_pic{margin-bottom: 10px; overflow: hidden;}

.news_pic img{display: block; width: 100%;}

.news_name{height: 20px; line-height: 20px; font-size: 16px; color: #565656; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news_date{height: 24px; margin-bottom: 4px; margin-top: 8px;}

.news_date p{height: 24px; line-height: 24px; font-size: 16px; float: left; font-family: "HELVETICANEUELTPRO-THEX", Arial;}

.news_date .md{color: #8a8a8a;}

.news_date .year{color: #bdbdbd; margin-left: 10px;}

.news_desc{max-height: 44px; line-height: 22px; font-size: 13px; color: #6a6a6a; overflow: hidden; margin-top: 4px;}



/*产品列表*/

.productlistd ul li {width:50%;float: left;}

.productlistd .item {padding:10px;}

.productlistd ul li h3 {text-align: center;}

.product_details_body img {width: 100%;}

@font-face {
  font-family: 'iconfont1';
  src: url('../fonts/iconfont1.eot');
  src: url('../fonts/iconfont1.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont1.woff2') format('woff2'),
      url('../fonts/iconfont1.woff') format('woff'),
      url('../fonts/iconfont1.ttf') format('truetype'),
      url('../fonts/iconfont1.svg#iconfont') format('svg');
}
.iconfont1 {
  font-family: "iconfont1" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}











*{box-sizing: border-box;}
.w1400{position: relative;width: 100%;padding: 0 20px;}




@font-face {
	font-family: DIN;
	src: url(../fonts/DIN-BOLD.OTF);
}


.h-header-zw{display:block;width:100%;height:100px;}
.h-header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #fff;transition: .3s;}
.h-header>div{display:flex;align-items: center;}
.h-logo{display: block;margin-right: auto;}
.h-nav{display:flex;}
.h-nav .li{margin-right: 50px;position: relative;}
.h-nav .li>a{display: block;font-size: 16px;color: #000000;line-height: 100px;}
.h-nav .li.active>a,.h-nav .li:hover>a{color: #0084CD;}
.h-nav .h-subnav {width:150px;background:#ffffff;font-size:12px;text-align:left;position:absolute;left:50%;transform: translateX(-50%);top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 16px -4px rgba(0,0,0,.3);margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:44;}
.h-nav .h-subnav ol {padding:12px 0;}
.h-nav .h-subnav ol li{width: 100%;margin: 0 !important;}
.h-nav .h-subnav a {transition: .3s; padding: 0 10px;box-sizing: border-box; width: 100%; display:block;height:50px;line-height:50px;color:#333;font-size: 14px;text-align: center;font-weight: normal;}
.h-nav .h-subnav a:hover {background:#0084CD;color:#fff!important;}
.h-nav .li:hover .h-subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}

.h-search{margin-right:50px;cursor: pointer;}
.h-search img{display:block;}
.h-phone{display: flex;align-items: center;font-family: DIN;font-weight: bold;font-size: 20px;color: #FF8800;line-height: 1;}
.h-phone img{display:block;margin-right: 10px;}

.searchBox{position:fixed;padding:15px 0;top:0px;left:0;width: 100%;background: #ffffff;transition: .3s;z-index: 99;border-top: 1px solid #eee;}
.searchBox.active{top:100px;}
.searchBox>div{display: flex;}
.searchForm{margin-left: auto;display: flex;height: 40px;}
.searchForm .int{display: block;height: 100%;width: 250px;border: 1px solid #eee;border-right: none;padding: 0 15px;}
.searchForm .btn{display: block;height: 100%;width: 70px;background-color: #0084CD;background-image: url(../images/iconSearch2.png);background-repeat: no-repeat;background-position: center;cursor: pointer;}


.h-header.active{box-shadow:0px 0px 5px 0px #ccc;}
.h-header.active .h-nav .li>a{line-height: 80px;}
.h-header.active~.searchBox.active{top:80px;box-shadow: 0px 0px 5px 0px #ccc;}




.mySwiperBanner{position:relative;overflow: hidden;}
.mySwiperBannerPC{display:block;}
.mySwiperBannerWAP{display:none;}
.bannerItem{display:block;width:100%;}
.bannerItem img{display:block;width:100%;}
.banner .swiper-pagination{display: flex;align-items: center;justify-content: center;bottom: 50px;}
.banner .swiper-pagination .swiper-pagination-bullet{display: block;margin: 0 5px;border-radius: 0;width: 30px;height: 8px;border: 1px solid #FFFFFF;opacity: 1;transition: .3s;background: none;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #0084CD;border-color: #0084CD;}




.indTitBox{display: flex;align-items: center;flex-direction: column;}
/* .indTitBox .ITBL{margin-right: auto;} */

.indTit{text-align:center;padding: 50px 0 30px;}
.indTit .atit{font-weight: bold;font-size: 28px;color: #000000;line-height:1.5;}
.indTit .btit{font-size: 14px;color: #999999;line-height:1.5;margin-top: 2px;}
.indTit.left{text-align:left;}
.indTit.white .atit{color:#fff;}
.indTit.white .btit{color:#fff;}

.bgHover{position: relative;overflow: hidden;}
.bgHover::before{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;background: linear-gradient(90deg, #008FD7, #00A5EA);z-index: 1;transition: .5s;}
.bgHover.active::before,.bgHover:hover::before{opacity: 1;}
.z9{position:relative;z-index: 9;}

.sec1{background: #F8F8F8;padding-bottom:60px;}
.indProSelList{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin: 5px -3px -3px;}
.indProSel{display: flex;align-items: center;justify-content: center;padding: 0 5px;min-width: 180px;text-align: center;height: 50px;border: 1px solid #0084CD;font-weight: bold;font-size: 16px;color: #0084CD;transition: .3s;cursor: pointer;border-radius: 10px;margin: 3px;}
.indProSel:hover,.indProSel.active{color:#fff;}
.indProBox{display: block;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr);gap: 30px;}
.indProItem{background: #FFFFFF;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 5px 0px #eee;}
.indProItem+.indProItem{margin-top: 10px;}
.indProItem .proTit{height: 50px;line-height: 50px;background: linear-gradient(90deg, #414141, #686767);font-weight: bold;font-size: 20px;color: #FFFFFF;text-align: center;}
.indProItem .proDesc{display: flex;flex-wrap: wrap;}
.indProItem .proDesc .desc{width: 50%;padding: 20px 15px;padding-right: 0;}
.indProItem .proDesc .desc a{display:block;font-size: 14px;color: #333333;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.indProItem .proDesc .desc a+a{margin-top: 5px;}
.indProItem .proDesc .img{width: 50%;padding: 5px;}
.indProItem .proDesc .img img{width: 100%;display: none;}
/* .indProItem2{grid-row: span 2;}
.indProItem2 .proDesc .desc{width: 100%;padding-right: 25px;}
.indProItem2 .proDesc .img{width: 100%;max-width: 70%;margin: 0 auto;} */
.indProItem .proDesc .desc a:hover{color: #0084CD;}



.indProBox2{}
.indProList{background: #FFFFFF;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 5px 0px #eee;}
.indProList+.indProList{margin-top: 30px;}
.indProList .indProTit{height: 50px;padding: 0 15px;display:flex;align-items: center;background: linear-gradient(90deg, #414141, #686767);}
.indProList .indProTit span{font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 1;}
.indProList .indProTit a{margin-left: auto;font-size: 14px;color: #FFFFFF;line-height: 1;}
.indProList .indProTit a:hover{color: #0084CD;}
.indProList .indProDesc{}
.indProList .indProItem{box-shadow: none;}


.mySwiperPro{position: relative;overflow: hidden;}
.mySwiperPro .swiper-slide{opacity:0!important;transition: .3s;}
.mySwiperPro .swiper-slide-active{opacity:1!important;}




.sec2{}
.indYsBox{display: flex;flex-wrap: wrap;}
.indYsRight{width: 100%;}
.indYsBox .indTit{padding-top:0;}
.indYsLeft{width: 100%;background: url(../images/indYsBg.jpg) center/cover;padding: 40px 15px 25px;z-index: 9;}
.indYsLeft .p{font-weight: bold;font-size: 28px;color: #FFFFFF;line-height: 1.3;margin: 30px 0 15px;}
.indYsLeft .span{font-size: 14px;color: #FFFFFF;line-height: 24px;min-height:72px;}
.indYsLeft .abox{display: flex;flex-wrap: wrap;margin-top: 70px;}
.indYsLeft .abox .a{display: flex;height: 45px;align-items: center;justify-content: center;}
.indYsLeft .abox .a img{margin-right: 5px;}
.indYsLeft .abox .a+.a{margin-left: 10px;}
.indYsLeft .abox .a1{padding: 0 15px;background: #FF8800;font-size: 16px;color: #ffffff;}
.indYsLeft .abox .a2{padding: 0 20px;background: #FFFFFF;font-family: DIN;font-weight: bold;font-size: 20px;color: #142AC3;}
.indYsLeft .abox a.a:hover{transform: translateY(-8px);box-shadow: 0px 5px 8px 0 #0010AC;}
.ysSelList{display: flex;flex-wrap: wrap;margin: -3px;margin-top: 40px;}
.ysSel{width: calc(50% - 6px);background: #FFFFFF;padding: 20px 0;transition: .3s;cursor: pointer;margin: 3px;}
.ysSel i{display: block;width: 48px;height: 45px;background-position: center 0;margin: 0 auto 4px;background-repeat: no-repeat;zoom: .75;}
.ysSel span{display: block;font-size: 16px;color: #000000;line-height: 26px;text-align: center;transition: .3s;}
.ysSel.active{background: #FF8800;}
.ysSel.active i{background-position: center -80px;}
.ysSel.active span{color: #fff;}
.mySwiperYsImg{width: 50%;height: 100%;position: relative;}
.mySwiperYsImg img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.mySwiperYsImg,.mySwiperIndYsDesc{width: 100%;position: relative;overflow: hidden;}
.mySwiperIndYsDesc .swiper-slide{opacity: 0!important;}
.mySwiperIndYsDesc .swiper-slide-active{opacity: 1!important;}
.indYsSWB{width:100%;display: flex;align-items:center;position: absolute;left: 0;bottom: 15px;padding: 0 15px;}
.indYsSWB .swiper-button-prev::before,.indYsSWB .swiper-button-next::before{display: none;}
.indYsSWB .swiper-button-prev::after,.indYsSWB .swiper-button-next::after{display: none;}
.indYsSWB .swiper-button-prev,.indYsSWB .swiper-button-next{position: relative;left:0;right: 0;top: 0;margin-top: 0;width: 50px;height: 50px;transition: .3s;flex-shrink: 0;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(255,255,255,.5);border-radius: 100%;background-image: none;}
.indYsSWB .swiper-button-prev img,.indYsSWB .swiper-button-next img{width:auto;height:auto;position: relative;z-index: 9;}
.indYsSWB .swiper-button-prev:hover,.indYsSWB .swiper-button-next:hover{border-color: transparent;}
.indYsSWB .swiper-button-prev{transform: rotate(180deg);}
.indYsSWB .swiper-button-next{margin-left: 10px;}
.indYsSWB .swiper-pagination{position: relative;font-family: Arial;font-size: 24px;width:auto;bottom:0;font-weight: bold;color: #FFFFFF;line-height: 1.5;flex-shrink: 0;}
.indYsSWB .swiper-pagination span{font-size: 22px;color: #0084CD;}
.indYsSWB .swiper-pagination em{font-size: 24px;}
.indYsSWB i{display: block;background: #FFFFFF;opacity: 0.5;width: 100%;height: 1px;position: relative;z-index: 9;margin: 0 10px;}


.sec3{padding-bottom:60px;}
.standardBox{display:flex;flex-wrap:wrap;margin: -5px 0;}
.standardItem{width:100%;margin:5px 0;background: #F8F8F8;border-radius: 10px;padding: 15px;display: flex;flex-wrap: wrap;transition: .3s;}
.standardItem .img{width:100%;height: 150px;overflow: hidden;}
.standardItem .img img{width:100%;height:100%;object-fit: cover;object-position: center;transition: .5s;}
.standardItem .desc{width: 100%;}
.standardItem .desc .atit{display:block;font-weight: bold;font-size: 24px;color: #222222;line-height: 25px;margin: 15px 0 10px;}
.standardItem .desc .btit a{display:block;font-size: 14px;color: #666666;line-height: 24px;height: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.standardItem .desc .ctit{display:block;font-size: 16px;color: #00A5EA;line-height: 36px;margin-top: 5px;}
.standardItem:hover .desc .atit{color:#fff;}
.standardItem:hover .desc .btit a{color:#fff;}
.standardItem:hover .desc .ctit{color:#fff;}
.standardItem:hover .img img{transform: scale(1.05);}
.standardItem  a:hover{opacity: .7;}






.sec4{background-image: url(../images/sec4Bg.jpg);background-size: cover;background-position: center bottom;padding-bottom: 110px;padding-top: 40px;}
.sec4 .indTit{padding-top: 0;}
.jinzhiBox{display: flex;flex-wrap: wrap;align-items: center;}
.jzDesc{width: 100%;display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 40px;}
.jzDesc .jzAtit{font-weight:bold;font-size: 24px;color: #000000;line-height: 1.5;background: linear-gradient(135deg, #008FD7 0%, #00A5EA 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.jzDesc .jzBtit{font-size: 15px;color: #666666;line-height: 1.64;margin: 5px 0 30px;}
.jzDesc .jzBtit p{margin-bottom: 5px;}
.jzDesc .jzCtit{display: flex;}
.jzDesc .jzCtit .ca{display: block;width: 120px;height: 45px;background: #FF8800;display: flex;align-items: center;justify-content: center;color: #FFFFFF;}
.jzDesc .jzCtit .ca:hover{transform: translateY(-8px);box-shadow: 0px 5px 8px 0 #999;}
.jzDesc .jzCtit .cphone{display: flex;align-items: center;justify-content: center;height: 45px;min-width: 200px;background: #FFFFFF;margin-left: 10px;font-family: DIN;font-weight: bold;font-size: 20px;color: #00A5EA;}
.jzDesc .jzCtit .cphone img{display: block;margin-right: 5px;}


.jzImgBox{width: 100%;border-radius: 0px;overflow: hidden;position: relative;}
.jzImgBox img{display:block;width: 100%;transition: .5s;}
.jzImgBox i{display: block;width: 80px;height: 80px;border-radius: 20px;cursor: pointer;position: absolute;left: 50%;top: 50%;margin: -40px 0 0 -40px;background: url(../images/video-open.png);z-index: 9;}

.mySwiperAbout{width: 100%;position: relative;overflow: hidden;}
.mySwiperAbout .swiper-pagination-bullet{width: 20px;height: 4px;background: #FFFFFF;opacity: 0.5;border-radius: 0;transition: .3s;}
.mySwiperAbout .swiper-pagination-bullet-active{opacity: 1;}

.layui-layer-video{max-width: 1200px;}
.layui-layer-video video{display: block;width: 100%;}

.sec5{padding-bottom: 60px;}
.indNumBox{display: flex;flex-wrap: wrap;width: 100%;background: linear-gradient(90deg, #008FD7, #00A5EA);box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);border-radius: 0px;margin-top: -94px;}
.indNumItem{width: 50%;text-align: center;position: relative;padding: 15px 10px;}
.indNumItem+.indNumItem::before{content: "";display: block;height: 100%;width: 1px;background: #ffffff;opacity: 0.2;position: absolute;top: 0%;left: 0;}
.indNumItem:nth-of-type(1)::after,.indNumItem:nth-of-type(2)::after{content: "";display: block;height: 1px;width: 100%;background: #ffffff;opacity: 0.2;position: absolute;top: 100%;left: 0;}
.indNumItem p{font-family: DIN;font-weight: bold;font-size: 38px;color: #ffffff;line-height: 0;fill: #fff;}
.indNumItem span{font-size: 14px;color: #ffffff;line-height: 1;opacity: 0.7;}

.twSelList{display: flex;justify-content: center;margin: 40px 0 25px;}
.twSel{display: flex;align-items: center;justify-content: center;min-width: 150px;height: 50px;padding: 0 15px;background: #EFEFEF;border-radius: 0px;margin: 5px;transition: .3s;position: relative;font-size: 16px;color: #000000;transition: .3s;overflow: hidden;cursor: pointer;}
.twSel::before{content: "";display: block;width: 100%;height: 100%;background: linear-gradient(90deg, #008FD7, #00A5EA);position: absolute;left: -100%;top: 0;z-index: 1;transition: .3s;}
.twSel span{display: block;position: relative;z-index: 9;}
.twSel.active{color: #ffffff;}
.twSel.active::before{left: 0;}
.twList{display: flex;flex-wrap: wrap;background: #ffffff;}
.twItem{width: calc(50% - 5px);position: relative;margin-right: 10px;margin-bottom: 10px;overflow: hidden;}
.twItem:nth-of-type(2n){margin-right: 0;}
.twItem img{display: block;width: 100%;transition: .3s;}
.twItem p{position: absolute;display: block;bottom: 0;left: 0;width: 100%;padding-top: 20px;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));text-align: center;font-size: 16px;color: #FFFFFF;line-height: 50px;height: 70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mySwiperTW{width: 100%;position: relative;overflow: hidden;}
.mySwiperTW .swiper-slide{opacity: 0!important;}
.mySwiperTW .swiper-slide-active{opacity: 1!important;}


.sec6{background: url(../images/sec6Bg.jpg) center/cover;padding-bottom: 60px;}
.customerList{display: flex;flex-wrap: wrap;margin: -4px;}
.customerItem{width: calc(33.333% - 8px);margin: 4px;overflow: hidden;}
.customerItem img{display: block;width: 100%;transition: .5s;}
.customerItem:hover img{transform: scale(1.08);}




.sec7{padding-bottom: 30px;}
.newsSelList{display: flex;margin-bottom: 20px;margin-top: -10px;}
.indA{display: block;width: 100px!important;height: 40px!important;background: #FFFFFF;border: 1px solid #E9E9E9;font-size: 16px;color: #333333;text-align: center;line-height: 38px;}
.indA:hover{color: #ffffff;}
.newsSelList .indA{cursor: pointer;}
.newsSelList .indA+.indA{margin-left: 15px;}
.newsSelList .indA.active{color: #fff;}
.newsSelList .indA.active:before{opacity: 1;}

.newsBox{width: 100%;display: flex;flex-wrap: wrap;position: relative;}
.newsBox .newsL{width: 100%;}
.newsBox .newsR{width: 100%;padding-top: 15px;}

.mySwiperNews {width: 100%;height: 100%;position: relative;overflow: hidden;}
.mySwiperNews .swiper-slide {opacity: 0!important;background: #ffffff;}
.mySwiperNews .swiper-slide-active{opacity: 1!important;}
.indNewItem{display: block;position: relative;border-radius: 0px;overflow: hidden;}
.indNewItem .img{overflow: hidden;max-height: 300px;}
.indNewItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .5s;}
.indNewItem .desc{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,.7);display: flex;}
.indNewItem .desc .info{width: calc(100% - 80px);padding: 10px 20px 10px 20px;height: 80px;display: flex;align-items: center;}
.indNewItem .desc p{display:block;font-weight: bold;font-size: 16px;color: #FFFFFF;line-height: 25px;max-height: 50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.indNewItem .desc span{display:block;font-size: 16px;color: #FFFFFF;line-height: 26px;opacity: 0.7;height: 52px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.indNewItem .desc .i{display: flex;width: 80px;height: auto;align-items: center;justify-content: center;background: linear-gradient(90deg, #008FD7, #00A5EA);}
.indNewItem:hover .img img{transform: scale(1.05);}
.indNewItem2{display: flex;align-items: center;}
.indNewItem2+.indNewItem2{margin-top: 15px;}
.indNewItem2 .img{width: 150px;border-radius: 0px;overflow: hidden;height: 100%;}
.indNewItem2 .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .5s;}
.indNewItem2 .desc{width: calc(100% - 150px);padding-right: 15px;}
.indNewItem2 .desc .atit{font-weight: bold;font-size: 18px;color: #333333;line-height: 40px;height: 40px;padding-left: 20px;transition: .3s;background-image: url(../images/iconRight3.png);background-repeat: no-repeat;background-position: left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.indNewItem2 .desc .btit{font-size: 14px;color: #666666;line-height: 20px;opacity: 0.7;height: 60px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.indNewItem2:hover .img img{transform: scale(1.05);}
.indNewItem2:hover .desc .atit{color: #00A5EA;background-image: url(../images/iconRight4.png);}





@media screen and (max-width:780px) {
	.w1400{padding: 0 15px;}
	
	
	
}



.profl{display:flex;flex-wrap:wrap;align-items: center;justify-content: center;margin: 5px -5px -5px;}
.profl a{display:block;font-size: 16px;padding:10px 15px;background: #eee;color: #333;border-radius: 10px;margin: 5px;}
.profl a.active{color:#fff;background: #0084CD;}

.titlestyle{ width:100%; border-radius: 10px;}
.titlestyle h2{padding:0 25px; line-height:42px; font-size:16px; color:#fff; font-weight:normal; background:#0084CD ;border-radius: 10px;display: inline-block;}
.titlestyle span{float:right; padding-right:5px;color:#666; line-height:42px; font-weight:normal; font-size:14px;}

.hk_fenlei{background-color: #f7f7f7;border-radius: 10px;box-sizing: border-box;padding: 15px 10px;margin: 10px 0;}
.cat_goods ul{ width: 100%; overflow: hidden; padding: 15px 10px 0;display:flex;flex-wrap:wrap;}
.cat_goods ul li{ min-width: 50%;  line-height: 24px; background: url(../images/dot2.png) no-repeat left 7px;margin-bottom: 10px;}
.cat_goods ul li a{ display: block;  padding-left: 20px; font-size: 12px; overflow:hidden;color: #777;}
.cat_goods ul li a:hover{color:#0084CD;}
.hk_fenlei .titlestyle2.titlestyle{margin-top: 0;height: auto !important;}
.cat_goods2 {width: 100%;}
.cat_goods2 ul{ width: 100%; overflow: hidden;}
.cat_goods2 ul li{ display:flex;width: 100%; background: #c5c3c4; height: 42px; line-height: 42px;	box-sizing: border-box;	border-radius: 10px;	padding: 0 15px; /* background: url(../images/dot2.png) no-repeat left center; */}
.cat_goods2 ul li a{height: 42px;line-height: 42px;font-size: 18px;color: #333;}
.cat_goods2 ul li .mores{font-size: 12px;margin-left:auto;}
.cat_goods2 ul li a:hover{color:#0084CD;}


.ubContent{width: 100%;overflow: hidden;line-height: 28px;border-top: none;font-size: 14px;}




.columnBox{margin-top: 25px;background: #fff;}
.columnTit{display: flex;align-items: center;font-size: 20px;padding-left: 20px;color: #fff;height: 80px;overflow: hidden;background: #0084cd url(../images/leftMuH4.png) no-repeat center;}
.Acolumn{}
.Acolumn .Atit{display: flex;flex-wrap: wrap;align-items: center;padding-right: 10px;transition: .3s;}
.Acolumn .Atit a{display: block;width: calc(100% - 20px);padding: 0 10px;font-size: 14px;color: #444444;height: 40px;line-height: 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Acolumn .Atit i{display: block;width: 20px;height:20px;background-image: url(../images/iconRight6.png);background-size: 100%;transition: .3s;cursor: pointer;transition: .3s;}
.Bcolumn{width: 100%;padding: 0 0px 10px;display: none;}
.Bcolumn a{padding: 0 20px 0 40px;background-image:url(../images/quan1.png);background-repeat: no-repeat;background-position: 20px 8px;display: block;font-size: 14px;color: #444444;height: 30px;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;border-top: 1px solid rgba(255,255,255,.5);}

.Acolumn .Atit:hover,.Acolumn.active .Atit{background: #0084CD;}
.Acolumn .Atit:hover a,.Acolumn.active .Atit a{color: #ffffff;}
.Acolumn .Atit:hover i,.Acolumn.active .Atit i{background-image: url(../images/iconRight66.png);}
.Acolumn.active .Atit i{transform: rotate(90deg);}
.Bcolumn a.active,.Bcolumn a:hover{color: #fff;background-image:url(../images/quan11.png);background-color: #0084CD;}



/* .pagesDiv {clear:both;width:100%;margin:0 auto;line-height:25px;padding:10px 0px 50px 0px;}
.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}
.pages a:link,.pages a:visited {color:#666666;}
.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}
.pages a:hover {background:#0084CD;color:#FFFFFF;border:1px solid #0084CD;text-decoration:none;text-align:center;padding:2px 5px;}
.pages .cpb {font-weight:bold;color:#FFFFFF;background:#0084CD;border:1px solid #0084CD;text-align:center;margin:0px 2px;padding:2px 5px;}
.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}
.pagination {text-align:center;}
.pagination li {display:inline-block;color:#333333;margin:0px 5px 0px 0px;vertical-align:middle;}
.pagination li a {float:left;display:block;height:25px;line-height:25px;padding:0 10px;font-size:13px;border:1px solid #dddddd;color:#555555;text-decoration:none;}
.pagination li a:hover {background:#0084CD;color:#ffffff;}
.pagination li a.thisclass {background:#0084CD;color:#ffffff;border:1px solid #0084CD;cursor:default;}
.pagination li a.thisclass:hover {background:#0084CD;color:#ffffff;border:1px solid #0084CD;cursor:default;}
.pagination li .pageinfo {line-height:21px;padding:12px 10px 12px 16px;color:#999999;}
.pagination li .pageinfo strong {color:#555555;font-weight:normal;}
.pagination table {text-align:center;margin:10px 0px 0px 25%;}
.pagination table td {padding:0px 2px;}
#pages {text-align:right;}
#pages a {display:inline-block;height:33px;line-height:30px;background:#ffffff;border:1px solid #e3e3e3;text-align:center;color:#333333;padding:0 14px;}
#pages a.a1 {background:url('../images/pages.png') no-repeat 0 5px;padding:0 5px;}
#pages a:hover {background:#f1f1f1;color:#000000;text-decoration:none;}
#pages span {display:inline-block;height:33px;padding:0 14px;line-height:30px;background:#0084CD;border:1px solid #0084CD;color:#ffffff;text-align:center;}
#pages .noPage {display:inline-block;height:22px;line-height:22px;background:url('../images/titlebg.png') repeat-x 0 -55px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}
 */



.proList{width: 100%;display: flex;flex-wrap: wrap;margin: -10px;}
.proItem{width: calc(33.333% - 20px);margin: 10px;border: 1px solid rgb(227,227,227);display: block;}
.proItem .img{display:block;width:100%;overflow: hidden;}
.proItem .img img{display:block;width: 100%;transition: .3s;}
.proItem .desc{padding:15px 10px 10px;border-top:1px solid rgb(227,227,227)}
.proItem .desc .atit{color: #333333;transition: all .5s;font-size: 18px;line-height: 25px;height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.proItem .desc .btit{display:flex;margin-top: 15px;}
.proItem .desc .btit a{display: block;width: calc(50% - 7.5px);text-align: center;line-height: 40px;background: #FFFFFF;border: 1px solid #e3e3e3;border-radius: 5px;font-size: 16px;color: #999999;}
.proItem .desc .btit a+a{margin-left: auto;}
.proItem .desc .btit a:hover {background: #0084CD;border-color: #0084CD;color: #FFFFFF;}
.proItem:hover .img img{transform: scale(1.05);}









.nyBanner .img img{display:block;width:100%;}

.mbx{display:flex;flex-wrap:wrap;align-items: center;line-height: 24px;padding: 15px 0;}
.mbx img{margin-right:6px;}
.mbx span,.mbx a{display:block;font-size:14px;color: #666;}
.mbx a:hover{color:#006EAA;}


.proBox{display:flex;flex-wrap:wrap;margin-bottom: 20px;margin-top: 20px;}
.proLeft{width:100%;}
.proRight{width:100%;position: relative;}

.proInfoBox{display:flex;flex-wrap:wrap;background: #FFFFFF;margin-bottom: 30px;}
.PIBL{max-width: 400px;width: 100%;margin: 0 auto;}
.PIBR{width:100%;padding-top: 30px;}
.PIBL .swiper{position: relative;overflow: hidden;width: 100%;}
.PIBL .img{width:100%;border: 1px solid #F1F3F5;transition: .3s;}
.PIBL .img img{display:block;width:100%;transition: .3s;}
.PIS{padding:0 20px;position: relative;margin-top: 5px;}
.PIS .img{cursor: pointer;}
.PIS .swiper-slide-thumb-active .img{border-color: #006EAA;}
.PIBL .swiper-button-prev:after,.PIBL .swiper-button-next:after{display:none;}
.PIBL .swiper-button-prev,.PIBL .swiper-button-next{width: 15px;height: 100%;margin-top:0;top:0;background-image: url(../images/iconRight5.png);background-position: center;background-repeat: no-repeat;background-size: 10px;}
.PIBL .swiper-button-prev{transform: rotate(180deg);left: 0;}
.PIBL .swiper-button-next{right: 0;}
.PIBR .atit{font-weight: bold;font-size: 26px;color: #006EAA;line-height: 1.2;}
.PIBR .btit{background: #FFFFFF;box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.1);border-radius: 6px;border: 1px solid rgba(0,0,0,0.1);padding: 15px 10px;margin: 25px 0 10px;}
.PIBR .btit p{font-size: 16px;color:#666666;line-height: 1.6;}
.PIBR .btit p+p{margin-top:8px;}
.PIBR .btit p b{color: #0084CD;}
.PIBR .ctit{display: flex;align-items: center;margin-bottom: 25px;}
.PIBR .ctit p{border-radius: 17px;border: 1px dashed #333333;margin-top: 20px;margin-left: 8px;padding: 2px 15px;font-size: 14px;}
.PIBR .ctit p b{font-weight:normal;color: #FF0000;transition: .3s;}
.PIBR .ctit p b:hover{color: #0084CD;}
.PIBR .dtit{display: flex;align-items: center;}
.PIBR .dtit .a{display:flex;align-items: center;justify-content: center;width: 130px;height: 45px;background: linear-gradient(-55deg, #FF0000, #FB7248);border-radius: 23px;font-size: 16px;color: #FFFFFF;}
.PIBR .dtit .p{display: flex;align-items: center;font-size: 20px;color: #FF0000;margin-left: 15px;}
.PIBR .dtit .p span{display:block;margin-left: 5px;font-weight: bold;color: #d00000;}
.PIBR .dtit .a:hover{transform: translateY(-10px);box-shadow: 0px 0px 10px 0 #ccc;}

.proContentBox{margin-top: 30px;}
.proSel{display: flex;}
.proSel a{display: flex;align-items: center;justify-content: center;width: 100%;text-align:center;border-radius: 10px 10px 0px 0px;border: 1px dashed #DDDDDD;background: #FFFFFF;font-size: 15px;color: #333333;padding: 5px;}
.proSel a+a{margin-left: 4px;}
.proSel a.active,.proSel a:hover{background: #0084CD;color: #ffffff;border-style: solid;}

.md{position: absolute;top: -80px;visibility: hidden;width: 0;height: 0;}

.proContent{background: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);}
.proPlate{padding: 35px 15px;position: relative;}
.proPlate:nth-of-type(even){background: #F6F6F6;}
.proTitle{display: flex;border-bottom: 1px solid rgba(63, 63, 64, 0.1);padding-bottom: 8px;margin-bottom: 25px;}
.proTitle .line{display: block;width: 5px;height: 24px;background: #CC000A;margin-right: 8px;}
.proTitle .att{font-weight: bold;font-size: 20px;color: #0084CD;line-height: 1;}
.proTitle .btt{font-size: 12px;color: #333333;line-height: 1;margin-top: 8px;}

.substance{font-size: 15px;color: #666666;line-height: 1.8;}
.substance img,.substance video{display: block;max-width: 100%;height: auto!important;margin: 10px auto;}
.proBlock{border-radius: 10px;}
.proBlock+.proBlock{margin-top: 30px;}
.proBlock .atit{font-size: 18px;color: #1D1D1D;padding-left: 14px;position: relative;}
.proBlock .atit::after{content: "";display: block;width: 6px;height: 6px;background: #0084CD;border-radius: 50%;position: absolute;left: 0;top: 17px;}
.proBlock.blueBg{background: #0084CD;padding: 20px 15px;color: #fff;}
.proBlock.blueBg .atit{color: #ffffff;}
.proBlock.blueBg .atit::after{background: #FFFFFF;}

.zdyTable{width:100%;overflow:auto;}
.zdyTable table{width: 100%;font-size: 14px;color: #000000;background: #ffffff;text-align: center;border-top: 1px solid #DDDDDD;border-left: 1px solid #DDDDDD;}
.zdyTable table tr:nth-of-type(odd){background: #F1F3F5;}
.zdyTable table tr td{border-right: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;padding: 5px 5px;min-width: 100px;}

.tjCaseList{display:flex;flex-wrap: wrap;margin: -5px;}
.tjCaseItem{width: calc(50% - 10px);margin: 5px;}
.tjCaseItem .img{display: block;overflow: hidden;}
.tjCaseItem .img img{display: block;width: 100%;margin: 0;transition: .5s;}
.tjCaseItem p{display: block;text-align: center;font-size: 15px;color: #333333;line-height: 20px;margin: 10px 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;}
.tjCaseItem:hover .img img{transform: scale(1.08);}
.tjCaseItem:hover p{color: #006EAA;}

.dvItem{display: flex;flex-wrap:wrap;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);background: #FFFFFF;}
.dvItem+.dvItem{margin-top: 10px;}
.dvItem .img{width: 100%;}
.dvItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;margin: 0;}
.dvItem .desc{width: 100%;padding: 15px;}
.dvItem .desc p{display: block;font-size: 18px;color: #0084CD;line-height: 1.5;margin-bottom: 5px;}
.dvItem .desc span{display: block;font-size: 14px;color: #222222;line-height: 1.8;}
.dvItem:nth-of-type(even){flex-direction: row-reverse;}

.proTJList{position:sticky;top: 100px;}
.proTJItem{display: block;width: 100%;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);background: #fff;margin-bottom: 15px;}
.proTJItem .img{display:block;border-bottom: 1px solid #F1F3F5;overflow: hidden;}
.proTJItem .img img{display:block;width: 100%;transition: .5s;}
.proTJItem .desc{display: flex;height: 38px;line-height: 38px;}
.proTJItem .desc span{display: block;width: calc(100% - 90px);padding: 0 12px;font-size: 16px;color: #006EAA;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.proTJItem .desc em{display: block;width: 90px;text-align: center;background: #F1F3F5;font-size: 16px;color: #000000;transition: .3s;}
.proTJItem:hover .img img{transform: scale(1.05);}
.proTJItem:hover .desc em{color: #ffffff;background: #006EAA;}

.npACT{display: flex;}
.npACT .np{max-width: 50%;line-height: 50px;height: 50px;}
.npACT .np.n{padding-left: 10px;}
.npACT .np.p{padding-right: 10px;}
.npACT .np span{font-size: 14px;color: #666;width: 60px;text-align: right;}
.npACT .np a{font-size: 14px;color: #333;}
.npACT .np a:hover{color: #006EAA;}






.relative{position: relative;}
.md{position: absolute;top: -50px;visibility: hidden;width: 0;height: 0;}



.proVideo{max-width: 100%;margin: 0 auto 20px;}
.proVideo video{display: block;max-width: 100%;margin: 0 auto;}


.footer {width: 100%;position: relative;z-index: 990;padding: 10px 5px;border-top: 1px solid #eee;}
.fbtns{display: flex;}
.fbtns a{display: flex;height: 40px;width: calc(50% - 10px);text-align: center;background: #0084CD;border-radius: 35px;margin: 0 5px;align-items: center;justify-content: center;color: #fff!important;}
.fbtns .a2{background:#FF8800;}
.fbtns a img{display:block;width:17px;margin-right: 5px;}