@charset "utf-8";
/* by Magiee 20200915 */
html { overflow-x: hidden; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding: 0; margin: 0; }
body { line-height: 190%; }
ul, li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar {
 width: 6px;
 height: 12px;
}
::-webkit-scrollbar-button:vertical {
 display: none;
}
::-webkit-scrollbar-track:vertical {
 background-color: black;
}
::-webkit-scrollbar-track-piece {
 background: #fff;
}
::-webkit-scrollbar-thumb:vertical {
 background-color: #8e8e8e;
 border-radius: 5px;
}
::-webkit-scrollbar-thumb:vertical:hover {
 background-color: #3b3b3b;
}
::-webkit-scrollbar-corner:vertical {
 background-color: #535353;
}
::-webkit-scrollbar-resizer:vertical {
 background-color: #ff6e00;
}
/* 全局 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fl { float: left; }
.fr { float: right; }
/*通用*/
.wrapper { width: 1200px; margin: 0 auto; }
.pic { display: block; width: 100%; }
.bigtitle { text-align: center; }
.bigtitle .en { font-size: 16px; color: #666; text-transform: uppercase; }
.bigtitle .cn { font-size: 28px; color: #333; font-weight: bold; display: inline-block; position: relative; }
.bigtitle .cn:before { content: ""; width: 27px; height: 1px; position: absolute; right: -40px; top: 50%; background: #333; }
.bigtitle .cn:after { content: ""; width: 27px; height: 1px; position: absolute; left: -40px; top: 50%; background: #333; }
.bigtitle p { font-size: 15px; color: #666; margin-top: 10px; }

/*banner*/
.bannerslide { height: 735px; width: 100%; position: relative; -webkit-transition: all 0.2s; transition: all 0.2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; height: 735px; }
.bannerslide .swiper-button-prev { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index: 999; outline: none;}
.bannerslide .swiper-button-next { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index: 999; outline: none;}
.swiper-button-prev:after,.swiper-button-next:after{ content:normal;}

/*banner下的四板块*/
.bannerbox { width: 100%; height: 940px; position: relative; margin-bottom: 100px; }
.bannerbox .fourbox { position: absolute; bottom: -30px; left: 50%; margin-left: -625px; z-index: 99; background: #fff; padding: 65px 60px; box-shadow: #ccc 0px 0px 10px 2px; }
.bannerbox .fourbox li { float: left; width: 25%; text-align: center; font-size: 15px; color: #555; }
.bannerbox .fourbox li h2 { font-size: 20px; color: #333; margin: 30px 0 20px 0; }
/*top*/
.topbar { background-color: #eff3f7; }
.topbar .top-up { border-bottom: 1px solid #d4d4d4; font-size: 15px; color: #666; padding: 12px 0; }
.topbar .top-up a { color: #666; font-size: 15px; text-decoration: none; }
.topbar .top-up li { float: left; position: relative; padding: 0 20px; }
.topbar .top-up li:after { content: ""; width: 1px; height: 11px; position: absolute; right: 0; top: 33%; background: #666; }
.topbar .top-up li:last-child:after { display: none; }
.topbar .top-up li:first-child { padding-left: 0; }
.top-down { padding: 15px 0; position:relative; }
.top-down .logo { float: left; }
.top-down .logo img{ display:block; width:100%;}
.top-down .nav { float: right; margin-top: 14px; }
.top-down .nav a { float: left; font-size: 16px; color: #333; text-decoration: none; margin-left: 30px; }
.top-down .nav a:hover { color: #F00; }
.top-down .menu01 {
	display:none;
    max-width: 100px;
    width: 20%;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background:url(../images/menu.png) no-repeat center center;
}
.top-down .menu01 a {
    display: block;
    height: 100%;
}

/*首页产品*/
.homebox01 { background-color: #eff3f7; padding: 60px 0 40px 0; }
.homebox01 .prolist { margin-top: 30px; padding: 20px 40px; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; }
.homebox01 .prolist li { float: left; text-align: center; width: 10%; }
.homebox01 .prolist li a { font-size: 15px; color: #555; text-decoration: none; }
.homebox01 .prolist li a:hover { color: #F00; }
.homebox01 .proitem { margin-top: 40px; }
.homebox01 .proitem .item { border: 1px solid #dededf; padding: 10px; background-color: #fff; margin: 0 1% 2% 0; width: 24.25%; float: left; box-sizing: border-box; }
.homebox01 .proitem .item:nth-child(4n) { margin-right: 0; }
.homebox01 .proitem .item img { display: block; width: 100%; }
.homebox01 .proitem .item .name { font-size: 15px; color: #666; margin: 15px 0; text-decoration: none; }
.homebox01 .proitem .item .info { border-bottom: 1px solid #0067db; border-top: 1px solid #0067db; }
.homebox01 .proitem .item .info .n { float: left; background:#0067db url(../images/prolistbg.jpg) no-repeat center right; font-size: 14px; color: #fff; padding: 0 10px; font-weight: bold; width: 60%; line-height: 175%; }
.homebox01 .proitem .item .info .m { float: right; color: #fff; background-color: #ce0000; font-size: 20px; margin: 2px 0; line-height: 100%; width: 20px; text-align: center; }
/*首页公司简介*/
.homebox02 { padding: 60px 0; background: #fff; }
.homebox02 .about-us-bg { position: relative; margin-top: 30px; }
.homebox02 .about-textbox { position: absolute; left: 0; top: 10%; background: rgb(74 160 255 / 0.7); color: #fff; font-size: 16px; width: 44%; padding: 80px 60px; }
.homebox02 .about-textbox h1 { font-size: 35px; }
.homebox02 .about-textbox .abimg { margin: 30px 0; }
/*首页加工设备*/
.homebox03 { background: #fafbfc; padding: 60px 0; }
.homebox03 .eqpbox { margin-top: 30px; }
.homebox03 .eqpbox .eqp-left { float: left; margin-right: 10px; width: 49%; }
.homebox03 .eqpbox .eqp-right { float: right; width: 50%; }
.homebox03 .eqpbox .eqp-right .item { float: left; width: 49%; background: #c8ddf0; border: 1px solid #bdd0e0; padding: 1px; margin-right: 1%; margin-bottom: 2%; box-sizing: border-box; }
.homebox03 .eqpbox .eqp-right .item:nth-child(2n) { margin-right: 0; }
.homebox03 .eqpbox .eqp-right .item .m { text-align: right; background: linear-gradient(to right, #86bdef, #6aa2d6); padding: 5px; }
/*首页新闻*/
.homebox04 { padding: 60px 0; }
.homebox04 .newsitem { margin-top: 40px; }
.homebox04 .newsitem .item { border: 1px solid #ededed; box-shadow: #ededed 5px 5px; margin-right: 30px; width: calc(100% / 3 - 22px); float: left; }
.homebox04 .newsitem .item:last-child { margin-right: 0; }
.homebox04 .newsitem .item .img { }
.homebox04 .newsitem .item .info { padding: 40px 30px; }
.homebox04 .newsitem .item .info .name { font-size: 20px; color: #666; font-weight: bold; margin-bottom: 20px; }
.homebox04 .newsitem .item .info .content { font-size: 15px; color: #666; }
.homebox04 .newsitem .item .info .more { color: #fff; background: #fd4900; font-size: 13px; text-transform: capitalize; margin-top: 20px; padding: 3px 15px; display: inline-block; text-decoration: none; }
.homebox04 .newsitem .item .info .more:hover { background: #0067db; transition: all 0.2s; }
/*首页联系方式*/
.homebox05 { background: #e4edf6 url(../images/contactbg.jpg) no-repeat center top; padding: 60px 0; }
.homebox05 .contbox { margin-top: 50px; }
.homebox05 .contbox h3 { font-size: 22px; color: #333; font-weight: normal; margin-bottom: 30px; }
.homebox05 .contbox .conbox { float: left; box-sizing: border-box; padding: 45px 60px 60px 60px; width: 50%; background:#dbe7f5 url(../images/contactbg1.jpg) no-repeat right center; font-size: 16px; color: #666; height: 434px; }
.homebox05 .contbox .conbox .context { line-height: 2; }
.homebox05 .contbox .icon { width: 20px; display: inline-block; vertical-align: middle; text-align: center; padding-right: 20px; }
/*首页留言*/
.homebox05 .contbox .fedbox { float: left; box-sizing: border-box; padding: 45px 60px; width: 50%; background: #fff; height: 434px; }
.homebox05 .contbox .fedbox .line { overflow: hidden; margin-bottom: 10px; }
.homebox05 .contbox .fedbox .line01 { float: left; width: 48.9%; margin-right: 10px; }
.homebox05 .contbox .fedbox .line01:last-child { margin-right: 0; }
.homebox05 .contbox .fedbox label { display: block; font-size: 14px; color: #555; }
.homebox05 .contbox .fedbox .input { border: 1px solid #9c9c9c; }
.homebox05 .contbox .fedbox input { line-height: 26px; height: 26px; border: none; display: block; width: 100%; }
.homebox05 .contbox .fedbox textarea { border: none; width: 100%; line-height: 20px; padding: 10px 0; }
.homebox05 .contbox .fedbox input.btn { background-color: #ef4f19; color: #fff; line-height: 35px; height: 35px; font-size: 16px; cursor: pointer; width: 150px; }
.homebox05 .contbox .fedbox input.btn:hover { color: #fff; background-color: #1262bb; }
/*底部*/
.footer { background: #1b1b1b; color: #fff; font-size: 15px; text-align: center; padding: 60px 0; }
.footer a { color: #fff; }
.footer h2 { color: #ffe466; font-size: 27px; font-weight: bold; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; position: relative; margin-bottom: 50px; }
.footer h2:after { content: ""; width: 130px; height: 1px; position: absolute; left: 45%; bottom: -30px; background: #bababa; }

/*内页banner*/
.inbanner { background: url(../images/nybanner.jpg) no-repeat center; height: 150px; padding-top: 50px; }
.inbanner span { font-size: 26px; font-weight: bold; display: block; text-align: left; color: #fff; border-bottom: 1px solid #a1bfe2; padding-bottom: 15px; }
.inbanner em { font-size: 14px; color: #fff; display: block; margin-top: 14px; font-style: normal; text-align: left; }
.inbanner a{ color:#fff;}

/*内页*/
.incontent { padding: 50px 0; font-size: 15px; color: #333;}
.incontent h2{
	text-align: center;
    background: #019bdb;
    color: #fff;
    border-radius: 20px 0;
    padding: 5px 20px;
    margin: 0 auto;
    width: 30%;
    box-sizing: border-box;
	font-weight:normal;
}

/*产品展示*/
.nyproduct { width: 100%; }
.nyproduct .pro-left { width: 23%; float: left; }
.nyproduct .pro-left .pptit { font-size: 24px; font-weight: bold; text-align: left; color: #fff; background: linear-gradient(to bottom right, #0067db, #00a8db); padding: 40px; box-sizing: border-box; }
.nyproduct .pro-left .pptit span { font-size: 13px; text-align: left; color: #fff; font-weight: normal; display: block; }
.nyproduct .pro-left .ppbg { padding: 30px; box-sizing: border-box; text-align: left; border: #0087db 10px solid; border-top: 0px none; color: #3a73b8; background: #fff; }
.nyproduct .pro-left .ppbg ul { width: 100%; }
.nyproduct .pro-left .ppbg ul li { padding: 8px 0px; width: 100%; box-sizing: border-box; text-align: left; }
.nyproduct .pro-left .ppbg ul li span { float: right; display: inline-block; vertical-align: middle; padding-top: 2px; }
.nyproduct .pro-left .ppbg ul li a { font-size: 15px; color: #666; }
.nyproduct .pro-right { width: 74%; float: left; margin-left: 3%; }
.nyproduct .pro-right .item { border: 1px solid #dededf; padding: 10px; background-color: #fff; margin: 0 1% 2% 0; width: 32.3%; float: left; box-sizing: border-box; }
.nyproduct .pro-right .item:nth-child(3n) { margin-right: 0; }
.nyproduct .pro-right .item img { display: block; width: 100%; }
.nyproduct .pro-right .item .name { font-size: 15px; color: #666; margin: 15px 0; text-decoration: none; }
.nyproduct .pro-right .item .info { border-bottom: 1px solid #0067db; border-top: 1px solid #0067db; }
.nyproduct .pro-right .item .info .n { float: left; background:#0067db url(../images/prolistbg.jpg) no-repeat center right; font-size: 14px; color: #fff; padding: 0 10px; font-weight: bold; width: 60%; line-height: 175%; }
.nyproduct .pro-right .item .info .m { float: right; color: #fff; background-color: #ce0000; font-size: 20px; margin: 2px 0; line-height: 100%; width: 20px; text-align: center; }

/*新闻中心*/
.nynewsbox .item { background: #fff; padding: 45px 30px; border-bottom: 1px dashed #a7a7a7; }
.nynewsbox .item .pic { float: left; margin-right: 30px; width: 30%; }
.nynewsbox .item .pic img { display: block; width: 100%; }
.nynewsbox .item .info { float: left; width: calc(70% - 30px); }
.nynewsbox .item .info .name { margin-bottom: 20px; }
.nynewsbox .item .info .name a { font-size: 20px; color: #666; font-weight: bold; }
.nynewsbox .item .info .text { color: #666; font-size: 15px; margin-bottom: 20px; text-align: left; }
.nynewsbox .item .info .more a { background: #fd4900; color: #fff; font-size: 13px; padding: 11px 31px; }
.nynewsbox .item .info .more a:hover { text-decoration: none; background: #0067db; }

/*加工设备*/
.nyequipbox { }
.nyequipbox .item { float: left; width: 24%; background: #c8ddf0; border: 1px solid #bdd0e0; padding: 1px; margin-right: 1%; margin-bottom: 2%; box-sizing: border-box; }
.nyequipbox .item:nth-child(4n) { margin-right: 0; }
.nyequipbox .item .m { text-align: right; background: linear-gradient(to right, #86bdef, #6aa2d6); padding: 5px; }

/*客户反馈*/
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #d0d0d0; color: #333; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.messagebtn.btnon { background: #275ba3; }

/*联系我们*/
.contact-box { position: relative; }
.contact-box .text { position: absolute; right: 0; top: 0; bottom: 0; width: 30%; background: #333; color: #fff; padding: 50px 30px; box-sizing: border-box; }
.contact-box .text h3 { color: #fff; font-size: 26px; font-weight: 400; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 20px; line-height: 1; }
.contact-box p { display: block; color: #fff; opacity: 0.8; font-size: 16px; line-height: 2.5; margin-top: 10px; }
.contact-box #map { width: 70%; }

/*高德地图*/
#map { height: 600px; z-index: 4; }
#map .info { border: solid 1px silver; }
#map div.info-top { position: relative; border-bottom: 1px solid #CCC; border-radius: 5px 5px 0 0; background: none repeat scroll 0 0 #F9F9F9; }
#map div.info-top div { display: inline-block; padding: 0 10px; color: #333; font-weight: 700; font-size: 14px; line-height: 31px; }
#map div.info-top img { position: absolute; top: 10px; right: 10px; -webkit-transition-duration: .25s; transition-duration: .25s; }
#map div.info-top img:hover { -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
#map div.info-middle { padding: 6px; font-size: 14px; line-height: 20px; }
#map div.info-bottom { clear: both; width: 100%; height: 0; text-align: center; }
#map div.info-bottom img { position: relative; z-index: 104; }
#map span { margin-left: 5px; font-size: 11px; }
#map .info-middle img { float: left; margin-right: 6px; }


@media (max-width: 1024px){
	.wrapper{ width:100%; box-sizing:border-box; padding:0 20px;}
	.bannerslide{ height:auto;}
	.bannerslide .swiper-slide{ height:480px;}
	.bannerslide .swiper-button-next,.bannerslide .swiper-button-prev{ top:30%;}
	.bannerbox{ height:auto; margin-bottom:0;}
	.bannerbox .fourbox{ position:static; margin-left:0; box-shadow:none; padding:65px 10px;}
	
	.homebox02 .about-textbox{ padding:30px; top:30px;}
	.homebox02 .about-textbox h1{ font-size:24px;}
	
	.homebox03 .eqpbox .eqp-right{ width:49%;}
	.homebox05 .contbox .fedbox .line01{ width:48%;}
}

@media (max-width: 768px){
	.top-down .menu01{ display:block;}
	.top-down .nav{ display:none;}
	.bannerbox .fourbox li{ width:50%; padding:20px; box-sizing:border-box;}
	.homebox01 .prolist li{ width:20%;}
	.homebox01 .proitem .item{ width:49%;}
	.homebox02 .about-textbox{ background: rgb(0 0 0 / 29%); width:100%; top:0; box-sizing:border-box;}
	.homebox05 .contbox .fedbox{ width:100%;}
	.homebox05 .contbox .conbox{ width:100%;}
	
	.nyproduct .pro-left{ width:100%;}
	.nyproduct .pro-left .pptit{ display:none;}
	.nyproduct .pro-left .ppbg{ border-top:#0087db 10px solid;}
	.nyproduct .pro-left .ppbg ul li{ display:inline-block; width:24%;}
	.nyproduct .pro-right{ width:100%; box-sizing:border-box; margin-left:0; margin-top:30px;}
	
	.nyequipbox .item{ margin:1%; width:31%;}
	.nyequipbox .item:nth-child(4n) { margin-right: 1%; }
	
	.contact-box .text{ position:relative; width:100%;}
	.contact-box #map{ width:100%;}
}

@media (max-width: 425px){
	.bigtitle .cn{ font-size:20px;}
	
	.topbar .top-up .fr{ display:none;}
	.top-down .logo{ width:70%;}
	.bannerslide .swiper-slide{ height:200px;}
	.bannerslide .swiper-button-next,.bannerslide .swiper-button-prev{ display:none;}
	.bannerbox .fourbox li{ padding:10px;}
	.bannerbox .fourbox li img{ width:30%;}
	.bannerbox .fourbox li h2{ font-size:18px;}
	.homebox01 .prolist{ display:none;}
	.homebox01 .proitem .item .info .n,.nyproduct .pro-right .item .info .n{ background-image:none;}
	.homebox02 .about-textbox{ position:relative; background:#666;}
	.homebox02 .about-textbox h1{ font-size:18px;}
	.homebox03 .eqpbox .eqp-left,.homebox03 .eqpbox .eqp-right{ width:100%; margin-bottom:10px;}
	.homebox04 .newsitem .item{ width:100%; margin-right:0; margin-bottom:20px;}
	.homebox04 .newsitem .item .info .content{ display:none;}
	.homebox05 .contbox .fedbox{ display:none;}
	.homebox05 .contbox .conbox{ padding:0; background:none; height:auto;}
	.nyproduct .pro-left .ppbg ul li{ width:49%;}
	.nyproduct .pro-right .item{ width:49%;}
	.nyproduct .pro-right .item:nth-child(3n){ margin-right:1%;}
	.nyequipbox .item{ width:48%;}
	.nynewsbox .item .pic{ width:100%; margin-bottom:20px;}
	.nynewsbox .item .info{ width:100%;}
	
	.homebox01 .proitem .item .name,.nyproduct .pro-right .item .name{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.bannerbox .fourbox{ padding:20px 10px;}
	.incontent h2{ width:100%;}
	.incontent img{ display:block; max-width:100%;}
}