@charset "utf-8";
.m-foot{ position:fixed; width:100%; height:60px; left:0; bottom:0;background:#0362b6; color:#fff; display:none; z-index:99}
.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-email.png) no-repeat center 8px; padding-top:27px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 8px; padding-top:27px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 5px; padding-top:27px}


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



@media screen and (max-width: 1600px){
.header .logo{left:2%;}
.header .menu{margin-right:calc(2% + 230px);}
.header .mmbtn{right:2%; top:50%;}
.header .language{right:calc(2% + 60px); }

.banner , .nbanner img{width:110%; margin-left:-5%}
.zhengcelist .item .wenzi{ padding:35px }
}

@media screen and (max-width: 1366px){
.header .menu{margin-right:calc(2% + 200px);}
.header .language{right:calc(2% + 50px); }
.header .menu li .menu_a{ margin:0 20px}

.iproducts li .show01 h3{ font-size:20px;margin:20px;}
.iproducts li .show02 .text h3{font-size:20px;}

.title .tleft{ font-size:32px;}
.title h3{font-size:32px; font-weight:bold; line-height:32px}
.title p{ font-size:18px;}

.ntitle h4{ font-size:50px; line-height:50px; }
.ntitle h3{ font-size:32px; line-height:32px; margin-top:-20px; }
.nabout03 .ntitle02 h3{font-size:32px;}
.ntitle03 h3{ font-size:32px;}
.iabout .ajian h3{ font-size:20px;}
.ipicrolls #ul .num{ font-size:45px;}
.ipicrolls #ul .wenzi h3{ font-size:20px;}
.footer .fcontent .fguide a{ padding:0 16px}

.section{ padding:60px 0;}
.sectionpre{ padding:60px 0 0 0;}
.sectionnext{ padding:0 0 60px 0;}	

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

.nabout03{ padding:200px 0;}

.zhengcelist .item .wenzi{ padding:0 }


.nnews .newskuai:last-child{ margin-bottom:30px;}
.nnews .newskuai{padding: 30px 0;}

.nnews .newskuai .wenzi .more {position: relative; bottom:auto; right:auto; float:right; margin:20px 0}

.prolist .item .wenzi{ padding:0}

.prolist .item .wenzi h3{ font-size:28px; line-height:40px; margin-bottom:15px;}
.prolist .item .wenzi .more{ margin-top:30px;}

.prolist .item{ padding:40px 0;}

.proxiang .wenzi h3{ font-size:28px; margin:10px 0;}
}

@media screen and (max-width: 1240px){
.header .menu{margin-right:calc(2% + 180px);}
.header .language{right:calc(2% + 40px); }
.header .menu li .menu_a{ margin:0 14px}
.footer .fcontent .fguide a{ padding:0 14px}	


.space{ height:100px;}
#a01{  margin-top:-100px;}
#a02{ margin-top:-100px;}
.header{ height:100px;}
.header .logo{ height:100px;}	
.header .menu li .menu_a{ line-height:100px;}
.header .logo img{  height:44px;margin-top:-22px; }
.header .menu li .menu_a {margin: 0 12px;}

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

.title {margin-bottom: 20px;}

.footer{ padding:30px 0;}

.nbanner .text .cn{ float:left;font-size:28px; font-weight:bold; margin-bottom:40px;}
.nbanner .text .en{  float:left;text-transform:uppercase; margin-top:40px; position:relative}

.nabout03{ padding:180px 0;}


.nnews .newskuai .pic{ width:calc(27% - 2px);}
.nnews .newskuai .wenzi{ float:right; width:70%;}

.nnews .newskuai .wenzi h3{ line-height:36px; font-size:18px;}
.nnews .newskuai .wenzi p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; color:#666; font-size:14px; line-height:24px;}
}

@media screen and (max-width:1080px){
.header .menu li .menu_a {margin: 0 10px;}
.ipicrolls #ul .wenzi p{ font-size:10px;}
	

.section{ padding:50px 0;}
.sectionpre{ padding:50px 0 0 0;}
.sectionnext{ padding:0 0 50px 0;}	
.iabout .ajian{ padding-top:0}
.ipicrolls #ul .num{ font-size:40px}
}

