@charset "utf-8";
/* CSS Document */
.m-menubtn{position: fixed;z-index: 102;top:0;right:0%;width:55px; background:#e60012; height:80px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none; }
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:25px;height:2px; background: #fff; margin: auto;}
.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #fff;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px;}
.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); background:#fff;}
.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}
.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#fff;}
.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}
.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}

.m-menu{position:fixed; right:0;top:0; width:100%; height:100%;overflow-y:auto; background:#fff; overflow-x:hidden;visibility: hidden;transition: visibility 0ms linear 850ms;z-index:98;}
/*.m-menu:before{content:'';top: 0;left: 0;width: 100%;height: 100%; position: fixed;background: #fff;transform: translateX(-100%);transition: transform 550ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 350ms;}*/
.m-menu ul{ width:100%;padding-top:80px; padding-bottom:30px; padding-left:3%; padding-right:3%;overflow-y:auto;overflow-x:hidden;}
.m-menu li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menu li>a{ font-size:17px;line-height:55px; padding:0 20px; position:relative}
.m-menu li>i{ position:absolute; width:40px; height:55px; right:0;top:0;}
.m-menu li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:24px;}
.m-menu li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:17px;}
.m-menu li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}
.m-menu a{ display:block;}
.m-menu .sub{ display:none; background:#f5f5f5; padding:10px 0}
.m-menu .sub a{line-height:30px;font-size:15px; padding-left:20px; position:relative}
.m-menu .sub a:before{content: "";position: absolute;bottom: 15px; left: 0; width: 10px; height: 1px; background: rgba(255,255,255,.5);}
.m-menu.active{visibility: visible; opacity:1;transition: visibility 0ms linear 0ms;}
.m-menu.active:before{transform: translateX(0%);transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);}
.m-menu.active li{opacity: 1;transform: translateX(0);transition: opacity 500ms linear 375ms, transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 375ms;}




