@charset "utf-8";
/* CSS Document */
.menu-btn{ height:92px; margin:0 28px; width:25px;cursor:pointer;}
.menu-btn span{display:block; height:2px; width:25px; background:#fff; 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:30px; line-height:70px; 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: #e62021;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:50px; left:0; bottom:0;background:#6442ad; 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 !important}


@media screen and (max-width: 1800px){
.menu-btn{ margin:0 23px}
.header .search{ width:72px;}
.header .search a{width:72px;}
.header .use .tel{ padding:0 25px;margin-left:25px;}
.header .menu li .menu_a{ margin: 0 22px;}
}

@media screen and (max-width: 1700px){
.header .menu li .menu_a{ margin: 0 18px; font-size:17px}
.header .use .tel{ font-size:18px;}	
}
@media screen and (max-width: 1560px){
.header .menu li .menu_a{ margin: 0 16px;}

.menu-btn{ margin:0 20px}
.header .search{ width:66px;}
.header .search a{width:66px;}
.header .use .tel{ padding:0 22px;}
.iapplication .iapplist .text{ padding:40px;}
.iapplication .iapplist .text:after{top: 60px; height:50px;}
}

@media screen and (max-width: 1500px){
.header .menu li .menu_a{ margin: 0 12px;}
.menu-btn{ margin:0 18px}
.header .search{ width:62px;}
.header .search a{width:62px;}
.header .use .tel{ padding:0 20px;font-size:17px;}
.iabout .abtext .conn h3{ font-size:28px}
.iapplication .iapplist .text .num{bottom:30px}
}
@media screen and (max-width: 1440px){
.header .menu li .menu_a{ margin: 0 10px;}
.title h3{ font-size:42px; line-height:42px; }
.iabout .abtext .title h4{margin-left: 230px;}
.inews .title h4 {width: calc(100% - 290px);}

.inews .title h3{ width:140px}

.iapplication .iapplist .text h3 {font-size: 26px;line-height: 60px;}
.iapplication .iapplist .text{ padding:30px 40px; left: 80px; top: 80px; margin-top:20px;}
.iapplication .iapplist .text:after{top: 50px; height:45px;}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ width:80px; height:50px;  margin-top:-25px;}
.iapplication .iapplist .swiper-button-next{ left:auto;}


.iyoushi .item .text h3{ font-size:22px;}
.iyoushi .item .text{ font-size:15px}
.inews .conn h3{ font-size:17px;}
.inews .newsright .kuai .other{ margin-bottom:5px;}

.nbanner img{ width:110%; margin-left:-5%}
}


@media screen and (max-width: 1366px){
.wrap{ width:92%;}
body{font-size:15px;}

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

.iproducts .swiper-slide .text{ padding:10px;}
.iproducts .swiper-slide .text h3{ font-size:22px;}

.section{ padding:60px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:60px;}
.title h3{ font-size:40px; line-height:40px; }


.iabout .abtext .title h4{margin-left: 220px;}


.inews .title h3{ width:118px}
.inews .title h4 {margin-top: 6px;}
.inews .title .more a { margin-top: 0;}
.inews .title h4 {width: calc(100% - 280px);}
.iabout .abtext .conn h3{ font-size:26px}

.iapplication .iapplist .text .num{ display:none}


.nbanner img{ width:120%; margin-left:-10%}
.nbanner .text h3{ font-size:32px; line-height:32px; }
.nbanner .text h4{ font-size:20px; margin-bottom:10px;}

.nab01 .text h3{ font-size:28px; line-height:40px}
.nab01 .text h4{ font-size:22px; margin-bottom:20px;}

.nab03 h3{ font-size:28px; margin-bottom:15px;}
.nab03 p{ font-size:22px;}

.nprolist .item .wenzi h3{ font-size:18px;}
.nprolist .item .wenzi h4{ font-size:22px;}

.nprox .text h3{ font-size:28px; line-height:30px; p margin-bottom:15px; padding-bottom:15px}
.nappx .text h3{ font-size:28px; line-height:30px; p margin-bottom:15px; padding-bottom:15px}

.napp .item .show01 .text{ padding:50px 40px;}
}
@media screen and (max-width: 1320px){
.menu-btn{ display: none}
.nab01 .text{ padding:35px;}

.napp .item .show01 .text{ padding:40px 40px;}
}
@media screen and (max-width: 1239px){
.header .menu{ display:none}
.menu-btn{ display: block}

.title h3{ font-size:36px; line-height:36px;}
.title h4{ font-size:22px;}

.header .search{ display:none}
.iapplication .iapplist .text p{ margin-top:15px}
.iproducts .swiper-slide .text h3{ font-size:20px;}
.iproducts .swiper-pagination-bullet{ width:38px}

.iabout .abtext .title h4{margin-left: 200px;}
.iabout .abtext .conn h3{ font-size:24px}
.iyoushi .item .text h3{font-size:20px}

.banner{ width:110%; margin-left:-5%}
.iapplication .iapplist .text h3{ font-size:24px;}

.footer li:nth-child(4), .footer li:nth-child(6), .footer li:nth-child(7){ display:none}

.m-menu li a{ font-size:24px; line-height:50px; }

.nnav li{ padding:0 20px; min-width:136px; font-size:17px;}

.nbanner img{ width:130%; margin-left:-15%}
.nbanner .text h3{ font-size:30px; line-height:30px; }


.newskuai .more{ display:none}
.newskuai .wenzi h3{ margin:10px 0; font-size:17px}

.tjnews .wenzi {padding: 15px 20px;}

.nhr01 .item .tu .pic{ margin-left:20px}
.nhr01 .item .tu .biao{ font-size:22px; width:140px; line-height:40px; }
.nhr01 .item .wenzi{ margin-left:20px;}

.napp .item .show01 .text{ padding:30px;}
.napp .item .show01 .more{ margin-top:10px}
}