@media screen and (max-width:1024px){
.ipicrolls #ul .num{ font-size:35px}
.header .menu{ display:none}

.iproducts li{width:33.33%;}
.iproducts li:nth-child(3n+1){ clear:both}

.iproducts li .show01 h3{ font-size:18px;margin:15px;}
.iproducts li .show02 .text h3{font-size:18px;}

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


.title .tleft{ font-size:30px;}
.title h3{font-size:30px; font-weight:bold; line-height:32px}
.title p{ font-size:18px;}

.ntitle h4{ font-size:40px; line-height:50px; }
.ntitle h3{ font-size:30px; line-height:30px; margin-top:-20px; }
.nabout03 .ntitle02 h3{font-size:30px;}
.ntitle03 h3{ font-size:30px;}
.iabout .ajian .quite li .icon img{ width:58px;}
.ipicrolls #ul .num{ display:none}
.ipicrolls #ul li a{ text-align:center; width:100%}
.ipicrolls #ul .wenzi h3{ text-align:center}
.ipicrolls #ul .wenzi{ width:100%}
.ipicrolls .ipicrolls_cont .text{ font-size:18px;}

.nabout03{ padding:160px 0;}


.hrlist li .hd .closed{ width:30px; height:30px; background:url(../images/close.png) no-repeat center; background-size:cover;}
.hrlist li .hd .hr_con{ width:640px;margin-left:-350px; padding:30px; font-size:15px; line-height:30px;}
.hrlist li .hd .hr_con .tit_hd{ font-size:20px;}


.prolist .item .wenzi h3{ font-size:24px; line-height:40px; margin-bottom:15px;}
.prolist .item .wenzi .more{ margin-top:30px;}

.prolist .item{ padding:30px 0;}

.proxiang .wenzi h3{ font-size:24px;}
}

@media screen and (max-width:920px){
.iabout .pic{ float:none; width:100%;}
.iabout .ajian{ float:none; width:100%; padding-top:20px;}	
.ipicrolls #ul .wenzi h3{ font-size:18px;}
.ipicrolls .ipicrolls_cont .text{ font-size:15px; line-height:21px;padding:15px 15px 20px 15px; width:calc(100% - 30px);position:absolute; bottom:0; }
.nbanner .text .cn{ font-size:24px; }

.nnav{ height:55px; line-height:55px; text-align:center}
.nnav li.cur a, .nnav li:hover a{ line-height:51px; }

.nabout03{ padding:120px 0;}
}

@media screen and (max-width:768px){
.iproducts li{width:50%;}
.iproducts li:nth-child(3n+1){ clear:none}	
.iproducts li:nth-child(2n+1){ clear:both}
.iproducts li .show02 .text p{ font-size:14px; line-height:24px;}
.banner, .nbanner img{width:150%; margin-left:-25%}
.ipicrolls #ul .wenzi p{ display:none}

.space{ height:90px;}
#a01{  margin-top:-90px;}
#a02{ margin-top:-90px;}
.header{ height:90px;}
.header .logo{ height:90px;}	
.header .menu li .menu_a{ line-height:90px;}
.header .logo img{  height:50px;margin-top:-25px; }
.header .menu li .menu_a {margin: 0 12px;}

.iabout .ajian .quite li .icon img{ width:52px;}
.ipicrolls #ul .wenzi h3{ font-size:16px;}


.float_kf{ display:none}

.footer .fcontact, .footer .erweima{ display:none;}
.footer .fcontent{ width:100%}
.footer{ padding:20px 0; margin-bottom:50px;}

.m-foot{ display:block}

.nametitile h3{ font-size:20px;}


.nabout02 .wrap{ display: block}
.nabout02 .pic{ display:block;width:100%;margin-bottom:20px;}
.nabout02 .wenzi{ display:block;width:100%; padding-left:0%; }
.nabout02 .wenzi .intro h3{ font-size:18px;margin-bottom:15px}

.zhengcelist .item{ margin-bottom:20px;}

.hrlist li{ width:50%; padding:20px 2%;}
.hrlist li .tit{ font-size:18px;}

.hrlist li .hd .hr_con{ width:580px;margin-left:-310px; padding:20px; font-size:15px; line-height:30px;}

.prolist .item{ padding:25px 0;}

.prolist .item .wenzi h3{ font-size:20px; }
.proxiang .wenzi h3{ font-size:20px;}
}


