/* 固定scroll不变 */
/* 首页 */
.header{width: 100%;height: 100px;background: #fff;position: fixed;top:0;left:0;z-index: 9999;}
.header .box1{width: 76%; height: 100px;align-items: center}
.header .hl{display: flex;align-items: center}
.header .hl .logo{height: 83px;display: block;}
.nav{width: 46%;font-size: 18px;color: #303030;}
.nav>ul{text-align: center;}
.nav>ul li{width: 13%;}
.nav>ul li a{width: 100%;height: 50px;display: flex;align-items: center;justify-content: center;}
.nav>ul>li>a:hover{color: #1c7914;font-weight: bold;background: url(../images/nav_bg.png) no-repeat center center;}
.nav_on{color: #1c7914;font-weight: bold;background: url(../images/nav_bg.png) no-repeat center center;}
.tel_shop{width: 21%;}
.tel_shop a{display: block;margin-right: 5%;}
.shops {display: block;height: 100px;}
.phone{width: 63%;font-size: 22px;color: #1c7914;font-family:'SourceHanSansCNmedium';line-height: 22px;display: flex;align-items: center;}
.phone img{margin-right: 5%}








/* 底部 */
.di{width: 100%;background: #2c2c2c;padding-top: 120px;}
.di1{border-bottom: 1px solid #5c5c5c;padding-bottom: 30px;}
.di1{font-size: 18px;line-height: 18px;}
.di1 a{color: #fff;}
.di1 a:hover{color:#fff}
.di2{padding:108px 0;}
.di21{font-size: 16px;line-height: 60px;color: #f4ad17;width: 345px;}
.di21 p b{font-size: 43px;color: #f4ad17;font-weight: bold;}
.di22{width: 500px;margin-left:86px;}
.di22 ul li{overflow: hidden;line-height: 30px;font-size: 16px;margin: 10px 0;color: #fff;}
.di22 ul li img{margin-right: 5px;vertical-align: top;}
.di22 ul li p{width:390px;}
.di23 ul li{width: 140px;margin-left: 8px;}
.di23 ul li:first-child{margin-left: 0;}
.di231{width: 143px;height: 133px;display: flex;align-items: center;justify-content: center;background: url(../images/f_border.png) no-repeat center center;background-size: 100% 100%;}
.di231 img{display: block;height: 112px;width: auto;}
.di3{width: 100%;height: 66px;line-height: 66px;font-size: 14px;background-color: rgb(56, 56, 56); color: #fff}
.di3 a{color:#fff}
.di3 a:hover{color:#fff;}



/* 悬浮 */
.xf{width: 60px;height: 500px; position: fixed;top:0;right: 1%;bottom:0;margin:auto;z-index: 999}
.xf>ul{height: 320px;text-align: center;}
.xf>ul>li{width: 60px;height: 60px;background: #212226; position: relative}
.xf>ul>li>a{width: 100%;height: 100%;}
.xf>ul li:last-child{margin-bottom: 0;background: rgba(33, 34, 38, 0.3);}
.xfl{display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 90px;margin:auto;border-radius: 13px;background-color: #fff;}
.xfl .ss{display: block;position: absolute;top:0;bottom: 0;right: -6px;margin:auto;}
.xfl1{width: 250px;font-size: 20px;}
.xfl2{width: 110px;height: 110px; padding:10px;}
.xf>ul>li:hover{background: rgb(55, 128, 49);}
.xf>ul>li:hover .xfl{display: flex;}
.xf>ul>li:hover a>.xf0{display: none}
.xf>ul>li:hover a>.xf0_{display: inline-block}