@media screen and (max-width: 1024px){
.nab03 .pic, .nab03 .wenzi{ float:left; width:49%}
.nab03 .pic:nth-child(3){ float:right; float:right}
.nab03 .wenzi{ padding:20px 20px 50px 20px}

.ntjpro .item .text h3{ font-size:17px;} 
.nnewsx .newstitle h3{ font-size:22px;}
.hrlist li .hd .hr_con .tit_hd{ font-size:22px;}
.nserivce .wenzi h3{ font-size:22px; line-height:40px;}

.napp .item .show01 .text{ padding:15px 20px;}
.napp .item .show01 .more{ margin-top:0}
.napp .item .text img { max-width: 30%;}

.napp .item .show02 .text p{font-size:22px;}
}
@media screen and (max-width: 920px){
.title h3{ font-size:32px; line-height:32px;}
.title h4{ font-size:23px;}	
.iyoushi .item .text h3{font-size:18px}

.iabout .abtext .title h4{margin-left: 180px;}

.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ width:60px; height:40px;  margin-top:-20px;}
.iapplication{ width:92%; margin:0 auto}

.iapplication .iapplist .text{ opacity:0; padding:25px; height:auto; position: relative; left:1%; width:98%; min-width:98%; margin-top:-30px; top:auto; margin-bottom:40px }
.iapplication .iapplist .pic{ overflow:hidden; position:relative; margin-bottom:0px;}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ display:none}
.iapplication .iapplist .text p{ height:auto}

.iproducts .swiper-slide .text h4{ font-size:17px;}
.iproducts .swiper-slide .text h3{ font-size:18px;}
.iproducts .swiper-slide .text { padding:0}
.iproducts .swiper-slide{ padding:15px}
.title{ margin-bottom:15px;}

body{ line-height:28px;}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:20px;}

.header .use .tel, .float_r{ display:none}

.banner{ width:120%; margin-left:-10%}

#a01, #a02, #a03, #a04, #a05{ margin-top:-87px;}
.header{ height:87px;}
.header .use{ line-height:87px;}
.banner, .nbanner{margin-top:87px;}

.header .logo{ margin-top:-22.5px;}
.header .logo img{height:45px; }
.menu-btn{ height:87px;}

