@font-face {
  font-family: "DIN-Medium";
  src: url("../fonts/DIN-Medium.woff") format("woff"),
       url("../fonts/DIN-Medium.ttf") format("truetype"),
       url("../fonts/DIN-Medium.eot") format("embedded-opentype"),
       url("../fonts/DIN-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*全局样式*/
body{padding: 0;margin: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0; outline: none;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-size: 14px;color: #333; outline:none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-size: 14px;color: #333;cursor: pointer; outline:none;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #d2d2d2;border-radius: 0;}
body *::-webkit-scrollbar-thumb{background: #04b6b9;border-radius: 0;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.scaleimg:hover em{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/*背景图片*/
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*常用定位*/
.top50{top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.left50{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.topleft50{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%);}


.w1400{max-width: 1400px; width: 84%; margin: 0 auto;}
.w1600{max-width: 1600px; width: 84%; margin: 0 auto;}
.w97{width: 97.91%; margin: 0 auto;}
#page{ background: #F4F5F7;}

/*header*/
.header{position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 20; transition: 0.5s;}
.header .logo{position: relative; width: 128px; height: 40px;}
.header .logo img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: 0.4s;}
.header .logo img.logo2{opacity: 0; }
.header .box{ display: flex;justify-content: space-between; align-items: center; height: 100%;}
.header .box .right{ display: flex; justify-content: space-between;}
.nav>ul > li{ float: left; line-height: 80px; margin-right: 10px; padding: 0 18px;}
.nav>ul > li > a{position: relative;display: block;font-size: 17px;color: #fff; transition: 0.4s;}
.nav>ul > li > a::before{content: ""; position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 0; height: 2px; background: #fff; transition: 0.3s; -weblit-transition: 0.3s; }
.nav>ul > li.on>a::before{ width: 100%;}
.nav>ul > li > a:hover::before{width: 100%;}

.nav .navSub{display: none;z-index: 2;position: absolute;left: 50%;top: 90px;width: 100%;background-color: #fff;  transform: translateX(-50%);border-top: 1px #eee solid; box-shadow: 0 6px 6px rgba(233,233,233,0.3);}
.nav .navSub ul{display: flex; justify-content: center; padding: 16px 0;}
.nav .navSub ul li{  width: 12%; margin: 0 1%;}
.nav .navSub ul li a{ display: block;}
.nav .navSub ul li a .pic{position: relative; padding-bottom: 56.3%; height: 0; margin-bottom: 10px;}
.nav .navSub ul li a .pic .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.6); transition: 0.5s; display: none;}
.nav .navSub ul li a p{ line-height: 30px; height: 30px; font-size: 15px; text-align: center; transition: 0.4s;}
.nav .navSub ul li a:hover .mask{background: none;}
.nav .navSub ul li a:hover p{ color: #2D91B0;}

.header .box .right .searchIcon{cursor: pointer; margin-left: 26px; filter: brightness(0) invert(1); transition: 0.4s;}
.header .box .right .searchIcon:hover{ filter: none;}
.header .box .right .language{ display: flex; align-items: center; margin-left: 40px; font-size: 18px; color: #fff; transition: 0.4s;}
.header .box .right .language img{ margin-right: 8px; filter: brightness(0) invert(1); transition: 0.4s;}
.header .box .right .language:hover{ color: #2D91B0;}
.header .box .right .language:hover img{ filter: none;}

.header.on{background: #fff;  box-shadow: 0 0 10px rgba(0,0,0,0.1); height: 80px;}
.header.on .logo img.logo1{opacity: 0;}
.header.on .logo img.logo2{opacity: 1;}
.header.on .nav>ul > li > a{ color: #333;}
.header.on .nav>ul > li.on > a{ color: #2D91B0;}
.header.on .nav>ul > li > a::before{background: #2D91B0;}
.header.on .nav .navSub{ top: 80px;}
.header.on .box .right .searchIcon{filter: brightness(0) invert(0.5);}
.header.on .box .right .searchIcon:hover{ filter: none;}
.header.on .box .right .language{ color: #333;}
.header.on .box .right .language img{filter: brightness(0) invert(0.5);}
.header.on .box .right .language:hover{ color: #2D91B0;}
.header.on .box .right .language:hover img{filter:none;}

/*手机导航*/
.menu-btn{position: relative; display: none; width: 24px;height: 24px;font-size: 0; margin-left: 24px; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s;}
.menu-btn span{display: block;width: 100%;height: 2px;background-color: #666;transition: 0.5s ease-out;}
.menu-btn span:nth-child(2){margin: 7px 0;}

/*搜索弹窗*/
.searchTan{ display: none; border-radius: 8px; overflow: hidden;}
.searchTan form{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 90%; height: 50px; margin: auto; }
.searchTan form .text-input{ display: block; width: 100%; height: 100%; padding: 0 50px 0 10px; box-sizing: border-box; border: 1px solid #ccc; font-size: 16px; border-radius: 40px;}
.searchTan form .sub-btn{position: absolute; right: 0; top: 0; width: 52px; height: 52px; background:url(../images/svg/search.svg) center no-repeat; background-size: 24px 24px; border: none;  border-radius: 50%;}
/*layer弹窗自定义皮肤*/
body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -10px;top: -10px;background-image: none;}
body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: "×";position: absolute;width: 30px;height: 30px;font-size: 30px;text-align: center;line-height: 26px;font-weight: bold; color: #c4c4c4; font-weight: bold;}

/*首页*/
.indexCon{background: #fff;}
.indexMore{position: relative; display: block; width: 150px; border: 1px #222222 solid; border-radius: 24px; padding: 10px 30px; box-sizing: border-box; font-size: 16px; color: #222222; margin-top: 80px; transition: 0.4s; color: #37474f; overflow: hidden; transition: 0.3s; text-align: center; }
.indexMore i{ position: absolute; top: 50%; right: 30px; width: 0; height: 0; border-top: 4px solid transparent; border-left: 10px solid #222222; border-bottom: 4px solid transparent; transform: translateY(-50%); transition: 0.4s;}
.indexMore:hover i{ border-left: 10px solid #fff;}
.indexMore:hover{color: #2D91B0; border-color: #2D91B0;}
/* .indexMore::before,
.indexMore::after {content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -1; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.indexMore::before {background: #60CDEF;}
.indexMore::after {background: #2D91B0;}
.indexMore:hover {color: #fff;border-color: #2D91B0;}
.indexMore:hover::before,
.indexMore:hover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.indexMore:hover::after {-webkit-transition-delay: 0.175s;transition-delay: 0.175s;} */

.indexTitle{ font-size: 32px; line-height: 42px; color: #222222; text-align: center;}
.indexPart{padding: 60px 0;}
/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden; }
.banner .swiper-slide{ display: block; height: 100vh; background-size: cover; background-position: center;}
.bannerSwtch{ z-index: 2;}
.banner .bannerNext{transition: 0.3s; -webkit-transition: 0.3s; cursor: pointer; background-size: cover; transition: 0.4s; right: 0; background: url(../images/svg/right.svg) no-repeat 0 0; width: 15px; height: 22px; filter: brightness(0) invert(1); opacity: 1;}
.banner .bannerPrev{transition: 0.3s; -webkit-transition: 0.3s;cursor: pointer; background-size: cover; left: 0; background: url(../images/svg/right.svg) no-repeat 0 0;  width: 15px; height: 22px; transform: rotate(180deg); filter: brightness(0) invert(1); opacity: 1;}
.banner .bannerNext:hover{ filter: none;}
.banner .bannerPrev:hover{ filter: none;}
.banner .btn{ bottom: 38px;}
.banner .btn span{width: 7px; height: 7px;  margin: 0 10px !important; background: #fff; opacity: 1;}
.banner .btn span.swiper-pagination-bullet-active{position: relative;}
.banner .swiper-pagination-bullet svg{position: absolute;left: -7px;top: -6px;width: 24px;height: 24px;fill: transparent;stroke-width: 1px;stroke: #fff;stroke-dasharray: 120;stroke-dashoffset: 120;transform: rotate(12deg);}
.banner .swiper-pagination-bullet-active{color: #2D91B0;}
.banner .swiper-pagination-bullet-active svg{animation: bannerSvg 10s forwards;-webkit-animation: bannerSvg 14s forwards;}
@keyframes bannerSvg{
	to{stroke-dashoffset: 0;}
}
@-webkit-keyframes bannerSvg{
	to{stroke-dashoffset: 0;}
}

.banner .swiper-slide .box{position: relative; height: 100%;}
.banner .swiper-slide .box .bannerText{position: relative; width: 52%;}
.banner .swiper-slide .box .bannerText p{ font-size: 24px; color: #CCCCCC; line-height: 30px;}
.banner .swiper-slide .box .bannerText h3{ font-size: 46px; color: #fff; line-height: 60px;  margin-top: 20px;}
.banner .swiper-slide .box .bannerText h4{ font-size: 20px; line-height: 26px; color: #FFFFFF; font-weight: normal; margin-top: 28px;}
.banner .indexMore{  text-align: center;  background: #fff; border-color: #fff; color: #333;}
.banner .indexMore:hover{background: none; border-color: #2D91B0; color: #2D91B0;}
.banner .bannerPro{ position: absolute; right: 0; top: 57px;}
.banner .bannerPro1{max-width: 48%;}
.banner .bannerPro2{ top: auto; bottom: 0; right: 79px; max-height: calc(100% - 150px);}

/*简介*/
.indexOne{position: relative; height: 680px; background: url(../images/indexOneBg.jpg) no-repeat center; background-size: cover; margin-top: 20px; overflow: hidden;}
.indexOne .box{ height: 100%; display: flex; justify-content: space-between; position: relative; z-index: 2;}
.indexOne .left{ position: relative; width: 39%;}
.indexOne .left .playBox{ position: relative; display: inline-block;}
.play{ position: relative; left: 50%; transform: translateX(-50%); cursor: pointer; width: 68px; height: 68px; border-radius: 50%; background: #fff;}
.play i{width: 0; height: 0; border-top: 12px solid transparent; border-left: 18px solid #000000; border-bottom: 12px solid transparent; margin-left: 2px;}
.play::before{ content: ""; position: absolute; top: 0; left: 0; width: 68px; height: 68px; background: rgba(255,255,255,0.4); animation: play 4s infinite; border-radius: 50%;}
.play::after{ content: ""; position: absolute; top: 0; left: 0; width: 68px; height: 68px; background: rgba(255,255,255,0.2); animation: play 4s infinite; border-radius: 50%; animation-delay: 2s;}
@keyframes play {
	0% { opacity: 0; -webkit-transform: scale(1, 1); }
	5% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale(1.8); }
}
@-webkit-keyframes play {
	0% { opacity: 0; -webkit-transform: scale(1, 1); }
	5% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale(1.8); }
}
.indexOne .left p{ text-align: center; font-size: 18px; color: #FFFFFF;  margin-top: 60px;}
.indexOne .bg{position: absolute; top: 0; right: 0; width: 59%; background: linear-gradient(90deg,rgba(0,0,0,0.5),rgba(0,0,0,0.1)); height: 100%; transition: 0.3s;}
.indexOne .bg::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(3px);}
.indexOne .right{ width: 61%; padding-left: 60px; box-sizing: border-box; padding-top: 120px; box-sizing: border-box; transition: 0.3s;}
.indexOne .right .indexTitle{ color: #fff; text-align: left;}
.indexOne .right .txt{ font-size: 16px; color: #fff; line-height: 32px; margin-top: 80px; -webkit-line-clamp: 4; height: 128px; }
.indexOne .right .indexMore{ color: #fff; border-color: #fff; margin-bottom: 40px; background: #fff; color: #37474f;}
.indexOne .right .indexMore i{border-left: 10px solid #fff;}
/* .indexOne .right .indexMore:hover{ color: #2D91B0;}
.indexOne .right .indexMore:hover{background: none; border-color: #2D91B0;} */

.indexOne .right .indexMore{  text-align: center; background: none; border-color: #2D91B0; color: #2D91B0;}
.indexOne .right .indexMore:hover{ background: #fff; border-color: #fff; color: #333;}

.logoText{ fill:transparent;stroke:#cbad79;stroke-dasharray:2000;stroke-dashoffset:2000;animation: str 6s linear infinite;}
@keyframes str{
	to{stroke-dashoffset: 0;}
}

.indexOne .videoBg{ display: none; position: absolute; top: 0; left: 0; height: 100%;}

.indexOne.on .right{ width: 42%;}
.indexOne.on .bg{ width: 44%;}

/*新闻热点*/
.indexTwo{ position: relative; z-index: 1;}
.indexTwo .indexTitle{ padding-top: 24px;}
.indexTwo::before{ content: ""; position: absolute; top: 0; left: 0; width: 76%; height: 100%; background: url(../images/indexTwoBg.jpg) no-repeat bottom right; z-index: -1;}
.indexTwo .box{position: relative;}
.indexPart .box{ margin-top: 36px;}
.indexTwo .box .scrollBox{ overflow: hidden;}
.indexTwo .box ul li a{position: relative; display: block; background: #222222;}
/* .indexTwo .box ul li a::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: red;} */
.indexTwo .box ul li .tBox{position: relative; z-index: 2; padding: 10px 20px 34px 20px;}
.indexTwo .box ul li .tBox b{font-size: 48px; color: #FFFFFF; font-family: "DIN-Medium"; font-weight: normal;}
.indexTwo .box ul li .tBox .data{font-size: 16px; color: #999999; font-family: arial; margin-top: 6px;}
.indexTwo .box ul li .tBox .pic{ margin: 20px 0 12px 0; overflow: hidden;}
.indexTwo .box ul li .tBox .pic em{display: block; padding-bottom: 60%;}
.indexTwo .box ul li .tBox .txt{ height: 108px; overflow: hidden;}
.indexTwo .box ul li .tBox h3{font-size: 20px; line-height: 28px; font-weight: normal; color: #FFFFFF; }
.indexTwo .box ul li .tBox p{margin-top: 14px; font-size: 16px; line-height: 32px; height: 64px; color: #FFFFFF; opacity: 0.5;}
.indexTwo .box ul li .tBox .more{ margin-top: 32px; opacity: 0.5; }
.indexTwo .box ul li a:hover{background: #111;}
.indexTwo .box ul li a:hover .tBox p{ opacity: 1;}
.indexTwo .box ul li a:hover .tBox .more{ opacity: 1;}
.indexPart .indexMore{ margin: 0 auto; margin-top: 50px; position: relative; z-index: 2; text-align: center;}
.indexTwo .box .btn{width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.2); right: 0;}
.indexTwo .box .btn::before{ content: ""; position: absolute; top: 0; left: 0; transform: scale(0.6); transform-origin: center; width: 100%; height: 100%; background: #2D91B0; border-radius: 50%; opacity: 0; transition: 0.4s;}
.indexTwo .box .btn img{filter: brightness(0) invert(1); margin-left: 2px; position: relative; z-index: 1;}
.indexTwo .box .btn.prev{right: auto; left: 0;}
.indexTwo .box .btn.prev img{transform:translate(-50%,-50%) rotate(180deg); margin: 0 2px 0 0;}
.indexTwo .box .btn:hover::before{opacity: 1; transform: scale(1.3);}

/*视频专区*/
.indexThree .box{ display: flex; justify-content: space-between;}
.indexThree .box .item{position: relative; height: 0; padding-bottom: 37.88%; width: 15.74%; transition: 0.7s; overflow: hidden;}
.indexThree .box .item em{position: absolute; top: 0; left: 0; width: 100%; display: block; height: 100%; z-index: 1; transition: 0.3s;}
.indexThree .box .item em .play{ top: 30%; opacity: 0; transition: 0.3s;}
.indexThree .box .item .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 2; transition: 0.3s;}
.indexThree .box .item .title{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; font-size: 18px; line-height: 30px; font-weight: bold; color: #fff; z-index: 3; padding: 0 14px; box-sizing: border-box;}
.indexThree .box .item .text{position: absolute; bottom: -100px; left: 0; width: 100%; box-sizing: border-box; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); padding: 73px 30px 30px 30px; opacity: 0; z-index: 3;}
.indexThree .box .item .text h4{ font-size: 24px; line-height: 32px; color: #fff;}
.indexThree .box .item .text p{ font-size: 16px; line-height: 2; color: #fff; margin: 16px 0 30px 0;}
.indexThree .box .item video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; object-fit: fill;}

.indexThree .box .item.on{width: 66.38%;}
.indexThree .box .item.on em .play{opacity: 1;}
.indexThree .box .item.on .mask{opacity: 0; z-index: -1;}
.indexThree .box .item.act em{z-index: -1; opacity: 0;}
.indexThree .box .item.act .text{opacity: 0; z-index: -1;}
.indexThree .box .item.on .title{animation: title 0.5s forwards; }
@keyframes title{
	to{
		//transform: translateY(-120px);
		opacity: 0;
	}
}

.indexThree .box .item.on .text{animation: text 0.8s forwards; animation-delay: 0.4s;}
@keyframes text{
	to{
		bottom: 0;
		opacity: 1;
	}
}

/*产品推荐*/
.indexFour{background: url(../images/indexFourBg.jpg) no-repeat center; background-size: cover;}
.indexFour .box{ display: flex; justify-content: space-between;}
.indexFour .box .left{ width: 36.17%;}
.indexFour .box .left em{ padding-bottom: 135.4%;}
.indexFour .box .item{position: relative; display: block; position: relative; }
.indexFour .box .item .pic{position: relative; overflow: hidden;}
/* .indexFour .box .item .pic::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; transition: 0.4s; z-index: 1;} */
.indexFour .box .item em{ display: block; height: 0; /* width: 105%; */ transition: 0.7s;}
.indexFour .box .item .text{ position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #fff; padding-top: 60px; z-index: 2;}
.indexFour .box .item .text p{ font-size: 16px; line-height: 22px;}
.indexFour .box .item .text h3{ font-size: 24px; line-height: 40px; font-weight: 700; margin-top: 14px;}
.indexFour .box .item .text span{ display: block; font-size: 16px; margin-top: 26px; transition: 0.4s;}
.indexFour .box .right{width: 62.76%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexFour .box .right .item{ width: 49.15%;}
.indexFour .box .right .item em{padding-bottom: 78%;}
.indexFour .box .right .item:first-child{margin-bottom: 15px;}
/* .indexFour .box .item:hover em{transform: translate(-4.5%);} */
.indexFour .box .item:hover em{transform: scale(1.15);}
/* .indexFour .box .item:hover .pic::before{opacity: 1;} */
.indexFour .box .item:hover .text span{ color: #2D91B0;}

/*应用案例*/
.indexFive .box{display: flex; justify-content: space-between; background: #111111;}
.indexFive .box .item{position: relative; display: block; width: 20.8333%; height: 660px; transition: 0.6s; overflow: hidden;}
.indexFive .box .item:first-child{ border-left: none;}
.indexFive .box .item .tBox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-left: 1px rgba(255,255,255,0.1) solid; box-sizing: border-box; transition: 0.5s; background: rgba(0,0,0,0.7); z-index: 3;}
.indexFive .box .item .icon{position: absolute; top: 40%; left: 0; width: 100%; text-align: center; transform: translateY(-50%);}
.indexFive .box .item .icon span{display: block; font-size: 18px; color: #fff; margin-top: 40px;}
.indexFive .box .item .more{display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 80px; width: 40px; height: 40px; border-radius: 50%; border: 1px #999999 solid; transition: 0.3s;}
.indexFive .box .item .more img{transition: 0.3s;}
.indexFive .box .pic{ height: 100%;}
.indexFive .box .pic em{ display: block; height: 100%;}
.indexFive .box .text{position: absolute; bottom: -100%; left: 0; padding: 36px 14% 80px 14%; box-sizing: border-box; width: 100%; color: #fff; background: rgba(0,0,0,0.5);}
.indexFive .box .text h3{font-size: 28px; line-height: 38px; text-align: center;}
.indexFive .box .text p{ margin: 40px 0 30px 0; font-size: 16px; line-height: 28px; }

.indexFive .box .text i{position: relative; display: block; margin: 0 auto; width: 40px; height: 40px; border-radius: 50%; border: 1px #999999 solid; transition: 0.3s; background: #fff;}
.indexFive .box .text i::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 30px; height: 30px; border-radius: 50%; background: #2D91B0; transition: 0.5s; transform-origin: center; opacity: 0;}
.indexFive .box .text i img{ filter: brightness(0) invert(0.4); transition: 0.4s;}
.indexFive .box .text i:hover::before{transform:translate(-50%,-50%) scale(2); opacity: 1;}
.indexFive .box .text i:hover img{ filter: none;}

.indexFive .box .item.on{width: 37.5%;}
.indexFive .box .item.on .tBox{opacity: 0; z-index: -1;}
.indexFive .box .item.on .text{animation: fiveText 0.7s forwards; animation-delay: 0.3s;}
@keyframes fiveText{
	to{
		bottom: 0;
		opacity: 1;
	}
}

/*footer*/
.footer{ background: #222222;}
.footer .footTop{border-bottom: 1px rgba(255,255,255,0.2) solid; }
.footer .footTop .box{height: 160px; display: flex; align-items: center; justify-content: space-between;}
.footer .footTop .box .footLogo{max-height: 60px; filter: brightness(0) invert(1);}
.footer .footTop .box .footLink{ flex: 1; text-align: right;}
.footer .footTop .box .footLink .item{display: inline-block; font-size: 16px; color: #FFFFFF; margin-left: 4%; transition: 0.3s;}
.footer .footTop .box .footLink .item img{margin-right: 8px; position: relative; top: 10px; filter: brightness(0) invert(1); transition: 0.3s;}
.footer .footTop .box .footLink .item:hover{ color: #2D91B0;}
.footer .footTop .box .footLink .item:hover img{ filter: none;}
.footCenter{display: flex; justify-content: space-between; padding: 40px 0 56px 0; position: relative; z-index: 2;}
.footCenter .footNav{display: flex;justify-content: space-between; width: 68%;}
.footCenter .footNav dl{ }
.footCenter .footNav dl .down{ display: none;}
.footCenter .footNav dl dt{ margin-bottom: 8px;}
.footCenter .footNav dl dt a{font-size: 16px; line-height: 2; color: #FFFFFF;}
.footCenter .footNav dl dd a{display: block; font-size: 14px; line-height: 2; color: #fff; margin-top: 4px; opacity: 0.5; transition: 0.3s;}
.footCenter .footNav dl a{position: relative;}
.footCenter .footNav dl a::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #fff; transition: 0.3s;}
.footCenter .footNav dl a:hover{opacity: 1;}
.footCenter .footNav dl a:hover::before{width: 100%;}
.footCenter .footContact{ color: #fff; width: 23.3%;}
.footCenter .footContact p{font-size: 16px; line-height: 2; margin-bottom: 16px;}
.footCenter .footContact h3{ font-size: 20px; line-height: 32px; font-family: arial; font-weight: normal; }
.footCenter .footContact h3 img{ position: relative; top: 6px; width: 26px;}
.footShare{ margin-top: 28px;}
.footShare .item{ position: relative; display: inline-block; margin-right: 8px;}
.footShare .item.ewm .img{display: flex;justify-content: space-between;width: 210px;left: 50%;
    transform: translateX(-50%);}
.footShare .item.ewm .img img{height: 100px;}
.footShare .item img{display: block; height: 100%; transition: 0.3s;}
.footShare .item .box{position: relative; width: 34px; height: 34px; transition: 0.3s; display: block;}
.footShare .item img:hover{ opacity: 1;}
.footShare .item:hover .box img{filter: brightness(0) invert(1);}
.footShare .item .img p{color: #333;text-align: center;line-height: 1;margin-bottom: 5px;font-size: 14px;}
.footShare .item:hover .box{opacity: 1;}
.footShare .item:last-child{ margin-right: 0;}
.footShare .item .img{position: absolute; bottom: 58px; left: -31px; width: 110px; background: #fff; border: 4px #fff solid; border-radius: 4px; box-sizing: border-box; transition: 0.4s; visibility: hidden; opacity: 0;}
.footShare .item .img img{display: block; width: 100%;}
.footShare .item:hover .img{bottom: 50px; visibility: initial; opacity: 1;}

.footBtm{border-top: 1px rgba(255,255,255,0.2) solid; padding: 14px 0; color: rgba(255,255,255,0.6); font-size: 16px;}
.footBtm .box{position: relative; padding-right: 0; box-sizing: border-box;}
.footBtm .box a{ color: rgba(255,255,255,0.6); transition: 0.3s;}
.footBtm .box .technology{position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #fff;}
.footBtm .box .technology a{ color: #fff;}
.footBtm .box a:hover{ text-decoration: underline; color: #fff;}

/*内页*/
.nHrader .header{background: #fff;}
.nHrader .header.on{ box-shadow: 0 0 10px rgba(0,0,0,0.1); height: 80px;}
.nHrader .header .logo img.logo1{opacity: 0;}
.nHrader .header .logo img.logo2{opacity: 1;}
.nHrader .header .nav>ul > li > a{ color: #333;}
.nHrader .header .nav>ul > li.on > a{ color: #2D91B0;}
.nHrader .header .nav>ul > li > a::before{background: #2D91B0;}
.nHrader .header.on .nav .navSub{ top: 80px;}
.nHrader .header .box .right .searchIcon{filter: brightness(0) invert(0.5);}
.nHrader .header .box .right .searchIcon:hover{ filter: none;}
.nHrader .header .box .right .language{ color: #333;}
.nHrader .header .box .right .language img{filter: brightness(0) invert(0.5);}
.nHrader .header .box .right .language:hover{ color: #2D91B0;}
.nHrader .header .box .right .language:hover img{filter:none;}

/*位置*/
.clib{position: relative; padding-top: 100px; height: 90px; line-height: 90px; background: #fff;  z-index: 13;}
.clib .clibBox{border-top: 1px #DEDFE3 solid;}
.clib .box{display: flex; align-items: center; height: 100%;}
.clib .clibBox .box a{ display: inline-block; font-size: 16px; color: #424242; padding: 0 30px; transition: 0.3s;}
.clib .clibBox .box a:hover{color: #2394B6;}
.clib .clibBox .box li:hover>a{color: #2394B6;}
.clib .clibBox .box .tit .on>a{color: #2394B6;}
.clib .clibBox .box a.tit{ position: relative;}
.clib .clibBox .box a.tit::before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 22px; background: #424242;}
.clib .clibBox .box .addtit::before{ display: none;}
.clib .tit:nth-child(2){ padding-left: 14px;}
.clib .clibBox .box .tit a{ padding-right: 0;}
.clib .clibBox .box .tit li{ display: inline-block;}
.clibDown{ position: absolute; top: 190px; left: 0; background: #fff; padding: 30px 0; width: 100%; border-top: 1px #DEDFE3 solid; clip-path: polygon(0 0,100% 0,100% 0,0 0); height: 0; overflow: hidden;}
.clibDown.open{ clip-path: polygon(0 0,100% 0,100% 100%,0 100%); transition: 0.5s; height: auto;}

.clibDown .box{ display: flex; justify-content: space-between; align-items: flex-start;}
.clibDown .box .pic{position: relative; width: 40%;}
.clibDown .box .pic em{ display: block; padding-bottom: 206px;}
.clibDown .box .pic .txt{ width: 100%; padding: 0 32px; box-sizing: border-box; line-height: initial;}
.clibDown .box .pic .txt h3{ font-weight: bold; color: #fff; font-size: 36px; line-height: 44px; text-transform: uppercase;}
.clibDown .box .pic .txt h4{ font-weight: normal; border: 1px rgba(255,255,255,0.4) solid; height: 28px; line-height: 28px; font-size: 14px; color: #fff; display: inline-block; padding: 0 9px; box-sizing: border-box; margin-top: 16px;}

.clibDown .box .textCon{position: relative; width: calc(55.7% - 100px); padding: 0 50px;}
.clibDown .box .textBox{  overflow: hidden;}
.clibDown .box .textBox a{ display: block; line-height: initial; padding: 0; text-align: center;}
.clibDown .box .textBox a .pic{ display: inline-block; position: relative; height: 60px;}
.clibDown .box .textBox a .pic img{max-width: 100%; max-height: 100%;}
.clibDown .box .textBox a p{ font-size: 16px; }
.clibDown .box .textCon .btn{background: url(../images/svg/right2.svg) no-repeat center; filter: brightness(0) invert(0.5); }
.clibDown .box .textCon .btn.swiper-button-next{ right: 0;}
.clibDown .box .textCon .btn.swiper-button-prev{ left: 0; transform: rotate(180deg);}

/*nBan*/
.nBan{position: relative;}
.nBan em{ display: block; padding-bottom: 33.85%;}
.nBan .text{ text-align: center; color: #fff; text-transform: uppercase;}
.nBan .text h3{ font-size: 42px; color: #FFFFFF; line-height: 50px; letter-spacing: 2px;}
.nBan .text h5{ font-size: 22px; line-height: 26px; margin-top: 8px; letter-spacing: 2px;}

/*technology*/
.technology li{position: relative; height: 450px;}
.technology li a{position: relative; display: block; height: 100%; z-index: 1; overflow: hidden;}
.technology li a .pic{position: absolute; top: 0; left: 0; width: 50%; display: block; height: 100%; z-index: -1; overflow: hidden;}
.technology li a .pic em{ display: block; height: 100%; width: 105%;}
.technology li a .box{ height: 100%; }
.technology li a .text{position: relative; float: right; width: 50%; height: 100%; background: #fff;}
.technology li a .text .txt{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 55px; box-sizing: border-box;} 
.technology li a .text .txt .tit{position: relative; line-height: 42px; font-size: 22px; color: #111111; padding-bottom: 28px; width: 100%;}
.technology li a .text .txt .tit::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #EDEDED;}
.technology li a .text .txt .tit::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 46px; height: 2px; background: #2291B1; z-index: 1; transition: 0.5s;}
.technology li a .text .txt .tit img{ margin-right: 20px; vertical-align: middle; position: relative; top: -3px; height: 32px;}
.technology li a .text .txt .t{ margin-top: 27px; font-size: 16px; line-height: 30px; color: #111111; max-height: 300px; overflow-y: auto;}
.technology li a .text .txt .t p{position: relative; padding-left: 10px;}
.technology li a .text .txt .t p::before{ content: "."; position: absolute; top: 2px; line-height: 16px; left: 0; font-size: 16px; color: #111;}
.technology li a .more{position: absolute; right: -30px; top: 50%; transform: translateY(-50%); width: calc((100% - 1400px)/2); text-align: center; display: block; font-weight: bold; text-transform: uppercase; transition: 0.4s; opacity: 0;}
.technology li a:hover .more{ right: 0; opacity: 1;}
.technology li a .more:hover{ color: #2291B1;}
.technology li a:hover .text{background: #2D2C2C;}
.technology li a:hover .text .tit{ color: #fff;}
.technology li a:hover .text .t{ color: #fff;}
.technology li a:hover .text .t p::before{ color: #fff;}
.technology li a:hover .pic em{transform: translate(-4.5%);}
.technology li a:hover .text .txt .tit::before{ width: 100%;}
.technology li:nth-child(2n) a .pic{ left: auto; right: 0;}
.technology li:nth-child(2n) a .text{ float: left;}
.technology li:nth-child(2n) a .more{right: auto; left: -30px;}
.technology li:nth-child(2n) a:hover .more{ left: 0;}

/*下拉更多*/
.downMore{margin: 100px 0; overflow: hidden; text-align: center; position: relative; z-index: 1;}
.downMore .indexMore{ margin: 0 auto;}
.downMore .down{display: inline-block;}
/* .downMore .img{position: relative; width: 42px; height: 42px; border: 1px #2394B6 solid; border-radius: 50%; margin: 0 auto; transition: 0.3s;}
.downMore .img img{transform: translate(-50%,-50%) rotate(90deg); -webkit-transform: translate(-50%,-50%) rotate(90deg);}
.downMore .img::before{ content: ""; position: absolute; top: 50%; right: 180%; width: 1200px; height: 1px; background: #E0E2E5;}
.downMore .img::after{ content: ""; position: absolute; top: 50%; left: 180%; width: 1200px; height: 1px; background: #E0E2E5;}
.downMore p{ text-align: center; font-size: 18px; color: #A8A8A8; line-height: 32px; margin-top: 15px; transition: 0.3s;}
.downMore .down:hover p{ color: #2394B6;}
.downMore .down:hover .img{ background: #2394B6;}
.downMore .down:hover .img img{ filter: brightness(0) invert(1);} */

/*新闻列表*/
.inpageBox{ padding-top: 60px; }
.newsList li{ margin-bottom: 32px;}
.newsList li a{ display: flex; justify-content: space-between;}
.newsList li a .pic{ width: 520px; overflow: hidden;}
.newsList li a .pic em{ display: block; height: 100%; width: 105%;}
.newsList li a .text{ width: calc(100% - 520px); background: #fff; padding: 60px; box-sizing: border-box;}
.newsList li a .text h3{ font-size: 22px; color: #111111; height: 64px; line-height: 32px;}
.newsList li a .text p{ line-height: 32px; height: 96px; color: #111111; font-size: 16px; margin-top: 30px;overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; 
		height: 64px;
		overflow: hidden;}

.newsList li a .text .time{ margin-top: 12px; color: #424242; transition: 0.3s;}
.newsList li a .text span{position: relative; color: #424242; font-weight: bold; display: inline-block; margin-top: 30px; text-transform: uppercase;}
.newsList li a .text span::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #2394B6; transition: 0.3s;}
.newsList li a:hover .pic em{ transform: translate(-4.5%);}
.newsList li a:hover .text{ background: #2D2C2C;}
.newsList li a:hover .text h3{ color: #fff;}
.newsList li a:hover .text p{ color: #fff;}
.newsList li a:hover .text .time{ color: #fff;}
.newsList li a:hover .text span{ color: #fff; }
.newsList li a .text span:hover{ color: #2394B6;}
.newsList li a .text span:hover::before{ width: 100%;}

/*awards*/
.leftMenu{ position: fixed; top: 50%; left: 6%; transform: translateY(-50%); transition: 0.4s; opacity: 0; z-index: -1;}
.leftMenu.show{ left: 7.7%; opacity: 1; z-index: 1;}
.leftMenu ul li a{position: relative; writing-mode: tb-rl; font-size: 22px; color: #C0C0C0; margin: 15px 0; transition: 0.3s; padding-left: 10px;}
.leftMenu ul li a::before{ content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 0; background: #2394B6; transition: 0.3s;}
.leftMenu ul li a:hover{ color: #2394B6;}
.leftMenu ul li a:hover::before{ height: 100%;}
.leftMenu ul li.on a{ color: #2394B6;}
.leftMenu ul li.on a::before{ height: 100%;}

/*锚链接定位*/
#anchor-nav{z-index: -1;position: fixed;top: 50%;left: 50%;margin-left: -790px; transform: translateY(-50%);transition: 0.4s;}
#anchor-nav.show{z-index: 1;opacity: 1; }
#anchor-nav li a{position: relative;writing-mode: tb-rl;padding-left: 10px;margin: 7px 0;font-size: 14px;color: #C0C0C0;transition: 0.3s;}
#anchor-nav li a::before{content: "";position: absolute;top: 0;left: 0;width: 1px;height: 0;background: #2394B6;transition: 0.3s;}
#anchor-nav li a:hover{color: #2394B6;}
#anchor-nav li a:hover::before{height: 100%;}
#anchor-nav li.on a{color: #2394B6;}
#anchor-nav li.on a::before{height: 100%;}


.awardsBox{background: #fff; padding-bottom: 1px;}
.awardsBoxCon .awardsBox:last-child{ padding-bottom: 50px;}
.awardsBox .ourTitle{ font-size: 32px; line-height: 38px; text-align: center; color: #2B2B2B; }
.awardsBox .list{position: relative;}
.awardsBox .list::before{ content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #494949;}
.awardsBox .list{ width: 90%; max-width: 1108px; margin: 0 auto; margin-top: 38px; padding-bottom: 80px;}
.awardsBox .list li{ float: left; width: 50%; text-align: center; padding-right: 3%; box-sizing: border-box; padding-top: 137px;}
.awardsBox .list li:first-child{ padding-top: 107px;}
.awardsBox .list li .time{position: relative; font-size: 25px; line-height: 32px; color: #2394B6; text-align: left; padding-left: 22px;}
.awardsBox .list li .time::before{ content: ""; position: absolute; top: 11px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #111111;}
.awardsBox .list li h3{ text-align: left; padding-left: 22px; line-height: 32px; font-size: 18px; color: #111111;}
.awardsBox .list li h4{ font-size: 16px; line-height: 24px; color: #333; margin-top: 6px; text-align: left; padding-left: 22px; font-weight: normal;}
.awardsBox .list li .pic{margin-top: 10px;}
.awardsBox .list li img{ max-width: 66%;}
.awardsBox .list li:nth-child(2n){float: right; padding-right: 0; padding-left: 3%; padding-top: 327px;}
.awardsBox .downMore{ margin-bottom: 30px;}
/*Certification*/
.certificaList{position: relative; width: 86.78%; max-width: 1215px; margin: 0 auto; margin-top: 28px; padding: 90px 0 170px 0;}
.certificaList::before{content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 90px; background: #494949;}
.certificaList::after{content: ""; position: absolute; bottom: 0; left: 50%; width: 1px; height: 90px; background: #494949;}
.certificaList li{ margin-top: 80px; display: flex; justify-content: space-between;}
.certificaList .pic{width: 45.68%; box-sizing: border-box; text-align: center;}
.certificaList .pic img{ max-width: 100%; vertical-align: middle;}
.certificaList .text{ width: 45.68%;}
.certificaList .text .item{position: relative; padding-bottom: 18px; padding-left: 22px; margin-bottom: 18px; border-bottom: 1px #E4E4E4 solid; cursor: pointer;}
.certificaList .text .item::before{ content: ""; position: absolute; top: 10px; left: 0; width: 10px; height: 10px; background: #111111; border-radius: 50%;}
.certificaList .text .item:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.certificaList .text .item h3{ font-size: 24px; line-height: 32px; color: #111111;}
.certificaList .text .item .txt{ display: none; font-size: 16px; line-height: 24px; margin-top: 8px;}
.certificaList .text .item.on .txt{ display: block;}

/*新闻详情*/
.contNewBox{ background-color: #fff; padding: 0 50px 60px 50px; box-sizing: border-box; margin: 30px auto 60px auto;}
.contNewBox .title{position: relative; padding: 62px 0 40px 0; border-bottom: 1px #DDDDDD solid; margin-bottom: 60px;}
.contNewBox .title h3{ font-size: 36px; line-height: 44px; color: #111111; font-weight: normal; margin-bottom: 10px;}
.contNewBox .title h5{ font-weight: normal; font-size: 16px;}
.contNewBox .title h4{ color: #666666; margin-top: 14px; font-weight: normal;}
.contNewBox .title .shareIcon{ position: absolute; bottom: 36px; right: 0;}
.contNewBox .title .shareIcon .item{ display: inline-block; margin-right: 20px;}
.contNewBox .title .shareIcon .item img{transition: 0.3s; filter: brightness(0) invert(0.4);}
.contNewBox .title .shareIcon .item:hover img{ filter: none;}
.word{ font-size: 16px; line-height: 2; color: #111111; }
.contNewBox .word{ margin: 0 50px;}
.contNewBox .word img{max-width:100%;height: auto !important;float: none !important;}
.contNewBox .inpageLike{ border-top: 1px #DDDDDD solid; margin-top: 62px;  padding: 0 50px; padding-top: 68px; display: flex; justify-content: space-between; align-items: center;}
.contNewBox .inpageLike a{ display: flex; align-items: center; justify-content: center; color: #666666; transition: 0.3s; margin-top: 0;}
.contNewBox .inpageLike a img{ transition: 0.3s; filter: brightness(0) invert(0.4); margin-right: 17px;}
.contNewBox .inpageLike a.next img{margin: 0 0 0 17px;}
.contNewBox .inpageLike a.prev img{transform: rotate(180deg);}
.contNewBox .inpageLike a:hover{color: #2394B6;}
.contNewBox .inpageLike a:hover img{ filter: none;}

/*brand*/
.brandWord.word{ color: #111; padding: 60px 0;}
.brandItem{position: relative; background: #fff; height: 650px;  background-position: center;  background-repeat: no-repeat;
    background-size: cover;}
.brandItem .w1400{ height: 100%;}
.brandItem .pic{position: absolute; top: 0; right: 0; width: 55.73%; height: 100%;}
.brandItem .pic em{ display: block; height: 100%;}
.brandItem .text{position: relative; top: 50%; transform: translateY(-50%); width: 650px; height: 62%; background: #fff; padding: 60px 40px 60px 60px; box-sizing: border-box;}
.brandItem .text .txt{position: relative; top: 50%; transform: translateY(-50%); width: 100%;}
.brandItem .text .txt h3{position: relative; font-size: 32px; color: #2D2C2C; padding-bottom: 24px; }
.brandItem .text .txt h3::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 46px; height: 2px; background: #2291B1;}
.brandItem .text .txt .t{ margin-top: 29px; max-height: 204px; overflow-y: auto; font-size: 16px; line-height: 30px; color: #2D2C2C; padding-right: 20px;}
.brandOne .text{ width: 40%; padding-left: 0; background: none;}
.brandOne .text .txt .t{max-height: 300px;}
.brandTwo .text{ float: right;}
.brandSix .text{ background: none; padding: 0; width: 54%;}
.brandSix .text .txt h3{ color: #fff;}
.brandSix .text .txt .t{color: #fff;}


/*产品列表*/
.proFrom{ height: 60px; line-height: 60px; background: #fff; border: 1px #DCDCDC solid; display: flex; justify-content: space-between;}
.proFrom .text{ width: calc(100% - 80px); padding: 0 32px; box-sizing: border-box; font-size: 16px;}
.proFrom .submit{height: 100%; width: 80px; background: url(../images/svg/search.svg) no-repeat center; filter: brightness(0) invert(0.7);}
.proFrom .text::-webkit-input-placeholder { color: #C0C0C0; }
.proFrom .text::-moz-input-placeholder { color: #C0C0C0;}
.proFrom .text::-ms-input-placeholder { color: #C0C0C0; }

.proSelect{position: relative; z-index: 1; display: flex; justify-content: space-between; margin-top: 20px;}
.faqSelect{}
.proSelect .item{position: relative; width: 49%; height: 60px; line-height: 60px; border: 1px #DCDCDC solid; background: #fff;}
.proSelect .item span{position: relative; display: block; padding: 0 32px; font-size: 16px; color: #424242; cursor: pointer;}
.proSelect .item span::before{ content: ""; position: absolute; top: 42%; right: 30px; width: 27px; height: 27px; background: url(../images/svg/right2.svg) no-repeat 0 0; filter: brightness(0) invert(0.6); transform: rotate(90deg) }
.proSelect .item ul{display: none; position: absolute; top: 61px; left: 0; width: 100%; padding: 10px 0; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.2);}
.proSelect .item ul li a{ display: block; padding: 6px 32px; font-size: 15px; line-height: 28px; transition: 0.3s;}
.proSelect .item ul li a:hover{ color: #2D91B0;}

.productList .inpage-type-title{ padding-bottom: 20px;}
.productList .downMore{ margin: 55px 0;}


.productList ul li{ float: left; margin-top: 40px; width: 23%; margin-right: 2.6666%;}
.productList ul li:first-child{width: 48.66666%;}
.productList ul li:first-child a em{padding-bottom: 53.274%;;}
.productList ul li:nth-child(3){ margin-right: 0;}
.productList ul li:nth-child(4n-1){ margin-right: 0;}

.productList ul li a{ display: block; position: relative; overflow: hidden; background: #fff; box-shadow: 0 0 5px rgba(231,231,231,0.5);}
.productList ul li a em{display: block; padding-bottom: 112.73%;}
.productList ul li a .text{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  padding: 32px ; box-sizing: border-box; z-index: 0;}
.productList ul li a .text .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: 0.4s; opacity: 0; background-color: #fff;}
.productList ul li a .text h3{ font-size: 20px; color: #111111; line-height: 30px;}
.productList ul li a .text h4{ font-size: 16px; line-height: 30px; color: #111111; margin-top: 10px;}
.productList ul li a .text p{position: absolute; left: 0; bottom: -100%; width: 100%; font-size: 16px; line-height: 30px; color: #FFFFFF; text-align: center; animation-delay: 0.1s; opacity: 0; }
.productList ul li a .text i{display: none; position: absolute; top: 58%; left: 50%; transform: translate(-50%,-50%) scale(0); width: 62px; height: 62px; border: 2px #A4A4A4 solid; border-radius: 50%;}
.productList ul li a .text i::before{content: ""; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 60px; height: 60px; border-radius: 50%; background: #2D91B0;transition: 0.5s; transform-origin: center; opacity: 0;}
/* .productList ul li a:hover .text{background: rgba(66,66,66,0.83);} */
.productList ul li a:hover .text .bg{opacity: 1;}
.productList ul li a:hover .text h3{color: #fff;}
.productList ul li a:hover .text h4{transform: translateY(14px); opacity: 0;}
.productList ul li a:hover i{transform: translate(-50%,-50%) scale(1);}
.productList ul li a:hover p{ animation: tit 1s forwards;}
@keyframes tit {
  to {bottom: 50px; opacity: 1;}
}
.productList ul li a .text i:hover::before{ background: #2D91B0; border-color: #2D91B0; transform: translate(-50%,-50%) scale(1.5); opacity: 1;}

/*产品详情*/
.proInform{margin-top: 30px; background: #fff; padding: 43px 0 63px 0;}

/*图片展示区*/
.pic-show-box{width: 43.6%;}
/*大图*/
.pic-show-box .big-pic-box{position: relative; border: 1px #E1E1E1 solid; box-sizing: border-box;}
.pic-show-box .big-pic-box .big-pic-swiper{overflow: hidden;}
.pic-show-box .big-pic-box .big-pic-swiper .swiper-slide{}
.pic-show-box .big-pic-box .big-pic-swiper .swiper-slide .pic{padding-bottom: 100%;}
.pic-show-box .big-pic-box .btn{z-index: 1;position: absolute;top: 50%;width: 54px;height: 54px;margin-top: -27px;border: 1px solid #424242;border-radius: 50%;color: #2D91B0;cursor: pointer;transition: 0.3s;}
.pic-show-box .big-pic-box .btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 1px solid #424242;}
.pic-show-box .big-pic-box .prev-btn{left: 0;}
.pic-show-box .big-pic-box .prev-btn:after{border-left: 1px solid #424242;transform: translate(-30%,-50%) rotate(-45deg);}
.pic-show-box .big-pic-box .next-btn{right: 0;}
.pic-show-box .big-pic-box .next-btn:after{border-right: 1px solid #424242;transform: translate(-70%,-50%) rotate(45deg);}
.pic-show-box .big-pic-box .btn:hover{background-color: #2D91B0;border-color: #2D91B0;color: #fff;}
/*小图*/
.pic-show-box .small-pic-box{position: relative; margin-top: 10px;}
.pic-show-box .small-pic-box .small-pic-swiper{overflow: hidden; margin: 0 43px;}
.pic-show-box .small-pic-box .small-pic-swiper .swiper-slide{position: relative;cursor: pointer; border: 1px #fff solid; box-sizing: border-box;}
.pic-show-box .small-pic-box .small-pic-swiper .swiper-slide:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #2D91B0;transition: 0.5s; opacity: 0;}
.pic-show-box .small-pic-box .small-pic-swiper .swiper-slide .pic{height: 72px;}
.pic-show-box .small-pic-box .small-pic-swiper .swiper-slide.on:after{ opacity: 1;}
.pic-show-box .small-pic-box .btn{z-index: 1;position: absolute;top: 50%;width: 20px;height: 60px;margin-top: -30px;background-color: #fff;color: #fff;cursor: pointer;transition: 0.3s; opacity: 1; display: none;}
.pic-show-box .small-pic-box .btn.on{display: block;}
.pic-show-box .small-pic-box .swiper-button-disabled{opacity: .2;}
.pic-show-box .small-pic-box .btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border-top: 2px solid #424242;}
.pic-show-box .small-pic-box .prev-btn{left: 0;}
.pic-show-box .small-pic-box .prev-btn:after{border-left: 2px solid #424242;transform: translate(-30%,-50%) rotate(-45deg);}
.pic-show-box .small-pic-box .next-btn{right: 0;}
.pic-show-box .small-pic-box .next-btn:after{border-right: 2px solid #424242;transform: translate(-70%,-50%) rotate(45deg);}
/* .pic-show-box .small-pic-box .btn:hover{background-color: #2D91B0;} */
.pic-show-box .small-pic-box:hover .btn::after{border-color: #2D91B0; }

/*文字*/
.proInform .contTopText{ width: 52.57%;}
.proInform .contTopText .title{position: relative; font-size: 22px; color: #111111; font-weight: bold; line-height: 32px; padding: 30px 0 24px 0; border-bottom: 2px #EDEDED solid;}
.proInform .contTopText .title::before{content: ""; position: absolute; bottom: -2px; left: 0; width: 46px; height: 2px; background: #2291B1;}
.proInform .contTopText .lable{ margin-top: 40px;}
.proInform .contTopText .lable a{position: relative; display: inline-block; height: 60px; line-height: 60px; border: 1px #DDDDDD solid; border-radius: 6px; min-width: 468px; padding: 0 20px 0 100px; box-sizing: border-box; font-size: 18px; color: #2D2C2C; margin-bottom: 12px; transition: 0.4s;}
.proInform .contTopText .lable a i{position: absolute; top: 0; left: 22px; width: 52px; text-align: center;  height: 100%;}
.proInform .contTopText .lable a i img{vertical-align: middle; transition: 0.4s; filter: brightness(0) invert(0.3);}
.proInform .contTopText .lable a:hover{background: #2D2C2C; border-color: #2D2C2C; color: #fff;}
.proInform .contTopText .lable a:hover i img{ filter: brightness(0) invert(1);}
.proInform .contTopText .txt{position: relative; font-size: 16px; line-height: 30px; padding-bottom: 30px; border-bottom: 2px #EDEDED solid;}
.proInform .contTopText .txt::before{content: ""; position: absolute; bottom: -2px; left: 0; width: 46px; height: 2px; background: #2291B1;}
.proInform .contTopText .linkTit{ font-size: 22px; color: #111111; line-height: 26px; margin: 30px 0 20px 0;}
.proInform .contTopText .linkTo{ display: inline-block; margin-right: 1%; width: 23%;}
.recommendPro{margin: 67px 0 55px 0;}
.recommendPro .title{ font-size: 22px; color: #111; text-align: center; line-height: 26px; text-transform: uppercase;}
.recommendPro .box{position: relative; padding: 0 56px; margin-top: 56px;}
.recommendPro .box .boxSwiper{ overflow: hidden; }
.recommendPro .box .boxSwiper a{position: relative; display: block; box-shadow: 0 0 5px rgba(231,231,231,0.5); background: #fff; border: 1px #DCDCDC solid; box-sizing: border-box; overflow: hidden;}
.recommendPro .box .boxSwiper em{ float: right; display: block; padding-bottom: 62%; width: 50%;}
.recommendPro .box .boxSwiper a .text{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 50% 0 20px; box-sizing: border-box;}
.recommendPro .box .boxSwiper a .text h3{ font-size: 15px; max-height: 88px; line-height: 22px; color: #111111; font-weight: normal; transition: 0.3s; -webkit-line-clamp: 4; position: relative; top: 50%; transform: translateY(-50%);}
.recommendPro .box .boxSwiper a .text h4{ font-size: 15px; color: #111111; margin-top: 6px; max-height: 66px; line-height: 22px; font-weight: normal;}
.recommendPro .box .boxSwiper a:hover .text h3{ color: #2291B1;}
.recommendPro .box .btn{ width: 28px; height: 28px; border-radius: 50%; background: #E4E4E4; margin-top: -14px;}
.recommendPro .box .btn::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; height: 10px; background: url(../images/svg/right.svg) no-repeat center; background-size: contain; filter: brightness(0) invert(0.3); transition: 0.3s;}
.recommendPro .box .btn.swiper-button-prev::after{transform: translate(-50%,-50%) rotate(180deg); transition: 0.3s;}
.recommendPro .box .btn:hover{background: #2291B1;}
.recommendPro .box .btn:hover::after{ filter: brightness(0) invert(1);}

/*产品详情*/
/* .proDetails{ background: #fff;} */
.detailpart{position: relative; display: block;}
.detailOne{ overflow: hidden;}
.detailOne .bg{display: block; padding-bottom: 49.41%; }
.detailpart .box{position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; color: #fff;}
.detailOne .box .text{position: relative;}
.detailOne .box .text h4{ height: 40px; line-height: 40px; border: 1px #fff solid; border-radius: 20px; display: inline-block; padding: 0 20px; font-size: 18px; color: #fff; font-weight: 300; margin-bottom: 27px;} 
.detailOne .box .text h3{position: relative; padding-bottom: 24px; margin-bottom: 24px;}
.detailOne .box .text h3::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 58%; height: 1px; background: #fff; opacity: 0.6;}
.detailOne .box .text h5{ font-size: 18px; color: #FFFFFF; font-weight: normal; text-transform: uppercase;}
.detailOne .box .text .lable{ display: flex; margin-top: 80px;}
.detailOne .box .text .lable .item{ width: 100px; height: 100px; border: 1px rgba(255,255,255,0.5) solid; border-radius: 8px; text-align: center; margin-right: 20px;}
.detailOne .box .text .lable .item b{ display: block; font-size: 36px; color: #fff; font-weight: normal; line-height: 40px; padding-top: 16px;}
.detailOne .box .text .lable .item:nth-child(3) b{ font-size: 20px;}
.detailOne .box .img{ position: absolute; bottom: -6%; right: 0; max-width: 480px; z-index: -1;}

.detailThree{ background: #222222;}
.detailThree .pic{overflow: hidden; width: 50%;}
.detailThree .pic em{ display: block; padding-bottom: 64.58%;}
.detailThree .box .text{ position: relative; width: 50%; padding-left: 50px; box-sizing: border-box;}
.detailThree .box .text h3{ font-size: 40px; text-transform: uppercase;}
.detailThree .box .text h4{font-size: 24px;text-transform: uppercase; margin-top: 0;}
.detailpart .box .text .textUl{ padding-top: 20px;}
.detailpart .box .text .textUl li{position: relative; display: flex; align-items: flex-start; font-size: 17px; color: #fff; line-height: 30px; margin-top: 16px; padding-left: 34px;}
.detailpart .box .text .textUl li img{position: absolute; top: 5px; left: 0; display: inline-block; }

.detailFour .bg{display: block; padding-bottom: 33.333%;}
.detailFour .box .text{margin-top: 100px;}

.detailFive .bg{display: block; padding-bottom: 40.2%;}
.detailFive .text{width: 68%;}
.detailFive .text h3{ font-size: 56px; color: #2D2C2C; text-transform: uppercase; padding-top: 100px;}
.detailFive .text .picUl{ padding-top: 0;}
.detailFive .text .picUl li{display: flex; align-items: center; float: left; width: 33.33%; height: 90px; margin-top: 30px;}
.detailFive .text .picUl li img{ max-width: 100%; max-height: 100%;}


.proDetails .tab{padding: 54px 0; line-height: 26px; border-bottom: 2px #E8E8E8 solid; background: #fff;}
.proDetails .tab .tabTit{ overflow: hidden;}
.proDetails .tab a{font-size: 22px; display: inline-block; width: auto; color: #111111; margin-right: 40px; transition: 0.3s; font-weight: bold;} 
.proDetails .tab a:first-child{ width: 230px; margin-right: 20px;}
.proDetails .tab a:hover{color: #2394B6;}
.proDetails .tab a.on{color: #2394B6;}
.proDetails .tabBox{ overflow: hidden;}
.proDetails .tabBox .swiper-slide{background: #fff;}
/* .proDetails .tabBox .swiper-slide:first-child{margin-bottom: 0;} */
.proDetails .tabBox img{ display: block; width: 100%;}
.proDetails .tabBox video{ width: 100%; display: block;}
.proDetails .detailBox{background: #fff; border-bottom: 55px #F4F5F7 solid;}
.proDetails .parameters ul li{ padding: 50px 0; color: #111; border-bottom: 2px #F4F4F4 solid;}
.proDetails .parameters ul li .t{display: flex; justify-content: space-between; line-height: 30px;}
.proDetails .parameters ul li span{ display: inline-block; font-size: 18px; font-weight: bold; width: 200px;}
.proDetails .parameters ul li .txt{ width: calc(100% - 200px);padding-left: 50px; box-sizing: border-box; font-size: 16px;}
.proDetails .wordBox{padding: 50px 0;}
.proDetails .FAQ-list{ margin-top: 0;}

/*单页*/
.danBox{ padding: 40px 0;}



/* 提示说弹窗 */
.gray{background: rgba(0,0,0,0.55);position: fixed;width: 100%;top: 0;left: 0;height: 100%;z-index: 3;}
.tipsfixed{background: #fff;max-width: 523px;height: 635px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 88px 35px;box-sizing: border-box;font-weight: bold;}
.tipsfixed h6{text-align: center;font-size: 28px;color: #2B8DA9;line-height: 1.5;margin-bottom: 35px;}
.tipsfixed .textAll{line-height: 28px;font-size: 16px;color: #000;text-indent: 2em;}
.tipsfixed input{background: #258AA7;width: 164px;height: 57px;line-height: 57px;color: #fff;font-size: 16px;font-weight: bold;border: none;margin: 50px auto 0;display: block;cursor: pointer;}



@media screen and (max-height: 920px){
	.banner .bannerPro2{ height: 700px;}
}

@media screen and (max-height: 830px){
	.banner .bannerPro2{ height: 580px;}
}

@media screen and (max-width: 1650px){
	/* .nav>ul > li{padding: 0 8px;} */
	.nav>ul > li > a{ font-size: 16px;}
	.header .box .right .language{ margin-left: 20px;}
	.header .box .right .searchIcon{ margin-left: 10px;}
	.banner .bannerSwtch{ width: 96%;}
	.banner .bannerPro1{ width: 750px; top: 76px;}
	.indexOne .left{ left: 7%;}
	/*technology*/
	.technology li a .more{ font-size: 12px;}
	.technology li a:hover .more{ right: 3%;}
	.technology li:nth-child(2n) a:hover .more{ left: 2%;}
	/*brand*/
	.brandItem{ height: 580px;}
	.brandItem .text{ height: 66%;}
	/*产品详情*/
	.proInform .contTopText .title{ padding: 20px 0;}
	.proInform .contTopText .lable{ margin-top: 20px;}
	.proInform .contTopText .lable a{height: 50px; line-height: 50px; font-size: 16px; padding-left: 80px;}
	.proInform .contTopText .lable a i img{transform: scale(0.7);}
	.detailFive .text h3{ padding-top: 60px;}
	.detailFive .text .picUl li{ margin-top: 10px;}
	
	#anchor-nav{ left: 4%; margin-left: 0;}
}

@media screen and (max-width: 1500px){
	.banner .bannerPro1{ width: 650px; top: 100px;}
	.logoText{transform: scale(0.8) ; margin-left: -11%;}
	.indexFour .box .item .text{padding-top: 46px;}
	.indexFour .box .item .text span{ margin-top: 5px;}
	
	.leftMenu{ left: 2%;}
	.leftMenu.show{ left: 4%;}
	.awardsBox .list li:first-child{ padding-top: 50px;}
	.awardsBox .list li:nth-child(2n){ padding-top: 180px;}
	.awardsBox .list li{ padding-top: 80px;}
	/*Certification*/
	.certificaList .text .item h3{ font-size: 20px;}
	.certificaList .text .item{padding-bottom: 10px; margin-bottom: 10px;}
	/*产品详情*/
	.detailpart .box .text .textUl li{ font-size: 16px;}
	.detailFive .text .picUl li img{height: 42px;}
	
	.footShare .item .box{ height: 28px; width: 28px;}
	.footShare .item img{ height: 100%;}
	
}

@media screen and (max-width: 1390px){
	.nav>ul > li{ margin-right: 0; padding: 0 16px;}
	.header .box .right .searchIcon{ margin-left: 0;}
	.indexPart{ padding: 40px 0;}
	.indexPart .box{ margin-top: 30px;}
	.logoText{transform: scale(0.7) ; margin-left: -17%;}
	.footCenter .footNav dl dt a{ font-size: 14px;}
	/*technology*/
	.clib .clibBox .box  a{ padding: 0 20px;}
	.clibDown .box .textBox a{ padding: 0;}
	.technology li a:hover .more{ right: 5%;}
	/*新闻列表*/
	.newsList li a .pic{ width: 400px;}
	.newsList li a .text{ width: calc(100% - 400px); padding: 40px;}
	.newsList li a .text p{ margin-top: 30px;}
	/*brand*/
	.brandItem{ height: 480px;}
	.brandItem .text .txt .t{ max-height: 150px;}
	/*产品列表*/
	/* .productList ul li{ width: 32%; margin-right: 2%;}
	.productList ul li a .text{ padding: 20px;} */
	/*产品列表*/
	.productList ul li{ width: 32%; margin-right: 2%;}
	.productList ul li a .text{ padding: 20px;}
	.productList ul li:first-child{width: 66%;}
	.productList ul li:first-child a em{padding-bottom: 54.656%;}
	.productList ul li:nth-child(2){margin-right: 0;}
	.productList ul li:nth-child(3){ margin-right: 2%;}
	.productList ul li:nth-child(4n-1){ margin-right: 2%;}
	.productList ul li:nth-child(3n-1){margin-right: 0;}
	/*产品详情*/
	.proDetails .parameters ul li{ padding: 30px 0;}
	
}


@media screen and (max-width: 1300px){
	.nav>ul > li{ margin-right: 0; }
	.nav>ul > li a{ font-size: 14px;}
	.banner .swiper-slide{ height: 0; padding-bottom: 50%;}
	.banner .swiper-slide .box{position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 100%;}
	.banner .swiper-slide .box .bannerText p{ font-size: 18px;}
	.banner .swiper-slide .box .bannerText h3{ font-size: 36px; line-height: 46px;}
	.banner .swiper-slide .box .bannerText h4{ font-size: 16px;}
	.banner .bannerPro1{ width: 580px;}
	
	.indexThree .box .item .title{ font-size: 16px;}
	.indexThree .box .item .text p{ margin: 10px 0;}
	
	.footCenter{ display: block;}
	.footCenter .footNav{ width: 100%;}
	.footCenter .footContact{ width: 100%; margin-top: 20px;}
	.footCenter .footContact p{ margin-bottom: 0;}
	.footShare{ margin-top: 10px;}
	/*产品详情*/
	.detailOne .box .img{ max-width: 280px;}
	.detailThree .box .text h3{ font-size: 20px;}
	.detailThree .box .text h4{ font-size: 14px;}
	.detailpart .box .text .textUl li{ font-size: 14px; margin-top: 4px;}
	.detailThree .pic em{ padding-bottom: 80%;}
	.detailFour .box .text{ margin-top: 30px;}
	.detailFive .text h3{ font-size: 20px; padding-top: 20px;}
	.detailFive .text .picUl li{ height: 70px;}
	
	.downMore{ margin: 60px 0;}
	
}

@media screen and (max-width: 1200px){
	.header{ height: 80px;}
	.header .nav{ display: none;}
	.menu-btn{ display: block;}
	.header .logo img.logo2{opacity: 1;}
	.header .logo img.logo1{opacity: 0;}
	.header .box .right .language{ color: #333;}
	.header .box .right .language img{ filter: brightness(0) invert(0.5);}
	.header .box .right .searchIcon{ filter: brightness(0) invert(0.5);}
	/*banner*/
	.banner{ padding-top: 80px;}
	.banner .bannerPro1{ width: 40%;}
	.banner .swiper-slide .box .bannerText h3{ font-size: 32px; line-height: 42px;}
	.banner .bannerPro2{ height: 420px;}
	
	.indexPart .box{ margin-top: 30px;}
	.indexTitle{ font-size: 30px;}
	.indexPart .indexMore{ margin-top: 36px;}
	/*品牌简介*/
	.logoText{ display: none;}
	.indexOne{ height: 580px;}
	/*视频*/
	
	.indexThree .box .item .text h4{ font-size: 22px;}
	/*产品推荐*/
	.indexFour .box .item .text{ padding-top: 32px;}
	.indexFour .box .item .text h3{ font-size: 22px; margin-top: 0;}
	.indexFour .box .item .text span{ font-size: 14px; margin-top: 0;}
	.indexFour .box .right .item:first-child{margin-bottom: 11px;}
	/**/
	.indexFive .box .item{ height: 500px; width: 16%;}
	.indexFive .box .item.on{ width: 52%;}
	.indexFive .box .text{padding: 36px 8% 40px 8%;;}
	/*footer*/
	.footer .footTop .box{ height: 100px;}
	.footCenter{ padding: 30px 0;}
	.footCenter .footContact{ width: 33%;}
	.footBtm{ font-size: 14px;}
	/*technology*/
	.clib{padding-top: 80px; height: 60px; line-height: 60px;}
	.clib .clibBox .box > img{ display: none;}
	.clib .clibBox .box .tit{ display: none;}
	.clib .clibBox .box .tit::before{ display: none;}
	.clib .clibBox .box .tit:last-child{display: block;}
	.clib .clibBox .box .tit a:first-child{padding-left: 0;}
	.clib .clibBox .box .tit a{ padding-right: 10px;}
	.clibDown{ top: 140px; display: none;}
	.technology li a .more{ display: none;}
	/*brand*/
	.brandOne .text{ width: 650px; padding-left: 60px; background-color: #fff;}
	/*产品列表*/
	.productList ul li a:hover .text{ background: none;}
	.productList ul li a:hover .text h3{ color: #111;}
	.productList ul li a:hover .text h4{ color: #111; opacity: 1; transform: none;}
	.productList ul li a .text i{ display: none;}
	.productList ul li a .text p{ display: none;}
	
	#anchor-nav{ left: 1%;}
	/* .technology{ display: none;} */
	
}

@media screen and (max-width: 1020px){
	.w1400{width: 88%;}
	.w1600{width: 88%;}
	/*banner*/
	.banner .swiper-slide .box .bannerText p{ font-size: 20px;}
	.banner .swiper-slide .box .bannerText h3{ font-size: 40px; margin-top: 0;}
	.banner .swiper-slide .box .bannerText h4{ font-size: 26px; margin-top: 4px;}
	.banner .indexMore{ margin-top: 30px;}
	.banner .bannerSwtch{ display: none;}
	.banner .swiper-slide .box .bannerText p{ font-size: 16px;}
	.banner .swiper-slide .box .bannerText h3{ font-size: 24px; line-height: 34px;}
	.banner .swiper-slide .box .bannerText h4{ font-size: 13px;}
	.banner .bannerPro2{ height: 320px; right: 40px;}
	/*品牌简介*/
	.indexTitle{ font-size: 26px;}
	.indexOne{ height: 450px;}
	.indexOne .right{padding: 70px 0 0 30px;}
	.indexOne .right .txt{ margin-top: 40px;}
	.indexOne .right .indexMore{ margin-top: 40px;}
	.indexOne .left{left: 0;}
	.indexOne .left .playBox{ left: 22%;}
	/*新闻热点*/
	.indexTwo .indexTitle{ padding-top: 0;}
	.indexTwo .w1600{width: 100%;}
	.indexTwo .box .btn{ display: none;}
	.indexTwo .box ul li .tBox h3{ font-size: 18px;}
	/*视屏*/
	.indexThree .box .item .text{display: none;}
	/*产品*/
	.indexFour .box .item em{ padding-bottom: 163%;}
	.indexFour .box .right .item em{ padding-bottom: 94%;}
	.indexFour .box .item .text{ padding-top: 20px;}
	.indexFour .box .item .text h3{ font-size: 15px; line-height: 26px; padding: 0 10px; margin-top: 4px;}
	/*应用案例*/
	.indexFive .box .item{ height: 420px;}
	.indexFour .box .right .item:first-child{margin-bottom: 8px;}
	.indexFive .box .item .icon span{ margin-top: 18px;}
	.indexFive .box .text h3{ font-size: 18px;}
	.indexFive .box .text p{ margin: 20px 0; font-size: 15px;}
	/*foot*/
	.footCenter .footContact{position: relative; width: 100%;}
	.footShare{ position: absolute; top: 0; right: 0;}
	.footer .footTop .box .footLink .item img{ width: 20px; top: 5px;}
	/*technology*/
	.clib a{ font-size: 14px; padding: 0 10px;}
	.technology li{ height: 330px;}
	.technology li a .text .txt{ padding: 0 28px;}
	.downMore{margin: 30px 0;}
	.technology li a .text .txt .tit{ font-size: 18px; padding-bottom: 14px;}
	
	/*新闻列表*/
	.inpageBox{ padding-top: 30px;}
	.newsList li a .pic{ width: 250px;}
	.newsList li a .text{ width: calc(100% - 250px); padding: 20px 30px 30px 30px;}
	.newsList li a .text h3{ font-size: 18px; line-height: 26px; height: 52px;}
	.newsList li a .text p{ margin-top: 10px; font-size: 15px; line-height: 26px; height: 52px; -webkit-line-clamp: 2;}
	.newsList li a .text span{ margin-top: 14px;}
	/*awards*/
	.leftMenu{ left: 1%;}
	.leftMenu ul li a{ padding-left: 4px; font-size: 16px;}
	.leftMenu.show{ left: 2.6%;}
	.awardsBox .list li{padding-right: 3%; padding-top: 60px;}
	.awardsBox .list li h3{ font-size: 18px; line-height: 28px;}
	.awardsBox .list li:nth-child(2n){ padding: 120px 0 0 3%;}
	/*Certification*/
	.certificaList{ padding: 90px 0 120px 0;}
	.certificaList li{ display: block; margin-top: 40px;}
	.certificaList .pic{ width: 100%;}
	.certificaList .text{ width: 100%; margin-top: 20px;}
	/*新闻详情*/
	.contNewBox .title{ padding: 30px 0; margin-bottom: 30px;}
	.contNewBox .title h3{ font-size: 26px;}
	.contNewBox .title .shareIcon{ bottom: 24px;}
	.contNewBox .inpageLike{ margin: 30px 0 0 0; padding: 30px 0 0 0;}
	.contNewBox .word{ margin:0;}
	/*brand*/
	.brandWord.word{ padding: 30px 0;}
	.brandItem .pic{ width: 100%;}
	.brandItem{ height: auto; padding: 30px 0;}
	.brandItem .text{ top: auto; transform: none; height: auto; padding: 40px; width: 96%; background: rgba(255,255,255,0.8);}
	.brandItem .text .txt{top: auto; transform: none; }
	.brandItem .text .txt .t{max-height: none;}
	.brandItem .text .txt h3{ font-size: 20px; padding-bottom: 16px;}
	.brandItem .text .txt .t{ font-size: 16px; line-height: 28px; margin-top: 20px; padding-right: 0;}
	.brandTwo .text{ float: none;}
	.brandSix .text{ background: none;}
	/*产品列表*/
	/* .productList ul li{ width: 46%; margin-right: 0; margin-top: 30px;}
	.productList ul li:nth-child(2n){ float: right;} */
	.productList ul li a .text h3{ font-size: 18px; line-height: 26px;}
	.productList ul li a .text h4{ font-size: 15px;}
	/*产品详情*/
	.pic-show-box{ width: 100%;}
	.pic-show-box .big-pic-box{ width: 60%; margin: 0 auto;}
	.proInform .contTopText .lable a{min-width: auto; width: 100%;}
	.proInform .contTopText{ width: 100%; margin-top: 20px;}
	/*产品详情*/
	.detailOne .box .text .lable{ margin-top: 20px;}
	.detailOne .box .img{ max-width: 200px;}
	.detailThree .pic{ width: 100%;}
	.detailThree .pic em{ padding-bottom: 60%;}
	.detailThree .box{ width: 100%; background: rgba(0,0,0,0.3);}
	.detailThree .box .text{ width: 100%; padding: 0 5%;}
	
	 
}

@media screen and (max-width: 760px){
	.w1400{width: 92%;}
	.w1600{width: 92%;}
	.header{ height: 60px; background: #fff;}
	.header .logo img{ height: 30px; left: 0; transform: translateY(-50%);}
	.header.on{ height: 60px;}
	.nHrader .header.on{ height: 60px;}
	.header .box .right .language{ margin-left: 20px;}
	.header .box .right .searchIcon img{ height: 20px;}
	.header .box .right .language{ font-size: 14px;}
	.header .box .right .language img{height: 20px;}
	.menu-btn{ width: 20px; height: 20px;}
	.menu-btn span:nth-child(2){ margin: 6px 0;}
	.searchTan form .text-input{ font-size: 15px;}
	/*banner*/
	.banner{ padding-top: 60px;}
	.banner .swiper-slide .box .bannerText p{ font-size: 14px; line-height: 30px;}
	.banner .swiper-slide .box .bannerText h3{ font-size: 22px; margin-top: 4px; line-height: 30px;}
	.banner .swiper-slide .box .bannerText h4{ font-size: 14px; margin-top: 4px; line-height: 30px;}
	.banner .indexMore{display: none; margin-top: 10px;}
	.indexMore{ width: 90px; font-size: 13px; padding: 6px 0;}
	.indexOne .right .indexMore i{ right: 20px;}
	.banner .swiper-slide .box .bannerText{ width: 54%;}
	.banner .swiper-slide .box .bannerText p{ font-size: 10px; line-height: 18px;}
	.banner .swiper-slide .box .bannerText h3{ font-size: 12px; line-height: 20px;}
	.banner .swiper-slide .box .bannerText h4{ font-size: 10px; line-height: 18px;}
	.banner .bannerPro1{top: 40px; width: 44%;}
	.banner .bannerPro2{right: 14px; height: 70%; max-height: 100%;}
	.banner .btn{ bottom: 16px; }
	
	/*简介*/
	.indexOne{height: auto;}
	.indexOne .box{ display: block;}
	.indexOne .left{ width: 100%; padding-top: 20px; display: none;}
	.indexOne .left .playBox{ top: auto; transform: none; width: 100%; left: auto;}
	.indexOne .left .play{transform: translateX(-50%) scale(0.6); transform-origin: center;}
	.indexOne .left p{margin-top: 16px; font-size: 15px;}
	.indexOne .right{width: 100%; padding: 20px 0 30px 0;}
	.indexTitle{ font-size: 22px; line-height: 34px;}
	.indexOne .bg{ width: 100%; display: none;}
	.indexOne .videoBg{ display: block; position: inherit; top: auto; left: auto; height: auto; width: 100%;}
	.indexOne .right .indexTitle{ text-align: center; font-size: 20px;}
	.indexOne .right .txt{ font-size: 14px; margin-top: 8px; line-height: 26px; height: 104px;}
	.indexOne .right .indexMore{ margin: 0 auto; margin-top: 20px;}
	.indexPart{ padding: 24px 0;}
	.indexPart .box{ margin-top: 14px;}
	.indexPart .indexMore{ margin-top: 20px;}
	
	.indexOne.on .right{ width: 100%;}
	.indexOne.on .bg{ width: 100%;}
	/*新闻*/
	.indexTwo .indexTitle{ padding-top: 0;}
	.indexTwo::before{ width: 100%;}
	.indexTwo .box ul li .tBox b{ display: inline-block; font-size: 30px;}
	.indexTwo .box ul li .tBox .data{ display: inline-block; font-size: 14px;}
	.indexTwo .box ul li .tBox .pic{ margin: 10px 0 12px 0;}
	.indexTwo .box ul li .tBox h3{ font-size: 15px; line-height: 24px;}
	.indexTwo .box ul li .tBox p{ font-size: 14px; line-height: 24px; height: 48px; margin-top: 6px;}
	.indexTwo .box ul li .tBox .more{ margin-top: 12px;}
	.indexTwo .box ul li .tBox{ padding-bottom: 20px;}
	/*视频*/
	.indexThree .box{display: block;}
	.indexThree .box .item{ width: 100%; margin-bottom: 10px; padding-bottom: 56%;}
	.indexThree .box .item.on{ width: 100%;}
	/*产品*/
	.indexFour .box{display: block; background: none;}
	.indexFour .box .item{ width: 100%; margin-bottom: 10px;}
	.indexFour .box .item em{padding-bottom: 74%;}
	.indexFour .box .right{ width: 100%; display: block;}
	.indexFour .box .right .item{ width: 100%;}
	.indexFour .box .right .item em{ padding-bottom: 74%;}
	.indexFour .box .item .text h3{ margin: 4px 0; font-size: 16px; line-height: 28px;}
	.indexFour .box .item .text p{ font-size: 14px;}
	/*视频*/
	.indexFive .box{flex-wrap: wrap; background: #fff;}
	.indexFive .box .item.on{ width: 100%;}
	.indexFive .box .item{ width: 100%; height: 260px; margin-bottom: 10px;}
	.indexFive .box .item:last-child{ margin-bottom: 0;}
	.indexFive .box .text{ height: 60px; box-sizing: border-box; padding-top: 10px;}
	.indexFive .box .text h3{ font-size: 16px;}
	.indexFive .box .text p{display: none; font-size: 15px; margin: 10px 0; height: 56px; -webkit-line-clamp: 2;}
	.indexFive .box .item .tBox{opacity: 0; z-index: -1;}
	.indexFive .box .item .text{animation: fiveText 0.7s forwards; animation-delay: 0.3s;}
	.indexThree .box .item em .play{ transform: scale(0.5); opacity: 1; margin-left: -34px;}
	.indexThree .box .item.on .title{animation: none;}
	.indexThree .box .item.act .title{opacity: 0; z-index: -1;}
	.indexThree .box .item .title{ font-size: 16px; top: auto; bottom: 10px;}
	.indexThree .box .item .mask{ display: none;}
	/*foot*/
	.footer .footTop .box .footLogo{display: none;}
	.footer .footTop .box .footLink{ text-align: center;}
	.footer .footTop{ padding: 12px 0;}
	.footer .footTop .box .footLink .item{ font-size: 14px; margin:0; width: 48%; text-align: left; margin-bottom: 10px; padding-left: 5%; box-sizing: border-box;}
	.footer .footTop .box .footLink .item img{ width: 24px; height: 24px; top: 8px; margin-right: 4px;}
	.footer .footTop .box{ height: 70px;}
	.footShare{ position: initial; top: auto; right: auto;}
	.footCenter{ padding: 0 0 20px 0;}
	.footCenter .footContact p{ font-size: 15px; margin-bottom: 0;}
	.footCenter .footContact h3{ font-size: 16px; margin-bottom: 0;}
	.footBtm .box{ padding-right: 0;}
	.footBtm .box .technology{position: relative; top: auto; left: auto; transform: none; margin-top: 6px;}
	.footCenter .footNav{ display: block;}
	.footCenter .footNav dl{position: relative; width: 100%; }
	.footCenter .footNav dl dt{border-bottom: 1px rgba(255,255,255,0.3) solid; margin: 4px 0;}
	.footCenter .footNav dl dt a{ display: block; line-height: 44px;}
	.footCenter .footNav dl .text{display: none; margin: 0 14px;  }
	.footCenter .footNav dl dd a{ display: block; margin-top: 0; border-bottom: 1px rgba(255,255,255,0.2) solid; line-height: 38px;}
	.footCenter .footNav dl dd.down{display: block; position: absolute; top: 0; right: 0; font-size: 20px; color: #fff; width: 44px; height: 100%; z-index: 2; text-align: center; line-height: 44px; border-bottom: none; margin: 0;}
	.footBtm{ padding-bottom: 60px;}
	/*内页*/
	.clib{ display: none;}
	.nBan{ padding-top: 60px;}
	.nBan em{ padding-bottom: 44%;}
	.nBan .text{margin-top: 30px;}
	.nBan .text h3{ font-size: 20px; line-height: 30px;}
	.nBan .text h5{ font-size: 16px; margin-top: 0;}
	.technology li{ height: auto;}
	.technology li:last-child a .text{ margin-bottom: 0;}
	.technology li a .pic{position: initial; width: 100%;}
	.technology li a .pic em{ padding-bottom: 50%;}
	.technology li a .box{ width: 100%;}
	.technology li a .text{ width: 100%; padding: 20px 0; margin: 0 0 20px 0;}
	.technology li a .text .txt{position: initial; transform: none; padding: 0 10px;}
	.technology li a .text .txt .tit img{ margin-right: 10px; height: 20px;}
	.technology li a .text .txt .tit{ font-size: 15px; padding-bottom: 12px;}
	.technology li a .text .txt .t{ margin-top: 15px; font-size: 14px; line-height: 26px;}
	.downMore{ margin: 14px 0;}
	.downMore p{ font-size: 15px; margin-top: 0;}
	/*新闻列表*/
	.inpageBox{ padding-top: 20px;}
	.newsList li{ margin-bottom: 16px;}
	.newsList li a{ display: block;}
	.newsList li a .pic{ width: 100%;}
	.newsList li a .pic em{ display: block; padding-bottom: 70%;}
	.newsList li a .text{ width: 100%; padding: 14px 16px 16px 16px;}
	.newsList li a .text h3{ font-size: 16px; height: 26px; line-height: 26px;}
	.newsList li a .text p{ font-size: 14px; line-height: 26px; height: 52px; margin-top: 6px;}
	/*awards*/
	#anchor-nav.show{display: none;}
	.leftMenu{top: 36%;}
	.leftMenu ul li a{ font-size: 15px; margin: 6px 0;}
	.awardsBox .ourTitle{ font-size: 20px;}
	.awardsBox .list{ width: 100%; padding-bottom: 0; margin-top: 0; box-sizing: border-box;}
	.awardsBox .list::before{ display: none;}
	.awardsBox .list li{ padding-top: 30px; width: 100%;}
	.awardsBox .list li:first-child{ padding-top: 15px;}
	.awardsBox .list li:nth-child(2n){ padding-top: 20px;}
	.awardsBox .list li .time{ font-size: 18px;}
	.awardsBox .list li .time::before{ width: 6px; height: 6px; top: 13px;}
	.awardsBox .list li h3{ font-size: 16px; line-height: 24px;}
	.awardsBox .list li h4{ font-size: 14px;}
	.awardsBox .list li .pic{ margin-top: 10px;}
	.awardsBoxCon .awardsBox:last-child{ padding-bottom: 30px;}
	/*Certification*/
	.certificaList{ padding: 0; margin-top: 0; width: 100%;}
	.certificaList::before{ display: none;}
	.certificaList::after{ display: none;}
	.certificaList li{ margin-top: 14px;}
	.certificaList .text .item h3{ font-size: 16px;}
	.certificaList .text .item::before{ width: 6px; height: 6px; top: 13px;}
	.certificaList .text .item .txt{ font-size: 14px; margin-top: 0;}
	/*新闻详情*/
	.contNewBox{ padding: 60px 20px 20px 20px; margin-top: 0; margin-bottom: 20px;}
	.contNewBox .title{ padding: 20px 0 10px 0; margin-bottom: 20px;}
	.contNewBox .title h3{ font-size: 16px; line-height: 28px;}
	.contNewBox .title h5{ font-size: 15px;}
	.contNewBox .title h4{ margin-top: 6px;}
	.contNewBox .title .shareIcon{position: initial; bottom: auto; right: auto; margin-top: 6px;}
	.contNewBox .title .shareIcon img{ transform: scale(0.8);}
	.contNewBox .word{ margin: 0 ;}
	.word{ font-size: 15px; line-height: 26px;}
	.contNewBox .inpageLike{ padding: 20px 0 0 0;}
	.contNewBox .inpageLike a img{width: 22px; margin-right: 6px;}
	.contNewBox .inpageLike a.next img{ margin-left: 6px;}
	.contNewBox .inpageLike a.indexMore{ width: 60px;}
	.contNewBox .inpageLike a{ font-size: 13px;}
	/*brand*/
	.brandWord.word{ padding: 20px 0; text-indent: initial !important;}
	.brandWord.word p{text-indent: initial !important;}
	.brandWord.word span{text-indent: initial !important;}
	.brandItem{  padding: 30px 0;}
	.brandItem .text{ padding: 24px; width: 100%; margin: 0 auto;}
	.brandItem .text .txt h3{ font-size: 20px; padding-bottom: 10px;}
	.brandItem .text .txt .t{ font-size: 15px; line-height: 26px; margin-top: 10px;}
	
	/*产品列表*/
	.proFrom{ height: 50px; line-height: 50px;}
	.proFrom .text{ padding: 0 10px; font-size: 15px;}
	.proFrom .submit{ background-size: 22px;}
	.productList .inpage-type-title{ padding-bottom: 0;}
	.productList ul li{ width: 100%; margin-top: 20px;}
	.productList ul li a .text .bg{ display: none;}
	.productList .downMore{margin: 20px 0;}
	.productList ul li a .text h3{ font-size: 16px; line-height: 26px;}
	.productList ul li a .text h4{ font-size: 14px; margin-top: 6px;}
	.productList ul li:nth-child(3){ margin-right:0;}
	.productList ul li:nth-child(4n-1){ margin-right: 0;}
	.productList ul li:first-child{ width: 100%;}
	.productList ul li:first-child a em{padding-bottom: 112.73%;}
	/*产品详情*/
	.proInform{ border-top: 1px #ddd solid; padding: 62px 0 20px 0; margin-top: 0;}
	.pic-show-box .big-pic-box{ width: 100%;}
	.proInform .contTopText .title{ font-size: 16px; line-height: 26px; padding-top: 10px;}
	.proInform .contTopText .lable a{ padding-left: 46px; font-size: 13px;}
	.proInform .contTopText .lable a i{ left: 2px; width: 40px;}
	.proInform .contTopText .txt{ font-size: 15px; line-height: 26px; padding-bottom: 10px;}
	.proInform .contTopText .linkTit{ font-size: 16px; margin: 10px 0;}
	.recommendPro{ margin: 26px 0;}
	.recommendPro .title{ font-size: 16px;}
	.recommendPro .box{margin-top: 20px; padding: 0;}
	.recommendPro .box .btn{ display: none;}
	.proDetails .tab{ padding: 14px 0;}
	.proDetails .tab a{ font-size: 15px; margin-right: 4%;}
	.proDetails .tab a:hover{color: #111111;}
	.proDetails .tab a.on:hover{color: #2394B6;}
	.proDetails .parameters ul li{ padding: 10px 0;}
	.proDetails .parameters ul li .t{ display: block;}
	.proDetails .parameters ul li span{ font-size: 16px; width: 100%;}
	.proDetails .parameters ul li .txt{ margin-left: 0; font-size: 14px; color: #666; width: 100%; padding-left: 0;}
	.proDetails .detailBox{ margin-bottom: 20px;}
	.proDetails .wordBox{ padding: 20px 0;}
	.proDetails .oneBox{ padding: 0 0 20px 0;}
	.proDetails .tab a:first-child{ width: auto; margin-right: 4%;}
	.proDetails .tab a{ margin-right: 4%;}
	.recommendPro .box .boxSwiper a .text h3{ font-size: 14px;}
	/*单页*/
	.danBox{ padding: 20px 0;}
	/*产品详情*/
	.detailOne .bg{ padding-bottom: 70%;}
	.detailOne .box .text h4{ font-size: 14px; height: 28px; line-height: 28px; margin-bottom: 10px;}
	.detailOne .box .text h3{ padding-bottom: 10px; margin-bottom: 10px;}
	.detailOne .box .text h5{ font-size: 12px; line-height: 22px;}
	.detailOne .box .img{ display: none;}
	.detailOne .box .text .lable{justify-content: space-between;}
	.detailOne .box .text .lable .item{ width: 22%; margin: 0; height: 70px;}
	.detailOne .box .text .lable .item b{ font-size: 18px; padding-top: 10px; line-height: 24px;}
	.detailOne .box .text .lable .item span{ font-size: 12px;}
	.detailThree .pic em{ padding-bottom: 85%;}
	.detailpart .box .text .textUl li{ font-size: 13px; line-height: 24px;}
	.detailFour .bg{ padding-bottom: 58%;}
	.detailFour .box .text{ margin-top: 20px;}
	.detailFive .bg{ padding-bottom: 43%;}
	.detailFive .text h3{ font-size: 16px;}
	.detailFive .text .picUl li{ height: 36px; margin: 0;}
	.detailFive .text .picUl li img{ height: auto; max-width: 90%;}
	
	.proInform .contTopText .linkTo{ width: 48%; margin-right: 1%;}
	
	.proSelect{ display: block; margin-top: 0;}
	.proSelect .item{ width: 100%; height: 50px; line-height: 50px; margin-top: 14px;}
	.proSelect .item:first-child{ z-index: 1;}
	.proSelect .item span{ padding: 0 10px; font-size: 15px;}
	.proSelect .item span::before{ right: 14px;}
	.proSelect .item ul{ top: 41px;}
	.proSelect .item ul li a{ padding: 4px 10px;}
	
	
	.tipsfixed{width: 90%;padding: 30px;}
	.tipsfixed input{width: 120px;height: 38px;margin-top: 25px;line-height: 38px;height: auto;}
	.tipsfixed h6{margin-bottom: 20px;}
	
	.footShare .item .img{ left: -40px;}
	.footShare .item:first-child .img{ left: 0;}
	
	.footShare .item:hover .img{ bottom: 38px;}
}