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

.m-btn{ width:25px; height:15px;display:none; position: absolute; right:3%;top:30px}
.m-btn span{ width:100%; height:2px;background: #0b68b6; position:absolute; left:0; top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.m-btn .line1{-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}
.m-btn .line2{top:7px;}
.m-btn .line3{top:14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.open-menu .line2 {opacity: 0;filter: alpha(opacity=0);}
.m-btn.open-menu .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.open-menu .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.m-menu{ display:none; padding-top:80px; padding-bottom:30px; z-index:999}

.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden;}
.m-menu ul{ width:100%; height:calc(100vh - 80px); overflow-y:auto;overflow-x:hidden;}
.m-menu a{ display:block; padding:0 15px;}
.m-menu .first{ text-align:center; background:#0659a7; color:#fff}
.m-menu .first a{ display:inline-block; line-height:50px; font-size:17px; color:#fff; padding:0 30px; text-transform:uppercase; }
.m-menu li{ border-bottom:1px solid #d8d8d8;  }
.m-menu .menu_a{ line-height:50px; font-size:17px; color:#222; position:relative}
.m-menu .menu_a i{ width:17px; height:17px; background:url(../images/ico_03.png) no-repeat; background-size:contain; position:absolute; right:15px; top:15px}
.m-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}
.m-menu .menu_a.cur{ background:#0b68b6; color:#fff;}
.m-menu .menu_a.cur i{background:url(../images/ico_03_h.png) no-repeat center; background-size:100% auto}
.m-menu .m_lang{ font-weight:bold}
.m-menu form{ width:100%; margin:20px auto 30px; position:relative; padding:0 15px;}
.m-menu form .input01{ width:100%; line-height:40px;height:40px; border:1px solid #ddd; padding:0 110px 0 10px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.m-menu form .sytijiao{ width:100px; color:#fff; background-color:#0659a7; line-height:40px;height:40px;border:solid 1px #4f8fbf; position:absolute; right:0;top:0;}


.m-foot{ position:fixed; width:100%; height:60px; padding-top:5px; left:0; bottom:0;background:#265fa2; color:#fff; display:none; z-index:99998}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li2 a{ background:url(../images/fmail.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;}


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


@media screen and (max-width:1750px){
.header .logo{ margin-left:4%;}
.header .menu li .menu_a{ font-size:17px;}
.header .use li{ width:65px;}
}
@media screen and (max-width:1650px){
body{ font-size:15px; line-height:28px;}
.title h4{ font-size:24px;}
.title h3{ font-size:36px; line-height:36px;}
.title02 h3{font-size:32px; line-height:32px;}

.nbanner .text h3{font-size:36px; line-height:45px; }
.nbanner .text p{ font-size:16px; margin-top:0px;}

.abtitle h4{ font-size:24px;}
.abtitle h3{ font-size:36px; line-height:36px;}
.header .menu li .menu_a{ margin:0 16px}
.header .menu li.arrow .menu_a{margin:0 34px 0 16px}


.header .logo .text{ letter-spacing:0.7px;}
.header .logo .text span{ font-size:27.4px; line-height:30px;}
.title{ margin-bottom:40px;}

.banner .swiper-slide .wenzi h3{ font-size:40px; line-height:40px;}
.banner .swiper-slide .wenzi p{ line-height:45px; font-size:22px;}
.banner .swiper-slide .wenzi .con{ margin: 20px 0 60px 0;}
.header .use li{ width:62px;}

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

.header .tel{ margin:0 20px 0 15px; font-size:18px;}

.header .use li{ font-size:14px;}
.i-product .item h3, .pcalist .item h3{ font-size:22px;}
.i-brand li a{ height: 90px; }

.header .menu li .menu_a{ margin:0 14px; font-size:16px;}
.header .menu li.arrow .menu_a{margin:0 32px 0 14px}

.nbrand li a{ display:block;height: 110px; }


}
@media screen and (max-width:1550px){
body{ font-size:14px; line-height:26px;}	

.header .use li{ font-size:13px;}
.title h4{ font-size:22px;}
.title h3{ font-size:32px; line-height:32px;}
.title02 h3{font-size:30px; line-height:30px;}

.nbanner .text h3{font-size:32px; line-height:35px; }
.nbanner .text p{ font-size:15px; margin-top:0px;}

.abtitle h4{ font-size:22px;}
.abtitle h3{ font-size:32px; line-height:32px;}

.i-product .item h3, .pcalist .item h3{ font-size:20px; margin:5% 0 6% 0px;}
.i-product .item{ padding:2.5%;}
.title{ margin-bottom:35px;}

.banner .swiper-slide .wenzi h3{ font-size:36px; line-height:36px;}
.banner .swiper-slide .wenzi p{ line-height:40px; font-size:20px;}

.i-brand li a{ height: 88px; }
.wrap{ width:84%;}
.npdpnav.fixeds{ padding:0 8%;}
.header .logo{ margin-left:3%;}
.i-about .text .abcon{ line-height:30px; }
.header .use li{ width:60px;}

.header .logo .text{ line-height:10px; font-size:10px;letter-spacing:1.25px;}
.header .logo .text span{ font-size:25.4px; line-height:30px;}

.nbrand li a{ display:block;height: 100px; }
.nhr .conn .item .icon img{max-height:70px; max-width:70px;}

.pdetails .pdtop .intro h3{margin-bottom:15px; padding-bottom:15px; font-size:20px; }
.pdetails .pdtop .intro .inconn{ line-height:30px; }
}

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


.i-brand li a{ height: 85px; }
.i-news .swiper-slide .text{ padding:12px 15px 25px 15px;}
.header .tel{ padding-left:28px; font-size:18px;}
.header .tel{ background: url(../images/toptel.png) no-repeat left center; background-size:20px auto;}
.footer li .ftop img{ height:35px; margin-top:10px; }
.footer li .ftop h3{ line-height:35px;}
.footer li .code img{ width:120px;}
.footer li .code{ font-size:12px;}
.footer li .lists{ line-height:32px;}
.footer li{ line-height:32px;}
.footer .copyright{ padding:20px 0; }

.banner .swiper-slide .wenzi h3{ font-size:30px; line-height:36px;}
.banner .swiper-slide .wenzi p{ line-height:36px; font-size:18px;}
.banner .swiper-slide .wenzi .con{ margin: 15px 0 40px 0;}

.more{ width:140px; padding-right:30px; line-height:45px; padding-right:26px;}

.footer li h3{ padding-bottom:0px;}
.nsection{padding: 50px 0 80px 0;}
.nabout.nsection{padding: 50px 0 80px 0;}

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

.npdpnav{ line-height:50px; height:50px; }
.npdpnav li a{ padding:0 25px; }
.ntitle h3{ font-size:20px;}

.nnews .newskuai .wenzi h3{ line-height:50px; font-size:18px;}
.pdetails .conntent{ padding:40px; }
}
@media screen and (max-width:1400px){

.header .logo .text span{ margin-bottom:5px;}	
.header .menu li.arrow .menu_a:before{ right:-15px;}
.header .menu li .menu_a{ margin:0 12px; }
.header .menu li.arrow .menu_a{margin:0 26px 0 12px}
.header .use li{ width:58px;}	

.nbanner .text h3{font-size:28px; line-height:30px; }
.nbanner .text p{ font-size:14px; margin-top:0px;}
}

@media screen and (max-width:1366px){
body{ font-size:13px; line-height:25px;}		
.header .logo{ margin: 20px 0 20px 3%;}
.header .logo img{ height:30px; margin: 8px 0;}
.header .logo .text span{ margin-bottom:5px;}	
.header .logo .text{ line-height:10px; font-size:10px;letter-spacing:0.9px;}
.header .logo .text span{ font-size:24px; line-height:26px;}
.header .tel{ padding-left:25px; margin:0 15px;}


#a01, #a02, #a03, #a04, #a05, #a06{ margin-top:-85px; }
.space{ height:85px;}
.header {height:85px;}
.npdpnav.fixeds{top:85px !important;}
.header .menu li .menu_a{ line-height:85px; font-size:15px; }
.header .tel{ line-height:85px;}
.header .use li .search, .header .use li .language{ height:85px;}
.banner { margin-top:85px; }
.banner .swiper-slide{ height:calc(100vh - 85px);}


.title h4{ font-size:20px;}
.title h3{ font-size:30px; line-height:30px;}
.title02 h3{font-size:28px; line-height:28px;}
.abtitle h4{ font-size:20px;}
.abtitle h3{ font-size:30px; line-height:30px;}


.i-brand li a{ height:78px;}
.i-product .item h3, .pcalist .item h3{ font-size:18px;}
.header .tel{ background: url(../images/toptel.png) no-repeat left center; background-size:18px auto; padding-left: 23px;}
.nbrand li a{ display:block;height: 90px; }

.nguide ul li{ padding:15px 0;}
.nguide .location{ padding:15px 0 15px 35px; }
.nhr .conn .item .icon{ width:100px; height:100px; }
.nhr .conn .item .icon img{max-height:65px; max-width:65px;}

.more{ width:120px; padding-right:20px; line-height:40px; padding-right:20px;}
.nmmore{ width:120px; padding-right:20px; line-height:40px;}
.nmmore i{ right:15px;}

.banner .swiper-pagination-bullet{ width:10px; height:10px; border-radius:5px; }
.banner .swiper-pagination-bullet-active{ width:30px; height:10px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}
.header .lang{ right:70px;}
.nbanner img{ width:120%; margin-left:-10%;}
.nsection{padding: 40px 0 60px 0;}
.nabout.nsection{padding: 40px 0 60px 0;}
.prodetail .lists .section-wrapper .inn{ padding: 30px 0 0 0;}

.nbrand li{ width: calc(20% - 12px); margin-right:15px; margin-bottom:15px}
.nbrand li a{ display:block;height: 110px; }
.nbrand li:nth-child(5n){ margin-right:0}
.nbrand li:nth-child(5n+1){ clear:both}

.nnews .newskuai .date h3{ font-size:28px; margin-bottom:10px; }
.nnews .newskuai .date p{ font-size:18px; margin-bottom:0px; }

.nnews .newskuai a:after{ right:100px; }
.nnews .newskuai .wenzi{ width:calc(72% - 100px);}
.nnews .newskuai .wenzi h3{ line-height:40px;}
.nnews .newskuai .date{ margin-top:20px; }

.nab02 .wenzi{ padding:20px 20px 30px 20px;}
.nhr .conn .item .text h3{ font-size:18px; margin-bottom:10px;}
.nhr .conn .item.item{ padding:20px 20px 40px 20px;}
}

@media screen and (max-width:1320px){
.header .use li{ width:55px;}
.header .tel{ font-size:17px;}
.header .logo img{ height:28px;}
.header .logo .text{ letter-spacing:0.65px;}
.header .logo .text span{ font-size:23px; margin-bottom:3px;}
.header .menu li .menu_a{ margin:0 10px; }
.header .menu li.arrow .menu_a{margin:0 26px 0 10px}
.i-brand li a{ height:75px;}

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

.i-news .swiper-slide .text h3{ margin:2px 0 16px 0;}
.footer li h3{ font-size:16px;}

.banner .swiper-slide .wenzi h3{ font-size:24px; line-height:30px;}
.banner .swiper-slide .wenzi p{ line-height:30px; font-size:16px;}


.nbanner .text h3{font-size:24px; line-height:30px; }
.nbanner .text p{ font-size:14px; margin-top:0px;}
.pdetails .conntent img{ max-width:100%;}

}

@media screen and (max-width:1260px){
.header .logo .text{ margin-left:7px;}
.header .logo img{ height:25px;}
#a01, #a02, #a03, #a04, #a05, #a06{ margin-top:-80px; }
.space{ height:80px;}
.header {height:80px;}
.header .menu li .menu_a{ line-height:80px; font-size:14px;  }
.header .tel{ line-height:80px;}
.header .use li .search, .header .use li .language{ height:80px;}
.banner { margin-top:80px; }
.npdpnav.fixeds{top:80px !important;}
.banner .swiper-slide{ height:calc(100vh - 80px);}
.header .logo .text {letter-spacing: 0.42px;}
.header .logo .text span{ font-size:22px;}
.header .use li{ width:52px;}
.i-product .item h3, .pcalist .item h3{ font-size:16px;}
.i-product .item h3, .pcalist .item h3{ margin-top:2%; }
.i-brand li a{ height:70px;}
.nbrand li a{ display:block;height: 80px; }
.npdpnav li a{ padding:0 15px; }
.ndown .conn .item h3{ font-size:16px;}

}
@media screen and (max-width:1240px){
.header .logo .text {letter-spacing: 0px;}
.header .logo .text span{ letter-spacing:-0.9px;}

.banner .swiper-slide .wenzi h3{ font-size:22px;}
.banner .swiper-slide .wenzi p{ line-height:26px; font-size:14px;}	


.title h4{ font-size:16px; margin-bottom:6px;}
.title h3{ font-size:24px; line-height:28px;}
.title02 h3{font-size:22px; line-height:26px;}
.abtitle h4{ font-size:16px;}
.abtitle h3{ font-size:24px; line-height:28px;}
.title{ margin-bottom:30px;}
.nbanner img{ width:130%; margin-left:-15%;}

.protop .pbrief .protitle h3{ font-size:22px; }
.protop .pbrief .conn{ line-height:28px; }
.protop .pbrief .protitle{ padding-bottom:15px; margin-bottom:15px;}
.pdetails .conntent{ padding:30px; }
.pdetails .conntent .nr{padding:20px 0;}
.pdetails .conntent .canshu table td{ padding: 3px 6px;}
}
@media screen and (max-width:1180px){
.header .menu, .header .use{ display:none;}	
.header .lang{ display:block;}
.m-btn{ display:block}
.header .tel {margin-right:90px;}

.section-vh{ height:auto !important; min-height:auto !important}
.fp-tableCell{height: auto !important;}
.fp-section.fp-table, .fp-slide.fp-table{height: auto !important;}
.Pagebtn-ico{ display:none !important;}
#fp-nav{ display:none !important; }

.banner .swiper-slide{ height:520px;}
.banner .swiper-pagination{ margin-bottom:15px !important;}


.section .title{-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); opacity:1; -webkit-transition:all 1.5s ease;-moz-transition:all 1.5S ease;transition:all 1.5s ease;}
.section.active .title{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1}
.section .conn{-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); opacity:1; -webkit-transition:all 1.5s ease;-moz-transition:all 1.5S ease;transition:all 1.5s ease;}
.section.active .conn{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1}

.title h4{ margin-top:0}
.i-product, .i-brand, .i-about, .i-news { padding:40px 0 60px 0;}

.i-about .text{ margin-top:20px; -webkit-transform: translateX(0px); -moz-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px); opacity:1; -webkit-transition:all 1.5s ease;-moz-transition:all 1.5S ease;transition:all 1.5s ease;}
.i-about.active .text{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0); opacity:1}
.i-about .images{-webkit-transform: translateX(0px); -moz-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px); opacity:1; -webkit-transition:all 1.5s ease;-moz-transition:all 1.5S ease;transition:all 1.5s ease;}
.i-about.active .images{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0); opacity:1}

.footer li:nth-child(3){ display:none;}

.footer{ margin-bottom:60px;}
.m-foot{ display:block}

.nbanner .text .title{ margin-bottom:10px;}
.protop .proll .swiper-button-prev,  .protop .proll .swiper-button-next{width:40px; height: 40px;font-size: 24px;  margin-top: -20px; }
.protop .proll .swiper-button-prev, .protop .proll .swiper-button-next{ background-size:10px auto;}
.title02{ margin-bottom:25px;}
}
@media screen and (max-width:1024px){
.header .logo{ margin-left:4%;}	
.wrap{ width:92%;}
.npdpnav.fixeds{ padding:0 4%;}
.section-vh{ height:auto !important; min-height:auto !important}
.fp-section.fp-table, .fp-slide.fp-table{height: auto !important;}
.banner .swiper-slide{ height:480px;}

.protop{ margin-bottom:50px;}
.protop .proll{ width:100%; margin-bottom:30px;}
.protop .pbrief{ width:100%;position: relative; right:auto;-moz-transform:translate(0%,-0%);-webkit-transform:translate(0%,-0%);transform:translate(0%,-0%); top:auto;}

.npdpnav li a{ padding:0 10px; }

.nbrand li{ width:23.5%; margin-right:2%; margin-bottom:15px}
.nbrand li a{ display:block;height: 100px; }
.nbrand li:nth-child(5n){ margin-right:2%}
.nbrand li:nth-child(5n+1){ clear:none}
.nbrand li:nth-child(4n){ margin-right:0}
.nbrand li:nth-child(4n+1){ clear:both}

.pslists .pptext { display:block; margin-bottom:15px;}
.pptext .pplogo{ width:auto; height:auto; margin-right:0;padding:20px;}
.pptext .pplogo img{ max-width:160px;}
.pptext .intro{ width:auto;}

.nnews .newskuai .wenzi p{-webkit-line-clamp: 2;}

.nnews .newskuai .date h3{ font-size:24px; margin-bottom:10px; }
.nnews .newskuai .date p{ font-size:16px; margin-bottom:0px; }

.nnews .newskuai a:after{ right:90px; }
.nnews .newskuai .wenzi{ width:calc(72% - 90px);}
.pdetails .conntent .nr .blue{ font-size:18px;}
}

