@charset "utf-8";
/* CSS Document */
/**
* GEP ECOTECH
* Intelligent solid waste recycling equipment and complete line system solution provider
* 2022-09-01 by Lizhiyuan vip@xiaquer.com
* Copyright 2017-2022 
*/

* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #333;}
img,video { border: 0; display: block;max-width:100%;height:auto !important;vertical-align:bottom}
ul, li { list-style: none; }
a { text-decoration: none; color:#333;transition:all 0.2s;}
a:hover { color: #6c8b8b; text-decoration: none; }
input { padding-top:0px; padding-bottom:0px; font-family: 'Microsoft YaHei';}
input::-moz-focus-inner { border:none; padding:0px; }
select, input { vertical-align:middle; }
select, input, textarea {margin:0px; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
.clearfix:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.clearfix {zoom:1; }
::-webkit-scrollbar{width:8px;height:8px;overflow:visible}::-webkit-scrollbar-track{background-color:#f0f0f0}::-webkit-scrollbar-thumb{background-color:#2674de;border-radius:3px}::-webkit-scrollbar-button{display:none}*{margin:0;padding:0}
.box{width:1300px;margin:0 auto;height:100%;}
@media (max-width:1300px) {
.box{width:96%;}
}
.head-navigation{height:40px;line-height:40px;font-size:13px;color:#b2b2b2;background:#151c30;display:flex;justify-content:space-between;flex-wrap:wrap;}
.head-navigation .box{display:flex;justify-content:space-between;flex-wrap:wrap;}
.head-navigation .left{width:50%}
.head-navigation .right{width:50%;text-align: right}
.head-navigation .right p,.head-navigation .right a{display:inline-block;color:#b2b2b2;}
.head-navigation .right>a{border-right:solid 1px;line-height:1;padding-right:12px;margin-right:12px}
.head-navigation .right>a:hover{opacity:0.9;}
header{position:sticky;z-index:999;top:0;height:80px;background:rgba(255,255,255,.95);box-shadow:0 0 10px rgba(0,0,0,.35);transition:all .26s ease;}
header .logo{float:left;position:relative;;width:220px;height:100%;transition:all .26s ease;text-align: center; }
header .logo img{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
header .primary-menu{float:right;position: relative;width:900px;height:inherit}
header .primary-menu .nav{display:block;width:100%;transition:all .26s ease;text-align: right}
header .primary-menu .nav>li{position:relative;display:inline-block;width:120px;transition:all .1s ease;}
header .primary-menu .nav>li>a{font-size:16px;position:relative;display:block;font-weight:bold;color:#000;text-align:center;width:100%;line-height:80px;transition: all .3s ease}
header .primary-menu .nav>li>a:hover{color:#2674de}
header .primary-menu .nav>li:after {content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:0;height:3px;margin:0 auto;border-radius:1px;background:#2674de;transition:width .3s .1s,transform .3s .1s,left .3s .1s}
header .primary-menu .nav>li:hover:after {width:100%;left:0;transform:translateX(0)}
header .primary-menu .nav > li > div:before {content:'';position:absolute;z-index:99;top:0;width:100%;height:10px;}
header .primary-menu .nav > li:hover > div {z-index:50;max-height:200px;box-shadow:0 5px 5px rgba(0,0,0,.15);transition:max-height .3s .1s,box-shadow .05s .2s}
.primary-slider-navigation{position:absolute;top:80px;left:0;width:100%;max-height:0;background:#fff;overflow:hidden;will-change:max-height,box-shadow;transition:box-shadow .05s .1s,max-height .3s .15s;text-align:center;}
.primary-slider-navigation a{display:block;margin:0 10px;line-height:40px;border-bottom:1px solid #f0f0f0}
.primary-slider-navigation a:hover{color:#2674de;}
.sticky-state{height:60px;}
.sticky-state .primary-slider-navigation{top:60px;}
.sticky-state .primary-menu .nav>li{width:120px;}
.sticky-state .primary-menu .nav>li>a{line-height:60px;}

.primary-navigation .icon-menubtn {position:relative;top:15px;width:24px;height:1.6px;padding:10px 0;background-color:#333;background-clip:content-box;transition:all .3s ease;float:right;display:none;}
.primary-navigation .icon-menubtn:before {content:'';position:absolute;top:0;display:block;width:100%;height:1.6px;background:inherit;transition:transform .16s ease}
.primary-navigation .icon-menubtn:after {content:'';position:absolute;bottom:0;display:block;width:100%;height:1.6px;background:inherit;transition:transform .16s ease}
.primary-navigation.sticky-state .icon-menubtn {background-color:#333}
.primary-navigation .icon-menubtn.close {background-color:transparent}
.primary-navigation .icon-menubtn.close:before {background-color:#333;transform:translateY(10px) rotate(45deg)}
.primary-navigation .icon-menubtn.close:after {background-color:#333;transform:translateY(-10px) rotate(-45deg)}
header .mobile-header-icon {display:none;color:#333;height:50px;font-size:25px;text-align:center;float:right;width:25px;position:relative;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
header .mobile-header-icon:hover {background-color:rgba(255,255,255,0.2);cursor:pointer;}
header .mobile-header-icon span {position:absolute;left:calc((100% - 25px) / 2);top:calc((100% - 1px) / 2);width:100%;height:2.6px;background-color:#333;}
header .mobile-header-icon span:nth-child(1) {transform:translateY(4px) rotate(0deg);top:calc((100% - 7px) / 2);}
header .mobile-header-icon span:nth-child(2) {transform:translateY(-4px) rotate(0deg);top:calc((100% - -9px) / 2);}

@media (max-width:1200px) {
header{height:82px;}
header .logo{width:210px;}
header .primary-menu .nav li {width:110px;}
header .primary-menu .nav li>a{line-height:82px;font-size:16px;}
.primary-slider-navigation{top:82px;}
.sticky-state .logo{width:210px;}
.sticky-state .primary-menu .nav>li{width:110px;}
}
@media (max-width:1024px) {
.sticky-state .primary-menu .nav>li{width:96px;}
header .primary-menu .nav li{width:96px;}
header .primary-menu{width:75%;}
}
@media (max-width:980px) {
.head-navigation{display:none}
header{width:100%;position:fixed;top:0;height:50px;box-shadow:none}
header .logo{width:190px;}
header .mobile-header-icon{display:block;}
header .primary-menu{float:none;position:absolute;left:0;width:100%;top:50px;max-height:0px;transition:box-shadow .05s .1s,max-height .3s .15s;will-change:max-height,box-shadow;overflow: hidden;height:initial;z-index:100;}
header .primary-menu:before{content:'';position:absolute;z-index:51;top:0;width:100%;height:10px;background:linear-gradient(to bottom,rgba(0,0,0,.15),rgba(0,0,0,0));}
header .primary-menu .nav {background:rgba(255,255,255,.95);width:100%;position:initial;overflow:hidden;}
header .primary-menu .nav>li{width:100%;}
header .primary-menu .nav>li:hover:after{width:0}
header .primary-menu .nav>li>a{display:inline-block;line-height:40px;color:#000;border-bottom:2px solid #f0f0f0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:normal;}
header .primary-menu .nav>li>a:after{height:0px;}
.primary-slider-navigation{display: none;}
.primary-navigation .icon-menubtn{display:block;}
header .sliderdown{max-height:calc(100vh - 100px);overflow-y:auto;z-index:888;}
.sticky-state{height:50px;}
.sticky-state .primary-menu .nav>li{width:100%;}
.sticky-state .primary-menu .nav>li>a{line-height:40px;}
.sticky-state .logo{width:190px;}
}
@media (max-width:640px) {
header .logo{width:180px;}
.sticky-state .logo{width:180px;}
}
@media (max-width:480px) {
header .logo{width:160px;}
.sticky-state .logo{width:160px;}
.sticky-state .primary-menu .nav>li>a{line-height:40px;}
}
@media (max-width:375px) {
header .logo{width:140px;}
.sticky-state .logo{width:140px;}
}

.epages{ width:100%; margin:20px auto;text-align:center; }
.epages a{ display:inline-block;padding:0 16px;text-align:center; line-height:36px;  font-size:16px; color:#333;border-radius:5px; background:#eee;}
.epages span,.epages a:hover{ display:inline-block;padding:0 16px;text-align:center; line-height:35px;  font-size:16px; color:#fff; background:#0080ec; border-radius:5px;}
.epages a span{background:no-repeat;color:#333;padding:0;margin:0;}
.epages a:hover span{color:#fff;}
@media (max-width:1199px) {
.epages { margin:2% auto;}
.epages a{padding:0 12px;font-size:15px;line-height:32px}
.epages span, .epages a:hover{padding:0 12px;font-size:15px;line-height:32px;margin-bottom:8px;}
}
.footer-nav{background:#151c30;padding:70px 0}
.footer-nav a{color:#fff}
.footer-nav .footer-navleft{float:left;width:740px;border-right:solid;justify-content:space-between;flex-wrap:wrap;display:flex;}
.footer-nav .footer-navleft dl{width:25%;}
.footer-nav .footer-navleft dl dt{font-size:16px;font-weight:bold;color:#fff;margin-bottom:20px;}
.footer-nav .footer-navleft dl dd{line-height:25px;}
.footer-nav .footer-navleft dl dd a{font-size:14px;color:#999}
.footer-nav .footer-navleft dl dd a:hover{color:#2674de}
.footer-nav .footer-navright{float:right;}
.footer-nav .footer-navright p{}
.footer-nav .footer-navright p,.footer-nav .footer-navright a{color:#F7F4F4;padding:2px 0;}
.footer-nav .footer-navright .left{float:left;width:246px;margin-right: 70px; text-align:right;}
.footer-nav .footer-navright .left a{font-size:15px;background:#3754b2;display:inline-block;padding:10px 25px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-top:10px}
.footer-nav .footer-navright .right{float:right;width:131px;text-align: center;}
.footer-nav .fcont{width:400px;padding-left:30px;text-align:right;font-size:16px;line-height:28px;}
.footer-nav .fcont img{padding-top:5px;padding-bottom:10px;width:330px;height:59px}
.footer-nav .fcont a{font-size:15px;background:#3754b2;display:inline-block;height:40px;line-height:40px;padding:0 25px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-top:10px}
.footer-nav .fweixin{text-align:center;font-size:15px;line-height:34px;width:131px;padding-left:58px}
.footer-nav .fweixin img{display:block;margin:0 auto;width:131px;height:131px}

footer{background:#21283b;padding:20px 0;color:#666;font-size:14px}
footer .box{justify-content:space-between;flex-wrap:wrap;display:flex;}
footer .left p{display:inline-block}
footer .left{font-size:14px;}
footer .left span{color:#2674de;}
footer .left a,footer .right a{margin-right:4px;}
footer .right{text-align: right;place-items:center}
footer a,footer a:hover{color:#626262}
@media (max-width:1300px) {
.footer-nav .footer-navleft{width:57%;}
.footer-nav .footer-navright .left{margin-right:36px;}
}
@media (max-width:1024px) {
.footer-nav .footer-navleft{width:51%;}
.footer-nav .footer-navleft dl{wdith:33.3333%;}
.footer-nav .footer-navleft dl:last-child{display:none;}
}
@media (max-width:800px) {
.footer-nav{padding:5% 0;}
.footer-nav .footer-navleft{width:80%;float:none;border:none;margin:0 auto;}
.footer-nav .footer-navright{width:100%;float:none;margin-top:4%;}
.footer-nav .footer-navright .left{width:100%;float:none;margin:0;text-align:center;}
.footer-nav .footer-navright .right{width:100%;float:none;text-align: center;}
.footer-nav .footer-navright img{margin:0 auto;}
footer{margin-bottom:40px;}
footer .right{display:none;}
}
@media (max-width:640px) {
footer .left{width:100%;float:none;}
}
@media (max-width:480px) {
.footer-nav .footer-navleft{display:none}
.footer-nav .footer-navright .right img{width:100px;}
.footer-nav .footer-navright .left img{width:160px;}
footer{padding:3% 0}
footer .left a{display:none}
.footer-nav .footer-navright .left a{display:none;}
}

.yb_conct{position:fixed;z-index:9999999;bottom:60px;right:5px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;}
.yb_bar .gotopbtn{background:#00479d url(../images/fixCont.png) no-repeat 0 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:0;}
.yb_bar .fadein{filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.yb_bar .yb_phone{background:#00479d url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#00479d url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#00479d url(../images/fixCont.png) no-repeat 0 -169px;height:200px;}
.hd_qr{padding:0 29px 25px 29px;}
@media (max-width:1300px) {
.yb_conct{display: none;}
}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.phonefooter{display:none;}
@media (max-width:800px) {
.phonefooter{width:100%;background:#2674de; position:fixed; bottom:0;display:none;display:flex;justify-content:space-between;flex-wrap:wrap;z-index:88;}
.phonefooter a{width:50%;box-sizing:border-box;line-height:40px; font-size:18px;display:inline-block; color:#fff; text-align: center;}
.phonefooter a:first-child{border-right:1px #fff solid;background:#7fbe25}
}
.notfoud-container{margin:5% auto}
.notfoud-container .img-404{text-align: center}
.notfoud-container .img-404 img{margin:0 auto}
.notfoud-container .notfound-p {font-size:28px; padding:15px 0; border-bottom: 1px solid #f6f6f6; text-align: center; color: #262b31 }
.notfoud-container .notfound-reason { color: #9ca4ac; font-size:16px; line-height:1.4; text-align: left;width:250px; margin: 0 auto }
.notfoud-container .notfound-reason p { margin-top:13px;font-size:18px; }
.notfoud-container .notfound-reason ul li { margin-top: 10px; margin-left: 36px }
.notfoud-container .notfound-btn-container { margin: 40px auto 0; text-align: center }
.notfoud-container .notfound-btn-container .notfound-btn { display: inline-block; border: 1px solid #ebedef; background-color: #239bf0; color: #fff; font-size: 15px; border-radius: 5px; text-align: center; padding:10px 20px; line-height: 16px; white-space: nowrap }
@media (max-width:800px) {
.notfoud-container{margin:80px auto 5%}
}