@charset "utf-8";
.m-menubtn{position: fixed;z-index: 102;top:0;right: 0;width:60px;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:20px;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;}
.header.scroll .m-menubtn span, .scroll .header .m-menubtn span{ background:#333}
.header:hover .m-menubtn span{ background:#333}
.header.scroll .m-menubtn span:before, .header.scroll .m-menubtn span:after{background:#333}
.header:hover .m-menubtn span:before, .header:hover .m-menubtn span:after{background:#333}

.scroll .header .m-menubtn span:before, .scroll .header .m-menubtn span:after{background:#333}
.scroll .header .m-menubtn span:before, .scroll .header .m-menubtn span:after{background:#333}


.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:#f39700}
.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:#f39700}
.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-menubtn:before {content: "Menu";font-size: 12px;position: absolute;bottom: 10px; left: 0; right: 0; margin: auto;text-align: center; color:#fff}

*/

.m-menu{position:fixed; right:0;top:0; width:100%; height:100%;overflow-x:hidden;z-index:99999; visibility:hidden}
.m-menu .m-menubg{width:100%; height:100%; position:absolute; left:0;top:0; background:rgba(0,0,0,.25); z-index:1; opacity:0; -moz-transition:.4s;-webkit-transition:.4s;transition:.4s}
.m-menu .m-menu-con{ position:relative; width:320px; height:100%;padding-bottom:30px;overflow-y:auto;overflow-x:hidden; background:#fff;left:-100%;-webkit-transition:.4s;
    -moz-transition:.4s;
    -ms-transition:.4s;
    -o-transition:.4s;
    transition:.4s; z-index:2}
.m-menulist li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menulist li>a{ font-size:18px;line-height:50px; padding:0 20px; position:relative; color:#222}
.m-menulist li>i{ position:absolute; width:50px; height:46px; right:0;top:0;}
.m-menulist li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:21px;}
.m-menulist li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:14px;}
.m-menulist li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}

.m-menulist a{ display:block; color:#101010;}
.m-menulist .sub{ display:none; background:#f39700; padding:10px 0}
.m-menulist .sub a{color:#fff; line-height:26px;font-size:15px; padding:0 20px; position:relative}
.m-menulist li.fir{ display:flex; display:-webkit-flex; align-items:center; justify-content:space-between;}
.m-menulist li.fir .mlogo{ height:70px;display:flex; display:-webkit-flex; align-items:center;}
.mlogo img{ height:40px;}

.m-menulist li.fir .closed{width:30px; height:30px; position: relative;cursor:pointer;margin-right: 20px;}
.m-menulist li.fir .closed:after{ content:""; width:2px; height:30px; background:#666; position:absolute; left:15px;top:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.m-menulist li.fir .closed:before{ content:""; width:2px; height:30px; background:#666; position:absolute; left:15px;top:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.m-menu.active{ visibility:visible}
.m-menu.active .m-menubg{ opacity:1}
.m-menu.active .m-menu-con{ left:0}

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


.phshow{ display:none}
.pcshow{ display: block}
@media screen and (max-width:1650px){
.header .pronav .yiji, .header .pronav .erji, .header .pronav .sanji{ width:210px; }
.header .pronav .erji{ left:210px;}
.header .pronav .sanji{ left:420px;}
.header .pronav .yiji li, .header .pronav .erji li, .header .pronav .sanji li{ padding:10px}
.header .mprolist{ width:calc(100% - 630px); padding:0 0 30px 30px }
.ihorproducts .item .text{ padding-bottom:60px}

.section{ padding:70px 0 80px 0;}
.sectionpre{ padding-top:70px;}
.sectionnext{ padding-bottom:80px;}
.iabout.section{ padding:120px 0;}
.xunpan{ padding:60px 0;}
.title { margin-bottom:30px;}


.title { margin-bottom:25px;}
.title h4{font-size:40px; line-height:40px;}
.nmain .title h4{font-size:32px; }
.title h3{font-size:32px; line-height:32px;}
.title p{ font-size:17px; padding-top:10px; color:#666}
.inews .item .text{ padding: 25px 20px; }
.nbanner img{ width:110%; margin-left:-5%}
.nnewslists .item .text h3{ padding:15px 0 10px 0;}

.prodetail .bijiao .ktitle02{ font-size:32px; margin:15px 0 30px 0; line-height:68px}
.prodetail .bijiao .ktitle02 span{ width:68px; height:68px; font-size:40px;}
.prodetail .intro h4{ font-size:22px;}
.prodetail .intro h3{ font-size:32px; line-height:35px;}
.prodetail .ktitle03{margin: 0px 0 25px 0;}
.prodetail .intro{padding: 20px 0;}

.npdpnav li a{ padding:0 30px;}
}
@media screen and (max-width:1550px){
.npdpnav li a{ padding:0 25px;}

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


.title { margin-bottom:25px;}
.feedback { padding: 20px;}
.title h4{font-size:36px; line-height:36px;}
.nmain .title h4{font-size:32px; }
.title h3{font-size:30px; line-height:30px;}
.title p{ font-size:16px;}

.banner .sou form{ margin:30px auto; line-height:46px; height:46px; border-radius:24px; padding:3px;}
.banner .sou form #searchInput{ width: calc(100% - 100px); padding-left: 15px;line-height:40px;height:40px;border-radius:24px;}
.banner .sou form #searchBtn{ width:100px; line-height:40px; height:40px;border-radius:24px; padding-left:20px;}

.wrap{ width:84%;}
.ihorproducts .item .text{ padding-bottom:50px}
.section{ padding:60px 0 70px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:70px;}
.iabout.section{ padding:100px 0;}
.xunpan{ padding:50px 0;}
.xunpan .xp {height: 48px; line-height: 44px; margin-top:-22px;}
.iproducts .ikuai .text .more a{ line-height:50px; height:50px;}
.header .lang, .header .lang .button{ width:90px;}
.header .lang{margin: 25px 0 25px 20px;}
.iproducts .ikuai .text .more{margin-top: 50px}
.iabout .abtext .more{margin-top: 50px}
.inews .item .text h3{ font-size:18px;}
body{font-size:15px; line-height:28px;}

.iabout .video .video-btn{width:65px; height:65px;margin-left:-32.5px; margin-top:-32.5px;}
.ihorproducts .item .text h3{ font-size:17px;}
.nbanner img{ width:120%; margin-left:-10%}

.nnewslists .item .text h3{ padding:10px 0; font-size:18px}
.nnewslists .item .date{ margin-top:45px;}
.nnewslists .item .nmore{ margin-top:30px;}
.newstitle h3{ font-size:22px;}
.guonei .title{ top:80px;}
.guowai .title{ top:80px;}

.nab04 .swiper-slide h3{ font-size:40px; line-height:40px; padding:15px 0;}
.nab04 .swiper-slide{  line-height:30px; font-size:16px}

.nprolist .nprokuai .protitle{ margin-bottom:20px;}
.nprolist .nprokuai .protitle h3{ font-size:28px;}
}
@media screen and (max-width:1366px){
.nnewslists .item .date h3{font-size:36px;}
.nnewslists .item{ padding:30px 0}
.nnav{padding: 30px 0;}

.nab02 .item{ float:left; width:50%; position:relative}
.nab02 .item .text .wenzi h3{ font-size:24px; margin-bottom:15px;}
.nab02 .item .text .wenzi p{ font-size:16px;}

.nab04 .swiper-slide h3{ font-size:36px; line-height:36px; padding:10px 0;}
.nab04 .swiper-slide{ font-size:15px}

.protop .wenzi .protitle h3{ font-size:28px;margin:15px 0;}
.prodetail .ktitle {font-size:28px; }

.prodetail .intro h3{ font-size:28px; line-height:30px;}

.prodetail .bijiao .ktitle02{ font-size:28px; line-height:58px}
.prodetail .bijiao .ktitle02 span{ width:58px; height:58px; font-size:32px;}

.protop .procon{padding:30px 0 70px 0;}

.protop .wenzi .conn p{ font-size:13px;line-height:18px;}

.npdpnav li a{ padding:0 25px; font-size:15px;}
}
@media screen and (max-width:1240px){
.wrap{ width:88%;}	
.header .lang{margin: 25px 0 25px 15px;}
.header .menu li .menu_a{ margin:0 15px;}
.header .search{margin:0 15px;}

.guonei .title{ top:50px;}
.guowai .title{ top:80px;}

.title h4{font-size:32px; line-height:32px;}
.nmain .title h4{font-size:32px; }
.title h3{font-size:26px; line-height:30px;}
.title p{ font-size:16px;}	

.iproducts .ikuai .text .more a{ line-height:45px; height:45px;width: 130px;background: url(../images/jt.png) #f39700 no-repeat 85% center;}
.iproducts .ikuai .text .more a:hover{ background:url(../images/jt.png) #f39700 no-repeat 88% center;}
.iproducts .ikuai .text{padding: 3% 3% 0% 3%;}
.ihorproducts .item .text{ padding-bottom:30px;}

.ihorproducts .more a{ width:180px; height:50px; line-height:50px; background:url(../images/jt.png) #f39700 no-repeat 85% center;}
.ihorproducts .more a:hover{ background:url(../images/jt.png) #f39700 no-repeat 88% center;}

.iabout .abtext .conn h3{ font-size:20px}
.iabout .abtext .more a{height:50px; line-height:50px;}
.inews .item .text h3{ font-size:16px;}
body{font-size:14px;}
.xunpan .title h4{ font-size:32px}
.xunpan .title h3{font-size:24px}
.header .pronav{margin-left:25px;}

.float_r li{width:50px; height:50px;}
.float_r .hd{right:50px;}
.float_r .img{ width:50px; height:50px; line-height:50px;}
.float_r .img img{ width:50px; height:50px; }
.xunpan{ padding:40px 0;}
.footer .fcontent{ padding:45px 0;}
.footer .copyright{ padding: 20px 0;}

.banner .msearch .wrap{ top:55%}
.inews .item .text{ padding:10px 15px; }
.inews .item .text h3{ line-height:22px}
.nbanner img{ width:130%; margin-left:-15%}

.nnewslists .item .nmore{ margin-top:20px;}
.nnewslists .item .date h3{font-size:32px;}
.newstitle h3{ font-size:20px;}

.nprolist .nprokuai .protitle{ margin-bottom:10px;}
.nprolist .nprokuai .protitle h3{ font-size:24px;}

.prodetail .intro{padding: 15px 0;}
.prodetail .intro h3{ font-size:24px; }

.prodetail .intro h4{ font-size:20px;}
.prodetail .intro h3{ font-size:26px;}
.npdpnav li a{ padding:0 20px;}
}
@media screen and (max-width:1124px){
.header .lang{margin: 25px 0 25px 12px;}
.header .menu li .menu_a{ margin:0 12px;}
.header .search{margin:0 12px;}	

.section{ padding:50px 0 60px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:60px;}
.iabout.section{ padding:70px 0;}
.xunpan{ padding:30px 0;}	
.npdpnav li a{ padding:0 15px;font-size:14px;}

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

.section{ padding:40px 0 50px 0;}
.sectionpre{ padding-top:40px;}
.sectionnext{ padding-bottom:50px;}
.iabout.section{ padding:40px 0;}
.footer .fcontent{ padding: 35px 0;}	
.footer .copyright{ padding: 15px 0;}	

.iabout .video .video-btn{width:58px; height:58px;margin-left:-29px; margin-top:-29px;}

.header .pronav, .header .menu{ display:none;}
#a01, #a02, #a03, #a04{margin-top:-80px;}
.space{ height:80px;}
.header>.wrap{ height:80px;}
.header .pronav a.button{line-height:80px;}
.header .pronav .sub{top:80px;}
.header .search a{height:80px;}
.header .search .sub{top:80px;}
.nbanner .location{ top:80px;}
.fixeds{top:80px !important; }
.header .lang {margin: 20px 0 20px 12px;}
.header .logo{margin: 15px 0;}
.header .logo img{ height:50px}
.header .lang, .header .lang .button{ width:80px;}
.m-menubtn{ display:block;}
.header .lang{ margin-right:50px;}
.banner .swiper-slide{ min-height:500px;}
.iproducts .ikuai .text .more{ margin-top:30px;}
.iabout .abtext .more{margin-top: 30px}
.iproducts .ikuai .pic{ float:none; width:100%}
.iproducts .ikuai .text{ float:none; width:100%; padding:35px }
.iproducts .ikuai:nth-child(2n) .pic{ float:none;}
.iproducts .ikuai:nth-child(2n) .text{ float:none;}
.ihorproducts .item .text h3{ font-size:16px;}
.ihorproducts .title p{ padding-top:0}
.iproducts .title{ margin-bottom:15px;}

.iabout .abtext{ float:none; width:100%;}
.iabout .video{ width:100%; float:none; margin-top:0px; margin-bottom:20px;}
.footer li:nth-child(4){ display:none;}
.wrap{ width:94%;}	
.float_r{ display:none}
.m-foot{ display:block;}

.nbanner img{ width:140%; margin-left:-20%}
.nbanner .location{ line-height:50px}
.nbanner .text{top: calc(50% + 70px);}

.nnewslists .item .text h3{ padding:0px 0 10px 0;}
.nnewslists .item .date{ margin-top:35px;}
.nnewslists .item .text{padding: 0 20px;}

.guonei .title{ top:30px;}
.guowai .title{ top:80px; text-align:left}
.guonei .title{ position: relative; top:auto; left:auto;}
.guonei .conn { width:100%; float:none;}

.guowai .title{ position: relative; top:auto; left:auto; right:auto;}
.guowai .conn { width:100%; float:none;}
.nnav{padding: 20px 0;}
.nnav li { width:auto; margin:0 4px}
.nnav li a{ padding:0 20px;}

.nab02 .item{ float:none; width:100%;}
.nab02 .item .text .wenzi h3{ font-size:18px; }
.nab02 .item .text .icon{ margin-bottom:10px}
.nab02{ width:94%; margin:0 auto}
.nab02 img{ width:130% !important; margin-left:-15% !important}
.nab02 .item .text .icon img{ width:100% !important; margin-left:0 !important;}

.protop .wenzi .protitle h3{ font-size:24px;margin:15px 0 5px 0;}
.prodetail .ktitle {font-size:24px; }

.prodetail .bijiao .ktitle02{ font-size:24px; line-height:48px}
.prodetail .bijiao .ktitle02 span{ width:48px; height:48px; font-size:28px;}

.protop .procon{padding:30px 0 50px 0;}
.npdpnav ul{ display:block}
.npdpnav li{ float:left}
}

@media screen and (max-width:920px){
.nnewslists .item .date h3{font-size:28px;}
.nnewslists .item{ padding:25px 0}
.shangxia li{ float:none;}
.shangxia li:nth-child(2){ float:none;}

.nnav{padding: 15px 0;}
.nnav li { margin:0px; line-height:35px; border-radius:18px;}
.nnav li a{ padding:0 12px;}

.protop .swiper-container-wrapper{ float:none; width:100%; }
.protop .wenzi{ float:none; width:100%; padding-top:20px;}
.protop .gallery-thumbs .swiper-slide{ min-width:55px !important; margin-bottom:5px}

.protop .wenzi .use{ position: relative; bottom:auto; width:100%; right:auto; margin-top:30px;}
.protop .wenzi .use .pfeedback{margin-left: 0; float: right;}

.protop .wenzi .use .ptel h3{ font-size:20px;}
.protop .wenzi .use .ptel{padding-left: 50px}
.protop .wenzi .use .pfeedback a{width: 120px;}

.prodetail .intro h4{ font-size:18px;}
.prodetail .intro h3{ font-size:24px;}
.npdpnav .wrap{ width:100%;}
.npdpnav{ line-height:55px; height:55px;}
.npdpnav ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.npdpnav li{white-space:nowrap; width:auto;}
}

@media screen and (max-width:768px){
	
#a01, #a02, #a03, #a04{margin-top:-70px;}
.space{ height:70px;}
.header>.wrap{ height:70px;}
.header .pronav a.button{line-height:70px;}
.header .pronav .sub{top:70px;}
.header .search a{height:70px;}
.header .search .sub{top:70px;}
.nbanner .location{ top:70px;}
.fixeds{top:70px !important; }
.header .lang {margin: 15px 50px 15px 12px;}
.header .logo{margin: 15px 0;}
.header .logo img{ height:40px}
.m-menubtn{ height:70px;}
.footer li:nth-child(1) img{ height:40px;margin-bottom: 5px;}
.title h4{font-size:28px; line-height:28px;}
.xunpan .title h4{font-size: 28px;}
.nmain .title h4{font-size:28px; }
.title h3{font-size:22px; line-height:28px;}
.banner .msearch .sou .keyword a{padding: 0 10px;margin: 0 4px;}

.banner .sou form{ margin:20px auto; line-height:40px; height:40px; padding:2px;}
.banner .sou form #searchInput{ line-height:36px;height:36px;}
.banner .sou form #searchBtn{ line-height:36px; height:36px;}
input, textarea, select, button, input{ font-size:15px;}
.banner .swiper-slide{ min-height:380px;}
.banner .sou{ display:none}

.banner .title h4{font-size:24px;}
.banner .msearch .wrap{ top:57%}

.banner .swiper-button-prev, .banner .swiper-button-next{ width:30px; height:30px;bottom:20px}
.banner .swiper-button-prev{right:35px;}
.iproducts .ikuai .text .more{ margin-top:20px;}
.iproducts .ikuai .text{ padding:20px 20px 35px 20px;}

.ihorproducts .item{ float:none; width:48.5%; margin-right:3%; margin-top:3%; }
.ihorproducts .item:nth-child(3n){ margin-right:3%; }
.ihorproducts .item:nth-child(2n){ margin-right:0; }
.iproducts{ margin-top:35px;}
.ihorproducts .item:nth-child(3){ margin-top:3%; }
.iabout .abtext .conn h3{ margin-top:-15px; margin-bottom:20px; font-size:18px;}
.xunpan .title h4{font-size: 24px;}	
.inews .item{ width:50%;}
.xunpan .title h3{font-size: 20px;}
.footer li:nth-child(2), .footer li:nth-child(3){ display:none;}
.footer li:nth-child(5) img{ width:120px; height:auto}
.nbanner img{ width:140%; margin-left:-20%}

.nlx{ float:none; width:100%; margin-bottom:35px;}
.feedback{ float:none; width:100%}
.feedback .fdtitle h3{ margin-bottom:15px}
.nprolist .nprokuai .list .item{ width:calc(50% - 7.5px);}
.nprolist .nprokuai .list .item:nth-child(2n){ margin-right:0}


.feedback .form .row .submit{width:130px; font-size:16px; height:42px; line-height:42px; }
}
@media screen and (max-width:640px){
.xunpan .xp{ position:relative; top:auto; right:auto; margin-top:30px;}	
.footer .copyright{ line-height:24px;}

.xunpan .xp {height: 44px; line-height: 40px;}
.iabout .abtext .more a{height: 42px; line-height: 42px;}
.ihorproducts .more a{height: 42px; line-height: 42px; width:150px;}
.iproducts .ikuai .text .more a{height: 42px; line-height: 42px; }
.title h4{margin-bottom: 5px;}
.nbanner img{ width:200%; margin-left:-50%}	
.nbanner .title h3{margin-bottom: 0}

.nbanner .location{ line-height:42px}
.nbanner .text{top: calc(50% + 60px);}

.nnewslists .item .pic{ float:none; width:100%; margin-bottom:20px}
.nnewslists .item .text{ float:none; width:calc(100% - 62px); padding:0 20px 0 0;}
.nnewslists .item .date{ margin-top:0;}
.prodetail .bijiao .ktitle02{ font-size:22px; line-height:42px}
.prodetail .bijiao .ktitle02 span{ width:42px; height:42px; font-size:26px;}

.npdpnav{ line-height:50px; height:50px;}
}
@media screen and (max-width:540px){
.title h4{font-size:26px;}
.nmain .title h4{font-size:24px; }
.title h3{font-size:22px;}

.nbanner .title h4{font-size:22px;}
.nbanner .title h3{font-size:24px;}

.footer ul{ display:block; position:relative}
.footer li:nth-child(5){ position:absolute; top:25px; right:0}
.footer li:nth-child(5) img{ width:110px}
.footer li:nth-child(5) h3{ font-size:15px;}
.xunpan .title h4{ font-size:22px; white-space:nowrap;}
.xunpan .xp{ margin-top:20px;}
.nbanner img{ width:220%; margin-left:-60%}	
.nbanner .title p{ line-height:22px;}

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

.prodetail .intro ul{display: block; }
.prodetail .intro li{ display: block}
.inews .item{ width:100%;}
.nbanner .text .title p{ display:none}
}
@media screen and (max-width:450px){
.nbanner img{ width:240%; margin-left:-70%}	
.footer li:nth-child(5){ display:none;}
.nnav li{

	padding-right: 8px;
	padding-left: 8px;
}

.nprolist .nprokuai .list .item .text h3{ font-size:14px; line-height:18px; margin-bottom:15px;}
.ihorproducts .item .text h3{ font-size:14px;line-height:18px; }

}