.menu-btn{ height:90px;  width:25px;cursor:pointer; position:fixed; right:2%; top:0; display:none; }
.menu-btn span{display:block; height:2px; width:25px; background:#fff; margin-bottom:5px}
.ovh .header .menu-btn span, .header.scroll .menu-btn span, .header:hover .menu-btn span{ background:#333}
.menu-btn .line1{ margin-top:34px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:9999; position:fixed; text-align:center; display:none; left:0; top:0}
.m-menu .closed{ width:22px; height:22px; background:url(../images/close.png) no-repeat center center / cover; position:absolute; right:5%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu li a{ color:#f5f5f5; font-size:20px; line-height:46px; display:block}
.m-menu li.first a{ display:inline-block}
.m-menu li.last form {width: 80%;margin:25px auto;max-width: 360px;position:relative; z-index:99;}
.m-menu li.last form #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.m-menu li.last form #searchBtn {width: 80px;height: 40px;background: #e16130;color: #FFF;margin-left: -3px; border:none; border-radius:0}



.m-menu ul{ position:absolute; top:40%; margin-top:-180px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.m-foot{ position:fixed; width:100%; height:55px; left:0; bottom:0;background:#e16130; color:#fff; display:none; z-index:1500}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li2 a{ background:url(../images/kf-emails.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li2 a span{display: block;} 



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

@media screen and (max-width:1700px){
.header .search{ width:200px; }
.footer li h3{
  font-size: 30px;

}


}
@media screen and (max-width:1650px){
.nab02 .conn .item .con p {
font-size:15px;
}

.header .menu li .menu_a{ font-size:17px; }


.header .logo{ margin-top:-34px;}
.header .logo img{height:68px;}

.banner .topbanner .swiper-slide .text h3{ font-size:40px;line-height:50px; margin-bottom:30px;}


.banner .more{ line-height:50px; margin-top:50px;}
.nab04 .title .more{line-height: 50px;}
.nab04 .title .more a{ padding:0 35px;}

.nothernews .newslists .item .more{line-height: 50px;padding:0 35px;}

.banner .more a{ padding:0 35px;}
.iyoushi .more a{ padding:0 35px;}
.iabout .icompany .more a{ padding:0 35px;}
.iabout .icompany .more{ line-height:50px; margin-top:50px;}
.iyoushi .more{ line-height:50px;}
.isolution .title .more a{ padding:0 35px}
.isolution .title .more{ line-height:50px;}
.inews #tabcontent ul .item .con .more{line-height:50px;}

/*.banner .topbanner .swiper-pagination-bullet{width:50px;height:50px; line-height:50px;font-size:15px;}
.banner .topbanner .swiper-pagination-bullet:after{left:36px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width:40px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ margin-right:20px;}*/

.banner .ilastnews .title h3{ font-size:50px; line-height:50px; margin-top:-25px;}
.banner .ilastnews .title h4{ font-size:62px; line-height:62px;}
.banner .ilastnews .conn { padding:40px;}
.banner .ilastnews{ height:140px;}

.iproducts .title .more{bottom: -3px; margin-left: 160px;}

.title h4{font-size:28px; margin-bottom:20px;}
.title h3{font-size:40px; line-height:40px;}
.title h5{font-size:20px; margin-top:20px; line-height:30px;}
.banner .ilastnews .swiper-slide .text h3{ font-size:18px;}
.title{ margin-bottom:50px;}
.iabout .icompany .conn p{ font-size:17px;}
.nbanner .text h3{ font-size:40px;}
.nbanner .text span{ font-size:18px; }

.iabout .inum .item h3 .counter{ font-size:80px; line-height:80px;}
.iabout .inum .item h3 .other{ top:8px; right:-40px; font-size:20px;}
.iabout .inum .item p{ font-size:18px;}
.iabout .inum .item h3{ margin-bottom:10px;}

.iyoushi #ttabcontent .text p{ font-size:17px; margin:30px 0 40px 0}
.iyoushi .ttabmenu .text{ font-size:20px;}
.isolution .categary .catelist_tit{ font-size:20px; line-height:55px;}
.isolution .categary .catelist_con{ padding:0 0 10px 0;}

.iproducts .swiper-slide .text .pmore{ width:50px; height:50px;}
.iproducts .swiper-slide .text h3{ font-size:20px;}
.inews #tabcontent ul .item .tit h3{font-size:20px;}
.inews .tabmenu li{ margin-left:80px; font-size:20px;}
.inews #tabcontent ul .item .date{ line-height:60px; }
.iyoushi .ttabmenu li:after{ height:8px;}

.section{ padding:100px 0;}
.sectionpre{ padding-top:100px;}
.sectionnext{ padding-bottom:100px;}
.inews #tabcontent ul .item .top{ padding:30px;}
.inews #tabcontent ul .item .con p{ padding:0 30px;} 
.footer .ftomail li:nth-child(1) h3{ font-size:32px; line-height:50px;}
.footer{ font-size:16px;}
.footer .fcontent li:nth-child(1) img{ height:70px; width:auto}
.footer .fcontent{padding: 100px 0 100px 0;}
.footer{ padding:80px 0}

.ndown #dtabcontent .item h3{ font-size:20px;}
.aqlist li{ padding:20px}
.aqlist .toptit{ font-size:20px;}
.aqlist .cont h3{ font-size:20px;}

.aqlist li:first-child{ margin-top:-5px}
.nzhibao .conn{ margin-top:-5px}
.ntiaokuan .conn{margin-top:-5px}
.nab04 .conn{margin-top:-5px}
.nab05 .conn{margin-top:-5px}
.nkx02 .conn{ margin-top:-5px;}
.nkx04 .text .conn{ margin-top:-5px;}
.nco02 .conn{margin-top:-5px;}
.nco03 .form .row_1 { margin-right:-5px}
.hrlist .conn{margin-top:-5px; }

.nguide li a{ font-size:17px;}
.nbanner .text h3{ font-size:40px;}
.ndown .tabmenu li{ font-size:17px;}
.nhonor .tabmenu li{ font-size:17px;}
.nzhibao .kuai .text h3{ font-size:30px; margin-bottom:30px}
.nzhibao .kuai .text p{ line-height:35px; font-size:17px}
.ntiaokuan .conn .item .text h3{font-size: 24px; margin: 25px 0 15px 0;}
.liuyan-sub .conn h3{font-size: 24px;}

.header .search{ width:180px; }
.iyoushi .ttabmenu li{ padding-bottom:5%; }

.isolution .swiper-button-prev, .isolution .swiper-button-next{ width:58px; height:58px; }
.isolution .swiper-button-prev{left:-58px;}

.isolution .proswiper .swiper-slide { padding-left:58px}
.isolution .proswiper .swiper-button-prev, .isolution .proswiper .swiper-button-next {left: 58px;}
.isolution .proswiper .swiper-button-prev {left: 0;}

.napp101 .conn .list .item .wenzi h3{ font-size:20px;}
.napp102 .wenzi{ padding:2% 0 2% 3%;} 
.napp102.napp103 .wenzi{ padding:2% 3% 2% 0%;} 
.napp204 .conn .item .text{ padding:3% 5%}
.napp204 .conn .item .text p{ line-height:28px;}
.napp204 .conn .item:nth-child(2) .text p{ line-height:22px;}
.napp204 .conn .item .text h3{ font-size:24px; margin-bottom:15px; line-height:30px;}
.nab03 .conn .swiper-slide h3{ font-size:40px; margin-bottom:35px}
.nab03 .conn .swiper-slide p{ font-size:18px; margin-top:20px;}

.nkx02 .swiper-slide{padding:45px; min-height:450px; width:calc(100% - 2px);}
.nkx02 .swiper-slide h3{ font-size:26px; margin:45px 0 20px 0;}

.nkx03 .shujv .kuai .text h3 span{ font-size:50px; line-height:50px;}
.nkx03 .shujv .kuai .text p{ font-size:20px; margin-top:20px; }
.nhonor .conn{ margin-top:-10px}
.nhonor .item .outpic{ padding:25px;}
.ntjnews .wenzi{ padding:3%}
.nothernews .newslists .item{ padding:30px;}
.nnewsdetail .nnleft .conn{ margin-top:-10px;}
.nnewsdetail .nnright .conn {margin-top: -15px;}
}

@media screen and (max-width:1550px){

input,textarea,select,button,input{font-size:15px;}	

.section{ padding:80px 0;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:80px;}	
.nguide.fixeds{top: 90px;}
.header .wrap{ height:90px;}
.header .menu li .menu_a{ line-height:90px;}
.banner .ilastnews{ height:120px;}
.banner .ilastnews .conn{ padding:30px;}

.banner .ilastnews .title h3{ font-size:45px;}
.banner .ilastnews .title h4{ font-size:50px; line-height:50px;}
.banner .ilastnews .title{ right:5%}
.banner .ilastnews .conn{ width:60%}

.banner .topbanner .swiper-slide .text h3{ font-size:35px;line-height:40px; margin-bottom:25px;}

.banner .more{ line-height:45px; margin-top:45px;}
.iyoushi .more{line-height:45px;}
.iabout .icompany .more{line-height:45px;}
.nab04 .title .more{line-height: 45px;}
.nab04 .title .more a{ padding:0 25px;}
.nothernews .newslists .item .more{line-height: 45px;padding:0 25px;}

.banner .more a{ padding:0 25px;}
.iyoushi .more a{ padding:0 25px;}
.isolution .title .more a{ padding:0 25px}
.isolution .title .more{ line-height:45px;}
.iabout .icompany .more a{ padding:0 25px;}
.iabout .inum .item h3 .counter{ font-size:60px; line-height:60px;}
.iabout .inum .item h3 .other{ font-size:18px;}
.iabout .inum .item p{ font-size:16px;}
.iabout .icompany .conn p{ font-size:16px;}
.iyoushi #ttabcontent .text h3{ font-size:30px;}
.iproducts .title h3{ margin-bottom:20px;}
.inews .tabmenu li{ font-size:18px;margin-left: 50px;}
.footer .fcontent li h3, .footer .fcontent li h3 a{ font-size:18px;}
.footer .fcontent li h3{ margin-bottom:15px;}

.footer .ftomail li:nth-child(2) .input{ font-size:16px;}
.footer .ftomail li:nth-child(2) .input, .footer .ftomail li:nth-child(2) .input input{ line-height:48px; height:48px;}
.footer .ftomail li:nth-child(2) .submit{ line-height:48px; height:48px;}
.footer .fcontent{padding: 80px 0 80px 0;}
.header .lang .button{ width:120px; padding-left: 30px;}

.header .search{ width:160px; right: calc(155px + 2%); }
.header .menu ul{ margin-right:5%}
.banner .videosrcval{width:70px;height: 70px;margin-left:-35px; margin-top:-35px;}
.napp105 .videosrcval{width:70px;height: 70px;}
.banner .videosrcval::before, .banner .videosrcval::after, .napp105 .videosrcval::before, .napp105 .videosrcval::after {width:70px;height: 70px;}

.iabout .inum{ margin-top:60px}
.iyoushi .ttabmenu .icon{ margin:0 auto 10px auto;}
.isolution .categary .catelist_tit{ font-size:18px;}

.nbanner img{ width:110%; margin-left:-5%}
.nguide{ line-height:70px;}

.napp101 .conn .list .item .wenzi{height:60px; margin:-30px 15px 0 15px;}
.napp101 .conn .list .item .wenzi h3{ font-size:18px;}
.napp102 .wenzi .conn{ line-height:35px; font-size:17px;}

.napp104 .conn .item h3{ font-size:22px; margin:30px 0 15px 0}
.napp104 .conn .item p{ font-size:17px; line-height:32px;}

.napp102 .wenzi .title h4{ line-height:35px;}

.napp204 .conn .item .text h3{ font-size:20px; margin-bottom:10px; line-height:28px;}
.napp204 .conn .item .text p{ font-size:15px;}

.nab02 .conn .item .con h3{ font-size:24px; margin:15px 0; }

.nab03 .conn .swiper-slide h3{ font-size:36px; margin-bottom:25px}
.nab03 .conn .swiper-slide p{ font-size:17px; margin-top:10px;}
.nkx03 .conn .pro-nav li{ font-size:22px; line-height:65px;}

.nco02 .conn .item{ padding:30px;}



.hrlist .item h3{margin-bottom:10px;}
.hrlist .item .show h3{margin-bottom:15px;}
.hrlist .item .show .more{ margin-top:10px;}
}

@media screen and (max-width:1440px){
	
.title h4{font-size:24px; margin-bottom:15px;}
.title h3{font-size:30px; line-height:35px;}
.title h5{font-size:18px; margin-top:15px;}	
.footer li h3{
  font-size: 26px;

}

.nbanner .text h3{ font-size:32px;}

.iapp .conn .slide .text h3{ font-size:20px;}
.header .menu li .menu_a{ margin: 0 12px;}

.section{ padding:60px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:60px;}		
.isolution .conn{ padding-bottom:0}
.footer{ padding:60px 0}
.title{ margin-bottom:40px;}
.nkx01 .title { margin-bottom:50px;}
.nzhibao .kuai .text h3{ font-size:28px; margin-bottom:20px}
.napp102 .wenzi .title{ margin-bottom:20px;}

.napp101 .conn .list .item{ width:23.5%; margin-right:2%; margin-top:30px;}
.napp101 .conn .list .item:nth-child(4n){ margin-right:0}
.napp101 .conn{ margin-top:-15px;}
.napp102.section{ padding:60px 0;}

.napp201 .conn .item .wenzi h3{  margin-bottom:10px;}



.nab02 .conn .item .icon{ width:80px; margin-left:-40px; top:-40px; }
.nab02 .conn .item .con{ margin-top:-40px;  padding:80px 20px 30px 20px;}
.nab02 .conn .item .con p {
font-size:14px;
}

.nab03 .conn .swiper-slide .dian{ margin-bottom:50px;}
.nab05 .title h3{ margin-bottom:10px;}
.nab05 .title .more{ bottom:0; margin-left: 120px;}
.nkx01 .swiper-slide{padding: 0 20px 60px 20px; margin-bottom:30px;}
.nkx01 .swiper-slide h3{ font-size:24px; margin: 20px 0;}

.nkx04 .text p{ font-size:20px; line-height:40px; padding-left:25px}
.nkx04 .text p:after{ width:10px; height:10px; margin-top:-5px; }

.nco01 .conn .item .text h3{ margin:30px auto; } 

.product_content .right{ margin-left:30px; width:calc(100% - 280px)}
}

@media screen and (max-width:1366px){
body{font-size:14px;}
.banner .ilastnews .conn{ padding:20px;}
.banner .ilastnews{ height:100px;}

.banner .ilastnews .title h3{ font-size:35px;}
.banner .ilastnews .title h4{ font-size:40px; margin-top:0}

.banner .topbanner .swiper-slide .text h3{ font-size:30px;line-height:35px; margin-bottom:20px;}
.banner .topbanner .swiper-slide .text h4{ font-size:30px; line-height:35px; margin-bottom:20px; }
.header .menu li .menu_a{ font-size:14px;}	

/*.banner .topbanner .swiper-pagination-bullet{width:40px;height:40px; line-height:40px;font-size:14px;}
.banner .topbanner .swiper-pagination-bullet:after{left:30px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width:32px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ margin-right:15px;}*/
.banner .videosrcval{width:60px;height: 60px;margin-left:-30px; margin-top:-30px;}
.napp105 .videosrcval{width:60px;height: 60px;}
.banner .videosrcval::before, .banner .videosrcval::after, .napp105 .videosrcval::before, .napp105 .videosrcval::after {width:60px;height: 60px;}
.iyoushi .ttabmenu li{ padding-bottom:4%}
.iyoushi .ttabmenu .icon{ margin:0 auto 5px auto;}
.iyoushi .ttabmenu .text{ font-size:18px;}
.iyoushi #ttabcontent .text p{ font-size:16px;margin: 25px 0 30px 0;}

.isolution .swiper-button-prev, .isolution .swiper-button-next{ width:48px; height:48px; }
.isolution .swiper-button-prev{left:-48px;}

.isolution .proswiper .swiper-slide { padding-left:48px}
.isolution .proswiper .swiper-button-prev, .isolution .proswiper .swiper-button-next {left: 48px;}
.isolution .proswiper .swiper-button-prev {left: 0;}
.nco02 .conn .item h3 {

  
  font-size: 18px;
  line-height:24px;

 
}

.isolution .categary .catelist_tit{ font-size:17px;}
.isolution .categary .catelist_tit{ line-height:48px;}
.isolution .proll .text{ margin-top:10px;}
.isolution .proll .text h3{ font-size:17px;}
.iabout .inum .item h3 .counter{ font-size:50px; line-height:50px;}
.isolution .swiper-button-prev, .isolution .swiper-button-next{ bottom:40px;}
.iproducts .swiper-slide .text p{width: calc(100% - 60px);margin-bottom: 5px;}
.iproducts .swiper-slide .text .pmore{ width:40px; height:40px;} 
.iproducts .swiper-slide .text h3{ font-size:18px;}
.iproducts .swiper-slide{ margin-bottom:50px;}
.inews #tabcontent ul .item .tit{padding: 20px 0 10px 0;}
.inews #tabcontent ul .item .top{ padding:20px;}
.inews #tabcontent ul .item .con p{ padding:0 20px;} 
.nothernews .newslists .item .more{line-height: 40px;padding:0 20px;}

.inews #tabcontent ul .item .tit h3{ font-size:18px;}
.inews #tabcontent ul .item .con .more{padding: 0 20px; line-height:45px;}
.iyoushi #ttabcontent .text h3{ font-size:24px;}
.iapp .conn .slide .text h3{ font-size:18px;}
.inews #tabcontent ul .item .date{line-height: 50px; }
.inews #tabcontent ul .item .date span {

  font-size: 30px;

}
.inews #tabcontent ul .item .con .more{ bottom:30px;}

.footer .ftomail li:nth-child(1) h3{ font-size:24px;}
.footer{ font-size:15px;}
.footer .fcontent{ padding:60px 0}
.iproducts .title h3{ margin-bottom:10px;}

.footer .copyright li:nth-child(1){ line-height:42px;}
.footer .copyright li:nth-child(2) .item .icon img{ width:42px; height:auto}
.footer .ftomail li:nth-child(2) p{ margin-bottom:15px;}
.iabout .worldmap{ width:62%}
.iabout .icompany .more{ margin-top:35px;}
.iabout .icompany .title{ margin-bottom:30px;}
.title h4{ margin-bottom:10px;}
.iproducts .title .more{bottom: -1px; margin-left: 150px;}
.header .search .submit{ background-size:16px auto;}


.title h4{font-size:20px;}
.title h3{font-size:24px; line-height:32px;}
.title h5{margin-top:10px;}	

.nbanner .text h3{ font-size:28px;}
.nbanner .text span{ font-size:17px; }

.header .logo{ margin-top:-30px;}
.header .logo img{height:60px;}

.wrap{ width:92%;}

.iapp .conn .slide .text h3{ font-size:22px;}
.iapp .conn .slide.active .text .inn h3{ font-size:30px;}
.nguide{ line-height:60px;}
.ndown .tabmenu li{ width:150px; line-height:42px; border-radius:20px;}
.nhonor .tabmenu li{ width:150px; line-height:42px; border-radius:20px;}
.ndown .title .downsearch{ width:220px;height: 42px;line-height: 40px;padding: 0 20px;}
.ndown .title .downsearch .searchInput{ line-height:40px; height:40px; width:150px}
.ndown .title .downsearch .submit{line-height:40px; height:40px;}
.ndown #dtabcontent .item{ padding:30px;}
.ndown #dtabcontent .item h3{ font-size:18px; background-size:35px auto; padding-left: 50px; line-height:35px;}

.nzhibao .kuai .text h3{ font-size:24px; margin-bottom:15px}

.nzhibao .kuai .text p{ font-size:16px; line-height:30px;}

.aqlist li:first-child{ margin-top:0px}
.nzhibao .conn{ margin-top:0px}
.ntiaokuan .conn{margin-top:0px}
.nab04 .conn{margin-top:0px}
.nab05 .conn{margin-top:0px}
.nkx02 .conn{ margin-top:0px}
.nkx04 .text .conn{ margin-top:0px}
.nco02 .conn{margin-top:0px;}
.nco03 .form .row_1 { margin-right:0px}
.hrlist .conn{margin-top:0px; }

.ntiaokuan .conn .item{padding: 30px 30px 50px 30px;}
.liuyan-sub .conn{ padding:30px;}
.liuyan-sub .closed{right: 30px;top: 30px;}

.liuyan-sub .conn h3{font-size: 20px; margin-bottom:15px;}
.ntiaokuan .conn .item .text p{ font-size:16px}

.napp101 .conn .list .item .wenzi{height:50px; margin:-30px 15px 0 15px; line-height:20px;}
.napp101 .conn .list .item .wenzi h3{ font-size:17px;}

.napp102 .wenzi .conn{ line-height:30px; font-size:16px;}

.napp104 .conn .item h3{ font-size:20px; margin:20px 0 15px 0}
.napp104 .conn .item p{ font-size:16px; line-height:30px;}
.napp105 .text .title{margin-bottom: 50px;}
.napp102 .wenzi .title h4{ line-height:30px;}
.napp201 .conn .item .wenzi h3{ font-size:18px; margin-bottom:10px;}
.napp201 .conn .item .wenzi{ padding:20px 15px 20px 0}
.napp201 .conn{ margin-top:-45px}
.napp204 .conn .item .text h3{ font-size:18px;}
.nab01 .conn{ font-size:16px;}
.nab02 .conn .item .con h3{ font-size:20px; margin:10px 0; }

.nab03 .conn .swiper-slide h3{ font-size:32px; margin-bottom:15px}
.nab03 .conn .swiper-slide p{ font-size:16px; margin-top:10px;}
.nab03 .conn .swiper-slide .dian{ margin-bottom:30px;}
.nab03 .conn{ padding:0 60px}

.nab04 .conn .item .text h3{ font-size:20px; margin-bottom:15px;}

.nkx02 .swiper-slide{padding:30px; min-height:350px; }
.nkx02 .swiper-slide h3{ font-size:22px; margin:20px 0 15px 0;}
.nkx02 .swiper-slide p{ font-size:16px;}
.nkx03 .conn .pro-nav li{ font-size:18px; line-height:55px;}
.nkx03 .swiper-slide .wenzi h3{ font-size:24px;}
.nkx03 .swiper-slide .wenzi p{ line-height:30px; font-size:16px;}

.title p, .nkx01 .swiper-slide p{ font-size:16px;}
.nkx03 .conn .protab-wrap{ margin-top:-110px;}

.nkx03 .swiper-slide .images{ width:300px;}
.nkx03 .images .bg{ width:300px; height:300px;}
.nkx03 .swiper-slide .wenzi{padding-left:calc(22% + 300px);}
.nkx03 .swiper-slide{ padding:0 80px;}
.nkx03 .shujv { margin-top:90px}
.nkx03 .shujv .kuai .text h3 span{ font-size:40px; line-height:40px;}
.nkx03 .shujv .kuai .text p{ font-size:18px;margin-top: 12px}
.nkx03 .shujv .kuai .text {padding: 50px 25px 25px 25px;}
.nkx03 .shujv .kuai .icon{ left:25px;}

.nkx04 img{ width:110%; margin-left:-5%;}
.nhonor .item .outpic{ padding:15px;}
.ntjnews .wenzi h3{ font-size:20px; line-height:30px; margin-bottom:20px;}
.ntjnews .wenzi .more{ margin-top:60px;}
.nothernews .newslists .item .wenzi h3{ font-size:20px;margin-bottom: 15px;}


.ntjnews .swiper-button-prev, .ntjnews .swiper-button-next{width: 50px !important;height: 50px !important; }
.ntjnews .swiper-button-prev{margin-left:-50px;}	
.ntjnews .swiper-button-next{margin-right:-50px;}	
.ntjnews .swiper-button-prev span, .ntjnews .swiper-button-next span{width: 50px !important;height: 50px !important; }
.nothernews .newslists .item .wenzi{ padding:0 20px;width: calc(70% - 65px);}
.nothernews .newslists .item .date{ width:65px;}
.nothernews .newslists .item .more{ margin-top:20px;}
.ntjnews .wenzi{ padding:2% 3%}
.nothernews .newslists .item{ margin-bottom:25px;}
.nothernews .newslists .item .date h3{ font-size:30px;}
.nnewsdetail .nnright .title h3{ font-size:24px; margin-top:0}

.nco02 .conn .item{ padding:20px;}


.nco02 .conn .item h3{ background-size:30px auto; padding-left: 45px;margin-bottom: 10px;}

.hrlist .item h3{ font-size:20px;}
.product_content.section{ padding-top:60px}

.product_content .right .filters .filter_box .inputBox .popBox.active .layui-unselect { width: 100%;}
}

@media screen and (max-width:1300px){
.header .menu li .menu_a{ margin:0 8px;}	

.header .menu li:nth-child(7) .subduan, .header .menu li:nth-child(8) .subduan {
  width: calc(100% + 60px);
  margin-left: -30px;
}


	
.header .search{width: 150px; right: calc(155px + 2%);}	
.nbanner img{ width:120%; margin-left:-10%}
.nco02 .conn .item{ padding:15px;
}
.nco02 .conn .item .inn p {
  line-height: 30px;
  font-size: 14px;
}
.nco02 .conn .item h3 {
	
	font-size: 20px;

	
}


.napp204 .conn .item{ width:100%}
.napp204 .conn .item .pic{ width:50%; float:left;}
.napp204 .conn .item .text{ width:50%; height:100%; left:auto; right:0}
.napp204 .conn .item .text{ padding:20px;}
.napp204 .conn .item:nth-child(2) .text{ left:0}
.nab02 .conn .item .con{  padding:80px 10px 30px 10px;}
.nco01 .conn .item .text p{ font-size:14px;}
.nco01 .conn .item .text h3 {

  font-size: 20px;
}
}

@media screen and (max-width:1224px){
.header .menu, .header .search{ display:none}
.header .lang{ right:40px;}	
.header .lang .button{ width:115px;}
.menu-btn{ display:block}
.nguide.fixeds{top: 80px;}
.header .wrap{ height:80px;}
.menu-btn{ height:80px;}
.header .logo{ margin-top:-28px;}
.header .logo img{height:56px;}
.banner .ilastnews .conn{ width:65%}
.iabout .icompany{ width:100%;}
.iabout .worldmap{ position:relative; top:auto; left:auto; right:auto; margin:0 auto;}
.iyoushi #ttabcontent .text p{margin: 15px 0 30px 0;}
.iyoushi .ttabmenu li{ padding-bottom: 3%;}
.inews .tabmenu li{ font-size:17px; margin-left:30px}
.iyoushi #ttabcontent .text p{ max-width:100%; line-height:26px; height:78px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.iyoushi #ttabcontent .pic{ width:110%; margin-left:-5%}
.footer .ftomail li:nth-child(1) h3{ line-height:40px;}

.banner .topbanner .swiper-slide .text h3{ font-size:24px;line-height:30px; margin-bottom:10px;}
.banner .topbanner .swiper-slide .text h4{ font-size:24px; line-height:30px; margin-bottom:10px; }

.banner .ilastnews .title h3{ font-size:30px;}
.banner .ilastnews .title h4{ font-size:32px; margin-top:0}
.footer .ftomail li:nth-child(1) h3{ font-size:20px;}
.footer{ margin-bottom:55px;}
.m-foot{ display:block}

.nzhibao .kuai .text h3{ font-size:22px; margin-bottom:10px}
.ntiaokuan .conn .item .text h3{ font-size:18px;}
.napp102.section{ padding:40px 0;}
.napp102 .wenzi{padding: 2% 0 2% 2%;}
.napp102.napp103 .wenzi{padding: 2% 0 2% 2%;}

.nkx01 .swiper-slide h3{ font-size:20px;}
.nothernews .newslists .item .wenzi p{ line-height:26px; height:52px;-webkit-line-clamp: 2;}
.nothernews .newslists .item .wenzi h3{ font-size:18px;}
.ntjnews .wenzi h3{ margin-bottom:15px;}
.ntjnews .wenzi .more{ margin-top:30px;}


.nnewsdetail .nnleft{ width:100%; float:none;}
.nnewsdetail .nnright{ display:none}
.nnewsdetail .nnleft .conn{ padding:20px;}
.nnewsdetail .nnleft .conn .ntitle h3{ font-size:20px; margin-bottom:10px;}
.nnewsdetail .nnleft .conn .inn h3, .nnewsdetail .nnleft .conn .inn h3 *{ font-size:18px !important}

.nco01 .conn .item .text h3{ margin:30px auto; font-size:20px;} 


.iabout .worldmap{ display:none}
.iabout .phshow{ display:block !important; margin-top:30px; width:100%; height:auto}
.float_r{ display:none}


}

@media screen and (max-width:1024px){
.nguide.fixeds{top: 70px;}
.header .wrap{ height:70px;}
.menu-btn{ height:70px;}
.header .logo{ margin-top:-23px;}
.header .logo img{height:46px;}	
.menu-btn .line1{ margin-top:27px}	

.iabout .inum .item h3{ margin-bottom:0}
.iabout .inum .item h3 .counter{ font-size:40px; line-height:40px;}
.banner .ilastnews .swiper-slide .text{width: calc(100% - 110px); padding-left: 10px; margin-left: 10px;}
.iyoushi #ttabcontent .pic{ width:120%; margin-left:-10%}
.iyoushi .ttabmenu .text{ font-size:17px;}
.iyoushi .ttabmenu .icon{ width:45px; height:45px;}

body{font-size:14px; line-height:27px;}
.isolution .categary .catelist_tit{ line-height:40px;font-size: 16px;}
.isolution .swiper-button-prev, .isolution .swiper-button-next{ bottom:37px;}
.isolution .proll .text h3{ font-size:16px;}
.title{ margin-bottom:25px;}
.iabout .icompany .title{margin-bottom:20px;}
.footer .fcontent li:nth-child(1){ display:none}
.footer .fcontent li h3, .footer .fcontent li h3 a{ font-size:16px;}
.footer{ font-size:14px;}
.footer .fcontent li p{ line-height:28px;}
.footer .ftomail li:nth-child(2) .input{ font-size:14px;}

.banner .ilastnews  .swiper-slide .text{ font-size:16px; height:52px;}
.banner .ilastnews .swiper-slide .text h3{ font-size:16px; line-height:26px;}
.banner .ilastnews .swiper-slide .date{ font-size:20px}
.banner .ilastnews .conn{ padding:15px;}
.banner .ilastnews .title h4{ line-height:30px;}
.banner .ilastnews{ height:85px;}

.title h4{font-size:18px; margin-bottom:5px;}
.title h3{font-size:22px; line-height:28px;}


.nbanner .text h3{ font-size:24px;}
.nbanner .text span{ font-size:16px; }


.iproducts .title .more{margin-left: 110px;}
.iproducts .title .more a{ font-size:16px;}

.iapp .conn .slide .text h3{ font-size:18px;}
.iapp .conn .slide.active .text .inn h3{ font-size:24px;}
.iapp .conn .slide .text .icon{ width:50px; height:50px; margin:0 auto 10px auto;}
.inews #tabcontent ul .item .con p{-webkit-line-clamp: 3;}
.nnewsdetail .nnleft .conn img{ max-width:100% !important;}

.nzhibao .conn{ margin-top:0px}

.napp101 .conn .list .item .wenzi{ height:46px; margin:-23px 10px 0 10px; line-height:20px;}
.napp101 .conn .list .item .wenzi h3{ font-size:15.5px;}

.napp105 .text .title{ margin-bottom:20px}

.video-show {width:640px;}
.nab05 .title .more{ margin-left:100px;}
.nab05 .title .more a{ font-size:16px;}
.nkx03 .title{ width:auto; max-width:100%;}
.title p{ margin-top:15px;}
.nkx03 .conn .pro-nav{ float:none; width:100%; max-width:100%}
.nkx03 .swiper-slide .wenzi{ width:100%; }
.nkx03 .conn .protab-wrap{margin-top:30px; float:none; width:100%}

.nkx03 .swiper-slide .wenzi{padding-left: calc(15% + 300px);}
.nkx03 .swiper-slide .wenzi h3{ font-size:20px;}

.nkx03 .shujv .kuai .text h3 span{ font-size:30px; }
.nkx03 .shujv .kuai .icon{ width:70px; top:-35px;}

.nkx04 .text p{ font-size:18px; line-height:35px; }

.nkx04 img{ width:130%; margin-left:-15%;}

.nhonor .item{ width:32%; margin-right:2%; margin-bottom:30px; position:relative}
.nhonor .item:nth-child(4n){ margin-right:2%;}
.nhonor .item:nth-child(3n){ margin-right:0;}

.photo-panel .photo-div,.photo-panel .photo-bar {width: 100%;}
.photo-panel .photo-div {width: 820px;height: 447px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close_c.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:o; right:0}
.photo-panel .photo-close:hover {background: url(../images/close_ch.png);background-size:cover; width: 56px;height: 56px;position: absolute;margin-left: 664px;}
.photo-panel .photo-bar-tip {width: 100%;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover {width: 100%;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding: 10px;}
.photo-panel .photo-img {width: 660px; position:relative;float: left;height: 447px;background: #fff;}
.photo-panel .photo-view-w {width: 660px;height: 447px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 660px;height:  447px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width: 640px;height: auto;vertical-align: middle;text-align: center;max-height: 427px;margin: 10px;}
.photo-panel .photo-view-h img {max-width: 640px;height: 427px;margin: 10px;}
.photo-panel .photo-left,.photo-panel .photo-right {width: 80px;float: left;margin-top: 180px;}
.photo-panel .arrow-prv {background: url(../images/l.png);width: 80px;height: 80px;background-size:cover; }
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png);width: 80px;height: 80px;background-size:cover; cursor: pointer;}
.photo-panel .arrow-next {background: url(../images/r.png);width: 80px;height: 80px;background-size:cover; }
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png);width: 80px;height: 80px;background-size:cover; cursor: pointer;}
.photo-panel .photo-bar{ font-size:18px;}


.product_content.section{ padding-top:40px}
}

@media screen and (max-width:920px){
.banner .ilastnews .title h3{ font-size:24px;}
.banner .ilastnews .title h4{ font-size:24px; margin-top:0}

.banner{ height:auto; min-height:500px}
.banner .topbanner .swiper-slide{ height:500px; min-height:500px}
.banner .ilastnews{ position:relative; width:100%; min-width:100%; bottom:auto; right:auto;}	
.banner .ilastnews .conn{ width:80%}

.banner .topbanner .swiper-slide .text h3{ font-size:22px;width:80%;}
.banner .topbanner .swiper-slide .text h4{ font-size:18px;width:80%;}

.banner .videosrcval{margin-left:-20px; margin-top:-20px; width:40px; height:40px;}
.napp105 .videosrcval{width:40px;height: 40px;}
.banner .videosrcval::before, .banner .videosrcval::after, .napp105 .videosrcval::before, .napp105 .videosrcval::after{width:40px;height: 40px;}

.banner .videosrcval{ top:66%;}
.banner .more{ line-height:42px; margin-top:30px;}
.iyoushi .more{line-height:42px;}
.iabout .icompany .more{line-height:42px;}
.banner .more a{ padding:0 20px;}
.iyoushi .more a{ padding:0 20px;}
.isolution .title .more a{ padding:0 20px}
.isolution .title .more{ line-height:42px;}
.iabout .icompany .more a{ padding:0 20px;}
.banner .topbanner .swiper-pagination{ bottom:20px;}

.nab04 .title .more{line-height: 42px;}
.nab04 .title .more a{ padding:0 20px;}


/*.banner .topbanner .swiper-pagination-bullet{width:36px;height:36px; line-height:36px;font-size:14px;}
.banner .topbanner .swiper-pagination-bullet:after{left:25px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width:27px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ margin-right:10px;}*/

.section{ padding:40px 0;}
.sectionpre{ padding-top:40px;}
.sectionnext{ padding-bottom:40px;}	

.wrap{ width:94%;}
.iabout .inum .item h3 .counter{ font-size:30px; line-height:30px;}
.iabout .inum .item p{ font-size:15px;}
.iabout .inum .item h3{ padding-right:20px;}
.iabout .inum .item h3 .other{ font-size:15px;right: -10px}
.iabout .inum{ width:110%; margin-left:-6%}
.iyoushi #ttabcontent .pic{ width:130%; margin-left:-15%}
.iyoushi .ttabmenu .icon{ width:40px; height:40px;}
.iyoushi .ttabmenu li:after{ height:4px;}
.iproducts .title .more{ left:auto; margin-left:auto; position:relative; margin-top:5px;}
.iproducts .swiper-slide .text p{width: calc(100% - 50px);}

.iapp .conn .slide .text h3{ font-size:16px; padding:0 10px;}
.iapp .conn .slide.active .text .inn h3{ font-size:20px;}

.inews #tabcontent ul .item .tit{padding: 15px 0 5px 0;}
.inews #tabcontent ul .item .top{ padding:15px;}
.inews #tabcontent ul .item .con p{ padding:0 15px;} 

.footer .ftomail ul {display: block}
.footer .ftomail li {display:block;}
.footer .ftomail li:nth-child(1) span{ display:inline-block; margin-bottom:15px;}
.footer .ftomail li:nth-child(2){ width:100%; max-width:100%;}
.footer .fcontent li:nth-child(3){ display:none}

.nbanner img{ width:140%; margin-left:-20%}
.ndown .tabmenu li{ font-size:16px;}
.ndown .tabmenu ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.ndown .tabmenu ul li{white-space:nowrap; width:auto; display:inline-block; width:auto; padding:0 30px; margin:0 3px;}

.nhonor .tabmenu li{ font-size:16px;}
.nhonor .tabmenu ul li{white-space:nowrap; width:auto; display:inline-block; width:auto; padding:0 30px; margin:0 3px;}
.ndown .title .downsearch{ bottom:auto; top:0}
.ndown #dtabcontent .item{ padding:20px;}
.aqlist .toptit{ font-size:17px; margin-bottom:15px;}
.aqlist .cont h3{ font-size:17px;}
.aqlist li { padding: 12px 15px;}
.aqlist li:first-child{ margin-top:0}
.nguide li a{margin: 0 30px 0 0;}


.nzhibao .kuai{ margin-bottom:20px; width:100%; margin-right:0}
.nzhibao .kuai .pic{ float:none; width:100%}
.nzhibao .kuai .text{ width:100%; float:none; padding:3% 0}
.nzhibao .kuai:nth-child(2n) .pic{ float:none}
.nzhibao .kuai:nth-child(2n) .text{ float:none; padding:3% 0 }

.ntiaokuan .conn .item{padding: 20px 20px 30px 20px;}

.ndown .title .downsearch{ width:190px;height: 36px;line-height: 34px;padding: 0 20px;}
.ndown .title .downsearch .searchInput{ line-height:36px; height:36px; width:120px}
.ndown .title .downsearch .submit{line-height:36px; height:36px;}

.liuyan-sub .submit{ font-size:18px;}
.ntiaokuan .conn .item .text p{ font-size:15px}
.nguide li a{ font-size:16px;}
.ndown #dtabcontent .item h3{ font-size:16px;}

.liuyan-sub .conn{ padding:25px;}
.liuyan-sub .closed{right: 25px;top: 25px;}
.napp102 .wenzi .conn{ font-size:15px;}
.napp105 img{ width:130%; margin-left:-15%}
.napp101 .conn{ margin-top:0px;}

.napp104 .conn .item h3{ font-size:18px; }

.nab04 .conn .item{ width:calc(50% - 0.5px); position:relative}
.nab05 .title .more{ position:relative; margin-left:auto; left:auto; right:auto; margin-top:5px;}

.nab04 .conn .item .pic img{ width:120%; height:auto; margin-left:-10%}
.nkx02 .swiper-slide{padding:20px; min-height:300px; }

.nkx03 .swiper-slide .images{ width:260px;}
.nkx03 .images .bg{ width:260px; height:260px;}
.nkx03 .swiper-slide .wenzi{padding-left:calc(15% + 260px);}

.photo-panel .photo-div {width: 430px;height: 223px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close_c.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:o; right:0}
.photo-panel .photo-close:hover {background: url(../images/close_ch.png);background-size:cover; width: 56px;height: 56px;position: absolute;}
.photo-panel .photo-bar-tip {width: 100%;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover {width: 100%;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding:5px;}
.photo-panel .photo-img {width: 330px; position:relative;float: left;height:223px;background: #fff;}
.photo-panel .photo-view-w {width: 330px;height: 223px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 330px;height:  223px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width: 320px;height: auto;vertical-align: middle;text-align: center;max-height: 427px;margin:5px;}
.photo-panel .photo-view-h img {max-width: 320px;height: 213px;margin: 5px;}

.photo-panel .photo-left,.photo-panel .photo-right {width: 50px;float: left;margin-top: 120px;}
.photo-panel .arrow-prv {background: url(../images/l.png);width: 50px;height: 50px;background-size:cover; }
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png);width: 50px;height: 50px;background-size:cover; cursor: pointer;}
.photo-panel .arrow-next {background: url(../images/r.png);width: 50px;height: 50px;background-size:cover; }
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png);width: 50px;height: 50px;background-size:cover; cursor: pointer;}
.photo-panel .photo-bar{ font-size:17px;}

.ntjnews .pic{ width:100%;}
.ntjnews .wenzi{ width:100%; padding:20px 20px 40px 20px}

.nothernews .newslists .item{ padding:20px;}
.nothernews .newslists .item .pic{ width:100%; float:none; margin-bottom:20px}
.nothernews .newslists .item .wenzi{ width:calc(100% - 65px); padding-right:0; padding-left:10px;}

.nco01 .conn .item .text h3{ margin:20px auto; font-size:18px;} 
.nco01 .conn .item .text p{ font-size:15px;}

.nco01 .conn .item{ width:50%; position:relative; padding:30px 0}
.nco01 .conn .item:nth-child(3):after{ display:none}
.nco01 .conn .item .icon{ width:30%;}
.nco01 .conn .item .text p img{ width:120px; height:auto}

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

.hrlist .item h3{ font-size:18px;}
.hrlist .item{ width:48.5%; margin-right:3%; padding:20px; }
.hrlist .item:nth-child(3n){ margin-right:3%}
.hrlist .item:nth-child(2n){ margin-right:0}
}


@media screen and (max-width:768px){
.footer li h3{
  font-size: 24px;

}
.banner{ height:auto; min-height:400px}
.banner .topbanner .swiper-slide{ height:400px; min-height:400px}	
.banner .more{ line-height:38px; margin-top:30px;}
.iyoushi .more{line-height:38px;}
.iabout .icompany .more{line-height:38px;}

.nab04 .title .more{line-height: 40px;}
.nab04 .title .more a{ padding:0 20px;}

.banner .more a{ padding:0 20px;}
.iyoushi .more a{ padding:0 20px;}
.isolution .title .more a{ padding:0 20px}
.isolution .title .more{ line-height:38px;}
.iabout .icompany .more a{ padding:0 20px;}
.banner .topbanner .swiper-pagination{ bottom:20px;}	

.iabout .poi1 .map-txt{width: 100px;background: url(../images/lineen.png) no-repeat 30px top;left: -100px; top: -53px;}
.iabout .poi4 .map-txt{ width:110px;right: -110px;}
.iabout .poi5 .map-txt{width: 128px;background: url(../images/lineen05.png) no-repeat -20px top;right: -124px; top: -10px;}
.iabout .poi8 .map-txt{width: 120px;background: url(../images/lineen05.png) no-repeat -25px top;right: -120px;top: -8px;}
.iabout .worldmap{ left:-30px;}

.iyoushi #ttabcontent .pic{ width:140%; margin-left:-20%}
.iyoushi .ttabmenu .text{ font-size:16px;}
.iproducts:after{height:50%; }
.iapp .conn .slide .text .icon{ width:40px; height:40px; }


.iapp .conn .slide .picbg img{ height:450px; min-height:450px;}
.inews #tabcontent ul .item{ width:100%; margin-top:-1px; margin-left:0}

.footer, .footer .fcontent{ padding:45px 0}
.footer .ftomail li:nth-child(2) .input{ width:calc(100% - 140px);}
.footer .fcontent li:nth-child(5){ display:none}

.footer .copyright li:nth-child(1){ line-height:25px; margin-bottom:10px;}
.footer .copyright ul, .footer .copyright ul li{ display:block}

.inews .tabmenu li:after{ left:-12px; top:50%; width:6px; height:6px; margin-top:-3px;}

.nbanner img{ width:150%; margin-left:-25%}
.nbanner .text{ top:calc(50% + 20px)}
.nguide{ line-height:50px;}

.ndown #dtabcontent .item{ width:100%; margin-right:0; margin-bottom:15px;}
.ndown .tabmenu{ margin-bottom:20px;}
.nhonor .tabmenu{ margin-bottom:20px;}
.ndown #dtabcontent .item p{ margin:15px 0}

.title h3{font-size:22px;}
.nbanner .text h3{ font-size:22px;}
.liuyan-sub .submit { font-size:16px;background: url(../images/bjt.png) #e16130 no-repeat 70% center;}
.video-show {width:94%;}
.video-close{background-size: 25px 25px;}
.napp105 .text .title h3{ font-size:20px;}
.napp105 img{ width:150%; margin-left:-25%}

.napp101 .conn .list .item{ width:48.5%; margin-right:3%;}
.napp101 .conn .list .item:nth-child(2n){ margin-right:0}

.napp201 .conn .item{ width:48.5%; margin-right:3%; margin-top:30px; }
.napp201 .conn .item:nth-child(2n){ margin-right:0}

.napp102 .pic{ width:100%; float:none; margin-bottom:10px;}
.napp102 .wenzi{ width:100%; float:none;} 
.napp102 .wenzi .title{ margin-bottom:15px;}

.napp104 .conn .item{ width:100%; margin-right:0%; margin-bottom:35px;}
.napp104 .conn .item h3{ margin:15px 0 10px 0;}
.napp201 .conn{ margin-top:-30px}

.napp102 .wenzi{padding: 2% 0;}
.napp102.napp103 .wenzi{padding: 2% 0;}

.napp204 .conn .item .pic{ width:100%; float:none;}
.napp204 .conn .item .text{ width:100%; height:auto; left:auto; right:auto}
.napp204 .conn .item .text{ padding:20px 20px 40px 20px;}
.napp102.napp203 .wenzi{padding: 2% 0%;}
.napp204 .conn .item .pic:nth-child(2){ display:none}
.napp204 .conn .item .text{ position:relative; bottom:auto;}
.napp204 .conn .item:nth-child(2) .pic:nth-child(1){ opacity:1}
.napp204 .conn .item:nth-child(2) .pic:nth-child(2){ opacity:0; display:none}
.nab02 .conn{ margin-top:-90px}
.nab02 .conn .item{ width:48.5%; margin-right:3%; margin-top:60px;}
.nab02 .conn .item:nth-child(2n){ margin-right:0}
.nab03 .swiper-button-prev, .nab03 .swiper-button-next{ margin-top:25px;}
.nab04 .conn .item .pic img{ width:120% !important; max-width:120% !important; height:auto; margin-left:-15%}
.nab04 .conn .item .text .icon{ margin:0 auto 5px auto}

.nkx03 .shujv .kuai{ width:48.5%; margin-right:2%; position:relative; margin-top:60px;}
.nkx03 .shujv .kuai:nth-child(2n){ margin-right:0}
.nkx03 .shujv{ margin-top:30px;}
.nkx03 .swiper-slide .images{ float:none; margin:0 auto 20px auto;}
.nkx03 .swiper-slide .wenzi{ padding-left:0; position:relative; width:100%; left:auto; top:auto;-moz-transform: translate(-0%, -0%);-webkit-transform: translate(-0%, -0%);transform: translate(-0%, -0%);}
.nkx03 .swiper-slide { padding: 0 70px;}

.nkx04 img{ width:150%; margin-left:-25%;}


.phshow{ display: flex !important}
.pcshow{ display: none !important}
.iapp .title h3{color:#222 !important}
.iapp .title{ position: relative; width:100%; left:auto; top:auto; z-index:99; color:#222 !important}
.iapp .title .section{ padding-bottom:0}
.iapp .conn .item .picbg{ width:100%; overflow:hidden}
.iapp .conn .item .picbg img{ width:150% !important; margin-left:-25% !important}
}
@media screen and (max-width:540px){
.iabout .icompany .conn p{ font-size:15px;}	

.iyoushi #ttabcontent .pic{ width:200%; margin-left:-50%}	

.isolution .categary{ width:100%; max-width:100; float:none; margin-bottom:30px;}
.isolution .proll{ width:100%; max-width:100; float:none; }

.isolution .swiper-button-prev{left:0; right:auto;}
.isolution .swiper-button-next{ left:48px; }

.isolution .proswiper .swiper-slide { padding-left:0}
.isolution .proswiper .swiper-button-prev, .isolution .proswiper .swiper-button-next {left: 48px;}
.isolution .proswiper .swiper-button-prev {left: 0;}


.inews .tabmenu li{ font-size:16px;margin-left: 15px;}
.footer .fcontent li:nth-child(2), .footer .fcontent li:nth-child(4){ display:none}

.nbanner .text h3{ font-size:22px;}
.nbanner .text span{ font-size:15px; }
.aqlist .cont h3{ font-size:16px;}
.aqlist li{ margin-top:-15px; border-radius: 10px;}

.nguide li a{margin: 0 20px 0 0;}
.ntiaokuan .conn .item .text h3{ font-size:18px;}

.ntiaokuan .conn .item{ width:100%; margin-right:0%; margin-bottom:20px;}
.ndown .tabmenu ul li{ padding:0 20px; line-height:38px; width:auto}
.nhonor .tabmenu ul li{ padding:0 20px; line-height:38px; width:auto}

.nhonor .item{ width:48.5%; margin-right:3%; margin-bottom:10px; position:relative}
.nhonor .item:nth-child(3n){ margin-right:3%;}
.nhonor .item:nth-child(2n){ margin-right:0;}

.photo-panel .photo-div {width: 350px;height: 207px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close_ch.png); background-size:cover; width: 30px;height: 30px;position: absolute; top:o; right:0}
.photo-panel .photo-close:hover {background: url(../images/close_ch.png);background-size:cover; width: 56px;height: 56px;position: absolute;}
.photo-panel .photo-bar-tip {width: 100%;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover {width: 100%;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding:5px;}
.photo-panel .photo-img {width: 310px; position:relative;float: left;height:220px;background: #fff;}
.photo-panel .photo-view-w {width: 310px;height: 210px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 310px;height: 210px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width: 300px;height: auto;vertical-align: middle;text-align: center;max-height: 427px;margin:5px;}
.photo-panel .photo-view-h img {max-width: 300px;height: 200px;margin: 5px;}

.photo-panel .photo-left,.photo-panel .photo-right {width: 20px;float: left;margin-top: 120px;}
.photo-panel .arrow-prv {background: url(../images/l.png) center;width: 20px;height: 40px; background-size:auto 100%}
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png) center;width: 20px;height: 40px; background-size:auto 100%}
.photo-panel .arrow-next {background: url(../images/r.png) center;width: 20px;height: 40px;  background-size:auto 100%}
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png) center;width: 20px;height: 40px; background-size:auto 100%}
.nco03 .form .row{ margin-top:20px;}
.nco03 .form .column{ float:none; width:100%; margin-right:0}
.nco03 .form .row .submit{ font-size:16px;}


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

@media screen and (max-width:450px){
.iyoushi #ttabcontent .pic{ width:260%; margin-left:-80%}		
.iyoushi .ttabmenu .text{ font-size:15px; line-height:20px; padding:0 10px;}
.nbanner img{ width:180%; margin-left:-40%}
.nzhibao .kuai .text h3{ font-size:20px;}
.nzhibao .kuai .pic{ margin-bottom:10px;}
.nkx04 img{ width:170%; margin-left:-35%;}

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


@media (max-width: 1000px) {
  .product_content .right2 .product_info .top .rightBox .buttons {
    flex-wrap: wrap;
  }
  .product_content .right2 .product_info .top .rightBox .buttons .stock {
    margin-top: 10px;
  }
  .cart_R_side {
    display: none !important;
  }
  
  .product_content .left {
    position: fixed;
    top: 0;
    left: -100%;
    transition: 0.5s;
    z-index: 10;
    background: #fff;
    width: 50vw;
    height: 100%;
    padding: 20px;
    padding-top: 80px;
  }
  .product_content .left.active {
    left: 0%;
  }
  .side_button {
    z-index: 5;
    top: 130px;
    left: 0;
    position: fixed;
    transform: translateX(0%);
    width: 20px;
    height: 150px;
    padding: 20px;
    left: 50vw;
    transition: 0.5s;
  }
  .side_button .button_text {
    display: none;
  }
  .side_button .actived {
    display: block;
  }
  .side_button img {
    width: 5px;
    transform: rotate(0);
  }
  .product_content .left .list .list_items .sub_title_name {
    height: auto;
  }
  .side_button.side_button_active {
    left: 0;
  }
  .side_button.side_button_active img {
    transform: rotate(180deg);
  }
  .side_button.side_button_active .button_text {
    display: block;
  }
  .side_button.side_button_active .button_text.actived {
    display: none;
  }
  .common_button .content a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
 .product_content .left{ margin-left:0}
  .product_content .right .noData {
    font-size: 16px;
  }
  /*.compare_page .layui-table-header table thead tr th:nth-child(1) .layui-table-cell {
    width: 150px;
  }*/
  .laytable-cell-1-0-0{ width:150px !important;}
  .laytable-cell-1-0-1{width:150px !important;}
  .laytable-cell-1-0-2{width:150px !important;}
  .compare_page .layui-table-header table thead tr th:nth-child(1) .layui-table-cell span {
    font-size: 14px;
  }
  .compare_page .layui-form {
    margin-top: 20px;
  }
  .compare_page .layui-table-header table thead tr th .layui-table-cell {
    height: 100%;
  }
  .compare_page .layui-table-header table thead tr th .layui-table-cell span {
    font-size: 15px;
  }
  .product_content .right .filters .filter_box .inputBox .inputBox_title,
  .product_content .right .filters .filter_box .inputBox span {
    font-size: 15px;
  }
  .product_content .right .layui-form .layui-table-header thead .layui-table-cell span {
    font-size: 12px !important;
  }
  .custom_button {
    font-size: 12px;
  }
  .product_content .right2 .product_info .top {
    height: auto;
    padding: 15px 5px;
  }
  .product_content .right2 .product_info .top .imgBox {
    height: 70px;
  }
  .product_content .right2 .product_info .top .rightBox .name {
    font-size: 16px;
  }
  .product_content .right2 .product_info .top .rightBox .num {
    font-size: 12px;
  }
  .product_content .right2 .product_info .top .buttons .rfq,
  .product_content .right2 .product_info .top .buttons .data {
    height: 30px !important;
    border-radius: 15px !important;
    padding: 0 10px !important;
    margin-right: 5px !important;
  }
  .product_content .right2 .product_info .top .buttons .rfq img,
  .product_content .right2 .product_info .top .buttons .data img {
    height: 13px !important;
    margin-right: 5px !important;
  }
  .product_content .right2 .product_info .top .buttons .rfq span,
  .product_content .right2 .product_info .top .buttons .data span {
    font-size: 16px !important;
  }
  .product_content .right2 .product_info .top .buttons .stock img {
    height: 20px !important;
  }
  .product_content .right2 .product_info .top .buttons .stock span {
    font-size: 16px !important;
  }
  .product_content .right2 .product_info .top .rightBox .name {
    font-size: 16px;
  }
  .product_content .right2 .product_info .top .rightBox .num {
    font-size: 12px;
  }
  .product_content .right .layui-form .layui-table-box > .layui-table-header thead tr th:nth-child(1) .layui-table-cell span {
    font-size: 12px !important;
  }
  .compare_page .layui-table-header table thead tr th .layui-table-cell span .compare_button_box .button {
    font-size: 15px;
  }
  .compare_page .layui-table-header table thead tr th .layui-table-cell span .compare_button_box .button img {
    width: 18px;
  }
 
  .compare_page .layui-table-header table thead tr {
    height: 40px;
  }

  .product_content .left .title {
    font-size: 16px;
  }
  .product_content .left .list .list_item,
  .product_content .left .list .list_items .title_name {
    font-size: 14px;
    height: auto;
  }
  .product_content .left .list .list_items {
    height: auto;
  }
  .product_content .left .list .list_items.active .sub_title_name {
    height: auto;
  }
  .product_content .left .list .list_items .sub_title_name {
    font-size: 13px;
  }
  .product_content .right {
    width: 100%; margin-left:0;
  }
  .product_content .right .filters .filter_box .inputBox {
    width: 49%; margin-right:2%
  }
  .product_content .right .filters .filter_box .inputBox:nth-child(2n){ margin-right:0}
   .product_content .right .filters .filter_box .inputBox:nth-child(3n){ margin-right:2%;}
      .product_content .right .filters .filter_box .inputBox:nth-child(4n){ margin-right:0}
	     .product_content .right .filters .filter_box .inputBox:nth-child(6n){ margin-right:0}
  .product_content .right .filters .filter_box .inputBox .popBox.active {
    z-index: 101;
  }
  
  .product_content .right .filters {
    padding: 8px 10px;
    background-color: #eeeeee;
    margin-top: 10px;
  }
  .product_content .right .filters .filter_box {
    margin-top: 10px;
  }
  .product_content .right .filters .filter_box .inputBox .slide_numBox {
    height: auto;
  }
  .product_content .right .filters .filter_box .inputBox .slide_numBox .slide_num {
    width: 35px;
    height: 20px;
    font-size: 13px !important;
  }
  .product_content .right .filters .filter_box .inputBox {
    padding: 5px 3px;
    margin-bottom: 5px;
  }
  .product_content .right .filters .filter_box .inputBox img {
   
  }
  .product_content .right .filters .filter_box .inputBox .popBox_checkbox,
  .product_content .right .filters .filter_box .inputBox .popBox_slider {
    padding: 10px 5px;
    box-sizing: border-box;
  }
  .layui-slider-wrap {
    top: -24px !important;
  }
  .layui-table-body tbody tr td .layui-table-cell img {
    height: 100%;
  }
  .side_button .button_text {
    font-size: 12px;
  }
  .product_content .right .content_title .lefts span,
  .product_content .right .content_title .rights span {
    font-size: 16px;
  }
  .product_content .right .filters .title .title_left span,
  .product_content .right .filters .title .title_left div,
  .product_content .right .filters .title .title_right span,
  .product_content .right .filters .filter_box .inputBox span {
    font-size: 14px;
  }
  .product_content .right .layui-form .layui-table-box > .layui-table-header thead tr th:nth-child(1) .layui-table-cell span,
  .product_content .right .layui-form .layui-table-cell span,
  .product_content .right .layui-form .layui-table-cell {
    font-size: 13px;
  }
  .product_content .right .layui-form .layui-table-body tbody td:nth-child(2) .layui-table-cell {
    font-size: 12px;
  }
  .product_content .right .filters .title .title_right img {
    margin-left: 10px;
  }
  .product_content .right .filters .title .title_left div {
    height: auto;
    padding: 5px 0.0885rem;
  }
  .product_content .right .layui-form .layui-table-cell_column,
  .product_content .right .layui-form .layui-table-cell {
    height: 30px;
  }
  .product_content .custom_button {
    padding: 5px 10px;
    width: auto;
    height: auto;
    bottom: 0.3125rem;
    left: 0.4167rem;
    font-size: 14px;
  }
  .product_content .custom_button img {
    width: 18px;
  }
  
  .compare_fixed_box .compare_fixed_title .left,
  .compare_fixed_box .compare_fixed_title .right .button span,
  .compare_fixed_box .compare_fixed_title .right .compare_button,
  .compare_fixed_box .compare_fixed_content .compare_items .compare_item {
    font-size: 14px;
  }
  .compare_fixed_box .compare_fixed_title {
    padding: 10px 0.8333rem;
    box-sizing: border-box;
    height: auto;
  }
  .compare_fixed_box .compare_fixed_title .right .button {
    width: auto;
    height: auto;
    padding: 5px 10px;
    box-sizing: border-box;
  }
  .compare_fixed_box .compare_fixed_title .right .compare_button {
    width: auto;
    height: auto;
    padding: 5px 10px;
    box-sizing: border-box;
    display: block;
  }
  .compare_fixed_box .compare_fixed_title .right .button img {
    width: 10px;
  }