@media screen and (max-width:640px){
.nametitile h3{ font-size:18px;}
.space{ height:80px;}
#a01{  margin-top:-80px;}
#a02{ margin-top:-80px;}
.header{ height:80px;}
.header .logo{ height:80px;}	
.header .menu li .menu_a{ line-height:80px;}

.header .menu li .menu_a {margin: 0 12px;}

.title .tleft{ font-size:26px;}
.title h3{font-size:26px; font-weight:bold; line-height:32px}
.title p{ font-size:16px;}

.ntitle h4{ font-size:36px; line-height:50px; }
.ntitle h3{ font-size:26px; line-height:30px; margin-top:-20px; }
.nabout03 .ntitle02 h3{font-size:26px;}
.ntitle03 h3{ font-size:26px;}

.nbanner img{width:170%; margin-left:-35%}
.nnav li a{ padding:0 15px;}

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


.zhengcelist .item{ margin-bottom:40px;}
.zhengcelist .item .pic{ float:none; width:100%; margin-bottom:15px;}
.zhengcelist .item .wenzi{ float:none;width:100%; padding:0 }
.zhengcelist .item:nth-child(2n) .pic{ float:none}
.zhengcelist .item:nth-child(2n) .wenzi{ float:none; }

.clianxi li{ float:left; width:50%; position:relative}
.clianxi li:nth-child(2n+1){ clear:both}
.clianxi li .icon img{ max-width:90px;}
.clianxi li:nth-child(1), .clianxi li:nth-child(2){ margin-bottom:20px;}
.clianxi li .wenzi p{ width:88%;}

.nliuyan .map{ float:none; width:100%; margin-bottom:40px;}
.nliuyan .message{ float:none; width:100%;}
.nliuyan .biaoti{ margin-bottom:15px;}

.hrlist li .hd .hr_con{ width:500px;margin-left:-265px; padding:15px; font-size:14px; line-height:28px;}

.nnews .newskuai{ padding:15px 0 }
.nnews .newskuai:nth-child(2){padding: 0 0 15px 0}
.nnews .newskuai .pic{ float:none;width:100%; margin-bottom:20px;}
.nnews .newskuai .wenzi{ float:none; width:100%;}
.nnews .newskuai .wenzi .more{ float:none; margin:20px 0}


.prolist .item .pic{ float:none; width:100%; margin-bottom:20px}
.prolist .item .wenzi{ float:none; width:100%; padding:0}
.prolist .item:nth-child(2n) .pic{ float:none}
.prolist .item:nth-child(2n) .wenzi{ float:none}

.proxiang .picroll{ float:none; width:100%; margin-bottom:20px}
.proxiang .wenzi{ float:none; width:100%; padding:0;}

.ipicrolls .ipicrolls_cont .text{ position: relative; bottom:auto; min-height:65px }
}


@media screen and (max-width:540px){
	
.nametitile h3{ font-size:17px;}
.ntitle h4{ font-size:28px; line-height:40px; }
.space{ height:80px;}
#a01{  margin-top:-80px;}
#a02{ margin-top:-80px;}
.header{ height:80px;}
.header .logo{ height:80px;}	
.header .menu li .menu_a{ line-height:80px;}

.header .menu li .menu_a {margin: 0 12px;}

.header .language{right:calc(2% + 38px);}
.header .language li{ padding:0 10px; }
.nbanner img{width:240%; margin-left:-70%}



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

.hrlist li .hd .hr_con{ width:300px;margin-left:-165px;}
}

@media screen and (max-width:440px){
.nbanner img{width:280%; margin-left:-90%}
.ntitle h4{ font-size:24px; }
.iproducts li .show01 h3{ font-size:16px;}
.iproducts li .show02 .text h3{font-size:18px;}

}

@media screen and (max-width:360px){
.nbanner img{width:320%; margin-left:-110%}
}