@charset "utf-8";
/* CSS Document */
.menu-btn{ height:92px; margin:0 3%; width:25px;cursor:pointer; display:none; position:fixed; right:0%; top:0}
.menu-btn span{display:block; height:2px; width:25px; background-image: linear-gradient(to right,#164671, #412770); margin-bottom:5px}
.menu-btn .line1{ margin-top:36px}
.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:37px; height:37px; background:url(../images/close.png) no-repeat; 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:22px; line-height:45px; display: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-image: linear-gradient(to right,#164671, #412770); color: #FFF;margin-left: -3px; border:none}

.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-image: linear-gradient(to right,#164671, #412770);color:#fff; display:none; z-index:1500; border-top:solid 1px rgba(255,255,255,0.4)}
.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.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 !important}
.pcshow{ display: block !important}

@media screen and (max-width:1680px){
.header .logo{ margin-left:5%}
.header .search{ margin-right:5%;}
.header .menu li .menu_a{ margin:0 15px}
}

@media screen and (max-width:1600px){
.header .logo{ margin-left:3%}
.header .search{ margin-right:3%;}
}
@media screen and (max-width:1550px){
.header .menu li .menu_a{ margin:0 12px}
}
@media screen and (max-width:1500px){
.header .tel{ margin-right:20px; font-size:17px;}
.header .menu li .menu_a{ margin:0 10px; font-size:17px;}
}

@media screen and (max-width:1440px){
.header .tel{ margin-right:15px; font-size:16.5px;}
.header .logo{ margin-left:2%}
.header .search{ margin-right:2%;}

.banner .swiper-slide .text h3{ font-size:40px; line-height:40px; }
.banner .swiper-slide .text p{ font-size:20px;line-height:30px; }
.banner .swiper-slide .text p sup{ font-size:10px;}
.banner .swiper-slide .text .use{ font-size:16px; margin-top:60px;}
.banner .swiper-slide .text .use .item{ margin-right:15px}
.header .tel{ padding-left:25px;}

.nbanner .text h3{font-size:40px; line-height:40px;}
.nab02 .swiper-slide h3{font-size:40px; line-height:40px;}
.wrap{ width:88%;}

.section{ padding:60px 0 70px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:70px;}
.title {padding-bottom: 30px;}
.inews .conn h3{ font-size:17px}

.nab03 .item .text h3{ font-size:20px;}
.nab03 .item .text h4{ font-size:16px;}
}
@media screen and (max-width:1366px){
.space{ height:92px;}
#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{  margin-top:-92px;}
.header{height:92px;}
.header .tel{ line-height:92px}
.header .search .sub{top:92px;}
.header .menu li .menu_a{ line-height:92px; margin: 0 8px}
.header .logo img{ height:65px;margin:13.5px 0}
.header .search{ margin:35px 0; margin-right:3%}

.banner .swiper-slide .text h3{ font-size:34px; line-height:34px; }
.banner .swiper-slide .text p{ font-size:18px;line-height:28px; }
.banner .swiper-slide .text .use{ font-size:15px;}
.banner .swiper-slide .text .use .item{ margin-right:10px}

.nbanner .text h3{font-size:34px; line-height:34px;}
.nab02 .swiper-slide h3{font-size:34px; line-height:34px;}
body{ font-size:15px; line-height:28px;}
.banner img{ width:110%; margin-left:-5%}
.nbanner img{ width:110%; margin-left:-5%}
.title h3{ font-size:32px; line-height:32px;}
.title h4{ font-size:22px;}
.title p{ font-size:16px;}
.iapp .gallery-thumbs .swiper-slide h3 span{ display:none}
.iabout .text{ padding-top:0}

.title h4 { margin-top: 10px;}
.inews .conn .item02 .kuai { margin-bottom: 8px;}
.imainpro .swiper-slide .text{ height:60px; line-height:24px;}

.nprolist li h3{font-size:20px;}

.applist .item .text h3{ font-size:28px; margin:15px 0;}

.nappdetail .ntitle h3 {font-size: 28px;padding-bottom: 25px;margin-bottom: 25px;}
.other .tjtitle h3{ font-size:30px}
.other .swiper-slide { padding:20px 15px}
.other .swiper-slide h3{ font-size:20px}
.ndown .dtop{ font-size:18px;}

.nhr .conn .item .text h3{ font-size:22px;}
.nhr .conn .item .text h4{ font-size:18px;}
.ncontact .title h4{ font-size:24px}
}
@media screen and (max-width:1320px){
.header .menu li .menu_a{ font-size:16px; }
.header .tel{ margin-right:12px; font-size:16px;}
.header .search{ margin-right:1.5%;}

}
@media screen and (max-width:1239px){
.header .menu{ display:none;}	
.menu-btn{ display:block}	
.header .tel{ margin-right:70px;}
.header .search{ display:none}

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

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

.float_r{ display:none}
.m-foot{ display: block;}
.footer{ margin-bottom:55px;}

.nab04 .wrap .title{ position: relative; width:100%; left:auto; top:auto; text-align:center}
.nab04 .wrap .title h3{ position:relative; margin-bottom:0px; padding-bottom:0; }
.nab04 .wrap .title h3:after{ display:none}
.nab04 .conn { position:relative; padding-left:0; padding-bottom:50px;}

.nab04 .swiper-pagination{ width:100%; bottom:0}

.ncontact li span{ font-size:16px;}
.ncontact li p{ font-size:14px;}
}
@media screen and (max-width:1024px){
.hrlist li .hd .hr_con .tit_hd{ font-size:22px;}

.wrap{ width:94%;}

.banner img{ width:120%; margin-left:-10%}
.nbanner img{ width:120%; margin-left:-10%}
.banner .swiper-slide .text h3{ font-size:30px; line-height:30px; }
.banner .swiper-slide .text p{ font-size:16px;}
.banner .swiper-slide .text .use{ font-size:14px;}
.iproducts .item{ padding:20px 0}
.imainpro .swiper-slide .text{ height:50px; line-height:22px;}
.iapp .gallery-top .text h3{ font-size:20px; margin-bottom:10px;}
.iapp .gallery-top .text .more{ margin-top:30px;}
.iapp .gallery-thumbs .swiper-slide{ height:120px;}

.nbanner .text h3{font-size:30px; line-height:30px;}
.nab02 .swiper-slide h3{font-size:30px; line-height:30px;}
.nnav li a{ margin-right:30px;}

.nab02 .wrap{ width:calc(94% - 60px)}
.nab02 .swiper-button-prev, .nab02 .swiper-button-next{ left:-30px}
.nab02 .swiper-button-next{ left:auto; right:-30px}

.nab03 .item .text h3{ font-size:18px;}
.nab03 .item .text h4{ font-size:15px;}

.nproxiang .protabmenu li{font-size: 20px; padding:0 20px}
.prodetail .use{ position: relative; left:auto; bottom:auto; width:auto; margin-top:20px;}
.prodetail .use li{ padding:0 20px}

.nhr .conn .item .text h3{ font-size:20px;}
.nhr .conn .item .text h4{ font-size:17px;}

.ncontact li{ padding:15px; min-height:98px;margin-right:1%; width:32%;}
.ncontact li img{padding-right:10px;}
}
@media screen and (max-width:920px){
.hrlist li .tit{ font-size:20px; }

.hrlist li .hd .hr_con{ width:460px;margin-left:-230px; padding:20px; }
.hrlist li .hd .hr_con .tit_hd{ font-size:20px;}
.nnewslist .newskuai .text{ margin-top:0}

.space{ height:84px;}
#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{  margin-top:-84px;}
.header{height:84px;}
.header .tel{ line-height:84px}
.header .search .sub{top:84px;}
.header .logo img{ height:60px;margin:12px 0}
.menu-btn{ height:84px; }

.banner .swiper-slide .text h3{ margin-bottom:15px;}
.banner .swiper-slide .text p{ line-height:26px;}
.banner .swiper-slide .text .use{ margin-top:30px; margin-bottom:0px;}
.banner .swiper-slide .text .use .item img{ margin-bottom:5px;}

.banner img{ width:130%; margin-left:-15%}
.nbanner img{ width:130; margin-left:-15%}
.title h3{ font-size:24px; line-height:24px;}
.title h4{ font-size:18px;}

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

.iabout .image{ float:none; width:100%}
.iabout .text{ float:none; width:100%; padding-top:20px;}


.iproducts .item{ width:32%; margin-right:2%;}
.iproducts .item:nth-child(3n){ margin-right:0}
.iproducts .item:nth-child(3n+1){ clear:both}
.iproducts .item:nth-child(1), .iproducts .item:nth-child(2), .iproducts .item:nth-child(3){ margin-bottom:2%}

.iapp .gallery-top .pic{ float:none; width:100%}
.iapp .gallery-top .text{ width:100%; padding:15px; float:none}
.iproducts .item .text, .imainpro .swiper-slide .text h3{ font-size:16px;}
.iabout .text .more{ margin-top:30px}

.inews .conn .item{ width:100%; margin-right:0; margin-bottom:25px;}
.inews .conn .item02{ width:100%; padding:15px 15px 25px 15px;}
.inews .conn .item .text{ padding:15px 15px 25px 15px}
.inews .conn .item .text .date{ margin:5px 0}
.inews .conn h3{ font-size:16px;}

.footer li:nth-child(5){ display:none}
.footer .copyright .coleft, .footer .copyright .coright{ display:block; float:none; text-align:center}
.footer .fcontent{ padding:30px 0}

.nnav{ line-height:50px;}
.nab02 .swiper-slide{ line-height:30px;}

.nprolist li h3{font-size:18px;}

.prodetail .pics{ float:none; width:100%;}

.prodetail .wenzi{ width:100%; float:none}
.prodetail .wenzi h3{ margin:20px 0 10px 0; font-size:24px;}

.prodetail .use li.pliuyan {margin-right:5px;}

.prodetail .use li span{ padding-left:25px;}
.nproxiang .protabmenu li{ font-size:18px}
.nproxiang #protabcontent{ padding:15px 15px 20px 15px}

.applist .item .text h3{ font-size:24px; margin:15px 0;}

.applist .item .pic{ float:none; width:100%}
.applist .item .text{ float:none; width:100%;}
.applist .item:nth-child(2n) .pic{ float:none}
.applist .item:nth-child(2n) .text{ float:none}
.applist .item .text .more{ margin-top:30px}

.nappdetail .ntitle h3 {font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;}
.other .tjtitle h3{ font-size:24px}
.other .swiper-slide h3{ font-size:18px}

.title {padding-bottom: 25px;}
.nhr .conn .item .text{ padding:15px}
.nnewslist .newskuai .more{ margin-top:30px;}
}
@media screen and (max-width:768px){
.ndown .dtop span:nth-child(1), .ndown .dbottom li span:nth-child(1){ width:75%;}
.ndown .dtop span:nth-child(2), .ndown .dbottom li span:nth-child(2){ display:none}
.ndown .dtop span:nth-child(3), .ndown .dbottom li span:nth-child(3){ display:none}
.ndown .dtop span:nth-child(4), .ndown .dbottom li span:nth-child(4){ width:25%}
.ndown .dbottom img{ display:block; width:23px; height:30px; margin:15px auto}

.nnewslist .newskuai .date{ position:absolute; left:0; top:0;width: 70px;height: 55px;text-align: center; padding: 6px 0; line-height:20px; font-size:14px;}
.nnewslist .newskuai .pic{ margin:0}
.nnewslist .newskuai .text{ width: 68%;}
.nnewslist .newskuai .date h3{ font-size:17px; line-height:20px;}

.shangxia li{ float:none; display:block;}
.shangxia li:nth-child(2){ float:none;}

.nbanner .text h3{font-size:24px; line-height:24px;}
.banner .swiper-slide .text h3{ font-size:26px; line-height:26px; }
.banner .swiper-slide .text p{ font-size:16px;}
.banner .swiper-slide .text .use{ font-size:12px;}
.nab02 .swiper-slide h3{font-size:24px; line-height:24px;padding:20px 0}
.banner .swiper-slide .text h3{ font-size:24px; line-height:24px; }
.banner .swiper-slide .text p{ font-size:15px; line-height:21px;}
.banner .swiper-slide .text .use .item{ margin-right:5px;}

.banner .swiper-slide .text h3, .banner .swiper-slide .text p{ width:56%}

.banner img{ width:140%; margin-left:-20%}
.nbanner img{ width:140%; margin-left:-20%}
.footer li:nth-child(6){ display:none}

.nnav li a{ margin-right:20px;}
.nab02 .swiper-slide .inn{ padding-left: 25px}
.title h4{ font-size:16px}
.nab02 .swiper-slide .inn{ height:250px;}

.iabout .text .more a{ width:120px; line-height:35px;height:35px;}
.iapp .gallery-top .text .more{ width:120px; line-height:33px;height:35px;}
.inews .more a{width:120px; line-height:33px;height:35px; }
.nprolist .more{ width:120px; height:35px; line-height:33px; }
.applist .item .text .more{ width:120px; line-height:33px;height:35px; }
.nappdetail .more a{width:120px; line-height:33px;height:35px;}
.other .swiper-slide .more{  width:120px; height:35px; line-height:33px;}
.nnewslist .newskuai .more{ width:120px; line-height:33px;height:35px;}
.other .tjtitle{ margin-bottom:25px}
.feedback .form .row .submit{ margin:30px auto}
.ncontact ul{ display:block}
.ncontact li{width:100%; min-height:inherit; margin-right:inherit; margin-bottom:10px}
}

@media screen and (max-width:640px){
.hrlist li .tit{ font-size:18px; }
.hrlist li .hd .hr_con{ width:360px;margin-left:-180px; padding:20px; }
.nnewslist .newskuai .text h3{ font-size:18px;}

.space{ height:74px;}
#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{  margin-top:-74px;}
.header{height:74px;}
.header .tel{ line-height:74px}
.header .search .sub{top:74px;}
.header .logo img{ height:54px;margin:10px 0}
.menu-btn{ height:74px; }
.menu-btn .line1{ margin-top:30px;}
.header .tel{ display:none}

.nbanner .text h3{font-size:22px; line-height:22px;}
.nab02 .swiper-slide h3{font-size:22px; line-height:22px; padding:15px 0}
.banner .swiper-slide .text .use{ display:none}
.banner .swiper-slide .text h3{ font-size:22px; line-height:22px; }
.banner img{ width:150%; margin-left:-25%}
.nbanner img{ width:150%; margin-left:-25%}

.inews .conn{ display:block}
.footer li:nth-child(2){ display:none}

.nab03 .conn {display: block;}
.nab03 .item{ width:100%; margin-right:0%; margin-bottom:20px;}
.nab03 .item:last-child{ margin-bottom:0}
.nab03 .item .text {padding: 10px 10px 15px 10px;}

.nnav li{white-space:nowrap;}
.nnav ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}

.nprolist li{ width:48.5%; margin-right:3%; margin-bottom:3%; }
.nprolist li:nth-child(3n){ margin-right:3%}
.nprolist li:nth-child(3n+1){ clear:none;}
.nprolist li:nth-child(2n){ margin-right:0}
.nprolist li:nth-child(2n+1){ clear:both;}

.nhr .conn .item .text h3{ font-size:18px;}
.nhr .conn .item .text h4{ font-size:16px;}

.nhr .conn{display: block; }
.nhr .conn .item{ width:100%; margin-right:0%; margin-bottom:20px}
.nhr .conn .item:nth-child(2n){ margin-bottom:0}

.feedback .form .row_1{ margin-bottom:0;}
.feedback .form .column{ float:none; width:100%; margin-right:0%;margin-bottom:15px;}

}

@media screen and (max-width:540px){
.hrlist li{ width:100%; margin-top:0px; margin-right:0%; margin-bottom:20px; padding:20px;}
.hrlist li:nth-child(3n){ margin-right:0}
.nnewslist .newskuai .pic{width: 100%; float:none; margin-bottom:15px;}
.nnewslist .newskuai .text{ width: 100%; float:none}
.iabout .title h3{ font-size:20px;}
.iabout .title { width:110%; margin-left:-5%}
.footer li:nth-child(3){ display:none}
.footer li:nth-child(4){ display:none}
.footer li:nth-child(1) .saoyosao{ margin:25px auto 0 auto}
.footer ul{ display: block}
.footer li{ width:100%;}

.banner img{ width:160%; margin-left:-30%}
.nbanner img{ width:160%; margin-left:-30%}

.prodetail .wenzi h3{ font-size:22px;}
.applist .item .text h3{ font-size:22px; }
.nappdetail .ntitle h3 {font-size: 22px;}
.other .tjtitle h3{ font-size:22px}
}

@media screen and (max-width:450px){
.nbanner img{ width:200%; margin-left:-50%}	
	
}