@charset "utf-8";

/* CSS Document */
.menu-btn{ position: absolute; top:50%; right:3%; height:60px; width:25px; margin-top:-45px; cursor:pointer; display:none}
.menu-btn span{display:block; height:3px; width:25px; background:#f8141c; 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:9999999; 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:24px; line-height:55px; display:block}
.m-menu li.last a{ padding:2px 20px; line-height:40px;font-size:20px; margin-top:20px; display:inline-block;}
.m-menu li.last .line{display:inline-block; height:10px; width:1px; background-color: rgba(255,255,255,0.7);}

.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:65px; padding-top:5px; left:0; bottom:0;background: #0c4b74; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#fff; display:block;}
.m-foot li.li1 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/flmail.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:25px}

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



@media screen and (max-width: 1440px){
.ncontact .item p i{ display:block}
.header .menu li .menu_a{ font-size:16px;margin: 0 8px;}
.newslist li .time span:first-child{ font-size:40px}

.nban{height:260px;padding-top:104px;}
.nban .page{height:260px;}
.nban_txt span{font-size:45px;color:#fff;letter-spacing:5px;}
body{ font-size:15px; line-height:28px}
}

@media screen and (max-width: 1240px){
.banner{ width:124%; margin-left:-12%}
.wrap{width:94%;}

.header .logo{ margin-top:-32px;}
.header .logo img{ height:64px;}
.footer li:nth-child(1) img{ height:64px;}
.header .menu li .menu_a{ margin:0 6px}
.footer li{ margin-left: 6%;}

.nbanner{ width:110%; margin-left:-5%}
.nbanner .nbantit h3{ font-size:36px;}


.iabout .youshi .item h3 span{ font-size:45px; line-height:55px;}

.newslist li .txt{width: calc(75% - 120px);margin-right:2%; margin-left:2%;}
.newslist li .txt .tit{font-size: 20px;margin-top:0px;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s}
.newslist li .time{width: 120px; padding-right:30px; margin-top:0}
}

@media screen and (max-width: 1024px){
.header .logo{ margin-top:-30px; left:3%}
.header .logo img{ height:60px;}
.footer li:nth-child(1) img{ height:60px;}	
.header .wrap{ width:100%}
.title h4 img { height: 50px;}

.icustomers .item{ width:calc(20% - 8px); margin-right:10px; margin-bottom:10px;}
.icustomers .item:nth-child(6n){ margin-right:10px}
.icustomers .item:nth-child(6n+1){ clear:none}
.icustomers .item:nth-child(5n){ margin-right:0}
.icustomers .item:nth-child(5n+1){ clear:both}
.icustomers .item:nth-child(21), .icustomers .item:nth-child(22), .icustomers .item:nth-child(23), .icustomers .item:nth-child(24){ display:none}

.section{ padding:60px 0 80px 0;}
.section02{ padding:60px 0 60px 0;}
.sectionpre{ padding-top:60px}
.sectionnext{ margin-bottom:80px;}

.iabout .youshi{ margin-top:10px;}
.footer li{ margin-left: 5%;}
.inner-nav li a{font-size:16px;height:60px; line-height:60px;}
.nbanner{ width:120%; margin-left:-10%}

.nbanner .nbantit h3{ font-size:35px; margin-bottom:10px}


.inner-nav li a{font-size:16px;padding:0 30px;}
.newslist li .txt .tit{ margin-bottom:10px;}


.nban{height:300px;padding-top:104px;}
.nban .page{height:300px;}
.nban_txt span{font-size:36px;}
.nban_txt p.desc{font-size:16px;}

body{ font-size:14px; line-height:26px}
}
@media screen and (max-width: 1023px){
.nab02 .picScroll ul li{ width:33.33%}
.nab02 .wrap{ width:calc(94% - 40px)}


.nprodetail .pics .picScroll ul li{width:50%; }
}

@media screen and (max-width:980px){
.header .menu li .menu_a{ margin:0 4px}	
.header .logo{ margin-top:-28px;}
.header .logo img{ height:56px;}
.footer li:nth-child(1) img{ height:56px;}
.footer li:last-child{ display:none}

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

.section{ padding:40px 0 60px 0;}
.section02{ padding:40px 0 ;}
.sectionpre{ padding-top:40px}
.sectionnext{ margin-bottom:60px;}
.iproducts.section{ padding-top:40px}

.nab02 .guojia .item .inn{width:100px; height:100px;margin:0 auto; font-size:20px;}

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

.ygfuli .iconfont{/*box-shadow:0 0 0 10px rgba(223,30,37,.15);*/}

}

@media screen and (max-width: 920px){
.header .menu{ display:none}
.header .language{ display:none}	
.menu-btn{ display:block;}	
.header .wrap{ height:90px;}
.header{ height:90px;}
#a01, #a02, #a03, #a04, #a05{ margin-top:-90px;}
.space{ height:90px}
.title h4 img { height: 40px;}
.title { margin-bottom:25px; padding-bottom:5px;}

.iabout .youshi .item h3 span{ font-size:35px; line-height:35px;}


.inews .inews_l{ float:none; width:100%;  margin-right:0;}
.inews .inews_l .cons .imgs{height:120px}
.inews .inews_r{ width:100%; margin-top:15px;}

.footer {padding: 30px 0 40px 0;}
.copyright {padding:15px 0; line-height:25px; margin-bottom:65px;}
.m-foot{ display:block}

.nbanner .nbantit h3{ font-size:30px;}
.banner{ width:130%; margin-left:-13%}
.nab02 .text{ padding:12px; margin:0 5px}
.nab02 .guojia .item{ margin-top:0}
.nab02 .guojia { width:110%; margin-left:-5%;}

.nbanner{ width:160%; margin-left:-30%}
.inner-nav li a{padding:0 20px;}

.nab03 .ppic{ width:100%; float:none}
.nab03 .wenzi{ width:100%; float:none; margin-top:20px;}


.nprodetail .npropic{ float:none; width:100%; margin-bottom:30px; }
.nprodetail .npwenzi{ float:none; width:100%;}
.nprodetail .npwenzi .nptitle{ margin-bottom:20px}
.nprodetail .npwenzi .nptitle h3{ font-size:20px;line-height:30px;}



.newslist li .txt{width: calc(75% - 90px)}
.newslist li .txt .tit{font-size:18px;}
.newslist li .time{width: 90px; padding-right:0px;}
.newslist li .time span:first-child{ line-height:35px; font-size:30px;}


.downlist li{ width:100%;margin-bottom:20px; padding:15px; position:relative; float:none;}
.downlist li:nth-child(2n){ float:none}

.nban{height:250px;padding-top:104px;}
.nban .page{height:250px;}
.nban_txt span{font-size:28px;}
.nban_txt p.desc{font-size:14px;}

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

.npwenzi .teshu .item{ width:100%; padding:20px;}
.npwenzi .teshu .item:nth-child(1){ width:100%; padding:0;}
.npwenzi .teshu .item:nth-child(2){ width:100%;}
.npwenzi .teshu .item:nth-child(3){ border:none; padding:0 20px;}
.npwenzi .teshu .item:last-child{ padding-bottom:40px; }
}

@media screen and (max-width: 640px){
.header .logo{ margin-top:-23px;}
.header .logo img{ height:46px;}
.footer li:nth-child(1) img{ height:46px;}
.header .wrap{ height:70px;}
.header{ height:70px;}
#a01, #a02, #a03, #a04, #a05{ margin-top:-70px;}
.space{ height:70px}
.title h4 img { height: 35px;}

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

.nprodetail .npwenzi .nptitle{ margin-bottom:0}

.nproducts .item{ width:48.5%; margin-right:0 !important}
.nproducts .item:nth-child(2n){ float:right !important}
.nproducts .item:nth-child(3n+1){ clear:none !important}
.nproducts .item:nth-child(2n+1){ clear:both !important}
.nproducts .item .cot{ width:100%; padding:0 10px}
.nproducts .item:nth-child(4){ margin-left:0 !important}

.iabout .abpic{ display:none}
.iabout .abconn{ float:none; width:100%;}
.iabout .title { text-align:center}
.iabout .title:after{left:50%; margin-left:-30px}
.iabout .youshi .item { text-align:center}


.icustomers .item{ width:calc(25% - 7.5px);}
.icustomers .item:nth-child(5n){ margin-right:10px}
.icustomers .item:nth-child(5n+1){ clear:none}
.icustomers .item:nth-child(4n){ margin-right:0px}
.icustomers .item:nth-child(4n+1){ clear:both}
.footer li{ margin-right:0}
.footer li:nth-child(2),.footer li:nth-child(3), .footer li:nth-child(4){ display:none}

.nab02 .picScroll ul li{ width:50%}
.nab02 .guojia .item .inn{width:80px; height:80px;margin:0 auto; font-size:18px; line-height:24px}

.nbanner .nbantit h3{ font-size:26px; margin-bottom:0}
.nbanner{ width:170%; margin-left:-35%}
.inner-nav li a{padding:0 20px; height:50px; line-height:50px;}

.title h3{font-size:28px; line-height:30px;}
.title h5{font-size:26px; line-height:30px;}
.nmain .title h3{font-size:26px; line-height:30px; }

.fzlist .cont{ max-height:400px }
.fzlist .toptit h3{ line-height:24px; font-size:18px;}
.fzlist .toptit { padding: 10px 15px;}

.newslist li .pic{width:100%; margin-bottom:20px}
.newslist li .txt{width: calc(100% - 95px);margin-right:0%; margin-left:0%; float:right}
.newslist li .time{width: 80px; padding-right:0; }
.nnewsx .newstitle .back{ display:none}

.shangxia li{ float:none; width:100%;}
.shangxia li:nth-child(2){ float:none}
.shangxia li a{ margin:0 20px; line-height:50px; }
.nnewsx .newstitle{margin-bottom: 15px; padding-bottom:15px;}

.downlist .tit{ font-size:16px;}

.downlist li .hd .hr_con{ width:320px; top:50%; left:50%; margin-left:-160px; height:auto}
.downlist li .hd .hr_con .submit{ margin-top:20px;line-height:38px;height:38px;}

.hrlist li{ width:calc(50% - 1px); padding:30px 15px 15px 15px; }
.hrlist li .icon{ width:40px; height:45px;}
.hrlist li .tit{ font-size:18px;}

.ygfuli li{ width:32%; }
.ygfuli li:nth-child(3){ margin-right:0}
.ygfuli li:nth-child(4){ clear:both; margin-left:16.666%}
.ygfuli li:nth-child(1), .ygfuli li:nth-child(2), .ygfuli li:nth-child(3){ margin-bottom:20px;}

.hrlist li .hd .hr_con{ width:320px; height:80%; top:10%;margin-left:-160px; padding:15px; font-size:15px; line-height:30px; }
.hrlist li .hd .hr_con .tit_hd{ font-size:18px;}

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

.inquiry .form .column{ float:none; width:100%; margin-right:0;  line-height:40px; position:relative}
.inquiry .form .row_1 { margin-right:0;}
.inquiry .form .row_1 input{ line-height:40px; float:none; width:100%; padding-left:70px}
.inquiry .form .row_1 label{ line-height:40px;}
.inquiry .form .row_2 label{ line-height:40px;}
.inquiry .form  img{ display: block; height:40px !important;}

.nab02 .picScroll ul li{width:100%; }
.nprodetail .pics .picScroll ul li{width:100%; }
.nab02 .picScroll{ background:url(../images/aboutdbg.png) no-repeat center bottom; height:200px;}
.nab02 .picScroll ul li:nth-child(2n){ margin-top:0px}
.nab02 .text .dian { bottom:0;}
.nab02 .text p{white-space: normal}
.nab02 .picScroll ul li:nth-child(2n) .text .dian{ bottom:0px; top:auto}

.nban{height:200px;}
.nban .page{height:200px;}
.nban_txt span{font-size:24px;}
.nban_txt p.desc{color:#fff; font-size:14px;background:#fff;background-clip: content-box;-webkit-background-clip: text;color: transparent;animation: moveBg 1s linear infinite;-webkit-animation: moveBg 1s linear infinite; margin-top:0}
.nban_txt{ margin-top:-30px}

.toolbar{ display:none;}
.nab02 .picScroll{ padding:0 25px}


.jiaodian .item{ float:none; margin-right:0%; width:100%; margin-bottom:20px}
.jiaodian .item:nth-child(2n){ float:none}
.jiaodian .item .conn{  min-height:auto}


.dlhy .item{ float:none; width:100%; margin-bottom:30px;}

.iproducts .conn .item{ width:48.5%; margin-right:3% !important;}
.iproducts .conn .item:nth-child(2n){ margin-right:0 !important;}
}

@media screen and (max-width: 460px){
.title h5{font-size:24px;}
.ncontact .item{ float:none; width:100%; margin-bottom:25px}

.nban{height:160px;}
.nban .page{height:160px;}
}


@media screen and (max-width: 640px){
.zuoyoupic{ display: block;}
.zuoyoupic .zuo{display: block;}
.zuoyoupic .you{display:block;}

.sili2403 .item{ float:left; width:50%; padding:0px 10px 0 10px; }

.saq, .szhichi{ margin-bottom:60px;}

.saq .list .item{ width:48.5%; margin-right:3%; margin-bottom:3% }
.saq .list .item:nth-child(2n){ margin-right:0}

.szhichi .kuai .image{ float:none; width:100%}
.szhichi .kuai .text{ float:none; width:100%; padding:20px 0px 40px 0px; margin-top:0}
.szhichi .kuai:nth-child(2n) .image{ float:none}
.szhichi .kuai:nth-child(2n) .text{ float:none}
.szhongdian .list .item{ width:48.5%; margin-right:3%; margin-bottom:3%; }
.szhongdian .list .item:nth-child(3n){ margin-right:3%}
.szhongdian .list .item:nth-child(2n){ margin-right:0}

.saq .list .item .num{ font-size:24px; line-height:40px; }
.saq h3, .szhichi .biao h3, .szhongdian .biao h3{ font-size:22px;}
.inner-nav li a{height:45px; line-height:45px;}

.ncontact .item h3{ background:url(../images/biao.png) no-repeat left center; background-size:18px auto; padding-left:30px;}
.ncontact .item p{ padding-left:30px;}
.ncontact .item p span:nth-child(1){ width:75px;}
.iproducts .item{ margin-top:20px;}
.nban_txt p.desc{ line-height:20px; margin-top:6px;}
}


@media screen and (max-width: 420px){
.saq .list .item{ width:100%; margin-right:0%; margin-bottom:20px }
.saq .list .item:nth-child(2n){ margin-right:0}

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

/*@media screen and (max-width: 400px){
.inner-nav li:nth-child(4),	.inner-nav li:nth-child(5),	.inner-nav li:nth-child(6){ margin-top:-10px;}	
}*/
@media screen and (max-width: 920px){
.kuai250601 .image{ float:none; width:100%; margin-bottom:20px;}
.kuai250601 .text{ float:none; width:100%} 
.kuai250601 .text .content{ padding:20px;}
.kuai250601 .text .content h3{font-size: 18px;}

.kuai250602{ padding:20px;}
.kuai250602 li{ float:none; width:100%;line-height:40px;}
.kuai250602 li:nth-child(2n){ float:none}
.kuai250602 li span{width:auto;}

.kuai250603 h3{ ont-size:20px; }
.kuai250603 h5{ font-size:18px; }
.npwenzi .teshu .item h3{ margin:0px 0 10px 0;}

}