.m-foot{ position:fixed; width:100%; height:60px; padding-top:5px; left:0; bottom:0;background: #e60012; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#fff; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/flmail.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/flewm.png) no-repeat center 3px; padding-top:25px}
.m_contact{ display:none;background: #292929; color:#999; font-size:14px; line-height:25px; padding-bottom:30px; padding-top:10px; border-top:1px solid #333;}
.m_contact a{ color:#999}
.m_fnav{}
.m_fnav li{ float:left; margin-right:15px; padding-right:15px; position:relative}
.m_fnav li:after{ content:""; width:1px; height:10px; display:block; position:absolute; top:50%; margin-top:-5px; right:0; background:#555}
.tanchuang{ display:none}
.tanchuang .bg{ position:fixed;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25); z-index:999999}
.tanchuang .text{ position:fixed;left:50%; margin-left:-180px;top:20%; width:360px; padding:20px; height:auto; background:#fff; z-index:9999999;box-shadow:0 5px 15px rgba(0,0,0,0.3); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; text-align:center}
.tanchuang .text .closed{width:30px; height:30px; background:url(../images/close_1.png) no-repeat center; background-size:12px; border:1px solid #333; border-radius:50%;position:absolute; top:5px; right:5px}
.tanchuang .text{ font-size:20px; font-weight:bold}
.tanchuang .text .p1{ color:#e60012}
.tanchuang .text .tel{ background:#e60012; color:#fff;padding:10px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; margin:15px 0}
.tanchuang .text .tel a{ color:#fff}
.tanchuang .text .btn{ background:url(../images/b-03.png) no-repeat left center; background-size:30px auto; display:inline-block;color:#333; text-decoration:underline; padding-left:30px;}
.tanchuang .text .p2{ color:#e60012; font-size:18px; margin-top:15px}





.phshow{ display:none !important}
.pcshow{ display: block !important}
@media screen and (max-width: 1650px){
.wrap{ width:84%;}
.iwhy .wrap{ width:calc(84% + 20px);}
body{ font-size:15px;  line-height:28px; }
input, textarea, select, button, input{ font-size:15px; }
.header{ height:100px;}
.npdpnav.fixeds{ top:100px !important; }
#a01, #a02, #a03, #a04{ top:100px;}
.header .logo{ margin-top:-35px;}
.header .logo img{ height:70px; }
.header .menu .menu_a{line-height:100px;}
.space{height:100px; }
.title h3{ line-height:40px; font-size:40px;}
.more a{ width:165px; line-height:50px; } 
.title{ margin-bottom:40px;}
.nbanner .text h3{font-size:45px; line-height:45px;}
.nbanner .text p{ font-size:17px; line-height:28px; }
.nproducts .item .logob img{ width:60px}
.tjpro .swiper-slide .logob img{ width:60px;}
.nnewsdetail .newsleft .title h3{ font-size:26px;}
}
@media screen and (max-width: 1550px){
.section{ padding:70px 0 90px 0;}
.section02{ padding:70px 0;}
.sectionpre{ padding-top:70px;}
.sectionnext{ padding-bottom:90px;}	
.iwhy .swiper-slide .text h3{ font-size:18px;}
.more a{ width:140px; line-height:45px; padding-right: 18px;} 	
.more a span{ background: url(../images/bnext.png) no-repeat right center; background-size: 8px auto;}

.nguide{ font-size:16px; margin-top:-27px;}
.nguide li a{ line-height:24px; padding:15px 10px; }
.nguide02 li a{ line-height:30px !important; }
.nbanner .text h3{font-size:40px; line-height:40px;}
.nbanner .text p{ font-size:17px; line-height:28px; }

.protop .wenzi .conn{line-height:32px;}
.protop .wenzi .protitle h3{ font-size:26px; margin-bottom:20px; padding-bottom:20px;}
.prodetail .intro{ padding:30px 0;}
.ncontact .conn .intro p{ margin:10px 0}
}

@media screen and (max-width: 1440px){
.title h3{ line-height:35px; font-size:35px;}	
.header{ height:90px;}
.npdpnav.fixeds{ top:90px !important; }
#a01, #a02, #a03, #a04{ top:90px;}
.header .logo{ margin-top:-32px;}
.header .logo img{ height:64px; }
.footer .bottom .flogo img{height:64px;}
.footer .uses{ margin-top:24px;}
.header .menu .menu_a{line-height:90px;}	
.space{height:90px; }
.iproducts .swiper-slide .text p{ line-height:26px;}
.tjpro .swiper-slide .text p{ line-height:25px;}
.ifeedback .conn .columns{ margin-bottom:15px;}
.iabout .text .more{margin: 70px 0 20px 0;}
.title{ margin-bottom:35px;}
.iabout .title{ margin-bottom:25px;}
body{ line-height:27px; }
.iabout .text{ padding-left:4%}
.iabout .text .conn p{ line-height:27px;}
.footer{padding: 40px 0;}
.footer .fcontent{ padding:50px 0}
.nbanner img{ width:110%; margin-left:-5%;}
.nproducts .item .logob img{ width:50px}
.tjpro .swiper-slide .logob img{ width:50px;}
.prodetail .ktitle { padding-left:15px; font-size:20px;}
.prodetail .intro h3{ font-size:18px;}
}

@media screen and (max-width: 1366px){
.header .menu .menu_a{ font-size:17px;}	
.header .menu>ul>li{margin: 0 16px;}
.iproducts .swiper-button-prev, .iproducts .swiper-button-next{ display:none !important;}
.wrap{ width:88%;}
.iwhy .wrap{ width:calc(88% + 20px);}
.banner{ width:110%; margin-left:-5%;}
.ifeedback .conn input{ line-height:40px; height:40px;}
.ifeedback .conn .submit{ line-height:50px; height:50px;}
.title h3{ line-height:32px; font-size:32px;}	

.section{ padding:60px 0 80px 0;}
.section02{ padding:60px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:80px;}	
.nbanner .text{ margin-top:-15px;}

.nmain.section{padding-top: 50px !important;}

.nbanner .text h3{font-size:36px; line-height:36px; margin-bottom:5px;}
.nbanner .text p{ font-size:16px; line-height:26px; }

.protop .wenzi .conn{line-height:30px;}
.protop .wenzi .protitle h3{ font-size:24px;}

.npdpnav{ line-height:55px; height:55px; font-size:17px; }
.npdpnav li a{ padding:0 30px;}
.protop .wenzi{ margin-top:20px;}
.protop .wenzi .use .pfeedback{ margin-left:30px;}

.nnewsdetail .newsleft .title h3{ font-size:24px;}
.nnewsdetail .newsright{ width:320px; padding:20px;}
.nnewsdetail .newsleft{width: calc(100% - 360px);}
.ncontact .conn{ line-height:30px; font-size:16px;}

.ncontact .conn .intro p.add{background:url(../images/add.png) no-repeat left 10px}
.ncontact .conn .intro p.mail{background:url(../images/cmail.png) no-repeat left 12px}
.ncontact .conn .intro p.fax{background:url(../images/fax.png) no-repeat left 10px}
.ncontact .conn .intro p.tel{background:url(../images/ctel.png) no-repeat left 10px}
.ncontact .conn .intro p.web{background:url(../images/web.png) no-repeat left 10px}
.ncontact .conn .intro p.sk{background:url(../images/sk.png) no-repeat left 10px}
.ncontact .conn .ctop{ margin-bottom:10px;}
.ncontact .conn .ctop h3{ font-size:22px;}
}

@media screen and (max-width: 1240px){
.wrap{ width:90%;}
.iwhy .wrap{ width:calc(90% + 20px);}
.header .menu{ margin-right:160px;}
.iabout .text .more{ margin:40px 0 0 0;}
.banner .swiper-pagination{ bottom: 4% !important; }
.iabout .text .conn p{ line-height:26px;}
.iabout .text{ padding-left:3%}
.footer li:nth-child(4){ display:none; }
.nbanner img{ width:120%; margin-left:-10%;}
.nguide{ font-size:15px;}
.nguide li a{ padding:10px 0; line-height:22px; }

.ivideolist .video-btn{width:60px; height:60px; margin-left:-30px; margin-top:-30px; }
.ivideolist li .tit{ padding:10px 10px 15px 10px; }
.protop .wenzi .use{ margin-top:45px;}

.npdpnav{ line-height:52px; height:52px; font-size:16px; }
.npdpnav li a{ padding:0 25px;}
.ncontact .conn .intro p{ margin:5px 0}
}

@media screen and (max-width: 1024px){
.banner{ width:120%; margin-left:-10%;}
.header .menu{ display:none !important;}
.m-menubtn{ display:block; }
.wrap{ width:92%;}
.iwhy .wrap{ width:calc(92% + 20px);}
.header, .header .wrap{ height:80px;}
.npdpnav.fixeds{ top:80px !important; }
#a01, #a02, #a03, #a04{ top:80px;}
.header .logo{ margin-top:-29px;}
.header .logo img{ height:58px; }
.footer .bottom .flogo img{height:58px;}
.footer .uses{ margin-top:18px;}
.space{height:80px; }
.header .language{ right:60px;}
.header .sou{ right:160px;}
.header .language:after{ left:-25px;}
.float_r{ display:none !important;}
.title{ margin-bottom:30px;}
.iabout .title{ margin-bottom:20px;}
.title h3{ line-height:28px; font-size:28px;}
body{ line-height:26px; }
.iabout .company{ width:48%;}
.iabout .text{ width:52%;}

.section{ padding:50px 0 60px 0;}
.section02{ padding:50px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:60px;}	
.nmain.section{padding-top: 40px !important;}
.footer li:nth-child(2){ display:none; }
.m-foot{ display: block}
.footer{ margin-bottom:40px;}

.nbanner .text h3{font-size:30px; line-height:30px;}
.nbanner .text p{ font-size:16px; line-height:26px; }

.nguide li{width:calc(33.33% - 6.66px); margin-right:10px;}
.nguide02 li{ width:calc(50% - 5px);}
.nguide03 li{ width:calc(33.33% - 6.66px);}
.nguide05 li{ width:calc(20% - 8px);}

.prodetail .intro.shebei .item{ width:32%; margin-bottom:25px;}
.prodetail .intro.shebei .item:nth-child(3n){ margin-right:0; }

.prodetail .ktitle { font-size:18px;}
.prodetail .intro h3{ font-size:16px;}
.nnewsdetail .newsright{ display:none; }
.nnewsdetail .newsleft{ width:100%; float:none; }
}

@media screen and (max-width: 930px){
.video-panel .video-close {width: 25px;height: 25px; top:-35px; right:0px;}
.video-panel .video-img{ width:90%;}
.m-menubtn{height:70px;}
.header, .header .wrap{ height:70px;}
.npdpnav.fixeds{ top:70px !important; }
#a01, #a02, #a03, #a04{ top:70px;}
.header .logo{ margin-top:-25px;}
.header .logo img{ height:50px; }
.footer .bottom .flogo img{height:50px;}
.footer .uses{ margin-top:10px;}
.space{height:70px; }
.header .sou{ width:16px; height:16px;margin-top: -8px;}
.header .language{background-size: 18px auto; padding-left: 28px;}
.iproducts .swiper-slide .text:after{ bottom:30px;}
.iproducts .swiper-slide .text{ padding:10px 15px 25px 15px; height:190px;}
.iproducts .swiper-slide .text p{ line-height:25px;}

.tjpro .swiper-slide .text:after{ bottom:30px;}
.tjpro .swiper-slide .text{ padding:10px 15px 25px 15px; height:190px;}
.tjpro .swiper-slide .text p{ line-height:24px;}

.more a{ width:120px; line-height:40px; padding-right: 12px; font-size:14px;} 	
.iwhy .swiper-slide .text p{ line-height:25px; min-height:160px;}
.iwhy .swiper-slide .text:after{bottom:30px;}

.iabout .text .conn p{ line-height:25px;}
.iwhy .swiper-slide .text{ padding:80px 15px 40px 15px; }

.iabout .wrap{ display: block;}
.iabout .company{ width:100%; display: block; margin-bottom:25px; }
.iabout .text{ width:100%; display: block; padding-left:0%;}

.ifeedback .conn{ width:100%; margin-left:0%; padding:30px 4%;}

.inews .kuai{ width:48.5%; margin-bottom:20px; margin-right:0%; float:left; background:url(../images/iprobg.jpg) no-repeat center center;}
.inews .kuai:nth-child(2){ float:right;}
.inews .kuai .text{ padding:15px 15px 20px 15px;}
.inews .kuai .text h3{ font-size:16px; line-height:26px; min-height:78px; margin-bottom:25px;}
.inews .kuai .text p{ color:#666; font-size:14px;}
.inews .aqlist{ position: relative; top:auto; right:auto; width:100%; height:auto; padding:20px 15px; clear:both;}
.inews .aqlist .aqlist_tit h3{ font-size:16px;}
.footer{padding: 35px 0;}
.footer .fcontent{ padding:40px 0}
.footer li:nth-child(1){ display:none; }
.footer li:nth-child(3){ display:none; }
.nbanner img{ width:130%; margin-left:-15%;}
.nbanner .text{ margin-top:0; }
.nguide{ margin-top:20px;}

.nbanner .text h3{font-size:26px;}
.nbanner .text p{ font-size:15px;}
.ifeedback:before{ display:none;}
.ifeedback:after{ width:100%;}
.footer li h3{ font-size:18px; margin-bottom:10px;}
.footer .fcontent{ padding:30px 0;}
.nculture .item{ padding:25px; }
.nguide li a{ line-height:20px;}
.nguide li a{ padding:6px 0;}

.protop .wenzi .protitle h3{ font-size:22px;}

.sblist li{ width:48.5%; margin-right:3%; margin-bottom:20px;}
.sblist li:nth-child(3n){ margin-right:3%; }
.sblist li:nth-child(2n){ margin-right:0%; }
.sblist li .show .wenzi{padding: 10px 10px 15px 10px;}

.nmain.section{padding-top: 30px !important;}
.sblist li .show .wenzi{ line-height:14px; line-height:22px;}

.sblist li .hd .sb_con{ width:320px; height:80%; margin-left:-160px;font-size:14px; line-height:25px; }
.sblist li .hd .sb_con .intro{ padding:0 15px 25px 15px; line-height:25px;}
.sblist li .hd .closed{ width:25px; height:25px; background-size:100% auto; margin-left:150px; top:calc(15% - 40px); }

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

.ivideolist .video-btn{width:40px; height:40px; margin-left:-20px; margin-top:-20px; }
.nguide.nguide05 li{ margin-top:10px;}
.nguide.nguide05 ul{ margin-top:-10px;}


.nproducts .item { margin-bottom:30px; width:48.5%; margin-right:3%; margin-bottom:20px;}
.nproducts .item:nth-child(3n){ margin-right:3%; }
.nproducts .item:nth-child(2n){ margin-right:0; }
.nproducts .item .text{padding: 0px 15px 66px 15px;}
.nproducts .item .text .con{ line-height:25px;}

.nproducts .item .logob img{ width:45px}
.tjpro .swiper-slide .logob img{ width:45px;}
.nproducts .item .text h3{ font-size:16px;}
.npdpnav li a{ padding:0 20px;}


.protop .picsshow{ float:none; width:100%; }
.protop .wenzi{ width:100%; margin-top:30px; float:none;}
.protop .wenzi .use .pfeedback{ margin-left:25px;}

.protop .wenzi .use .ptel a{ width:150px; line-height:40px; height:40px; background:url(../images/icon_7.png) #e60012 no-repeat 20px center; padding-left:25px;} 
.protop .wenzi .use .pfeedback a{ width:150px; line-height:40px; height:40px; background:url(../images/pfeed.png) #e60012 no-repeat 20px center; padding-left:25px;} 


.nnewslist .wrap .kuai{ width:48.5%; margin-right:3%; margin-bottom:20px;}
.nnewslist .wrap .kuai:nth-child(3n){ margin-right:3%; }
.nnewslist .wrap .kuai:nth-child(2n){ margin-right:0%; }

.nnewsdetail .newsleft .title h3{ font-size:20px;}
.ncontact .conn .intro p{ margin:0}

}

@media screen and (max-width: 768px){
.title h3{ font-size:24px;}	
.nbanner .text h3{font-size:24px;}
.title h4{margin-bottom: 0; }
.banner{ width:130%; margin-left:-15%;}

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

.title{ margin-bottom:25px;}
.iabout .title{ margin-bottom:15px;}

.ifeedback .conn .columns .row{ float:none; width:100%;}
.ifeedback .conn .columns .row:last-child{ float:none; margin-top:15px;}
.nbanner img{ width:140%; margin-left:-20%;}

.nculture .list{ margin-top:-20px;}
.nculture .item{ width:100%; margin-top:20px;margin-right:20px;}
.nculture .item:nth-child(2n) .icon{ float:left}
.nculture .item:nth-child(2n) .text{ float:right}

.partner li{ width:22%; margin:0 1.5%; margin-top:-1.5%;}
.partner li:nth-child(6){ margin-left:1.5%}
.partner li:nth-child(5){ margin-left:12.5%}
.partner li:nth-child(8){ margin-left:25%}
.npdpnav li a{ padding:0 15px;}

.phshow{ display: block !important}
.pcshow{ display: none !important}
.nnewslist .kuai .text{ padding:15px 15px 20px 15px;}
.naqlist li{ padding:12px 15px;}

.inquiry .form .column{ float:none; width:100%; margin-right:0; }
.inquiry .form .row_1 { margin-right:0}

.inquiry .form .row_1 input{  line-height:40px;height:40px; width:100%; padding-left:95px;}
.inquiry .form .row_1 label{  line-height:40px;height:40px;}
.inquiry .form .row_2 label{ line-height:40px;height:40px;}


}

@media screen and (max-width: 640px){
.banner{ width:140%; margin-left:-20%;}
.nbanner img{ width:160%; margin-left:-30%;}

.nculture .text{ float:none; width:100%; text-align:center; }
.nculture .text h3{ font-size:18px;}
.nculture .text p{ line-height:24px;}
.nculture .icon{ float:none; width:65px; height:65px; margin:0 auto 20px auto; }
.nculture .item:nth-child(2n) .icon{ float:none}
.nculture .item:nth-child(2n) .text{ float:none}

.company .title h3{ font-size:22px; }
.nproducts .item .logob img{ width:40px}
.tjpro .swiper-slide .logob img{ width:40px;}
.prodetail .intro.shebei .item{ width:48.5%; margin-right:3%;  margin-bottom:25px;}
.prodetail .intro.shebei .item:nth-child(3n){ margin-right:3%; }
.prodetail .intro.shebei .item:nth-child(2n){ margin-right:0; }

.tjpro .swiper-slide .text{  height:220px;}
.ncontact .conn{background: url(../images/map.jpg) no-repeat center bottom; background-size:100% auto; padding-bottom:220px;}
.ncontact .conn .ctop h3{ font-size:20px;}
.footer li:nth-child(5){ display:none}
}

@media screen and (max-width: 540px){
.tjpro .swiper-slide .text{  height:300px;}
.nguidenews.nguide03 li{ width:auto; }
.nguidenews.nguide li a{ padding-left:12px !important; padding-right:12px !important;}
.ncontact .conn .ctop h3{ font-size:19px;}

}
@media screen and (max-width: 460px){
.tjpro .swiper-slide .text{  height:340px;}
.nnewslist .wrap .kuai{ width:100%; margin-right:0%;}
.nnewslist .wrap .kuai:nth-child(3n){ margin-right:0%; }

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