@charset "utf-8";
/* CSS Document */
.m-menubtn{ position: absolute;top:0; right:0; width:60px; height:60px; background:#e50011; display:none}
.m-menubtn span{position: absolute;display: block;width: 22px;height: 2px;background-color: #fff;left:19px; transition: all .5s ease;margin: 0;}
.m-menubtn .line1{top:23px;-webkit-transform-origin:5px 0;-ms-transform-origin:5px 0;transform-origin:5px 0;}
.m-menubtn .line2{top: 29px;}
.m-menubtn .line3{top: 35px;-webkit-transform-origin: left 0;-ms-transform-origin: left 0;transform-origin: left 0;}
.m-menubtn.active .line1 {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.m-menubtn.active .line2{ opacity:0}
.m-menubtn.active .line3{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}


.m-menu{
    position:fixed;
    width: 100%;
    top: 100%;
    left: 0;
	top:0;
    height: 100%;
    background: #fff;
    transform: translate(-100%, 0);
    transition: all .4s ease;
    overflow: auto;
	z-index:98;
}
.m-menu.show {transform: translate(0, 0);}

.m-menu ul{ width:100%; padding-top:60px;}
.m-menu a{ display:block}

.m-menu .menu_a{ padding: 0 5%; line-height:60px; font-size:17px; color:#222; border-bottom:1px solid #d8d8d8; position:relative}
.m-menu .menu_a i{ width:60px; height:60px;position:absolute; right:2%; top:0;}
.m-menu .menu_a i:before{ content:""; width:20px; height:2px; background:#666; display:block; right:10px;top:29px; position:absolute}
.m-menu .menu_a i:after{content:""; width:20px; height:2px; background:#666; display:block; right:10px;top:29px; position:absolute;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg); transform:rotate(90deg); -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.m-menu li .sub{background: #f9f9f9;padding:1% 5%;line-height:30px; font-size:15px; display:none}
.m-menu .menu_a.active{ background:#e9e9e9;}
.m-menu .menu_a.active i:after{-webkit-transform:rotate(0);-moz-transform:rotate(0); transform:rotate(0);}

.m-newslist{ display:none}
.m-newslist .item{ margin-top:10px}
.m-newslist .time{ font-size:12px; color:#999}
.m-newslist h3{ font-size:16px; color:#333; line-height:26px;}
.banner .m-bgimg{ display:none}
.m-footer{ display:none; background:#fff;position:fixed; width:100%; height:70px; bottom:0; left:0; right:0; z-index:99}
.m-footer li{ float:left; width:50%}
.m-footer a{ display:block; height:70px; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.m-footer img{ width:60px; height:60px;background: #f3f3f3;border-radius: 50%; display:block; position:relative; z-index:3}
.m-footer span{background: #e50011; color:#fff;line-height: 35px;padding: 0 20px; padding-left:30px;border-radius: 25px;margin-left: -25px; font-size:16px; min-width: 90px; position:relative; z-index:1}
@media screen and (max-width:1250px){
	.wrap{ max-width:100%; width:90%}
	.banner{ height:600px;}
	.banner .bgimg{ background-size:auto 100%!important}
	.prototal .item:nth-child(2n){ margin-left:-150px;}
	
	.menu .menu_a{margin-right: 58px;}
	.menu .menu_a:before{right: -34px;}
	.menu li .sub{ left:-34px;}
	
	.en .f-nav li{ margin-right:5%}
	.en .f-nav li:last-child{ margin-top:0}
	.en .menu li{ width:14%}
	.en .menu .menu_a{ white-space:nowrap}
	.ibanner .imglist{ width:100%; left:0; margin-left:0}
	.en .content_abt .left_txt{ font-size:16px; line-height:32px}
}
@media screen and (max-width:1200px){
	.menu .menu_a{margin-right: 45px;}
	.menu .menu_a:before{right: -30px;}	
	.menu li .sub{ left:-30px;}
}

@media screen and (max-width:1140px){
	.menu .menu_a{margin-right: 48px;}
	.menu .menu_a:before{right: -24px;}	
	.menu li .sub{ left:-24px;}
}
@media screen and (max-width:1040px){
	.menu .menu_a{margin-right: 38px;}
	.menu .menu_a:before{right: -19px;}	
	.menu li .sub{ left:-19px;}
}
@media screen and (max-width:1024px){
	.headerbox{ height:60px;}
	.header{ position:fixed; width:100%; background:#fff; left:0;right:0;top:0; box-shadow:0 0 15px rgba(0,0,0,.1); z-index:999}
	.header .bot{ display:none}
	.search{ display:none}
	.logo{ position:relative;left:0; margin-left:0}
	.header .top {height:60px;padding-top: 5px;}
	.logo img{ height:50px; width:auto}
	.lang{ margin-top:10px;margin-right: 5%;}
	.m-menubtn{ display:block}
	.banner {height: 450px;}
	.f-nav{ display:none}
	.f-contact{ width:100%; justify-content:flex-start;border-left:none !important;}
	.nbanner{height:240px}
	.nbanner .txt{ font-size:35px}
	.n_nav{ line-height:60px;}
	.n_nav_right{ display:none}
	.n_nav_left{ float:none; width:100%; overflow:hidden}
	.n_nav_left ul{ display:flex; display:-webkit-flex; justify-content:center;}
	.n_nav li a{ padding:0; margin:0 24px;}
	.n_nav li a:before{left:50%;}
	.n_nav li.cur a:before, .n_nav li a:hover::before{left:0;width:100%}
	.n_nav li a:after{ right:-24px}
	.main{ padding:50px 0}
	.main .ntitle{ font-size:30px;}
	.content_abt .left_txt, .content_abt .right_img{  width:100%}
	.en .content_abt .right_img{ margin-top:0}
	.en .content_abt .left_txt p:last-child{ margin-bottom:15px}
	.right_img .gallery{ border:1px solid #e8e8e8}
	.right_img .gallery img{ display:block; margin:0 auto}
	.manag-show{ width:80%; height:auto}
	.hostory{ padding-bottom:60px}
	.hostory .swiper-pagination{ display:block}
	.newDetail{ padding-left:0; padding-right:0}
	.newscon .ntit{ font-size:26px; margin-bottom:0}
	.newDetail table{ max-width:100%; width:100% !important}
	.prototal{ height:auto;flex-wrap:wrap; margin-right:-2%; justify-content:center;}
	.prototal:before{ display:none}
	.prototal .item:before{ display:none}
	.prototal .item:after{ display:none}
	.prototal .item:nth-child(2n){ top:auto; margin-left:auto; padding-top:inherit}
	.prototal .item:nth-child(1),.prototal .item:nth-child(2n){ margin-left:0}
	.en .prototal .item:nth-child(2){margin-left: 0;} 
	.en .prototal .item:nth-child(3){margin-left: 0;} 
	.en .prototal .item:nth-child(5){margin-left: 0;} 
	.en .prototal .item:nth-child(7){margin-left: 0;}
	.prototal .item{ width:23%; height:auto; margin-right:2%; margin-bottom:2%; padding:15px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1)}
	.prototal .item:nth-child(2n){padding:15px;}
	.prototal .item h3, .prototal .item .intro p{ white-space:normal}
	.protit01,.protit{ margin-top:30px}
	.ibanner{ height:600px;}
	.ibanner .intro{ font-size:14px;}
	.ibanner .txt h1{ font-size:20px;}
	.ibanner .txt h1 span{ font-size:30px; line-height:60px}
	.ibanner .more{ margin-top:30px}
	.ibanner a{ background-size:cover !important}
	.ibanner .img1 img, .ibanner .img3 img, .ibanner .img4 img, .ibanner .img6 img, .ibanner .img2 img, .ibanner .img5 img{ width:150px;}
	.ibanner .img1{ left:15%; top:5%}
	.ibanner .img2{ left:5%; top:36%}
	.ibanner .img3{ left:15%; top:auto; bottom:5%}
	.ibanner .img4{ right:15%; top:5%}
	.ibanner .img5{ right:5%; top:36%}
	.ibanner .img6{ right:15%; top:auto; bottom:5%}
	.en .ibanner .txt h1{ font-size:26px; line-height:30px;}
	.en .ibanner .txt h1 span{ font-size:20px}
	
	@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 180px, 0);
            transform: translate3d(0, 180px, 0);
  }

  100% {
    opacity: 1;
   -webkit-transform: translate3d(0, 160px, 0);
            transform: translate3d(0, 160px, 0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 180px, 0);
            transform: translate3d(0, 180px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 160px, 0);
            transform: translate3d(0, 160px, 0);
  }
}
}
@media screen and (max-width:768px){
	.lang{ margin-right:8%}
	.i-news{ height:auto; padding:40px 0; line-height:30px;}
	.i-news .right{ display:none}
	.i-news .left{ float:none; width:100%; border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:20px}
	.i-news .left:after{ display:none}
	.m-newslist{display:block}
	.banner{ height:auto}
	.banner .m-bgimg{ display:block}
	.banner .bgimg{ display:none}
	.banner .txt1{ display:block}
	.footer{ padding-top:40px; padding-bottom:90px}
	.nbanner{ height:200px;}
	.nbanner .txt{ font-size:26px}
	.main{ padding:40px 0}
	.main .ntitle{ font-size:26px;margin-bottom:20px;}
	.teamlist-2 li{ width:48%; margin-bottom:20px}
	.cuture{ margin-right:0}
	.cuture .item{ width:100%; margin-right:0}
	.cuture .item .txt{ min-height:auto;padding: 5% 0;}
	.content-c .ntitle{ display:none}
	.en .content-c .ntitle{ display:block}
	.lxfs{ width:100%}
	.lxfs h3{ margin-top:0}
	#allmap{ width:100%; float:none; height:300px}
	.application .item{ width:100%; margin-right:0}
	.application .item:first-child{ padding-top:0}
	.application .item:after{ height:1px; width:100%;right:0;top:auto;bottom:0}
	.application .item:last-child::after{ display:block}
	.application .item ul{ margin-right:0}
	.application .item li{ width:23%; margin-right:2%}
	.newslist-top .swiper-container{ padding-bottom:40px;}
	.newslist-top .swiper-pagination{ display:block; bottom:0;}
	.newslist-top .swiper-pagination-bullet-active{ background:#e50011}
	.newslist-top .txt{ padding:15px}
	.newslist-top h3{ font-size:16px;}
	.newslist li a{ padding:15px}
	.newslist .tit{ font-size:16px}
	.newscon .ntit{ font-size:24px}
	.videolist li{ width:48%}
	.main .ntitle .info span{ display:block; margin-right:0; line-height:30px;font-size: 14px;}
	.recruit-top:before{ display:none}
	.recruit-top .position,.recruit-top .request{ padding-right:40px}
	.recruit-top .position{ font-size:18px; margin-bottom:0}
	.recruit-top .btn{ width:30px; height:30px; font-size:0; overflow:hidden; border-radius:50%;background: #e50011 url(../images/arrow_down.png) no-repeat center;}
	.recruit-top{ padding:20px 0}
	
	.yanfan li .left{ width:100%; padding-right:0; border-right:none}
	.yanfan li .right{ width:100%;}
	.yanfan li h3{ font-size:18px;}
	.yanfan li .right span{ margin:0 auto}
	.newDetail{ font-size:14px !important}
	.prototal .item{ width:48%}
	.honor li{ width:48%}
	.honor li:nth-child(3n+1){ clear:none}
	.honor li:nth-child(2n+1){ clear:both}
	.ibanner .img1 img, .ibanner .img2 img, .ibanner .img3 img, .ibanner .img4 img, .ibanner .img5 img, .ibanner .img6 img{ width:120px}
	.content_product .lxfs{ display:none}
	.content_product .table th:nth-child(3){ display:none}
	.content_product .table tr td:last-child{ display:none}
	.content_product .prointro .item{ width:100%}
	.content_product .prointro .pic{ text-align:center}
	.content_product .prointro .gongxu{ margin-top:0}
	.backtop{ display:none}
	.m-footer{ display:block}
	.nproducts .pro-nav li{padding: 0 12px;}
	.nproducts .lxleft{ width:100%; float:none; margin-bottom:40px}
	.nproducts .lxright{ width:100%; float:none}
	
	.nproducts .wrap .product-list{ width:calc(100% + 20px); margin-left:-10px}
	.nproducts .product-list .swiper-container{width:calc(100% - 10px)}
	.nproducts .product-list .swiper-container .swiper-slide{ margin-bottom:40px;}
	.nproducts .product-list .swiper-button-prev, .nproducts .product-list .swiper-button-next{ margin-top:auto; bottom:0; left:50%; margin-left:-30px}
	.nproducts .product-list .swiper-button-next{ margin-top:auto; bottom:0;left:auto; right:50%; margin-left:auto; margin-right:-30px}
	
	.nproducts .kuaipro{margin-top: 40px;}
	
	
	.iabout .abpic{ float:none; width:100%; margin-bottom:10px}
	.iabout .abpic .inabpic{ position:relative; padding-right:0; padding-top:0;}
	.iabout .abpic .inabpic:after{ display:none}
	.iabout .iableft{ float:none; width:100%;}
	.ititle { margin-bottom: 25px;}
	.iabout .iableft .more a{ margin-bottom:50px;}
	
	
	.downlists .item{ float:none; width:100%; padding:10px; margin-bottom:15px}
	.downlists .item:nth-child(2n){ float:none}
	.downlists .item:nth-child(2n+1){ clear:both}
	.downlists .item a{ font-size:16px; }
	
	.nzzbg .zztop ul li{ line-height:45px; width:calc(33.33% - 7px); margin-left:7px; margin-right:0}
	.nzzbg .zztop ul li:nth-child(1){ width:100%; margin-bottom:10px; margin-left:0}
	.nzzbg .zztop ul li:nth-child(2){ margin-left:0}
	.nzzbg .zztop ul li a { font-size:17px;}
	
	.nzzbg .zzconn .kuai h3{ font-size:18px;}
	
	
	.nzzbg .zzconn .ttzslist .item{ float:left; width:calc(48.5% - 2px); margin-right:0%; margin-bottom:15px}
	.nzzbg .zzconn .ttzslist .item:nth-child(2n){ float:right}
	.nzzbg .zzconn .ttzslist .item:nth-child(4n+1){ clear:none}
	.nzzbg .zzconn .ttzslist .item:nth-child(2n+1){ clear:both}
	
	
.prointro table{ font-size:14px; }
.prointro table td{border-right:solid 1px #eee;  border-bottom:solid 1px #eee; padding:6px 2px; }
.prointro table tr:first-child td{ background:#037de1; color:#fff; padding:15px 2px; font-size:16px}
.prointro table img{ display:block; width:60%; height:auto; margin:0 auto}

.ititle h3{font-size:28px; line-height:42px}
	
	
}
@media screen and (max-width:640px){
	.lang{ margin-right:15%}
	.i-news, .main{ padding:30px 0;}
	.footer{ padding-top:30px;}
	.m-menu .menu_a{ font-size:16px; line-height:50px}
	.m-menu .menu_a i{ width:50px; height:50px;}
	.m-menu .menu_a i:before{ width:16px;top:23px;}
	.m-menu .menu_a i:after{ width:16px;top:23px}
	.m-menu li .sub{ font-size:14px}
	.nbanner{ height:150px}
	.nbanner .txt{ font-size:24px}
	.main .ntitle{ font-size:24px}
	.en .main .ntitle{line-height:28px;font-size: 22px;}
	.content_abt{ font-size:14px;}
	.content_abt p,.en .content_abt p{ margin-bottom:5px}
	.en .content_abt .left_txt{ line-height:26px; font-size:14px}
	.main .content{ line-height:28px}
	.manag-cont{ padding:20px}
	.teamlist-2 .tit{ font-size:18px; margin-top:10px}
	.teamlist-2 .tit span{ font-size:14px; line-height:20px}
	.manag-cont .pic{ float:none; width:200px; border-radius:50%; overflow:hidden; margin:0 auto; box-shadow:0 0 0 6px rgba(0,0,0,.05)}
	.manag-cont .txt{ padding:0; padding-top:15px}
	.manag-cont .tit{ text-align:center}
	.honor ul{ margin-right:0}
	.honor li{ width:100%; margin-right:0}
	.cuture .item .tit{ font-size:20px}
	
	.newslist-top h3{ height:auto;}
	.newslist{ margin-top:30px;}
	.newslist li a{ margin-bottom:2%}
	.newslist .tit{ float:none; width:100%}
	.newslist .time{ float:none; color:#999; font-size:12px; padding-left:0; line-height:20px}
	.newslist li a:hover .time{ color:#fff}
	.newslist .time:before{ display:none}
	.newscon .ntit{ font-size:20px; line-height:30px}
	.page_2{ margin-top:30px; font-size:12px}
	.page_2 p{ padding-right:0}
	.page_2 .back{ position:relative; margin:0 auto; line-height:30px; width:80px; padding-left:22px;}
	.page_2 .back span{ right:22px;}
	.en .page_2 .back{ padding-left:20px}
	.en .page_2 .back span{ right:15px;}
	.videolist li{ width:98%}
	.custumer{ padding:10px 0 0}
	.recruit-top .position{ font-size:16px;}
	.recruit-top .request{ font-size:12px;line-height: 20px;}
	.recruit-top .request span{ margin-right:10px; padding-right:10px; float:left}
	.recruit-top .request span:after{ height:10px; margin-top:-5px}
	.recruit-top .btn{ width:25px; height:25px;}
	.recruit-con{ font-size:14px}
	.yanfan li .right span{ width:100px; line-height:30px; height:30px;}
	.n_nav li a{ margin:0 20px}
	.n_nav li a:after{ right:-20px}
	.teamlist li:before{ display:none}
	.teamlist .pic{ float:none; margin:0 auto; overflow:hidden; border-radius:50%; width:200px;box-shadow:0 0 0 6px rgba(0,0,0,.05)}
	.teamlist .txt{ padding-left:0; padding-top:15px}.teamlist .tit{ text-align:center; font-size:22px}
	.teamlist .tit span{ padding-left:10px}
	#allmap{height:240px}
	.prototal{ margin-right:0}
	.prototal .item{ width:100%; margin-right:0}
	.content_product{ font-size:14px;}
	.content_product .table th{}
	.content_product .table .more{ width:25px; height:25px; border-radius:50%; font-size:0; overflow:hidden; background:#e50011 url(../images/arrow_down.png) no-repeat center; -webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg); background-size:20px}
	.content_product .table .more:hover{background:#e50011 url(../images/arrow_down.png) no-repeat center;background-size:20px}
	.content_product .table .icon{ width:25px;}
	.content_product .table .proimg{ width:80px}
	.proDetail{ font-size:14px; line-height:22px}
	.lxfs li .tit{ font-size:16px; margin-bottom:5px}
	.lxfs ul{ font-size:14px;}
	.lxfs li{ padding-bottom:15px; margin-bottom:15px}
	.proDetail .tablist{ margin:30px 0}
	.proDetail .tablist li a{ padding:10px 30px 5px;}
	.proDetail .tablist li .icon img{ height:25px;}
	.proDetail .ltit{ font-size:18px;margin: 15px 0;}
	.n_nav .wrap{ width:100%}
	.protit{ font-size:20px}
	.ibanner{ height:450px}
	.ibanner .img1 img, .ibanner .img2 img, .ibanner .img3 img, .ibanner .img4 img, .ibanner .img5 img, .ibanner .img6 img{ width:80px}
	@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 120px, 0);
            transform: translate3d(0, 120px, 0);
  }

  100% {
    opacity: 1;
   -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }
  
  
  .nproducts .prointro .nitem{ display:block; float:none; width:100%}
	
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 120px, 0);
            transform: translate3d(0, 120px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }
}
.ibanner .intro{ width:90%}
.ibanner .imglist{ display:none}
.ibanner .more{ font-size:12px; width:100px; line-height:32px}
.m-footer span{ font-size:14px;}
}
@media screen and (max-width:425px){
	body, .header{ min-width:320px}
	.lang{margin-right: 18%;}
	.lang img{ width:30px; transition:.3s}
	.lang span{ font-size:12px; padding-right:6px;}
	.lang span:after{top:4px}
	.banner .txt{ padding:20px 0}
	.nbanner{ height:120px}
	.nbanner .txt{ font-size:18px}
	
	.manag-cont .pic{ width:150px}
	.f-contact{ flex-wrap:wrap;}
	.f-ewm{ float:none; width:100%; margin-right:0}
	.f-ewm img{ margin:0 auto}
	.f-txt{ width:100%}
	.cuture .item .tit{ font-size:18px; line-height:30px}
	.en .cuture .item .tit{font-size:18px; line-height:26px}
	.cuture .item .top h3{ font-size:20px; margin-top:0}
	.cuture .item .top{ padding:30px 5%}
	.application .item li{ width:48%}
	.n_nav li a{font-size:15px;}

	.proDetail .datasheet img{ width:50%}
	.proDetail .datasheet p{ width:50%}
	.proDetail .tabcontent h3{ font-size:14px}
	.banner .txt1 h2{ font-size:16px; line-height:20px; padding-bottom:5px}
	.banner .txt{ font-size:12px; line-height:20px}
	.ibanner .txt h1{ font-size:18px;}
	.ibanner .txt h1 span{ font-size:26px;}
	.en .ibanner .txt h1{ font-size:22px}
	.en .ibanner .txt h1 span{ font-size:18px;}
	.en .ibanner .intro{ font-size:18px; line-height:30px}
	
	
	.huadong{ overflow-x:auto;}
	.huadong table{ min-width:640px;}
	
	.ititle h3{font-size:25px; line-height:32px}
	
}
@media screen and (max-width:320px){
	.en .ibanner .txt {
    animation: fadeInUp02 1s forwards;
    -webkit-animation: fadeInUp02 1s forwards;
	}
	@-webkit-keyframes fadeInUp02 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }

  100% {
    opacity: 1;
   -webkit-transform: translate3d(0, 60px, 0);
            transform: translate3d(0, 60px, 0);
  }
}

@keyframes fadeInUp02 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 60px, 0);
            transform: translate3d(0, 60px, 0);
  }
}