@charset "UTF-8";

/* 通用样式 */
p{margin:0}
input,textarea{border:none;outline:none;background-color:transparent}
img{vertical-align:middle}
.p1920{width:1920px;position:relative;left:50%;margin-left:-960px}
.wd1200{width:1200px;margin:0 auto}
.bw{width:100%}
.clearfix::after{content:'';display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px}
.fl{float:left}
.fr{float:right}
.dfc{display:flex;justify-content:space-between;align-items:center}
.ovimg,.ibw,.miw,.iml,.imgbig{overflow:hidden}
.imgbig img{-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.imgbig:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.ovimg img{width:100%;min-height:100%}
.ibw img{width:100%;height:auto}
.miw img{max-width:100%;max-height:100%}
.iml{text-align:center}
.iml img{transform:translateY(-2px);vertical-align:middle}
.bgmax{background-repeat:no-repeat;background-size:cover;background-position:center top}
.bgmin{background-repeat:no-repeat;background-size:contain;background-position:center top}
.fh{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.flexed{display:flex;justify-content:space-between;flex-wrap:nowrap;display:-webkit-flex}
.w1600{max-width:1630px;margin:0 auto;padding-left:15px;padding-right:15px}

/* head */
.head-bg{padding:30px 3.64583333333333%;position:absolute;left:0;right:0;width:100%;z-index:99}
.head-index{align-items:center}
.head-index .logo{width:20%}
.head-index .logo img{max-width:100%}
.head-index .headr{align-items:center;width:53.65%}
.head-index .headr .tnav{width:72%}
.head-index .headr .ttel{}
.head-index .headr .ttel p{display:flex;align-items:center;font-size:24px;font-family:"Arial";color:#fff;font-weight:600}
.head-index .headr .ttel p img{max-width:100%;margin-right:5px}
@media(max-width:1280px){
	.head-index .headr{width:60%}
}
@media(max-width:1024px){
	.head-index .headr .ttel p{font-size:20px}
}

/* banner */
.bannerSwiper{overflow:hidden;width:100%;position:relative}
.bannerSwiper img{width:100%}
.bjian{position:absolute;left:0;bottom:0;background:#002854;width:407px;padding:42px 70px;z-index:99;display:flex;align-items:center;justify-content:space-between}
.bjian img{max-width:100%}
.bjian .bnext{display:flex;align-items:center;outline:none;color:#fff;font-size:16px;font-weight:600}
.bjian .bnext img{margin-right:30px}
.bjian .bprev{display:flex;align-items:center;outline:none;color:#fff;font-size:16px;font-weight:600}
.bjian .bprev img{margin-left:30px}

/* about */
.ab-index{margin-top: 8vw;}
.abl{width:15.5%}
.put{font-weight:600}
.put .put1{color:#111111;font-size:48px;position:relative}
.put .put1::before{content:'';position:absolute;left:-24px;top:50%;transform:translateY(-50%);background:url(../images/icon-hover2.png) no-repeat top center;width:8px;height:16px}
.put .put2{color:#111111;font-size:24px;font-family:"Arial";margin-top:1vw}
.amore{border:1px solid #999999;width:180px;height:54px;margin-top: 3vw;}
.amore a{display:block;text-align:center;color:#111111;font-size:16px;line-height:52px}
.amore a span{color:#0070c2}
.abr{width:calc(100% - 28.125%)}
.abr p{color:#666666;font-size: 18px;line-height: 2;text-align:justify;text-indent: 2em;}
.abimg{margin-left:70px}
.abimg .w1600{display:flex;justify-content:flex-end}
.aimg1{margin-top: -240px;}
.aimg1 img{width:100%}
.abpic{width:73.75%;position:relative;z-index:99}
.ablist li{background:#fff;border-radius:12px;box-shadow:0px 2px 8.46px 0.54px rgba(19,47,67,0.12);width:23.5%;padding:45px 42px;transition:0.5s}
.ablist li .w1{color:#111111;font-size:24px;font-weight:600;margin-bottom:1vw}
.ablist li .w2{color: #888;font-size: 14px;font-weight:600;opacity:0.4;line-height: 1.5;}
.ablist li .img{margin-top:3.64583333333333vw}
.ablist li .img img{max-width:100%}
.ablist li .img img.imga{}
.ablist li .img img.imgb{display:none}
.ablist li:hover{background:#0070c2;box-shadow:0px 2px 14.1px 0.9px rgba(19,47,67,0.4);transform:translateY(-25px)}
.ablist li:hover .w1{color:#fff}
.ablist li:hover .w2{color:#fff}
.ablist li:hover .img img.imga{display:none}
.ablist li:hover .img img.imgb{display:block;transform:rotate(180deg)}
@media(max-width:1280px){
	.put .put1{font-size:40px}
	.ablist li{padding:25px 22px}
}
@media(max-width:1024px){
	.put .put1{font-size:34px}
}
@media(max-width:780px){
	.ab-index{margin-top:40px;flex-wrap:wrap}
	.abl{width:100%}
	.put .put1{font-size:24px}
	.put .put2{font-size:18px}
	.amore{width:120px;height:40px;margin-top:10px}
	.amore a{font-size:14px;line-height:38px}
	.abr{width:100%;margin-top:20px}
	.abr p{font-size:14px;line-height:26px}
	.aimg1{margin-top:20px}
	.abimg{margin-left:0;margin-top:20px}
	.abimg .w1600{justify-content:space-between}
	.abpic{width:100%}
	.ablist{flex-wrap:wrap}
	.ablist li{width:49%;padding:10px;margin-bottom:2%}
	.ablist li .w1{font-size:16px}
	.ablist li .w2{font-size:14px}
	.ablist li .img img{max-width:30px;width:100%}
}

/*发展历程*/
.fzlc{margin-bottom: 270px;}
.fzlc-index{margin-top:5vw}
.fzlc-wrap{margin-top:5vw;align-items:flex-end}
.fzlc-wrap li{font-size:16px;list-style:none;width:calc(100% / 7);position:relative}
.fzlc-wrap li .num{font-weight:bold;font-size:24px}
.fzlc-wrap li .num:before{content:'';background:#0070C2;display:inline-block;width:6px;height:6px;vertical-align:middle;margin-right:2px}
.fzlc-wrap li p{white-space:nowrap;padding-left:6px}
.fzlc-wrap li:before{content:'';position:absolute;width:0;height:calc(100% - 20px);border-left:1px dashed #999}
.fzlc-wrap li:after{content:'';display:block;width:100%;height:12px;position:absolute;left:-5px;background-size:contain !important}
.fzlc-wrap li:nth-child(2n){transform:translateY(187px);align-self:flex-start;padding-top:80px}
.fzlc-wrap li:nth-child(2n):before{height:100px;top:0}
.fzlc-wrap li:nth-child(2n):after{background:url(../images/year-blue02.png) no-repeat center left;top:-12px}
.fzlc-wrap li:nth-child(2n+1){padding-bottom:50px}
.fzlc-wrap li:nth-child(2n+1):before{bottom:0}
.fzlc-wrap li:nth-child(2n+1):after{background:url(../images/year-blue.png) no-repeat center left;bottom:-12px}
@media(max-width:1280px){
	.fzlc-wrap li p{font-size: 14px;}
	.fzlc-wrap li:nth-child(2n){transform: translateY(177px);}
}
@media(max-width:1024px){
	.fzlc-wrap li:nth-child(2n){padding-top: 50px;}
	.fzlc-wrap li:nth-child(2n):before{height: 70px;}
}
@media(max-width:948px){
	.fzlc{margin-bottom: 150px;}
	.fzlc-wrap{flex-wrap: wrap;}
	.fzlc-wrap li{width: 25%;}
	.fzlc-wrap li:nth-child(4) p{white-space: wrap;}
	.fzlc-wrap li:nth-child(2n){transform: translateY(127px);padding-top: 20px;}
	.fzlc-wrap li:nth-child(2n):before{height: 40px;}
	.fzlc-wrap li:nth-child(5),.fzlc-wrap li:nth-child(6),.fzlc-wrap li:nth-child(7){width: 33.3%;margin-top: 110px;}
	.fzlc-wrap li:nth-child(6){transform: translateY(156px);}
	.fzlc-wrap li:nth-child(2n+1){padding-bottom: 30px;}
	.fzlc-wrap li:nth-child(5):after,.fzlc-wrap li:nth-child(6):after,.fzlc-wrap li:nth-child(7):after{background-size: contain !important;}
}
/* 产品 */
.probg{background: url(../images/product-bg.jpg) no-repeat bottom center;background-size:100% auto;padding-bottom: 70px;}
.pro-index{margin-top:5.72916666666667vw}
.pro-wrap{margin-top:3.125vw;position:relative}
.tab-con{position:relative}
.tab-con .tab-main{position:absolute;left:0;top:0;z-index:9;right:0}
.tab-con .tab-main{opacity:0;visibility:hidden;transition:all .5s ease}
.tab-con .tab-main.active{position:static;opacity:1;visibility:visible}
.ptab{position:absolute;z-index:99;right:0;top:0;box-shadow:0px 2px 23.5px 1.5px rgba(22,55,80,0.07);width:23.5625%;padding:0 3.38541666666667vw 2.08333333333333vw 2.08333333333333vw}
.psort li{border-bottom:1px solid #cccccc;padding: 15px 0;background:url(../images/icon-right1.png) no-repeat right center;position:relative}
.psort li::before{content:'';position:absolute;left:0;bottom:-1px;width:0;height:1px;background:#f78e1e;transition:0.5s}
.psort li a{display:flex;align-items:center;color:#666666;font-size:18px}
.psort li a span{width:6px;height:6px;background:#66a9da;margin-right:15px}
.psort li.active{background:url(../images/icon-right2.png) no-repeat right center}
.psort li.active::before{width:70px}
.psort li.active a{color:#0070c2}
.psort li.active a span{background:#f78e1e}
.proSwiper{overflow:hidden;width:100%}
.proSwiper .swiper-slide a{display:flex}
.proSwiper .swiper-slide a .wwl{
  writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
  writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  
  word-wrap: break-word;
  color: #111111;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 88px;
  width: 34px;
}

.proSwiper .swiper-slide a .wwr{width:calc(100% - 34px);position:relative}
.proSwiper .swiper-slide a .wwr .img1{width:43.7%}
.proSwiper .swiper-slide a .wwr .img1 img{width:100%;border: 1px solid #F6F6F6;box-sizing: border-box;}
.proSwiper .swiper-slide a .wwr .wz{width: 61.6%;background: rgba(255,255,255,0.5);position:absolute;z-index:99;bottom:0;right:0;padding:3.125vw 0;padding-left:7.29166666666667vw}
.proSwiper .swiper-slide a .wwr .wz .wz1{color:#111111;font-size: 38px;font-weight:600;margin-top:1.5625vw;margin-bottom:1.5625vw}
.proSwiper .swiper-slide a .wwr .wz .wz2{color:#111111;font-size:18px;line-height:2.5}
.proSwiper .swiper-slide a .wwr .wz .wz3{border:1px solid #111111;width:180px;height:52px;line-height:50px;text-align:center;color:#111111;font-size:16px;margin-top:2vw}
.proSwiper .swiper-pagination{bottom:30px;left:75px;text-align:left}
.proSwiper .swiper-pagination-bullet{border-radius:0;background:#0070c2}
.proSwiper .swiper-pagination-bullet-active{}
.proSwiper .ind_fy_box{position:relative;display:inline-block;width:12%}
.proSwiper .lb_pagination_box span:before{content:'0'}
.proSwiper .ind_fy_box span.on{color:#111111;font-size:42px;font-weight:600;line-height:1}
.proSwiper .ind_fy_box span.xian{color:#111111;opacity:0.4;font-size:20px;font-weight:600;position:absolute;right:30%}
.proSwiper .ind_fy_box span.xian:before{content:''}
.proSwiper .ind_fy_box span.sum{color:#111111;font-size:20px;font-weight:600;opacity:0.4;position:absolute;right:0}
@media(max-width:1280px){
	.proSwiper .swiper-slide a .wwr .wz{padding-left:40px}
	.proSwiper .swiper-slide a .wwr .wz .wz1{font-size:40px}
}
@media(max-width:780px){
	.probg{background:#f1f6fa;padding-top: 1px;}
	.pro-index{margin-top:40px}
	.ptab{position:relative;width:100%}
	.psort{display:flex;flex-wrap:wrap;justify-content:space-between}
	.psort li{padding:10px 0;width:48%}
	.psort li a{font-size:14px}
	.proSwiper .swiper-slide a{flex-wrap:wrap;margin-top:20px}
	.proSwiper{position:relative}
	.proSwiper .swiper-pagination{bottom:0;left:10px;top:55%}
	.proSwiper .ind_fy_box{width:20%}
	.proSwiper .ind_fy_box span.on{font-size:20px}
	.proSwiper .ind_fy_box span.xian{font-size:14px;right:34%}
	.proSwiper .ind_fy_box span.sum{font-size:14px}
	.proSwiper .swiper-slide a .wwl{width:100%;writing-mode:initial;margin-top:0}
	.proSwiper .swiper-slide a .wwr{width:100%;flex-wrap:wrap}
	.proSwiper .swiper-slide a .wwr .img1{width:100%}
	.proSwiper .swiper-slide a .wwr .wz{width:100%;position:relative;padding:5px 10px;margin-top:10px}
	.proSwiper .swiper-slide a .wwr .wz .wz1{font-size:16px}
	.proSwiper .swiper-slide a .wwr .wz .wz2{font-size:13px;line-height:24px}
	.proSwiper .swiper-slide a .wwr .wz .wz3{width:120px;height:40px;line-height:38px;font-size:14px}
}

/* 新闻 */
.news-bg{background: url(../images/news-bg.jpg) no-repeat top center;background-size:100% 100%;padding-top:6.25vw;padding-bottom:20.57291666666667vw}
.news-index{}
.news-index .newsl{width:52.5%}
.nlist1{}
.nlist1 li{border-bottom:1px solid #fff;padding:1.58vw 0}
.nlist1 li a{display:flex;align-items:center}
.nlist1 li .nw1{font-size:18px;color:#ffffff;width:86.9%}
.nlist1 li .nw2{width:calc(100% - 86.9%);font-size:14px;color:#ffffff;align-items:center;justify-content:space-between}
.news-index .newsr{width:calc(100% - 68.5625%)}
.nut .put1{color:#fff}
.put .put1::before{background:url(../images/icon-hover.png) no-repeat top center}
.nut .put2{color:#fff}
.nut .put3{color:#fff;font-size:16px;line-height:30px;font-weight:500;margin-top:2vw}
.nut .put4{border:1px solid #fff;width:180px;height:54px;margin-top:3.64583333333333vw}
.nut .put4 a{display:block;line-height:52px;color:#fff;text-align:center;font-size:16px;font-weight:500}
@media(max-width:780px){
	.news-bg{margin-top:40px;padding:40px 0}
	.news-index{flex-wrap:wrap;flex-direction:column-reverse}
	.news-index .newsl{width:100%}
	.nlist1 li{padding:20px 0}
	.nlist1 li .nw1{font-size:14px;width:68.9%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.nlist1 li .nw2{font-size:12px;width:calc(100% - 68.9%)}
	.news-index .newsr{width:100%}
	.nut .put3{font-size:14px;line-height:24px}
	.nut .put4{width:120px;height:40px}
	.nut .put4 a{line-height:38px;font-size:14px}
}

/* 行业应用 */
.hhyy-index{
}
.hhyy-bg{background:#fff;margin-left:70px;margin-top:-14vw;padding-bottom: 3vw;position:relative}
.hhyy-index .hhyy-left{width:58.125%;display:flex;justify-content: flex-end;flex-direction:column}
.hyt .put1::before{background:url(../images/icon-hover3.png) no-repeat top center}
.hyt .put2{text-transform:uppercase;font-size:16px;margin-top:0.5vw}
.hyw{font-weight:500;color:#111111;font-size:16px;line-height:30px;margin-top:2vw}
.hyw p{text-indent:2em;line-height:2}
.hyw ul{line-height:2;flex-wrap:wrap}
.hyw ul li span{display:inline-block;width:17px;height:17px;background:url(../images/li.png) no-repeat center;background-size:contain;vertical-align:middle;margin-right:5px}
.hylist1{margin-top:2.60416666666667vw;width:91.4%}
.hylist1 li{text-align:center}
.hylist1 li .img1{border:1px solid #0070c2;width:82px;height:82px}
.hylist1 li .img1 img{max-width:100%}
.hylist1 li .img1 img.imgb{display:none}
.hylist1 li .wz{color:#111111;font-size:16px;margin-top:1vw}
.hylist1 li:hover .img1{background:#0070c2}
.hylist1 li:hover .img1 img.imga{display:none}
.hylist1 li:hover .img1 img.imgb{display:block}
.hylist1 li{text-align:center;margin-bottom:10px}
.hylist1 li img{display:block;max-width:100%}
.hylist2{margin-top:30px;justify-content: space-around;}
.hylist2 li{width: 20%;}
.hylist2 img{display:block;max-width:100%}
.hhyy-index .hhyy-right{width:calc(100% - 64.375%)}
.hhyy-index .hhyy-right img{max-width: 100%;display: block;margin-top: 50px;}
.hhyy-img{margin-top:-21vw}
.hhyy-img img{width:100%}
@media(max-width:780px){
	.hhyy-bg{margin-top:40px;margin-left:0}
	.hhyy-index{flex-wrap:wrap}
	.hhyy-index .hhyy-left{width:100%}
	.hyw{font-size:14px;line-height:24px}
	.hylist1{width:100%;margin-top:20px;}
	.hylist1 li{text-align:center;margin-bottom:10px}
	.hylist1 li img{display:block;max-width:100%}
	.hylist1 li .img1{margin:0 auto}
	.hylist1 li .wz{font-size:14px;margin-top:10px}
	.hhyy-index .hhyy-right{width:100%;margin-top:20px}
	.hhyy-index .hhyy-right img{
    margin-top: 0;
}
	.hylist2{flex-wrap:wrap}
	.hylist2 li{width:33%;margin-bottom:10px}
	.hylist2 li:nth-child(4),.hylist2 li:nth-child(5){width:49%}
	.hylist2 img{width:100%}
}

/* 底部 */
.foot-bg{background-image:-moz-linear-gradient( -90deg,rgb(6,19,34) 0%,rgb(17,28,61) 100%);background-image:-webkit-linear-gradient( -90deg,rgb(6,19,34) 0%,rgb(17,28,61) 100%);background-image:-ms-linear-gradient( -90deg,rgb(6,19,34) 0%,rgb(17,28,61) 100%);padding:2.60416666666667vw 0}
.foot1-index{align-items:center}
.foot1-index .flogo p img{max-width:100%}
.foot1-index .fnavlist li{margin-left:2.60416666666667vw}
.foot1-index .fnavlist li a{display:block;color:#fff;font-size:16px}
.f-share{margin-top:1vw;float:right}
.f-share .social-share .social-share-icon{width:40px;height:40px;border:none;border-radius:50%;margin:0 12px 0 0}
.f-share .social-share .social-share-icon:before{display:none}
.f-share .social-share .icon-qq{background:url(../images/icon-qq1.png) no-repeat center #081629}
.f-share .social-share .icon-qq:hover{background:url(../images/icon-qq2.png) no-repeat center #081629}
.f-share .social-share .icon-weibo{background:url(../images/icon-weibo2.png) no-repeat center #081629}
.f-share .social-share .icon-weibo:hover{background:url(../images/icon-weibo1.png) no-repeat center #081629}
.f-share .social-share .icon-wechat{background:url(../images/icon-weixin2.png) no-repeat center #081629}
.f-share .social-share .icon-wechat:hover{background:url(../images/icon-weixin1.png) no-repeat center #081629}
.foot1-index2{margin-top:1vw}
.foot1-index2 .flx p{font-size:16px;color: rgba(255,255,255,.8);margin-bottom:1vw}
.foot1-index2 .flx p:nth-of-type(2) strong{color:#fff;font-size:24px;font-family:"Arial"}
.foot1-index2 .cop{width:50%;font-size:16px;color: rgba(255,255,255,.8);text-align:right}
.copyright{}
.copyright a:first-child:before{content:'';display:inline-block;width: 20px;height: 20px;background: url(/static/images/beian.png);vertical-align: middle;}
.foot1-index2 .cop a{font-size:16px;color: rgba(255,255,255,.8);}
.c-link{color:rgba(255,255,255,.4)}
.c-link a{color:rgba(255,255,255,.4)}
@media(max-width:780px){
	.foot-bg{padding:20px 0}
	.foot1-index{flex-wrap:wrap}
	.flogo{text-align:center;width:100%}
	.f-share{text-align:center;float:none;margin-top:20px}
	.foot1-index2{margin-top:20px;flex-wrap:wrap}
	.foot1-index2 .flx p{font-size:14px;margin-bottom:5px}
	.foot1-index2 .cop{width:100%;margin-top:20px;text-align:left;font-size:14px}
	.foot1-index2 .cop a{font-size:14px}
}