@charset "utf-8";@import url("fonts.css");:root{--bs-color1:#cd3737;--fontSist:16px}
html,body{margin:0px;padding:0px;width:100%;height:100%;font-size:var(--fontSist);font-weight:100}
p,input,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form{margin:0px;padding:0px;list-style:none;vertical-align:middle}
a{color:#4b565c;text-decoration:none}
a:hover{color:var(--bs-color1);text-decoration:none}
body{color:#4b565c;height:100%;font-family:"Microsoft Yahei",arial;margin:0px auto}
img{display:block}
figure{margin:0px;padding:0px}
p{padding:10px 0}
.clear{clear:both}
.container{width:100%;height:100%;max-width:1680px;margin:0px auto;justify-content:space-between}
header{width:100%;height:120px}
header .container{display:flex}
header .logo{width:450px;align-content:center}
header .logo img{width:260px}
header .nav{height:100%;align-content:center}
header .nav ul{display:flex;height:100%;align-content:center;flex-wrap:wrap}
header .nav ul li{padding:0px 30px;font-size:1.2rem;font-weight:bold}
header a{color:#4b565c;display:flex;align-items:center;height:100%}
.mune{width:500px;display:flex;flex-wrap:wrap;justify-content:end;font-weight:bold}
.mune .h_tel{display:flex;align-items:center;padding-right:50px;position:relative}
.mune .h_tel::after{position:absolute;top:53px;right:25px;content:'';width:1px;height:15px;background:#333}
.mune .serch{font-size:1.2rem;display:flex;flex-wrap:wrap;align-content:center;color:#4b565c;cursor:pointer;position:relative}
.mune .serch .s_input{position:absolute;top:40px;left:-360px;display:none}
.mune .serch .s_input input{width:300px;padding:10px 20px}
.header{background:#fff;border-bottom:1px solid #ddd}
.header1{background:#fff;border-bottom:1px solid #ddd}
.header1 a{color:#4b565c;text-shadow:none}
.header1 .serch{color:#4b565c;text-shadow:none}
section{padding-top:100px}
footer{padding-top:100px;background:var(--bs-color1)}
footer .footer{display:flex;color:#fff;padding-bottom:100px}
footer .footer .footer_logo{width:28%}
footer .footer .footer_logo img{max-width:50%}
footer .footer .footer_logo .dingyue{font-size:1.6rem;padding-top:30px;font-weight:bold}
footer .footer .footer_nva{width:60%;display:flex}
footer .footer .footer_nva .widget{margin-right:100px}
footer .footer .footer_nva .widget .title{font-weight:bold;text-align:left;font-size:1.2rem}
footer .footer .footer_nva .widget .title span{display:block;font-size:0.8rem}
footer .footer .footer_nva .widget .list{padding-top:30px}
footer .footer .footer_nva .widget .list ul{margin-right:50px}
footer .footer .footer_nva .widget .list li{margin-bottom:15px}
footer .footer .footer_nva .widget .list li a{color:#fff}
footer .footer .footer_nva .list{display:flex}
footer .footer .footer_contact{width:22%;font-weight:bold}
footer .footer .footer_contact .contact{color:#fff}
footer .footer .footer_contact .contact p{padding:5px 0px}
footer .footer .footer_contact .qcode{padding-top:50px;text-align:center;width:60%}
footer .footer .footer_contact .qcode img{width:100%;margin:0px auto}
footer .copy{line-height:50px;color:#fff;text-align:center;border-top:1px solid #ddd}
.swiper-banner{max-height:calc(100vh - 120px);overflow:hidden}
.swiper-banner .swiper-slide{position:relative}
.swiper-banner .swiper-slide .float_cont{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1}
.swiper-banner .swiper-slide .float_cont .floaloca{width:auto;margin:300px auto 0px auto;display:table}
.swiper-banner .float_cont .floaloca .title{font-size:4rem;color:#fff;font-weight:bold;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,0.7)}
.swiper-banner .float_cont .floaloca .text{padding-top:50px;color:#fff;font-size:2.5rem;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,0.7)}
.swiper-banner .float_cont .more{padding-top:50px}
.swiper-banner .float_cont .more a{border:2px solid #fff;padding:10px 30px;border-radius:15px;font-size:1rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.7)}
.titleName{width:100%;text-align:center;padding-bottom:50px}
.titleName h2{color:var(--bs-color1);font-size:2.5rem}
.titleName p{text-transform:uppercase}
.swiper-product{margin-bottom:100px}
.swiper-product .swiper-slide{position:relative}
.swiper-product .swiper-slide .pic{width:100%;overflow:hidden}
.swiper-product .swiper-slide a{position:relative}
.swiper-product .swiper-slide a::before{content:'';border-top:2px solid var(--bs-color1);border-left:2px solid var(--bs-color1);display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:1}
.swiper-product .swiper-slide a:hover::before{display:block;animation-name:proborder;animation-duration:1s;animation-iteration-count:1}
.swiper-product .swiper-slide a::after{content:'';display:none;border-bottom:2px solid var(--bs-color1);border-right:2px solid var(--bs-color1);position:absolute;bottom:0px;right:0px;width:100%;height:100%;z-index:1}
.swiper-product .swiper-slide a:hover::after{display:block;animation-name:proborder;animation-duration:1s;animation-iteration-count:1}
.swiper-product .swiper-slide .pic img{width:100%;transition:all .3s}
.swiper-product .swiper-slide .txt{position:absolute;bottom:0px;left:0px;width:100%;background:var(--bs-color1);padding:10px 0px}
.swiper-product .swiper-slide .txt h2{color:#fff;text-align:center}
.swiper-product .swiper-slide .txt p{color:#fff;text-align:center;padding:5px 0 0 0}
.swiper-product .swiper-slide a:hover .pic img{transform:scale(1.05)}
.swiper-product .swiper-button-prev{font-size:3rem;top:50%}
.swiper-product .swiper-button-prev:after{content:''}
.swiper-product .swiper-button-next{font-size:3rem;top:50%}
.swiper-product .swiper-button-next:after{content:''}
.home_about{padding:100px 0px;background:#f5f5f5}
.home_about .cont{display:flex}
.home_about .cont .txt{width:50%;position:relative}
.home_about .cont .pic{width:calc(50% - 100px);margin-left:100px}
.home_about .cont .pic img{max-width:100%}
.home_about .cont .txt h2{padding-bottom:30px;color:var(--bs-color1)}
.home_about .cont .txt .content{}
.home_about .cont .txt .content strong{font-weight:bold;color:var(--bs-color1)}
.home_about .cont .txt p{line-height:200%}
.home_about .cont .txt .icon_list{display:flex;align-items:center;margin-top:50px}
.home_about .cont .txt .icon_list .item{width:25%;text-align:center;padding:30px 0px;border:1px solid #ccc;border-right:0px}
.home_about .cont .txt .icon_list .item:last-child{border-right:1px solid #ccc}
.home_about .cont .txt .icon_list .item i{font-size:3rem;color:var(--bs-color1)}
.home_about .cont .txt .icon_list .item span{display:block;padding-top:10px}
.home_about .cont .txt .about_more{padding-top:50px;display:none}
.home_about .cont .txt .about_more a{color:#fff;padding:10px 30px;background:var(--bs-color1);border-radius:10px}
.home_number{width:100%;background-image:url(/img/numberbg.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;background-attachment:fixed;padding-top:0px}
.home_number .youshi{display:flex;padding-top:100px}
.home_number .titleName{color:#fff;width:33.33%;text-align:left}
.home_number .titleName h2{color:#fff}
.home_number .titleName .txt{padding-right:100px;line-height:150%;padding-top:50px;font-size:1rem}
.home_number .titleName .txt p{padding:10px 0px}
.home_number .number_list{width:77.77%;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;padding:50px 0px}
.home_number .number_list .number-item{width:33.33%;color:#fff;margin-bottom:130px}
.home_number .number_list .number-item .numbrt-title{display:flex;justify-content:center}
.home_number .number_list .number-item .numbrt-title .number-num{font-size:3rem;font-weight:bold}
.home_number .number_list .number-item .numbrt-title .number-unit{font-size:1rem;height:50px;display:flex;align-items:end}
.home_number .number_list .number-item .number-txt{justify-content:center;font-size:1rem;text-align:center}
.home_honors{padding:100px 0px}
.banner{height:650px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.navigation{width:100%;border-bottom:1px solid #ddd;line-height:50px}
.navigation .container{display:flex}
.navigation .location ul{display:flex;height:100%;align-items:center}
.navigation .location ul li a{margin-right:50px;position:relative;color:#a7b2b8}
.navigation .location ul li a:after{content:'';position:absolute;top:5px;right:-30px;display:block;background:url(/img/rigth.png) no-repeat;background-position:center;background-size:cover;width:10px;height:10px}
.navigation .location ul li:last-child a:after{display:none}
.navigation .sortList ul{display:flex;float:right}
.navigation .sortList ul li{margin-left:50px;font-size:1.2rem}
.navigation .sortList ul li .on{color:var(--bs-color1)}
.name h2{font-size:2.5rem;display:flex;align-items:center;color:var(--bs-color1)}
.name p{color:#a7b2b8;font-size:1.2rem;text-transform:uppercase}
.about{width:100%;padding-bottom:100px}
.about .container{display:flex}
.about .name{width:40%}
.about .name h2{font-size:2.5rem;display:flex;align-items:center;color:var(--bs-color1);padding-top:10px}
.about .txt{width:60%;line-height:200%}
.about .txt strong{color:var(--bs-color1)}
.about .video{margin-top:50px}
.about video{max-width:80%;margin:0px auto;display:block}
.brand{background:#f5f5f5;padding-bottom:130px}
.brand .container{display:flex}
.brand .name{width:50%}
.brand .txt{width:50%;display:flex;align-items:center}
.brand .list{width:100%;padding-top:50px}
.brand .list ul{display:flex;margin-left:-20px}
.brand .list ul li{width:25%;background:#fff;margin-right:20px;margin-left:20px;padding-top:50px;text-align:center;position:relative;padding-bottom:80px}
.brand .list ul li .iocn{font-size:4rem;padding-bottom:30px;color:var(--bs-color1)}
.brand .list ul li h3{font-size:1.5rem}
.brand .list ul li .wenzi{padding-top:20px}
.brand .list ul li .wenzi p{padding:5px 0px}
.brand .list ul li .dian{position:absolute;bottom:-25px;left:0px;width:100%;text-align:center;z-index:1}
.brand .list ul li .dian span{display:block;width:50px;height:50px;background:var(--bs-color1);border-radius:50px;display:flex;align-items:center;justify-content:center;text-align:center;margin:0px auto;color:#fff;font-size:1.5rem;line-height:0px}
.honor .container{display:flex}
.honor .name{width:40%;position:relative}
.honor .name .name_wenzi{padding-top:50px;line-height:200%}
.honor .name .name_remzheng{position:absolute;left:0px;bottom:80px;max-width:80%}
.honor .txt{width:60%;display:flex;align-items:center}
.honor .txt img{display:block;margin:0px auto;max-width:100%}
.equipment{background:#f5f5f5;padding-bottom:130px}
.equipment .container{display:flex}
.equipment .name{width:50%}
.equipment .txt{width:50%;display:flex;align-items:center}
.equipment .list{width:100%;padding-top:50px}
.equipment .list ul{}
.equipment .list ul li{width:25%;float:left;margin-bottom:30px}
.equipment .list ul li a{padding:0px 15px;display:block}
.equipment .list ul li img{max-width:100%}
.contact{width:100%}
.contact .container{display:flex}
.contact .container .lxfs{width:40%}
.contact .container .lxfs .name_copy{font-size:2.5rem;color:var(--bs-color1);width:90%;border-bottom:1px solid var(--bs-color1);padding-bottom:30px}
.contact .container .lxfs .name_copy p{font-size:1.9rem}
.contact .container .lxfs .txt{padding-top:80px}
.contact .container .lxfs .txt li{font-size:1.2rem;margin-bottom:30px;display:flex;align-items:center}
.contact .container .lxfs .txt li i{color:var(--bs-color1);margin-right:20px;font-size:2rem;width:32px;text-align:center;display:block}
.contact .container .feek{width:60%}
.contact .container .feek .item{width:100%;display:flex}
.contact .container .feek .item .item_input{width:50%;display:flex;position:relative;margin-top:10px;margin-bottom:30px}
.contact .container .feek .item .item_input1{width:100%}
.contact .container .feek .item .item_input input{height:60px;width:calc(100% - 20px);padding:0px 30px;background:#f2f4f8;box-sizing:border-box;border:0px}
.contact .container .feek .item .item_input textarea{height:150px;width:calc(100% - 20px);padding:20px 30px;background:#f2f4f8;box-sizing:border-box;border:0px}
.contact .container .feek .item .item_input .iocn{position:absolute;right:30px;top:20px}
.sub{width:150px;height:60px;color:#fff;background:var(--bs-color1);border:0px;font-size:1.2rem}
.map{width:100%;height:600px}
.manufacture{padding-bottom:100px}
.manufacture .container{display:flex}
.manufacture .name{width:60%}
.manufacture .txt{width:40%;color:#a7b2b8}
.manufacture .yf_number{padding-top:50px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-content:center}
.manufacture .yf_number .number-item{width:16.66%;margin-bottom:120px}
.manufacture .yf_number .number-item .numbrt-title{display:flex;justify-content:center;color:var(--bs-color1)}
.manufacture .yf_number .number-item .numbrt-title .number-num{font-size:3rem;font-weight:bold}
.manufacture .yf_number .number-item .numbrt-title .number-unit{font-size:1.5rem;display:flex;align-items:end;height:60px}
.manufacture .yf_number .number-item .number-txt{justify-content:center;font-size:1.2rem;text-align:center}
.manufacture .yanfa_tab{width:100%}
.manufacture .yanfa_tab .tab_name{display:flex;width:100%;align-items:center}
.manufacture .yanfa_tab .tab_name .tab_button{width:33.33%;height:50px;font-size:1.2rem;text-align:center;line-height:50px;border-right:1px solid #ddd;cursor:pointer;border:1px solid #ddd;border-right:0px}
.manufacture .yanfa_tab .tab_name .tab_button:last-child{border-right:1px solid #ddd}
.manufacture .yanfa_tab .tab_name .on{background:var(--bs-color1);color:#fff}
.manufacture .swiper-yanfa{width:100%;padding-top:50px}
.manufacture .swiper-yanfa .swiper-slide{display:flex;width:100%}
.manufacture .swiper-yanfa .swiper-slide .wenzi{width:50%;display:flex}
.manufacture .swiper-yanfa .swiper-slide .wenzi .yf_name{font-size:2rem;padding-bottom:30px;padding-top:50px;text-align:center}
.manufacture .swiper-yanfa .swiper-slide .wenzi ul{display:flex;align-items:center;flex-wrap:wrap;width:100%;padding-top:50px}
.manufacture .swiper-yanfa .swiper-slide .wenzi ul li{width:50%;text-align:center}
.manufacture .swiper-yanfa .swiper-slide .wenzi ul li i{font-size:3.5rem;padding-bottom:10px;color:var(--bs-color1)}
.manufacture .swiper-yanfa .swiper-slide .wenzi ul li p{font-size:1.5rem;padding-top:20px}
.manufacture .swiper-yanfa .swiper-slide .pic{width:50%}
.manufacture .swiper-yanfa .swiper-slide .pic img{width:90%;display:block;float:right}
.manufacture .list{padding-top:50px;width:100%}
.manufacture .list ul{display:flex;width:100%}
.manufacture .list ul li{width:33.33%}
.manufacture .list ul li .item{width:80%;background:#f2f4f8;border-radius:10px;padding:50px 0px}
.manufacture .list ul li .item h3{color:var(--bs-color1);font-size:2rem;text-align:center;padding-bottom:50px}
.manufacture .list ul li .item dl{width:80%;margin:0px auto}
.manufacture .list ul li .item dd{background:#fff;text-align:center;margin-bottom:10px;height:60px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.process{background:#f2f4f8}
.process .swiper-process{padding-top:50px;padding-bottom:100px}
.process .swiper-process .swiper-wrapper::after{position:absolute;left:120px;top:300px;width:85.85%;height:2px;background:var(--bs-color1);content:''}
.process .swiper-process .swiper-wrapper{display:flex}
.process .swiper-process .swiper-wrapper .swiper-slide{height:auto;position:relative;margin-top:300px}
.process .swiper-process .swiper-wrapper .swiper-slide:before{width:2px;background:var(--bs-color1);content:'';height:100px;position:absolute;left:50%;z-index:-1}
.process .swiper-process .swiper-wrapper .swiper-slide .proce_cont{background:#fff;padding:50px;box-sizing:border-box;border-radius:50px;margin-top:100px}
.process .swiper-process .swiper-wrapper .swiper-slide .proce_cont .name{color:var(--bs-color1);text-align:center;font-size:1.5rem;padding-bottom:30px;font-weight:bold}
.process .swiper-process .swiper-wrapper .swiper-slide .proce_cont .txt{text-align:center;font-size:0.9rem}
.process .swiper-process .swiper-wrapper .swiper-slide .proce_cont .txt p{padding:0px}
.process .swiper-process .swiper-wrapper .swiper-slide:nth-child(2n){margin-top:-100px}
.process .swiper-process .swiper-wrapper .swiper-slide:nth-child(2n)::before{bottom:300px}
.process .swiper-process .swiper-pagination-bullet{background:#4b565c}
.process .swiper-process .swiper-pagination-bullet-active{background:var(--bs-color1)}
.process .process_list{display:flex;flex-wrap:wrap;width:100%;margin-top:50px}
.process .process_list .item{float:left;width:33.33%;display:flex;margin-bottom:80px;justify-content:center;align-items:center;position:relative}
.process .process_list .item::after{width:100%;background:var(--bs-color1);height:2px;content:'';position:absolute;left:0px}
.process .process_list .item .item_lc{background:#fff;padding:50px 100px;border-radius:20px}
.process .process_list .item .item_lc .name{font-size:1.2rem;color:var(--bs-color1);font-weight:bold;padding-bottom:20px}
.process .process_list .item .item_lc .txt p{padding:0px}
.srtvice{padding-bottom:100px}
.srtvice .cont{padding-top:100px;display:flex}
.srtvice .cont .item{width:300px;height:300px;margin:0px auto;background:#f2f4f8;border-radius:400px;display:flex;align-items:center;justify-content:center;margin-bottom:50px;background:var(--bs-color1)}
.srtvice .cont .item .padd{margin:50px;display:block;padding:30px;box-sizing:border-box;border-radius:20px}
.srtvice .cont .item .padd .name{font-size:1.5rem;text-align:center;padding-bottom:40px;position:relative;font-weight:bold;color:#fff}
.srtvice .cont .item .padd .name::after{content:'';width:50%;height:2px;background:#fff;position:absolute;bottom:20px;left:25%}
.srtvice .cont .item .padd .txt{color:#fff}
.srtvice .cont .item .padd .txt p{padding:5px 0px}
.product{padding-bottom:100px}
.product .container{display:flex}
.product .proSort{width:20%}
.product .proSort .sortSearch{position:relative;background:var(--bs-color1);height:60px;align-items:center}
.product .proSort .sortSearch input{border:0px;height:40px;background-color:transparent;width:100%;color:#fff;outline:none;box-sizing:border-box;padding:10px 20px;font-size:1.2rem;margin-top:10px}
.product .proSort .sortSearch input::placeholder{color:#fff}
.product .proSort .sortSearch i{position:absolute;top:18px;right:20px;color:#fff;cursor:pointer;font-size:1.5rem}
.product .proSort .sortList{border:1px solid #f2f4f8;border-top:0px;box-sizing:border-box;padding:30px 30px}
.product .proSort .sortList h3{font-size:1.5rem;padding-bottom:30px}
.product .proSort .sortList li{padding-left:10px;position:relative;margin-bottom:20px}
.product .proSort .sortList li::before{position:absolute;top:25%;left:0px;content:'';background:var(--bs-color1);width:2px;height:50%}
.product .proSort .sortList li.on::after{position:absolute;top:25%;right:0px;content:'';height:0px;width:0px;border-left:5px solid var(--bs-color1);border-top:5px solid transparent;border-bottom:5px solid transparent}
.product .list{width:80%}
.product .list ul{margin-left:50px;box-sizing:border-box}
.product .list ul li{width:25%;float:left;margin-bottom:50px}
.product .list ul li a{display:block;padding:0px 20px;box-sizing:border-box}
.product .list ul li .pic{overflow:hidden;border:1px solid #ddd}
.product .list ul li .pic img{width:100%;transition:all .3s}
.product .list ul li a:hover .pic img{transform:scale(1.05)}
.product .list ul li .txt{height:50px;word-wrap:break-word;font-size:0.9rem;color:var(--bs-color1);padding-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.product .list ul li .txt h3{color:#4b565c;font-size:1.2rem;padding-bottom:10px}
.product .list .info{padding-left:50px;display:flex}
.product .list .info .pic{width:40%}
.product .list .info .pic .imgInfo{border:1px solid #ddd}
.product .list .info .pic .imgInfo img{width:100%}
.product .list .info .pic .allimg{width:100%}
.product .list .info .pic .allimg ul{display:flex;padding-top:10px;margin-left:0px;justify-content:center}
.product .list .info .pic .allimg ul li{width:20%}
.product .list .info .pic .allimg ul li .img{display:block;border:1px solid #ddd;margin:0px 10px;cursor:pointer}
.product .list .info .pic .allimg ul li .on{border:1px solid var(--bs-color1)}
.product .list .info .pic .allimg ul li img{width:100%}
.product .list .info .txt{width:60%;box-sizing:border-box;padding-left:50px}
.product .list .info .txt h3{color:var(--bs-color1);font-size:1.5rem;padding-bottom:30px}
.product .list .info .txt .button{padding-top:100px}
.product .list .info .txt .button a{display:block;width:150px;height:50px;text-align:center;line-height:50px;color:#fff;background:var(--bs-color1)}
.product .list .details{padding-left:50px}
.PageUrl{text-align:center;width:100%;display:flex;justify-content:center;align-items:center;padding-top:50px}
.PageUrl span,.PageUrl a{padding:10px;border:1px solid var(--bs-color1);margin:0px 10px;min-width:30px;display:block;border-radius:10px}
.PageUrl .disabled{color:#ddd}
.PageUrl .current{background:var(--bs-color1);color:#fff}
.honor{padding-bottom:80px}
.news{padding-bottom:100px;background:#f2f4f8}
.news .list{width:100%}
.news .list li{width:25%;float:left;margin-bottom:50px}
.news .list li a{display:block;padding:0px 20px}
.news .list li .pic{width:100%;position:relative;padding:0 0 65%;overflow:hidden}
.news .list li .pic img{position:absolute;width:100%;height:100%;object-fit:cover;transition:all .3s}
.news .list li a:hover .pic img{transform:scale(1.05)}
.news .list li .txt{padding-top:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news .list li .txt p{padding:5px 0 0 0}
.news .newsInfo{width:80%;margin:0px auto}
.news .newsInfo .date{color:#ccc;padding-bottom:5px}
.news .newsInfo .title{font-size:1.2rem;font-weight:bold}
.news .newsInfo .cont{padding-top:30px}
.news .newsInfo .cont img{max-width:100%}
.about_news{background:#f2f4f8;padding-bottom:100px}
.about_news .container{display:flex}
.about_news .txt{display:flex;align-items:center}
.swiper-news{padding-top:50px}
.swiper-news .swiper-slide .pic{width:100%;position:relative;padding:0 0 65%;overflow:hidden}
.swiper-news .swiper-slide .pic img{position:absolute;width:100%;height:100%;object-fit:cover;transition:all .3s}
.swiper-news .swiper-slide a:hover .pic img{transform:scale(1.05)}
.swiper-news .swiper-slide .wenzi{padding-top:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.swiper-news .swiper-slide .wenzi p{padding:5px 0 0 0;display:block;width:100%}
.mobilemune{display:none; align-items:center; margin-left:30px; cursor:pointer; font-size:1.2rem;}
.mobleProMune{display:none;}
@keyframes proborder{0%{width:0%;height:0%}
100%{width:100%;height:100%}
}@media (max-width:1880px){.container{max-width:1580px} .mune{width:350px}
}@media (max-width:1700px){.container{max-width:1480px}
}@media (max-width:1600px){
    :root{--fontSist:14px}
    .container{max-width:1380px}
    header .logo{width:400px}
    .mune{width:350px}
    .home_about .cont .txt .icon_list{display:none}
    .home_about .cont .txt .about_more{display:block}
    .swiper-banner .swiper-slide .float_cont .floaloca{margin: 200px auto 0px auto;}
    footer .footer .footer_nva .widget{margin-right:50px}
}
 @media (max-width:1500px){
     .container{max-width:1280px}
}
 @media (max-width:1400px){
     .container{max-width:1280px}
}
 @media (max-width:1300px){
     .container{max-width:1080px}
     header .logo{width:300px;}
     header .logo img{width:200px;}
     header .nav{display:none;}
     header .nav ul li{font-size:1rem;}
     .mune{width:300px;}
     .swiper-banner .swiper-slide .float_cont .floaloca{margin: 150px auto 0px auto;}
     .swiper-banner .float_cont .floaloca .title{font-size:2.5rem;}
     .home_about .cont .txt p{line-height:150%;}
     .mobilemune{display:flex;}
      header .nav{position:fixed;top:0px;left:0px; display:none; z-index:99;width:100%;}
    header .nav:before{background:#000; opacity:0.5;width:100%; height:100%; content:'';display:block;position:fixed; z-index:1;top:0px;left:0px;}
    header .nav ul{display:block; width:60%; align-content:flex-start; background:#fff; z-index:1; position:fixed; z-index:2;top:0px;left:0px; padding-top:100px;}
    header .nav .mobileClick{width:50px; height:50px; display:block; position:absolute; top:0px; left:calc(60% - 25px);z-index:3; border-radius:50px;font-size:1.5rem;text-align:center; align-content:center; background:#fff;}
    header .nav ul li{line-height:50px;position:relative;}
    header .nav ul li::after{content:'>';display:block; position:absolute; top:0px; right:10%; color:#ccc;}
    .banner{height:350px;}
    .honor .name .name_remzheng{bottom:20px;}
        footer{padding-top:50px;}
    footer .footer{flex-wrap:wrap; padding-bottom:50px;}
    footer .footer .footer_logo{width:100%;}
    footer .footer .footer_logo img{width:100px; margin:0px auto;}
    footer .footer .footer_logo .dingyue{text-align:center;}
    footer .footer .footer_nva{display:none;}
    footer .footer .footer_contact{width:100%; text-align:center; padding-top:50px;}
    footer .footer .footer_contact .qcode{margin:0px auto;}
    .product .list ul li{width:33.33%;}
    .manufacture .yf_number .number-item{width:33.33%; margin-bottom:50px;}
    .manufacture .swiper-yanfa .swiper-slide .wenzi ul{padding-top:0px;}
    .manufacture .swiper-yanfa .swiper-slide .wenzi ul li i{font-size:2rem;}
        .process .swiper-process .swiper-wrapper::after{display:none;}
    .process .swiper-process .swiper-wrapper .swiper-slide:before{display:none;}
    .process .swiper-process .swiper-wrapper .swiper-slide{margin:0px;}
    .process .swiper-process .swiper-wrapper .swiper-slide .proce_cont{margin:0px; padding:20px;}
    .process .swiper-process .swiper-wrapper .swiper-slide:nth-child(2n){margin:0px;}
    .srtvice .cont .item .padd{margin:30px;}
    .srtvice .cont .item{width:250px; height:250px;}
    .contact .container .lxfs .name_copy{font-size:2rem;}
}
 @media (max-width:1200px){ 
     .container{max-width:980px}
     .home_about .cont .txt{width:40%;}
     .home_about .cont .pic{width: calc(60% - 50px); margin-left: 50px;}
     .home_number .youshi{display:flex; flex-wrap:wrap;}
     .home_number .titleName{width:100%; text-align:center;}
     .home_number .titleName .txt{display:none;}
     .home_number .number_list{width:100%;}
     .honor .name .name_remzheng img{max-width:100%;}
     footer .footer .footer_nva .widget .list ul{margin-right: 20px;}
 }
@media (max-width:1100px){
    .container{max-width:880px}

}
@media (max-width:980px){
    .container{max-width:780px}

}
@media (max-width:768px){
    section{padding-top:50px;}
    .container{max-width:90%;}
    header{height:80px;}
    header .logo{width:150px;}
    header .logo img{width:150px;}
    .mune .h_tel{display:none;}
    .mune .serch .s_input{top:10px;left:auto; right:30px;}
    .mune .serch .s_input input{height:40px; width:280px;}
   
    .swiper-banner .swiper-slide .float_cont .floaloca{margin-top:150px;}
    .swiper-banner .float_cont .floaloca .title{font-size:1.5rem;}
    .swiper-banner .float_cont .floaloca .text{font-size:1rem; padding-top:30px;}
    .swiper-product .swiper-slide .txt{}
    .swiper-product .swiper-slide .txt p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0px 5px;}
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
    .home_about .cont{flex-wrap:wrap;}
    .home_about .cont .txt{width:100%;}
    .home_about .cont .pic{width:100%; margin:50px 0 0 0;}
    .home_number .number_list .number-item{width:50%;}
    .honor .container{flex-wrap:wrap;}
    .honor .name{width:100%;}
    .honor .name .name_wenzi{width:100%; padding-bottom:30px;}
    .honor .txt{width:100%;}
    .honor .name .name_remzheng{display:none;}

    .banner{height:300px;}
    .navigation .container{flex-wrap:wrap;}
    .location{width:100%;}
    .sortList{width:100%;}
    .navigation .sortList ul{width:100%; border-top:1px solid #ddd;}
    .navigation .sortList ul li{margin-left:0px;text-align:center;padding:0px 10px; width:50%;}
    .about{padding-top:50px;}
    .about .container{flex-wrap:wrap;}
    .about .name{width:100%;}
    .about .txt{width:100%;}
    .about video{width:100%; max-width:100%;}
    .brand .list ul{flex-wrap:wrap; margin:0px;}
    .brand .list ul li{width:50%; margin:0px; margin-bottom:50px;}
    .product .container{flex-wrap:wrap;}
    .product .proSort{width:100%;}
    .product .list{width:100%;}
    .contact .container{flex-wrap:wrap;}
    .contact .container .lxfs{width:100%;}
    .contact .container .feek{width:100%;}
    .name h2{font-size:1.5rem;}
    .name p{font-size:1rem;}
    .manufacture .yf_number .number-item{width:50%;margin-bottom:50px;}
    .manufacture .swiper-yanfa .swiper-slide{flex-wrap:wrap;}
    .manufacture .swiper-yanfa .swiper-slide .wenzi{width:100%;}
    .manufacture .swiper-yanfa .swiper-slide .wenzi ul{padding-top:10px; padding-bottom:30px;}
    .manufacture .swiper-yanfa .swiper-slide .wenzi ul li i{font-size:3rem;}
    .manufacture .swiper-yanfa .swiper-slide .wenzi ul li p{font-size:1rem;}
    .manufacture .swiper-yanfa .swiper-slide .pic{width:100%;}
    .manufacture .swiper-yanfa .swiper-slide .pic img{width:100%;}

    .srtvice .cont{flex-wrap:wrap;}
    .equipment .list ul li{width:50%;}
    .product{padding-top:30px;}
    .product .proSort .sortList{padding:0px; border:0px; position:relative;}
    .product .proSort .sortSearch{display:none;}
    .product .proSort .sortList h3{display:none;}
    .product .proSort .sortList .mobleProMune{display:flex;justify-content: space-between;}
    .product .proSort .sortList .mobleProMune h3{display:block; padding:0px;}
    .product .proSort .sortList .mobleProMune .mobileOpen{font-size:2rem;}
    .product .proSort .sortList li::before{display:none;}
    .product .proSort .sortList li.on::after{display:none;}
    .product .proSort .sortList ul{ padding:20px; position:absolute;left:0px; top:50px; background:#fff; border:1px solid #ddd;display:none;}
    .product .proSort .sortList li{width:50%; padding:0px; float:left;}
    .product .list{padding-top:50px;}
    .product .list ul{margin:0px;}
    .product .list ul li{width:50%;}
    .PageUrl span, .PageUrl a{padding: 6px;margin: 0px 5px;}
    .product .list .info{padding:0px; flex-wrap:wrap;}
    .product .list .info .pic{width:80%; margin:0px auto;}
    .product .list .info .pic .allimg ul li{width:100px;}
    .product .list .info .txt{width:100%; padding:0px;}
    .product .list .info .txt .button{padding-top:50px;}
}
@media (max-width:440px){
        .swiper-banner .swiper-slide .float_cont .floaloca{margin:30px auto;}
        .banner{height:150px;}
}