.iabout .abpic{ float:none; width:100%;}
.iabout .abpic .chart{box-shadow: 0 0 15px #ccc; position:absolute; left:-0; top:15%; z-index:99; width:420px; height:120px; padding:30px 20px;background:url(../images/contact.png) #fff no-repeat 10% center; padding-left:112px}
.iabout .abpic .chart .chertin h3{ font-size:16px;}
.iabout .abpic .bg{ position:absolute; width:370px; height:90px; background:#e62021; top:calc(15% + 40px); left:10px; }
.iabout .abtext { float:none; width:100%;  margin-top:30px}

.iabout .abpic .chart, .iabout .abpic .bg{ display:none}
.iabout .abtext .conn h3{ font-size:22px;}
.iapplication .iapplist .text h3{ font-size:22px;}

.inews .newsleft{ float:none; width:100%; margin-bottom:20px}
.inews .newsright{ float:none; width:100%}

.inews .title h3 {width: 108px;}

.footer li:nth-child(8){ display:none}
.m-foot{ display:block}
.copyright{ margin-bottom:50px}

.nnav li{min-width:32%;width:32%; max-width:136px; font-size:16px;}
.nnav{line-height:45px}
.npnav{ line-height:24px !important; padding:10px 0}
.npnav li{ min-width:auto; width:28%}
.npnav li:nth-child(2){ width:40%}
.npnav li a:after{bottom:-16.5px; }
.npnav li:after{ bottom:-11px; }

.nbanner img{ width:140%; margin-left:-20%}
.nab01 .text{ padding:25px;}


.nab01 .conn{ margin-bottom:0px;}
.nab01 .pic img{ width:auto; max-width:100%; height:auto}
.nab01 .text{ position: relative; max-width:100%; height:auto; padding:20px 20px 50px 20px; top:auto; right:auto }


.nab01 .text h3{ font-size:24px;}
.nab01 .text h4{ font-size:20px; margin-bottom:15px;}

.nab02 .biaoqian{ margin:40px auto 0 auto; width:80px; height:80px;line-height:80px; font-size:20px;}
.nab02 .text h3{ font-size:18px;}
.nab03 h3{ font-size:24px; margin-bottom:15px;}
.nab03 p{ font-size:20px;}


.nprolist .item .wenzi h3{ font-size:17px;}
.nprolist .item .wenzi h4{ font-size:20px;}

.nprolist .item{ float:left; margin-right:0%; margin-bottom:20px; padding:2%; width:calc(50% - 10px)}
.nprolist .item:nth-child(3n){ margin-right:0}
.nprolist .item:nth-child(3n+1){ clear:none}
.nprolist .item:nth-child(2n){ float:right}
.nprolist .item:nth-child(2n+1){ clear:both}

.nprox .text h3{ font-size:24px; }
.nappx .text h3{ font-size:24px; }
.nprox .conn{  margin-bottom:0px;}
.nprox .picleft{ width:100%; max-width:100%;margin-left:0px }
.nprox .picleft .swiper-slide{ margin-bottom:0; padding:15px;}
.nprox .swiper-pagination-bullet{ width:38px; height:5px;}
.nprox .text{ position: relative; max-width:100%;width:100%; height:auto;padding:20px 20px 50px 20px; top:auto; right:auto; z-index:1 }

.nprox .picleft{ box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.nprox .picleft img{ box-shadow:none !important;}

.message{  margin:20px auto 0 auto}
.message label{ line-height:38px; }
.message .row2 .colum{ width:100%; float:none}
.message .row2 .colum:nth-child(2){ float:none}
.message .inp{line-height:38px;}
.message textarea{height:120px; }
.message .submit{ width:60%; line-height:42px; height:42px;font-size:17px;}


.message02{ width:100%; max-width:100% !important; margin:20px auto 0 auto}
.message02 .row2 .colum{ width:100% !important; float:none; margin-right:0%}
.message02 .row2 .colum:nth-child(2){ float:none}

.nnewsx .newstitle h3{ font-size:20px;}

.nnewsx .newstitle .back{ position: relative; right:auto; bottom:auto; margin-top:20px}

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

.nhr01 .item .tu .biao{ font-size:20px; width:120px; line-height:36px; }
.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;}
.nserivce .wenzi h3{ font-size:20px;}

.down .dtop span:nth-child(1), .down .dbottom li span:nth-child(1){ width:calc(100% - 40px); line-height:30px; padding:10px 0}
.down .dtop span:nth-child(2), .down .dbottom li span:nth-child(2), .down .dtop span:nth-child(3), .down .dbottom li span:nth-child(3){ display:none}
.down .dtop span:nth-child(4), .down .dbottom li span:nth-child(4){ width:40px}
.down .dbottom img{ height:30px; width:auto}

.down .dtop{ line-height:50px; font-size:16px;}

.napp .item .text p{ font-size:18px}

.nappx .pic img{ width:100%; max-width:100%}
.nappx .text{ position: relative; width:100%; max-width:100%; height:auto; padding:20px 20px 50px 20px; top:auto; right:auto }



}

@media screen and (max-width: 640px){
.title h3{ font-size:28px;}
body{ line-height:26px;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:12px;}

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

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

#a01, #a02, #a03, #a04, #a05{ margin-top:-82px;}
.header{ height:82px;}
.header .use{ line-height:82px;}
.banner, .nbanner{margin-top:82px;}

.header .logo{ margin-top:-20px;}
.header .logo img{height:40px; }
.menu-btn{ height:82px;}

.iabout .abtext .title h4{ margin-left:155px; padding-top:2px}


.iyoushi .item{ float:left; width:48.5%; margin-right:0%; margin-bottom:20px}
.iyoushi .item:nth-child(2n){ float:right}
.iyoushi .item:nth-child(2n+1){ clear:both}

.iyoushi .item .text{ margin-top:-30px;padding: 20px 10px;}

.inews .title h3{ width:94px}
.inews .title h4 {width: calc(100% - 230px);}
.inews .title .more{ width:120px;}
.inews .title .more a{ width:120px;}

.footer li:nth-child(2), .footer li:nth-child(3), .footer li:nth-child(5){ display:none}

.nbanner img{ width:160%; margin-left:-30%}
.nbanner .text{ margin-top:-45px;}
.nbanner .text h3{ font-size:28px; line-height:28px; }
.nab01 .text h4{ font-size:19px;}
.iabout .abtext .conn h3{ font-size:20px;}

.nab03 h3{ font-size:22px;}
.nab03 p{ font-size:18px;}

.nab03 .pic, .nab03 .wenzi{ float:none; width:100%; clear:both}
.nab03 .pic:nth-child(3){ float:none;clear:both}
.nab03 .wenzi{ display:block; padding:20px 20px 50px 20px}

.nprox .text h3{ font-size:22px; }
.nappx .text h3{ font-size:22px; }
.ntjpro .item{ float:left; width:calc(50% - 10px); margin-bottom:20px;}
.ntjpro .item:nth-child(2n){ float:right}
.ntjpro .item:nth-child(4n+1){ clear:none}
.ntjpro .item:nth-child(2n+1){ clear:both}
.ntjpro .item .text h3{ font-size:16px;}

.newskuai .pic{ float:none; width:100%}
.newskuai .wenzi{ float:none; width:100%; }
.newskuai:hover .wenzi{ margin-right:0%} 

.tjnews .item{ float:left; width:calc(50% - 10px); margin-right:0%; background:#fff; }
.tjnews .item:nth-child(2){ float:right}
.tjnews .item:nth-child(3){ display:none}
.tjnews .tu .shijian{ width:100px; line-height:30px;}

.ncb01 .item{ float:none; width:100%;border-right:none;border-bottom:solid 1px #ddd; text-align:center}
.ncb01 .item:nth-child(3){ border:none}

.nhr01 .item .tu .biao{ font-size:18px; width:100px;}
.nhr01 .item{ float:none; width:100%; margin-right:0%; margin-bottom:20px;}
.hrlist li .tit{ font-size:18px; }

.hrlist li .hd .hr_con{ width:360px;margin-left:-180px; padding:20px; }


.napp .item{ width:calc(50% - 10px); margin-right:0; margin-bottom:20px;}
.napp .item:nth-child(2n){ float:right}
.napp .item:nth-child(3n+1){ clear:none}
.napp .item:nth-child(2n+1){ clear:both}
.napp .item .show02 .text p{font-size:20px; line-height:45px }

.napp .item .show01 .more{ display:none}
}

@media screen and (max-width: 540px){
#a01, #a02, #a03, #a04, #a05{ margin-top:-76px;}
.header{ height:76px;}
.header .use{ line-height:76px;}
.banner, .nbanner{margin-top:76px;}

.menu-btn{ height:76px;}
.menu-btn .line1 {margin-top: 32px;}	
.footer li:nth-child(9){ display:none}

.nbanner img{ width:200%; margin-left:-50%}

.nprolist .item .wenzi h3{ font-size:16px;}
.nprolist .item .wenzi h4{ font-size:18px;}
/*.iyoushi .item{ float:none; width:100%; margin-right:0%; margin-bottom:20px}
.iyoushi .item:nth-child(2n){ float:none}
.iyoushi .item:nth-child(2n+1){ clear:both}*/

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

.nserivce .item{ float:none; width:100%; margin-right:0%; margin-bottom:30px;}
.nserivce .item:nth-child(3n){ margin-right:0;}
}