@charset "utf-8";
/* CSS Document */


.m-foot{ position:fixed; width:100%; height:55px; left:0; bottom:0;background:#953d3d; color:#fff; display:none; z-index:1500}
.m-foot li{ float:left; width:33.3%; text-align:center; text-transform:uppercase}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li2 a{ background:url(../images/kf-emails.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:27px}

.phshow{ display:none !important}
.pcshow{ display: block !important}

@media screen and (max-width: 1600px){
.power .title{font-size: 60px; line-height:80px;}
.follow .item .code img{ width:150px;}


.section{ padding:100px 0;}
.section02{ padding:100px 0 130px 0;}
.sectionpre{ padding-top:100px;}
.sectionnext{ padding-bottom:100px;}

.liuyan-sub{height:630px; }

}
@media screen and (max-width: 1440px){
.wordmap .title h3{font-size:40px;}
.power .title{font-size: 55px; line-height:70px;}

.news .title h3{ font-size:40px; }
.news .title{ margin-bottom:50px;}
.follow .item .code img{ width:140px;}
.follow .item .blogo img{ max-height:45px}

.header .menu{ right:150px;}
.power .intr h5{ margin:15px 0}
.map-txt{ padding:20px }

.map-txt {left: -475px;width: 380px; padding:15px;}
.wordmap .links{ font-size:22px; bottom:0}
.banner .barba-container{ width:384px}
.banner .left{width:25px;height:50px;}
.banner .right{width:25px;height:50px;}
.banner .swiper-slide-active .leftcircle{width:50px;height:50px;}
.banner .swiper-slide-active .rightcircle{width:50px;height:50px;}
.banner .container{width: 50px;}
.banner .swiper-slide{ height:50px !important;}
.banner .swiper-slide{ width:50px !important;}

.banner .barba-container{bottom:4%}
.liuyan .colum{ margin-bottom:8px}
.liuyan .row{ margin-bottom:0px;}
.liuyan textarea{ height:90px;}
.liuyan .submit{ margin-top:20px; }
.liuyan-sub{height:600px; }

.nhr .title{ margin-bottom:30px}
.nhr .title h3{font-size:35px; font-weight:bold; margin-bottom:35px;}
.nhr .title p{ font-size:18px}

.nnews .title h3{font-size:35px; margin-bottom:35px;}
.tuijian .title h3{font-size:35px; margin-bottom:35px;}
.ntech .title h3, .nquality .title h3{font-size:35px;margin-bottom:0;}

.nprox .title h3{font-size: 35px; margin-bottom: 35px;}
.nprox .title h4{font-size: 32px; margin-bottom: 32px;}

.nnewsxiang .newstitle { padding-bottom:35px}
.nnewsxiang .newstitle h3{font-size:35px; line-height:35px; margin-bottom:10px;}
.nnewsxiang .conn{ padding-top:60px;}
.nquality .nshebei .item .text h3{ font-size:18px;}
.nquality .biaozhu h3{ font-size:18px;}

.ntechk .ntitle, .ntechk02 .ntitle{ line-height:50px}
.ntechk .ntitle p{ line-height:28px; padding:10px 0}
.ntechk { font-size:16px;}
.ntechk h4, .ntechk02 h4{ font-size:35px; margin-top:10px; margin-bottom:0px}
.ntechk h2{ font-size:40px; }

.nt02{ margin-top:30px;font-size:32px; line-height:50px; }
.nt03{font-size:45px; padding:20px 0;}

.nsy01 .ntitle, .nsy03 .ntitle{ line-height:50px}
.nsy01 .ntitle h4, .nsy03 .ntitle h4{ font-size:35px; margin-bottom:5px}
.nsy01 .ntitle h2, .nsy03 .ntitle h2{ font-size:40px;}
.nsy01 .ntitle h5, .nsy03 .ntitle h5{ font-size:20px; margin-bottom:5px}
.nsy01 .ntitle p, .nsy03 .ntitle p{ font-size:18px; margin-top:-20px;}
.nsy01 .tedian .conn{ margin-top:20px; font-size:16px;  }

.nsy03 .conn .wenzi{ font-size:20px}

.nsy03 .usetitle{ line-height:55px;}
.nsy03 .usetitle .num{ float:left; font-size:35px; height:55px; padding-bottom:20px;}
.nsy03 .usetitle .usentitle{font-size:35px; line-height:55px;height:55px; margin: 0 30px }
.nsy03 .usetitle .ad{float:left; line-height:55px; pfont-size:22px; padding:0 40px; }

.nsy03 .usetitle .ad:after{height:55px; }
.nsy03 .usetitle .biaopic{float:right; height:150px; width:auto; margin-top:-50px;} 
.nsy03 .usetitle .biaopic img{ height:150px;}
.nsy03 .usetitle .nintro{ clear:both; font-size:22px; margin-left:70px;}

.abouttou .fl{width:40%;font-size: 45px;line-height: 45px;}
.abouttou .fr{width: 60%;}
.nab01 td{ padding:15px;}

.leader .conn .text{ padding:30px; line-height:30px; font-size:16px;}
.leader .title h3, .advideo .title h3{ font-size:40px; margin-bottom:50px;}

.advideo .pimg .bofang{width: 70px;height: 70px;}
.advideo .pimg .bofang::before{width: 60px;height: 60px;}

.nhistory .nbanner .text{ padding: 30px 0;}
.nhistory .nbanner .text::after{ bottom:70px;}
.nhistory .nbanner .text h3{ margin:10px 0 20px 0; font-size:40px;}

.ngroup .title h3{font-size: 40px;}
.nquality .title h4{ font-size:20px; margin-bottom:5px}
}

@media screen and (max-width: 1240px){
.wordmap .title h3{font-size:36px;}
.power .title{font-size: 50px; line-height:60px;}
.news .title h3{ font-size:36px; }
.news .conn .item .pic .biaozhu span{padding: 5px 20px 5px 10px}

.section{ padding:90px 0;}
.section02{ padding:90px 0 120px 0;}
.sectionpre{ padding-top:90px;}
.sectionnext{ padding-bottom:90px;}

.wrap{ width:90%;}
.header .wrap{ width:94%;}
.header .logo{ margin-top:-26px;}
.header .logo img{ height:52px; }
.power .intr h5{ margin:12px 0; font-size:20px;}
.prolist #ttabcontent ul .youshi h3{font-size:20px;}

.nnewsxiang .newstitle { padding-bottom:30px}
.nnewsxiang .newstitle h3{font-size:30px; line-height:30px; }

.nnewsxiang .wrap{ padding:60px 30px; font-size:16px; line-height:30px;}
.nt03{font-size:40px; padding:20px 0;}



.nsy03 .conn .jiantou{ width:100px; background-size:100% auto;}
.nsy03 .conn .item{ display:inline-block; margin:0 20px; max-width:calc(48% - 90px) }
.nsy03 .conn .kuai:last-child .item{ max-width:calc(48% - 40px) }

.abouttou .fl{font-size: 40px;line-height: 40px;}



.leader .conn .text p{ width:65%}
}
@media screen and (max-width: 1099px){
.header .menu{ display:none}
.header .m-menubtn{ display: block;}
.header .language{ right:130px;}

.banner video{width:100%; height:auto;}
.banner{position: relative; height:auto;overflow:auto; margin-top:86px;}
.banner .barba-container{ width:324px}
.banner .left{width:20px;height:40px;}
.banner .right{width:20px;height:40px;}
.banner .swiper-slide-active .leftcircle{width:40px;height:40px;}
.banner .swiper-slide-active .rightcircle{width:40px;height:40px;}

.banner .container{width: 40px;}
.banner .swiper-slide{ height:40px !important;}
.banner .swiper-slide{ width:40px !important;}

.hrlist li .tit{ font-size:20px;padding:20px 0;}

.nqutech .item h3{ font-size:24px; padding:15px 5px;}
.nqutech .item  p{ font-size:18px; padding:15px;  }

.nprox .conn{ font-size:18px;padding-bottom: 18px;}

.nsy01 .ntitle, .nsy03 .ntitle{ line-height:40px}
.nsy01 .ntitle h4, .nsy03 .ntitle h4{ font-size:30px;}
.nsy01 .ntitle h2, .nsy03 .ntitle h2{ font-size:35px;}

.nsy01 .kuai .text .textinn h3{ font-size:24px}
.nsy01 .kuai .text .textinn{ font-size:18px;}
.nsy03 .conn .jiantou{ margin-left:0; margin-right:0}

.nabout .nbanner{ padding:40px 0; margin:50px 0}
.nabout .nbanner .text{ font-size:16px; margin: 10px auto;}

.leader .title h3, .advideo .title h3{ font-size:36px; margin-bottom:40px;}
.ngroup .title h3{font-size: 36px;}
}
@media screen and (max-width: 1024px){
.wordmap .title h3{font-size:32px;}
.power .title{font-size: 40px; line-height:50px;}
.news .title h3{ font-size:32px; }
.news .title{ margin-bottom:40px;}
.follow .item .code img{ width:130px;}
.follow .item .blogo img{ max-height:40px}

.section{ padding:80px 0;}
.section02{ padding:80px 0 110px 0;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:80px;}



.wordmap .links p{ line-height:40px; padding-left:45px}


.map-txt { left:-455px; width: 360px;}
.map-txt h3{font-size:17px; }

.header .language{ width:100px;}
.header .language ul{width:100px;}

.banner .barba-container{bottom:3%}

.nhr .title{ margin-bottom:25px}
.nhr .title h3{font-size:30px; margin-bottom:30px;}
.nhr .title p{ font-size:17px}

.nnews .title h3{font-size:30px; margin-bottom:30px;}
.tuijian .title h3{font-size:30px; margin-bottom:30px;}
.ntech .title h3, .nquality .title h3{font-size:30px;}
.tuijian .conn .item .text h3{font-size:16px; line-height:40px;}

.nprox .title h3{font-size: 30px; margin-bottom: 30px;}
.nprox .title h4{font-size: 28px; margin-bottom: 28px;}

.ntechk h4, .ntechk02 h4{ font-size:30px;}
.ntechk h2{ font-size:35px; }

.nt02{ margin-top:25px;font-size:28px; line-height:30px; padding:10px 0 }
.nt03{font-size:35px; padding:15px 0;}


.nsy03 .usetitle{ line-height:50px;}
.nsy03 .usetitle .num{ float:left; font-size:30px; height:50px; padding-bottom:20px;}
.nsy03 .usetitle .usentitle{font-size:30px; line-height:50px;height:50px; margin: 0 20px }
.nsy03 .usetitle .ad{float:left; line-height:50px; font-size:20px; padding:0 30px; }

.nsy03 .usetitle .ad:after{height:50px; }
.nsy03 .usetitle .biaopic{float:right; height:120px; width:auto; margin-top:-50px;} 
.nsy03 .usetitle .biaopic img{ height:120px;}
.nsy03 .usetitle .nintro{ clear:both; font-size:20px; margin-left:54px;}
.nsy03 .usetitle .nintro{ line-height:35px;}

.nsy03 .conn .jiantou{ margin:60px 0}
.nab01{ font-size:16px;}

.leader .conn .text h3{ font-size:20px; margin-bottom:5px;}
.leader .conn .text p{ line-height:30px;}

.advideo .pimg .bofang{width: 50px;height: 50px;}
.advideo .pimg .bofang::before{width: 40px;height: 40px;}

.nhistory .nbanner .text{ margin:0 0 30px 0; width:100%;}
.nhistory .nbanner .text::after{ height:3px; bottom:60px;}
.nhistory .nbanner .text{ padding:20px 0}
.nhistory .nbanner .text h3{ margin:0px 0 10px 0; font-size:30px;}

.nhistory .nbanner .text p{padding: 0 20px;}
.nhistory .nbanner .text h3{padding: 0 20px;}
.nhistory .nbanner .text h4{padding: 0 20px;}

.ntechk .conn05{ padding:20px; margin-top:20px;}
.ntechk .conn05 h5{ font-size:16px; text-align:center; line-height:30px;}
.ntechk .conn05 .aitech{ margin:60px 0;display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ntechk .conn05 .aitech .item{ width:45%; margin-right:3%; text-align:center;position:relative}

.ntechk .conn05 .aitech .aitop{ font-size:20px; }
.ntechk .conn05 .aitech .aiconn{ font-size:16px; }

.ntechk .conn05 .aitech .aodc p{ padding-left:45px; font-size:18px; }
}

@media screen and (max-width: 920px){
.wordmap .title{ position: relative; left:auto; top:auto; }	
.wordmap .links{ position: relative; left:0; font-size:20px;}
.wordmap .map{ width:100%; float:none}

.wordmap .links p:after{background-size: 20px auto;}
.wordmap .links p{ padding-left:35px;}


.header .m-menubtn{border-radius:16px; height:32px; line-height:32px; }
.header .m-menubtn:after{ width:40px; height:40px; top:-4px;}
.header .language{ display:none}
.header .m-menubtn>span{ right:9px;}
.header .m-menubtn.active>span, .header .m-menubtn.active>span:before, .header .m-menubtn.active>span:after{ right:9px;}
.header .m-menubtn{ width:100px;}


.prolist .ttabmenu{ position:absolute; left:5%; top:0; width:20%; height:100%; z-index:990; color:#fff}

.liuyan-sub{ width:640px; }
.liuyan-sub .conn .tit{ font-size:40px; line-height:40px;}
.liuyan-sub .conn .sumn{ font-size:15px;}

.footer .copyright{ margin-bottom:55px;}
.float_r{ position:fixed; bottom:0px; right:5%; padding: 4.5px 0; width:90% }
.float_r li{ height:46px; margin-bottom:0px; float:left; width:20%;}
.float_r .img{ margin:0 auto;}

.location { padding: 30px 0 50px 0; }

.hrlist li .tit{ font-size:18px;}
.hrlist li .intro{ font-size:15px;}

.hrlist li .hd .hr_con{ width:90%; height:80%; padding:20px; margin-left:0; left:5%;}
.hrlist li .hd .closed{ width:40px; height:40px;right:5%; top:5%; background-size:cover}
.nnews .conn .item .text { padding:20px;}

.nnewsxiang .newstitle h3{font-size:24px; line-height:26px; }

.nnewsxiang .conn{ padding-top:40px;}

.nquality .nshebei .item .text h3{ font-size:16px;}
.nquality .biaozhu h3{ font-size:16px;}


.ntechk02 .images{ width:100%; float:none;}
.ntechk02 .images video{ background:#000}
.ntechk02 .text{ float:none; width:100%; padding:0; margin-top:20px;}
.ntechk02 .text h3{ font-size:20px;}
.ntechk02 .text p{ font-size:16px; }


.ntechk03 .images{ width:100%; float:none;}
.ntechk03 .images video{ background:#000}
.ntechk03 .text{ float:none; width:100%; padding:0; margin-top:20px;}
.ntechk03 .text h3{ font-size:20px;margin-bottom:15px;}
.ntechk03 .text p{ font-size:16px;}


.nsy01 .ntitle h4, .nsy03 .ntitle h4{ font-size:26px;}
.nsy01 .ntitle h2, .nsy03 .ntitle h2{ font-size:30px;}
.nsy01 .ntitle h5, .nsy03 .ntitle h5{ font-size:18px; margin-bottom:5px}
.nsy01 .ntitle p, .nsy03 .ntitle p{ font-size:16px; margin-top:0px; line-height:25px;}
.nsy01 .tedian .conn{ margin-top:20px; font-size:15px;  }
.nsy01 .tedian{ padding:20px;}

.nsy01 .kuai .text .textinn h3{ font-size:20px; margin-bottom: 5px;}
.nsy01 .kuai .text .textinn{ font-size:16px;}
.nsy01 .tedian table td, .nsy01 .tedian table th{ line-height:25px; padding:10px}



.nsy01 .tedian .biao .tablecss{ width: 100%;overflow:auto; white-space:nowrap}
.nsy01 .tedian .biao .tablecss td{ padding:10px 10px 10px 0}
.nsy01 .tedian .biao .tablecss td:first-child{position:sticky;z-index:1; background:#fff}

.nsy01 .sycompare{padding: 50px 0 50px 0;}

.nsy03 .conn .wenzi{ font-size:18px}

.nsy03 .usetitle .biaopic{height:100px; margin-top:-50px;} 
.nsy03 .usetitle .biaopic img{ height:100px;}

.nsy03 .conn .jiantou{ width:50px;}
.nsy03 .conn .item{max-width: calc(48% - 65px);}
.nsy04 .conn{ overflow:auto;}
.nsy04 .conn table td, .nsy04 .conn table th{ font-size:15px;}
.nsy04 .conn table td, .nsy04 .conn table th{ padding:10px; white-space:nowrap}

.abouttou .fl{font-size: 35px;line-height: 35px;}
.abouttou .fl img{ width:40px}



.leader .title h3, .advideo .title h3{ font-size:30px; margin-bottom:30px;}
.ngroup .title h3{font-size: 30px;}

.leader .conn .text{ position: relative; line-height:28px; -moz-transform: translate(-0%,-0%);-webkit-transform: translate(-0%,-0%);transform: translate(-0%,-0%);top:auto; left:auto; padding:30px 20px 120px 20px;}
.leader .conn .text p{ width:100%;}
.leader .conn .images { position:absolute; right:-6%; bottom:0}

.shipin video{ width:90%}

.historyList .topDot{width:60px; height:60px;margin-left:-30px; background-size:auto 30px}
.historyList li .txt .time{font-size: 23px;margin-bottom:5px;}


.historyList li .txt {padding:0 5% 0 0;}
.historyList li .image img{ width:90%; margin-left:10%;}
.historyList li:nth-child(2n) .image img{ margin-left:0%;  margin-right:10%}
.historyList li:nth-child(2n) .txt{ padding:0 0 0 5%;}

.historyList li .image:after{width:10%;}
.historyList li .txt:after{width:10%;}
.historyList{ padding-top:90px;}


.companylist{ margin-top:90px;}
.companylist .list .text{ padding:20px;}
.companylist .list .text h3{ font-size:18px;}

.nquality .title h4{ font-size:18px; margin-bottom:5px}
}
@media screen and (max-width: 860px){
.prolist .ttabmenu{ width:100%; left:0; padding:50px 3%; height:auto;background:#033d81; position: relative}
.prolist:after{ display:none}

.prolist #ttabcontent{ position:relative}
.prolist #ttabcontent .bg{ width:100%; margin-left:0}
.prolist #ttabcontent ul .pic{ top:0; width:100%; left:0}
.prolist #ttabcontent ul .pic img{ width:auto; height:auto; max-height:80%; max-width:80%; }
.prolist #ttabcontent ul .youshi{ position:relative; left:5%; bottom:0; width:90%;}

.prolist #ttabcontent .bg img{ height:280px;}
.float_r li.li3 .hd img{ width:105px;margin: 0 auto 0px auto;}
.float_r li.li3 .hd span{ margin-top:-10px !important; display:block;}
.float_r li.li3 .hd .item{ margin-bottom:10px;}
.float_r li.li3 .hd .item:last-child{ margin-bottom:0}

.nquality .nshebei .item .text h3.red{ font-size:24px;}


}
@media screen and (max-width: 768px){
.wordmap .title h3{font-size:28px;}
.power .title{font-size: 32px; line-height:42px;}
.news .title h3{ font-size:28px; }
.follow .item .code img{ width:120px;}
.follow .item .blogo img{ max-height:35px}

.section{ padding:70px 0;}
.section02{ padding:70px 0 100px 0;}
.sectionpre{ padding-top:70px;}
.sectionnext{ padding-bottom:70px;}


.banner{margin-top:76px;}
.space{height: 76px;}
.header .wrap{ height: 76px;}

.header .logo{ margin-top:-23px;}
.header .logo img{ height:46px; }

.map-txt { left:-415px; width: 320px;}
.map-txt h3{font-size:15px; margin-bottom:4px; }
.map-txt p{font-size:15px; margin-bottom:10px; }
.wordmap .map{ margin:20px 0}


.map-poi .dian {width: 8px;height: 8px;}
.map-poi .dian:after, .map-poi .dian:before {width: 6px;height: 6px}

@keyframes bowen {
	0% {border-width: 1px}
	100% {border-width: 20px;}
}

.news .title .more{ width:140px;line-height:40px; height:40px;}
.news .title{ margin-bottom:30px;}


.shangxia .back{ position: relative; right:auto; top:auto}
.shangxia .back a{ margin:20px auto 0 auto}

.nquality .nshebei .item{ display:block; float:left; width:48.5%; margin-right:0%; margin-bottom:20px}
.nquality .nshebei .item:nth-child(3n+1){ clear:none; }
.nquality .nshebei .item:nth-child(2n){ float:right}
.nquality .nshebei .item:nth-child(2n+1){ clear:both; }
.nquality .nshebei .item:last-child{ width:100%}
.nqutech02{ padding:20px;}


.nquality.nquality02 .nshebei .item:nth-child(3n){margin-right:0;}
.nquality.nquality02 .nshebei .item:nth-child(3n+1){ clear:none; }
.nquality.nquality02 .nshebei .item:nth-child(1){ display:block; margin-left:auto; margin-right:auto; width:100%; }
.nquality.nquality02 .nshebei .item{ float:none; width:100%}
.nquality.nquality02 .nshebei .item:nth-child(4){ margin-right:0}
.nquality.nquality02 .nshebei .item .text h3{ height:auto !important}


.nquality .nshebei .item .text h3.red{ font-size:18px;}

.ntechk h4, .ntechk02 h4{ font-size:26px;}
.ntechk h2{ font-size:30px; }

.ntechk .conn02 .images{ display:block;width:100%; max-width:100%}
.ntechk .conn02 .text{ font-size:18px; margin-top:15px; line-height:35px;width:100%; padding:0% }

.ntechk .conn04 .images{ display:block;width:100%; max-width:100%}
.ntechk .conn04 .text{ font-size:18px; margin-top:15px; line-height:35px;width:100%; padding:0% }

.ntechk .conn02{margin-top: 30px;}
.ntechk .conn03{ padding:20px; margin-top:30px;}

.nt02{ margin-top:20px;font-size:23px;}
.nt03{font-size:30px;}

.nqutech .item h3{ font-size:20px; padding:15px 5px;}
.nqutech .item  p{ font-size:16px; padding:15px;  }

.nsy01 .kuai .images{width: 100%;}
.nsy01 .kuai .text{ position: relative; width:100%; text-align:left; left:auto; top:auto; margin-top:30px; height:auto}
.nsy01 .kuai .text .textinn{position: relative; left: auto;top: auto;width: 100%;-moz-transform: translate(0%,0%); -webkit-transform: translate(0%,0%);transform: translate(0%,0%);}

.nsy02 .yingy{ font-size:18px;}
.nsy03 .conn .wenzi{ font-size:17px}


.nsy03 .usetitle{ line-height:45px;}
.nsy03 .usetitle .num{ float:left; font-size:26px; height:45px;}
.nsy03 .usetitle .usentitle{font-size:24px; line-height:45px;height:45px; margin: 0 15px }
.nsy03 .usetitle .ad{float:left; line-height:45px; font-size:18px; padding:0 20px; }

.nsy03 .usetitle .ad:after{height:45px; }
.nsy03 .usetitle .biaopic{float:right; height:80px; width:auto; margin-top:-75px;} 
.nsy03 .usetitle .biaopic img{ height:80px;}
.nsy03 .usetitle .nintro{ clear:both; font-size:18px; margin-left:43px;}

.abouttou .fl{font-size: 30px;line-height: 30px;}
.nhistory .nbanner .text::after{ height:2px; bottom:50px;}
.nhistory .nbanner .text{ padding:15px 0}
.nhistory .nbanner .text h3{ margin:0px; font-size:24px;}

.ntechk .conn05 h5{ font-size:15px; }
.ntechk .conn05 .aitech{ display: block;}
.ntechk .conn05 .aitech .item{ width:100%; margin-right:0%; margin-bottom:50px}
.ntechk .conn05 .aitech .item:nth-child(2){ margin-bottom:0}
.ntechk .conn05 .aitech .aitop{ font-size:18x; }
.ntechk .conn05 .aitech .aiconn{ font-size:15px; }
.ntechk .conn05 .aitech .aipic{font-size:10px; line-height:20px;; text-align:left;}

.ntechk .conn05 .aitech .aodc p{ padding-left:45px; font-size:16px; }
}

@media screen and (max-width: 640px){
.map-txt h3{font-size:14px; line-height:22px; }
.map-txt p{font-size:14px; }
.map-txt { left:-390px; width: 300px;}
.wordmap .map{ margin:30px 0}

.nsy03 .conn .wenzi{ font-size:16px; line-height:28px;}
.banner .barba-container{ width:264px}
.banner .left{width:15px;height:30px;}
.banner .right{width:15px;height:30px;}
.banner .swiper-slide-active .leftcircle{width:30px;height:30px;}
.banner .swiper-slide-active .rightcircle{width:30px;height:30px;}

.banner .container{width: 30px;}
.banner .swiper-slide{ height:30px !important;}
.banner .swiper-slide{ width:30px !important;}

.power .circles{width:250px;position:relative;margin: 0 auto;}
.power .circles::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:300px;height:300px;border:1px dashed #BFC4C7;border-radius:50%;}
.circles .num{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:90%;text-align:center;}
.circles .num span{font-size:6.51vw;font-family:"Gotham";font-weight:bold;color:#FFFFFF;}
.circles .circle{width:100%;height:250px;top:0;left:0;border-radius:50%;overflow:hidden;pointer-events:none;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;}
.power .intr{ width:100%; margin-top:20px;}
.power .title{ text-align:left}

.wordmap .links p{ line-height:35px; font-size:18px;}

.power .title{font-size: 24px; line-height:30px;}
.power .row{ margin-top:30px;}
.power .intr h5 { margin: 8px 0 4px 0; font-size: 18px;}
.power .intr p{ font-size:16px;}

.follow .item .code img{ width:110px;}
.follow .item .blogo img{ max-height:32px}

.liuyan-sub{ width:320px; height:80%; margin-top:4%}
.liuyan-sub .conn .tit{ font-size:35px; line-height:35px;}
.liuyan-sub .conn .sumn{ font-size:15px; line-height:20px;}
.liuyan .row .colum{ width:100%; float:none; margin-bottom:3px;}
.liuyan-sub .conn{padding: 15px 20px 15px 20px;}
.liuyan .row .colum .ntit{ line-height:24px}
.liuyan .inp{ line-height:28px; height:28px;}
.liuyan textarea{ height:70px;}
.liuyan-sub .closed{ top:15px; right:15px;}
.liuyan-sub .conn .liuyan{margin: 20px 0 0px 0;}

.float_r .hd{position:absolute; top:auto; bottom:55px; right:0%; width:100%; min-width:100%;  display:none;color:#fff }
.float_r li{ position:revert !important}
.float_r .hd .inn{ width:100%;}
.float_r .hd .inn:after{ display:none}

.float_r li.li3 .hd { width:100%;}
.float_r li.li4 .hd { width:100%;}
.float_r .hd .inn{ padding:20px 15px; }
.float_r li.li3 .hd .inn{ padding:15px; }
.power .title h3 span { display:none}

.nhr .title{ margin-bottom:25px}
.nhr .title h3{font-size:24px; margin-bottom:20px;}
.nhr .title p{ font-size:16px}

.nnews .title h3{font-size:24px; margin-bottom:20px;}
.tuijian .title h3{font-size:24px; margin-bottom:20px;}
.ntech .title h3, .nquality .title h3{font-size:24px; margin-bottom:0;}
.nprox .title h3{font-size: 24px; margin-bottom: 25px;}
.hrquan img{ width:150%; max-width:150%; margin-left:-22%}
.nprox .title h4{font-size: 22px; margin-bottom: 20px;}

.hrlist{ margin-top:20px;}
.hrlist li{ width:100%; padding:30px 20px; margin-right:0%; margin-top:0%; margin-bottom:20px; }
.hrlist li:nth-child(3n){ margin-bottom:0}
.hrlist li .intro{ height:72px; padding-top: 20px;}

.nnews .conn .item{ width:100%; margin-right:0%; margin-bottom:20px; }
.nnews .conn .item:nth-child(3n){ margin-bottom:0}

.nnewsxiang .newstitle h3{font-size:20px; line-height:22px; }
.nnewsxiang .wrap{ padding:40px 20px; font-size:15px; line-height:28px;}

.tuijian .conn .item{ width:100%; margin-right:0%; margin-bottom:20px;}
.tuijian .conn .item:nth-child(3n){ margin-bottom:0}


.ntechk h4, .ntechk02 h4{ font-size:24px;}
.ntechk h2{ font-size:28px; }

.ntechk .conn .item{ float:none; width:100%; padding-bottom:30px; margin-bottom:20px }
.ntechk .conn .item:nth-child(2n){ float:none; margin-bottom:0}
.nqutech{ display:block}
.nqutech .item{ width:100%; display:block;margin-bottom:20px; margin-right:0%; padding:0px 20px 20px 20px;}
.nqutech .item:last-child{ margin-bottom:0}

.nprox .conn{ font-size:16px;padding-bottom: 20px;}


.nsy01 .ntitle h4, .nsy03 .ntitle h4{ font-size:22px;}
.nsy01 .ntitle h2, .nsy03 .ntitle h2{ font-size:24px;line-height:28px; padding:5px 0}
.nsy01 .ntitle h5, .nsy03 .ntitle h5{ font-size:17px; margin-bottom:5px; line-height:28px; padding:5px 0}


.nsy01 .sycompare .item{ float:none !important; width:100%; margin-top:20px}


.nsy03 .usetitle .num{ font-size:24px; height:45px;}
.nsy03 .usetitle .usentitle{font-size:20px;margin: 0 10px }
.nsy03 .usetitle .ad{font-size:16px; padding:0 10px; }

.nsy03 .conn .text{padding: 30px 0;}
.nsy03 .usetitle .nintro{ font-size:16px; margin-left: 36px}
.nhr .title p{ width:110%; margin-left:-5%}
.abouttou{ display:block}
.abouttou .fl{width:100%;font-size: 26px;line-height: 30px; margin-bottom:20px;}
.abouttou .fr{width: 100%; line-height:30px;}
.abouttou .fl img{display: none}

.nab01{ overflow:auto}
.nab01 table{ min-width:550px}
.nab01 td { padding:5px 10px}

.leader .title h3, .advideo .title h3{ font-size:24px; margin-bottom:20px;}
.ngroup .title h3{font-size: 24px;}
.historyList .topDot{width:50px; height:50px;margin-left:-24px; background-size:auto 25px}
.historyList li .txt .time{font-size: 20px;}
.companylist .list .text h3{ font-size:16px;}


.companylist{display: block;}
.companylist .list{ width:100%; margin-right:0%; margin-bottom:20px}
.ngroup .map{ margin-right:-13%; margin-top:55px}



.m-menu .jvdi{ display:none}
.mfanhui.active{ display:block; }

.nquality .title h4{ font-size:17px; margin-bottom:5px}
}
@media screen and (max-width: 639px){
.m-menu{ width:100%;}
.m-menu #tabcontent{ width:100%;right:0; top:0}
.m-inmenubg{width:100%; right:0;}

.m-menu .tabmenu{ margin-top:120px}
.m-menu .tabmenu li{ margin:0 30px;}
.m-menu #tabcontent ul{margin:120px 0px 30px 30px }


}

@media screen and (max-width: 540px){
.wordmap .title h3{font-size:24px;}
.news .title h3{ font-size:24px; }
.news .title{ margin-bottom:30px;}

.section{ padding:60px 0;}
.section02{ padding:60px 0 90px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:60px;}

.map-txt{ padding:10px;}
.map-txt h3{font-size:13px; line-height:19px; }
.map-txt p{font-size:13px; }
.map-txt { left:-360px; width: 270px;}


.banner{margin-top:70px;}
.space{height: 70px;}
.header .wrap{ height: 70px;}

.header .logo{ margin-top:-20px;}
.header .logo img{ height:40px; }

.news .conn{display: block;}
.news .conn .item{ width:100%; margin-right:0%; margin-bottom:30px;}
.news .conn .item:last-child{ margin-bottom:0}

.follow .item .code img{ width:100px;}
.follow .item .blogo img{ max-height:28px}
.follow .wrap { width:100%}
.follow{ padding: 40px 0 30px 0;}
.follow .item .blogo { height: 40px}
.footer .copyright{ padding:30px 0; line-height:20px;}

.nsy03 .conn .kuai:last-child { margin-top:80px !important}
.nsy03 .conn .item{ margin:0 0 0 0;max-width:100%;}
.nsy03 .conn .kuai:last-child .item{ max-width:100%; margin:0 0 35px 0}
.nsy03 .conn .jiantou{ margin: 20px 0;}
.nsy03 .conn .kuai:last-child .num{ display:block}
.nsy03 .conn .kuai:last-child .usetitle .usentitle{ margin:0; display:block; text-align:left; line-height:25px; padding:13px 0 0px 0; white-space:nowrap }
.nsy03 .conn .kuai:last-child .usetitle .usentitle span{ font-size:70% !important}
.nsy03 .usetitle .nintro{margin-left: 0;}

.nsy01 .tedian, .nsy02 .yingy, .nsy03 .conn, .nsy04 .conn{ margin-top:20px;}
.nsy01 .sycompare .ntitle h4{ margin-bottom:10px !important;}

.ntechk .conn, .ntechk .conn02, .ntechk .conn03{margin-top:20px;}

}

@media screen and (max-width: 450px){
.section{ padding:50px 0;}
.section02{ padding:50px 0 80px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:50px;}

.map-txt h3{font-size:12px; line-height:18px; }
.map-txt p{font-size:12px; }
.map-txt { left:-320px; width: 230px;}

.wordmap .map{ margin:70px 0 50px 0}

.map-txt:after{right:-60px; width:60px; background-size:100% 100%; top:30px;}
.map-txt { left:-295px; width: 240px;}
.map-poi .dian:after, .map-poi .dian:before{ display:none}

.wordmap .map{ margin-left:10%;}

.follow .item .code img{ width:90px;}
.follow .item .blogo img{ max-height:26px}

.liuyan-sub .conn .tit{ font-size:24px; line-height:30px;}

.nsy03 .usetitle .biaopic{height:60px;  margin-top:-95px;} 
.nsy03 .usetitle .biaopic img{ height:60px;}
}

@media screen and (max-width: 1600px){
.historyList li .image img{ height:320px !important;}

}

@media screen and (max-width: 1440px){
.historyList li .image img{ height:300px !important;}

}
@media screen and (max-width: 1240px){
.historyList li .image img{ height:280px !important;}

}
@media screen and (max-width: 1024px){
.historyList li .image img{ height:260px !important;}

}
@media screen and (max-width: 920px){
.historyList li .image img{ height:240px !important;}
.xnlogp{ width:40%; max-width:300px;}

}
@media screen and (max-width: 768px){
.historyList li .image img{ height:200px !important;}
.nprox .conn02 video{ max-width:100%}
.nprox .conn img{ max-width:100%;}

}
@media screen and (max-width: 640px){
.historyList li .image img{ height:180px !important;}

}
@media screen and (max-width: 540px){
.historyList li .image img{ height:160px !important;}

}
@media screen and (max-width: 480px){
.historyList li .image img{ height:140px !important;}

}
@media screen and (max-width: 420px){
.historyList li .image img{ height:120px !important;}

}
@media screen and (max-width: 400px){
.historyList li .image img{ height:100px !important;}

}