@media screen and (max-width:920px){
.banner .swiper-slide{ height:420px;}	
.title h4{ font-size:14px; margin-bottom:6px;}
.title h3{ font-size:22px; line-height:28px;}
.title02 h3{font-size:20px; line-height:26px;}

.abtitle h4{ font-size:14px; }
.abtitle h3{ font-size:22px; line-height:28px;}

.abtitle{ margin-bottom:20px; padding-bottom:15px;}
.i-about .text .abcon{ line-height:26px;}

.title{ margin-bottom:25px;}	


#a01, #a02, #a03, #a04, #a05, #a06{ margin-top:-70px; }
.space{ height:70px;}
.header {height:70px;}
.header .menu li .menu_a{ line-height:70px; font-size:14px;  }
.header .tel{ line-height:70px;}
.header .use li .search, .header .use li .language{ height:70px;}
.banner { margin-top:70px; }
.npdpnav.fixeds{top:70px !important;}
.banner .swiper-slide{ height:calc(100vh - 70px);}


.m-btn{top:26px}
.m-menu{ padding-top:70px;}
.m-menu ul{ height:calc(100vh - 70px);}
.header .logo{margin: 15px 0 15px 3%;}
.banner .swiper-slide .wenzi .con p{ padding-left:25px;}
.banner .swiper-slide .bpic{padding: 0 0 0 3%;}
.banner .swiper-slide .wenzi{padding: 0; }
.i-about .text .more{ margin-top:30px;}

.footer li:nth-child(4){ display:none;}
.footer .copyright{ padding:15px 0;}

.nbanner img{ width:140%; margin-left:-20%;}

.nguide ul li{ padding:10px 0;}
.nguide .location{ padding:10px 0 10px 30px; background: url(../images/home.svg) no-repeat left center; background-size:15px auto; }
.nguide ul li{ margin:0 10px; }
.nguide ul li:first-child{ margin-left:0; }
.nguide ul li:last-child{ margin-right:0; }

.prodetail .lists .section-wrapper .text table tr td:first-child{ min-width:100px; }
.pslists .conn img{margin-top:0 !important }

.nabout .images{ width:100%; position: relative; left:auto; top:auto; height:autos; margin-bottom:20px;}
.nabout .images img{ display:block; width:100%; height:auto;}
.nabout .text{ width:100%; float:none;}

.nhr .conn .item .icon{ width:80px; height:80px; }
.nhr .conn .item .icon img{max-height:45px; max-width:45px;}

.nhr .conn .item .text h3{ font-size:16px; margin-bottom:8px;}
.nhr .conn .item.item{ padding:20px 15px 35px 15px;}

.pdetails .pdtop .picout{ width:100%; float:none;}
.pdetails .pdtop .intro{ width:100%; float:none; margin-top:30px; }
.pdetails .pdtop .intro .inconn{ line-height:28px;}
.pdetails .conntent{ padding:20px; }
.pdetails .conntent .ktitle{ font-size:20px;}

.pdetails .conntent .list .item .num{ line-height:76px; margin-top:-38px; font-size:30px;}
.pdetails .conntent .list .item .wz{ padding:45px 25px 30px 25px; margin-top:-35px; }
}
@media screen and (max-width:768px){
.banner .swiper-slide{ height:400px;}	
.header .tel{ display: none;}	

.i-brand li{ width: calc(33.33% - 10px); margin-right:15px; margin-bottom:15px}
.i-brand li a{ display:block;height: 65px; }
.i-brand li:nth-child(6n){ margin-right:15px}
.i-brand li:nth-child(6n+1){ clear:none}
.i-brand li:nth-child(3n){ margin-right:0}
.i-brand li:nth-child(3n+1){ clear:both}

.banner .swiper-slide{ height:360px;}
.i-product .item{ width:100%; padding:20px;}
.i-product .item h3, .pcalist .item h3{ margin: 10px 0 20px 0; }

.i-about .images{ width:100%; position: relative; right:auto;}
.i-about .text{ width:100%; }
.banner .swiper-pagination{ margin-bottom:5px !important;}
.footer li:nth-child(2), .footer li:nth-child(5){ display:none;}
.nguide ul li{ margin:0 5px; }

.prodetail .lists .section-wrapper .pic{ width:100%; float:none; margin-top:30px;}
.prodetail .lists .section-wrapper .text{ width:100%; float:none;}
.npdpnav li a{ padding:0 8px; }

.nbrand li{ width:32%; margin-right:2%; margin-bottom:15px}
.nbrand li a{ display:block;height: 90px; }
.nbrand li:nth-child(4n){ margin-right:2%}
.nbrand li:nth-child(4n+1){ clear:none}
.nbrand li:nth-child(3n){ margin-right:0}
.nbrand li:nth-child(3n+1){ clear:both}

.pslists .item .text{ padding:15px;}
.pslists .item .nmmore{ margin:15px auto;}

.ndown .conn .item{ width:100%; margin-right:0%; margin-bottom:20px; padding:15px;}
.ndown .conn .item h3{ font-size:15px;}
.naqlist li{padding: 10px 15px;}
.naqlist .aqlist_tit{ font-size:15px;}
.naqlist li .aqlist_tit{ padding:0px 30px 0px 0}
.naqlist li.cur .aqlist_tit{background: url(../images/jian.png) no-repeat right center; background-size: 24px auto;}
.naqlist li .aqlist_tit{background: url(../images/jia.png) no-repeat right center; background-size: 24px auto;}

.nvideo .item{ width:49%; margin-right:2%; margin-bottom:2%; background:#fff;}
.nvideo .item:nth-child(3n){ margin-right:2%; }
.nvideo .item:nth-child(2n){ margin-right:0; }
.nvideo .item p{ margin:10px 15px 0 15px;}
.nvideo .item h3{ font-size:15px; padding:0px 15px 20px 15px; }

.nab02 .wenzi{ padding:15px 15px 25px 15px;}

.nab02 .conn .item{ width:100%; margin-right:0%; margin-bottom:20px; }

.contact01 .conn .item{ width:100%; margin-right:0%; margin-bottom:20px; padding:25px 15px 30px 15px; }

.hrtop{ font-size:17px; line-height:50px;padding: 0px 15px; margin-bottom:15px;}
.hrlist li{  margin-bottom:12px; }
.hrlist .toptit{ line-height:45px;}
.hrtop span:nth-child(3), .hrtop span:nth-child(4){ display:none}
.hrtop span{ width:30%;}
.hrtop span.job{ width:40%;}
.hrlist li.cur .toptit {background: url(../images/nanext05.png) no-repeat calc(100% - 15px) center;}
.hrlist .toptit{padding: 0px 15px;background: url(../images/nanext04.png) no-repeat calc(100% - 15px) center;}
.hrlist .toptit span:nth-child(3), .hrlist .toptit span:nth-child(4){ display:none}
.hrlist .toptit span{ width:30%;}
.hrlist .toptit span.job{ width:40%}
.hrlist .cont{margin: 15px 15px;}


.pdetails .conntent .list.list03 .item{ width:100%; margin-right:0%; margin-bottom:50px;}
.pdetails .conntent .list.list0004 .item{ width:23.5%; margin-right:2%; margin-top:45px; border:solid 1px #ddd; border-radius:10px;}
.pdetails .conntent .list.list02{ max-width:1200px; margin:0 auto; }
.pdetails .conntent .list.list02 .item{ width:100%; margin-right:0%; margin-top:25px;}
.pdetails .conntent .list.list003{ max-width:1200px; margin:0 auto; }
.pdetails .conntent .list.list003 .item{ width:100%; margin-right:0%; margin-top:25px; text-align:center;}
.pdetails .conntent .list.list004{ max-width:1200px; margin:0 auto; }
.pdetails .conntent .list.list004 .item{ width:100%; margin-right:0%;}
.pdetails .conntent .list.list04 .item{ width:100%; margin-right:0%; margin-bottom:20px; }

.pdetails .conntent .lista .item:nth-child(2){ position: relative; width:100%; margin-top:30px;}
.piaoyou{ position: relative; right:auto; bottom:auto; }
}

@media screen and (max-width:640px){
.banner .swiper-slide{ height:320px;}
.banner .swiper-slide .wenzi p{ font-size:13px;}
.banner .swiper-slide .wenzi h3{ font-size:20px;line-height:25px;}
.banner .swiper-slide .wenzi{ width:50%}
.banner .swiper-slide .bpic{ width:35%; height:60%; }

.pcshow{ display:none;}
.phshow{ display:block}

.header .logo{ position:absolute; left:3%; top:50%; margin-left:0; margin-top:-14px;}
.header .logo img{ display:block; height:28px; margin:0;}
.header .lang{right: 50px;}

.more{ width:100px; padding-right:15px; line-height:35px; padding-right:15px;}
.nmmore{ width:110px; line-height:35px;}
.pslists .item .nmmore{ margin-bottom:10px;}

.banner .swiper-slide .wenzi .con{ margin: 10px 0 35px 0;}
.i-product, .i-brand, .i-about, .i-news { padding:30px 0 50px 0;}
.i-product .item h3, .pcalist .item h3{margin: 0px 0 12px 0;}

.footer li .code{ width:110px; float:right; margin-right:0; margin-top:10px;}
.footer li .code img{ width:110px;}
.footer li .lists{ float:left; width:calc(100% - 140px)}
.footer li .ftop{ margin-bottom:15px;}
.footer li .ftop img{ margin-right:0; padding-right:0; border:none; display:block; float:none;}
.footer li .lists{ line-height:24px;}
.footer li .lists p{ padding:5px 0;}
.footer .fcontent{ padding:40px 0 50px 0; }

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

.nguide ul{ width:100%; text-align:center; float:none; clear:both; margin-top:-10px;}
.pcalist .item{ width:100%; margin-bottom:20px; padding:20px 3% 40px 3%;}

.pslists .item{ width:calc(50% - 10px); margin-right:20px; margin-bottom:20px; }
.pslists .item:nth-child(3n){ margin-right:2%;}
.pslists .item:nth-child(2n){ margin-right:0;}

.nguide .location a{ padding-left:10px; margin-left:8px;}
.nbrand li a{ height: 80px; }

.nnews .newskuai .pic{ float:none; width:100%; margin-bottom:10px; position:relative; z-index:2;}
.nnews .newskuai .wenzi{ width:calc(100% - 80px); padding-left:0;}
.nnews .newskuai a:after{ right:80px;}
.nnews .newskuai .date h3{ font-size:22px; margin-bottom:0px; }
.nnews .newskuai .date p{ font-size:14px; margin-bottom:0px; }
.nhr .conn .item.item{ width:100%; margin-right:0%; margin-bottom:20px;}
}

@media screen and (max-width:480px){
.banner .swiper-slide .wenzi{ width:56%}
.banner .swiper-slide .bpic{ height:55%; }	
.banner .swiper-slide .wenzi p{ font-size:12px;}
.banner .swiper-slide .wenzi h3{ font-size:18px;}
.banner .swiper-slide{ height:280px;}

.title h4{ font-size:13px; margin-bottom:0px;}
.title h3{ font-size:20px; }
.nbanner img{ width:160%; margin-left:-30%;}

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

.nbrand li a{ height: 70px; }
}