@charset "utf-8";
/* CSS Document */
.m-btn{ display:none; margin-top:20px}
.m-btn span{ width:25px; height:3px; background:#d6001c; display:block; margin-bottom:5px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.m-btn .span3{ margin-bottom:0}
.open-btn .span2{ display:none}
.open-btn .span1{ -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:right top}
.open-btn .span3{ -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);transform-origin: 14px 8px}
.m-menu{ position:fixed; top:80px; background:#fff; width:100%; display:none; z-index:10}
.m-menu li {line-height: 55px; font-size: 16px;border-bottom: 1px solid #e8e8e8;}
.m-menu li a{ position:relative; padding:0 5%; display:block}
.m-menu li .menu_a i {position: absolute;top: 15px;right: 5%;width: 22px;height: 22px;background: url(../images/ico_03.png) no-repeat center;background-size: 22px 22px;}
.m-menu li .menu_a.cur {background: #d6001c;color: #fff;}
.m-menu li .menu_a.cur i{background: url(../images/ico_03_h.png) no-repeat;height: 2px;top: 26px;}
.m-menu li .sub {background: #f5f5f5;line-height: 35px;font-size: 14px;padding: 10px 0 20px;display: none;}
.m-banner{ display:none; position:relative}
.m-banner .swiper-slide a{ display:block; height:400px; background-size:auto 100% !important;}
.m-banner .swiper-pagination-bullet{border:1px solid #fff; opacity:1; background:none}
.m-banner .swiper-pagination-bullet-active{ background:#fff; border:1px solid #fff}
.m-footer{ position:fixed;bottom:0;left:0; width:100%; height:45px;background: #d6001c; color:#fff; z-index:99;display:none;font-size:12px}
.m-footer a{ color:#fff;}
.m-footer li{ width:33.33%; float:left; text-align:center}
.m-footer li a{ display:block;padding-top:22px}
.m-footer .li1 a{ background:url(../images/ftel1.png) no-repeat center 2px;}
.m-footer .li2 a{ background:url(../images/ftel.png) no-repeat center 2px;}
.m-footer .li3 a{ background:url(../images/fmail.png) no-repeat center 2px;}
@media screen and (max-width: 1440px){
	.wrap{ width:90%}
	.menu li{margin: 0 20px;}
	.product-top #preview{ width:45%}
	.product-top .text{ width:50%}
}
@media screen and (max-width: 1200px){
	.banner{ display:none}
	.m-banner{ display:block}
	.head .tel{ display:none}
	.culture li .intro{ min-height:auto; height:160px; overflow-y:auto;}
	.serlist li .pic img{ height:200px}
	.zoomdiv{ width:45%!important; height:400px !important;left:46% !important}
}
@media screen and (max-width:1024px){
	.m-btn{ display:block}
	.menu{ display:none}
	.head{ height:60px; position:fixed; top:0; width:100%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.15); z-index:999;}
	.headFix{ animation:none}
	.logo img{ padding-top:8px}
	.m-menu{ top:60px;}
	.m-banner,.nbanner,.main2 .db{ margin-top:60px !important;}
	.video{ height:auto; padding-top:30px}
	.video h2{ width:160px; float:none; margin:0 auto}
	.videoshow{ position:relative; margin:0 auto 0; width:80%; height:auto}
	.i-pro-list li .pic{ height:200px}
	.i-pro-list li .pic img{ max-width:88%; height:auto; left:6%; margin-left:0}
	.i-pro-list li.li4 .pic,.i-pro-list li.li5 .pic{ height:250px}
	.i-pro-list li .text{ top:15%; left:8%; width:42%}
	.i-pro-list li.li5 .pic img{ right:-50px}
	.i-about .pic{ float:left; width:50%}
	.i-about-con{ position:relative; float:right;top:0; right:0; background:#f2f2f2; box-shadow:none}
	.i-about-con .top{ padding-top:0; padding-right:0}
	.i-about-con .intro{ padding-bottom:0; padding-right:0}
	.i-about .pic:before,.i-about .wrap:after{ display:none}
	.i-about-con .intro .more{color:#fff; background:url(../images/icon_2_h.gif) #d6001f no-repeat 80% 10px}
	.culture li{ width:48%}
	.culture li .intro{ min-height:160px}
	.nbanner{ height:180px;}
	.nbanner img{ height:100%; width:auto; margin-left:-50px; position:absolute; left:0;top:0;}
	.serlist li{ width:98%}
	.serlist li .pic{ width:20%}
	.serlist li .pic img{ height:auto}
	.serlist li .text{ width:75%}
	.serlist li:after{ left:25%}
	.newslist li .more{ margin-top:30px;}
	.newslist li .intro{ font-size:14px}
	.contact_1{ position:relative; width:90%; height:auto; right:auto;top:0;transform: translateY(0);box-shadow: none; margin:0 auto; padding:0}
	.contact_1 li{ background-position:0 0;padding-left: 40px;}
	#allmap{ height:300px;}
	.prolist li{ width:48%}
	.main .content{ font-size:14px; line-height:28px}
	.foot-nav{width: 100%;float: none;margin-bottom: 20px;}
	.foot-c{max-width: 100%;text-align: left;float: none;}
	.foot-c .tel{text-align: left;}
}
@media screen and (max-width:900px){
	.i-pro-list li .pic{ height:180px}
}
@media screen and (max-width:800px){
	.i-pro-list li .pic{ height:160px}
}
@media screen and (max-width:768px){
	.m-banner .swiper-slide a{ height:350px}
	.i-pro-list li{ margin-bottom:30px}
	.i-pro-list li .pic{ height:140px}
	.i-pro-list li .tit{ font-size:16px}
	.i-pro-list li .text .intro{ line-height:22px; margin-top:15px; font-size:12px}
	.i-pro-list li .text .intro p{ margin-bottom:0}
	.i-pro-list li.li4, .i-pro-list li.li5{ width:97%}
	.i-pro-list li.li4 .pic, .i-pro-list li.li5 .pic{ height:200px}
	.i-pro-list li.li4 .pic img{ max-height:80%; width:auto}
	.i-pro-list li.li5 .pic img{ max-height:105%; right:0}
	.i-pro-list li.li4{ margin-bottom:40px}
	.i-pro-list li.li5{ margin-bottom:0}
	.i-pro-list li.li5 .pic img{ top:-20px}
	.i-pro{ padding:40px 0}
	.title,.main .db, .main2 .db{ font-size:28px}
	.i-about{ padding-top:0; padding-bottom:40px}
	.i-about .wrap,.i-about .pic,.i-about-con{ width:100%}
	.i-about-con .top{ padding:30px 5% 0}
	.i-about-con .intro{ padding:10px 5% 0}
	.i-news{ padding:40px 0; background-size:contain;}
	.i-news .left{ float:none ; width:100%; text-align:center; padding-top:0; padding-bottom:30px;}
	.i-news .left .more{ display:none}
	.i-news .right{ width:100%; border:none}
	.i-mews-list li{ padding-left:0}
	.footer{ padding-top:40px}
	.footer .top{ padding-bottom:30px}
	.footer .bot{ padding-bottom:50px;}
	.foot-nav{ display:none}
	.foot-c{ float:none}
	.foot-c .tel{ text-align:left}
	.footer .bot .backtop{ left:50%; margin-left:-14px;top:auto;bottom:-40px}
	.main{ padding:40px 0}
	.nbanner .text h3{ font-size:26px}
	.nbanner .text h3 .line{ margin-top:10px}
	.nav-sed .wrap{ width:100%;}
	.nav-sed ul{ display:block; padding:5px 0}
	.nav-sed li{ width:31.33%; margin:1%}
	.nav-sed li a{ line-height:32px; background:#fff}
	.nav-sed li a::after{ display:none}
	.nav-sed li a:hover,.nav-sed li a.cur{color: #fff; background:#d7001f}
	.newslist li .tit{ font-size:18px; margin-bottom:10px}
	.newslist li .intro{ line-height:24px;}
	.hrlist-infor{ padding:3% 3% 5%}
	.jqZoomPup{ display:none}.zoomdiv{ display:none !important}
	.product-top{ margin-bottom:30px}
	.product-top #preview,.product-top .text{ width:100%}
	.product-top .text{ margin-top:20px}
	.product-top .text .pro-db{ font-size:22px; padding-bottom:15px}
	.product-top .text .pro-db .line{ margin-top:10px; width:15px}
	.product-top .text .zixun{ margin-top:30px}
	.protab-list a{ width:120px; line-height:40px;}
}
@media screen and (max-width:640px){
	.m-banner .swiper-slide a{ height:280px}
	.i-pro-list li .pic{ height:120px}
	.i-pro-list li.li4 .pic, .i-pro-list li.li5 .pic{ height:160px}
	.i-pro-list li .text{ left:5%}
	.serlist li .tit{ font-size:16px; margin-bottom:0}
	.serlist li .click, .serlist li .time{ font-size:12px; line-height:22px}
	.serlist li .more,.newslist li .more{ margin-top:15px; width:70px; line-height:32px;}	
	.nbanner{ height:150px}
	.nbanner img{ margin-left:-200px}
	.nbanner .text{top:40%}
	.nbanner .text h3{ font-size:22px}
	.nbanner .text h3 .line{ width:15px; margin-top:5px}
	.hrtop,.hrlist-top{ padding:0; font-size:14px}
	.hrlist-infor{ font-size:14px; line-height:30px}
	.shenqing{padding: 0 15px; margin-top:20px}
	.pro-nav-sed li{ width:48%}
	
}
@media screen and (max-width:560px){
	.i-pro-list li .pic{ height:100px}
}
@media screen and (max-width:480px){
	.logo img{ height:36px; width:auto; padding-top:13px}
	.m-banner .swiper-slide a{ height:200px}
	.video h2{ font-size:18px; width:130px}
	.title,.main .db, .main2 .db{ font-size:25px}
	.i-pro .title{ margin-bottom:30px}
	.i-pro-list li .pic img{top:-15px}
	.i-pro-list li.li4 .pic img{ max-height:70%}
	.i-pro-list li .tit{ margin-top:10px;}
	.i-pro-list li .tit .line{ width:15px; margin-top:5px}
	.i-about-con .intro .company{ font-size:18px; margin-bottom:10px}
	.i-about-con .intro{ font-size:14px}
	.i-news .left{ padding-bottom:10px}
	.i-mews-list li .time{ font-size:12px}
	.i-mews-list li .cla{ font-size:12px;margin: 0 10px; padding:0 6px}
	.m-footer{ display:block}
	.footer{ margin-bottom:45px;}
	.nbanner img {margin-left: -280px;}
	.news-nbanner img{margin-left: -200px;}
	.culture li{ width:98%}
	.culture li .intro{ min-height:auto; height:auto}
	.culture li .text{ padding-bottom:30px}
	.newslist li .pic{ width:100%}
	.newslist li .text{ width:100%; margin-top:20px}
	.newslist li{ margin-bottom:30px; padding-bottom:20px}
	.newtit{ font-size:20px; margin-bottom:5px}
	.ntime{ font-size:12px;}
	.page2 .back{ margin-top:0}
	.main,.i-pro,.i-news{ padding:30px 0}
	#allmap{ height:220px}
	.prolist li{ width:98%}
	.footer{ padding-top:30px}
	
}
@media screen and (max-width:450px){
	.i-pro-list li .pic{ height:80px}
	.i-pro-list li .text{ width:55%}
}
@media screen and (max-width:375px){
	.i-pro-list li .pic{ height:65px}
}
@media screen and (max-width:320px){
	body{ min-width:320px}
	.i-pro-list li .pic{ height:55px}
}