.header{width: 100%;height: 80px;display: flex;align-items: center;justify-content: space-between;padding: 0 62px;background-color: #006A32;position: fixed;top: 0;left: 0;z-index: 110} .header .headl{width: 310px;} .header .headl a{display: block;} .header .headc{position: relative;z-index: 2} .header .headc li{float: left;z-index: 1} .header .headc li:last-child{margin-right: 0} .header .headc li>a{overflow: hidden;font-size: 16px;line-height: 32px;color: #fff;display: block;padding: 24px 35px;position: relative;} .header .headc li>a:before{content: '';width: 40px;height: 3px;position: absolute;left: 0;right: 0;bottom: 8px;margin:auto;background-color: transparent;transition: background-color 0.3s} .header .headc li.active>a:before{background-color: #fff} .header .headc li.selected>a:before{background-color: #fff} .header .headc .kf{display:none;} .header .headc .lan{display:none;} .header .headr{z-index: 1;} .header .headr .sc{user-select: none;display: block;position: relative;z-index: 2;float: left;width: 170px;height: 44px;/*margin-right: 32px;*/border:2px solid #fff;color: #FFFFFF;border-radius: 22px;text-align: center;transition: background-color 0.3s} .header .headr .sc a {color: #FFFFFF;} .header .headr .sc span{display: inline-block;font-size: 16px;line-height: 40px;padding-left: 32px;position: relative;} .header .headr .sc span i{content: '';width: 24px;height: 24px;position: absolute;left: 0;top:8px;background-image: url(../images/icon-foot-phone-2.png);background-size: cover;transition:background-image 0.3s} .header .headr .kf{display: block;float: left;width: 24px;height: 24px;margin-right: 32px;margin-top:10px;background-image: url(../images/icon_service.png);background-size: cover} .header .headr .lan{user-select: none;display: block;position: relative;z-index: 1;float: left;width: 24px;height: 24px;margin-top: 10px;background-image: url(../images/icon_lan.png);background-size: cover;cursor: pointer;} .header.fixed{box-shadow: 0 10px 10px rgba(0,0,0,0.05)} .header_placeholder{height: 80px;width: 100%;} .header .headc li .navcon .wap_title{display: none;} .header .headc li .navcon{position: fixed;top: 80px;left: 0;right: 0;z-index: 100;display: none;max-height: calc(100vh - 80px);overflow-y: auto;box-shadow: 0 10px 10px rgba(0,0,0,0.05);} .header .headc li .navcon .box{width: 100%;height: auto;background-color: #fff;} .header .headc li .navcon .mainbox{overflow: hidden;padding:0 30px 40px;} .header .headc li .navcon .itembox{width: 100%;overflow: hidden;display: flex;flex-wrap: wrap;} .header .headc li .navcon .item{float: left;width: 30%;margin-right: 5%;margin-top: 30px;} .header .headc li .navcon .item .img{background-color: #EEEFF2;width: 100%;} .header .headc li .navcon .item h3{font-size: 16px;margin-top: 15px;text-align: left;color: #222} .header .headc li .navcon .item h3:after{content: '\e631';font-weight: normal;display: inline-block;vertical-align: middle;font-family: "iconfont";color: #006A32;opacity: 0;transition:opacity 0.3s;} .header .headc li .navcon .item>p{font-size: 14px;margin-top: 5px;line-height: 20px;height: 20px;color: #888;opacity: 0;transition: opacity 0.3s;display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:2;text-overflow:ellipsis;overflow: hidden;} .header .headc li .navcon .item:nth-child(3n){margin-right: 0;} .header .headc li .navcon.cx .swiper-container{width: 100%;} .header .headc li .navcon.cx .tabbox{position: relative;overflow: hidden;margin-top: 40px;} .header .headc li .navcon.cx .tabbox:after{content: '';z-index: 1;position: absolute;left: 0;width: 100%;bottom: 0;height: 1px;background-color: #E3E1E1;} .header .headc li .navcon.cx .tabbox a{font-size: 16px;color: #888;position: relative;z-index: 2;float: left;vertical-align: top;padding-bottom: 20px;margin-right: 40px;} .header .headc li .navcon.cx .tabbox a.active{font-weight: bold;color:#222222;} .header .headc li .navcon.cx .tabbox a:after{content: '';width: 40px;height: 3px;background-color:#222222;position: absolute;left: 0;right:0;bottom: 0;margin:auto;opacity: 0;transition: opacity 0.3s} .header .headc li .navcon.cx .tabbox a.active:after{opacity: 1;transition: none} .header .headc li .navcon.cx .content{width: 100%;} .header .headc li .navcon.cx .itembox{display: none;position: relative;} .header .headc li .navcon.cx .itembox.show{display: flex;width: 100%;padding-bottom: 20px} .header .headc li .navcon.cx .itembox .swiper-container{z-index: 1} .header .headc li .navcon.cx .item{width: 220px;height: auto;margin-right: 0 !important;margin-top: 60px;flex-shrink: 0;padding-left:30px} .header .headc li .navcon.cx .item .img{display: block;width: 160px;height: 104px;background-color: transparent;overflow: hidden;margin-left: -27px;} .header .headc li .navcon.cx .item .img.hide{display: none;} .header .headc li .navcon.cx .item .img.wap{display: none !important;} /*.header .headc li .navcon.cx .item .img.lg{width: 170px;} .header .headc li .navcon.cx .item .img.sm{width: 150px;}*/ .header .headc li .navcon.cx .item .img img{transition: transform 0.3s} .header .headc li .navcon.cx .item h3{font-size:22px;margin-top: 30px;text-align: left;color: #888;font-weight: 300;padding-bottom: 16px;position: relative;} .header .headc li .navcon.cx .item h3:after{content: '';width: 26px;height: 2px;background:#565656;position: absolute;left: 0;bottom: 0;opacity: 1} .header .headc li .navcon.cx .item .xinghao{display: block;margin-top: 35px;} .header .headc li .navcon.cx .item .xinghao h4{font-size: 20px;line-height: 28px;text-align: left;color: #333;} .header .headc li .navcon.cx .item .xinghao h4 span{margin-right: 5px;vertical-align: baseline;} .header .headc li .navcon.cx .item .xinghao h4 em{font-size: 14px;color: #888;font-weight: normal;vertical-align: baseline;} .header .headc li .navcon.cx .item .xinghao h4:after{content: '\e631';font-weight: normal;font-size: 16px;vertical-align: top;display: inline-block;font-family: "iconfont";color: #006A32;opacity: 0;transition:opacity 0.3s;} .header .headc li .navcon.cx .item .xinghao p{font-size: 14px;line-height: 20px;height: 40px;margin-top: 6px;text-align: left;color: #888;} .header .headc li .navcon.cx .item .xinghao p span{font-size: 12px;display: block;} .header .headc li .navcon.cx .itembox .btn{width: 30px;height: 30px;position: absolute;top: 0;bottom: 0;margin:auto;font-family: iconfont;font-size:24px;line-height: 30px;text-align: center;color: #006A32;z-index: 10;cursor: pointer;} .header .headc li .navcon.cx .itembox .prev{left: 0} .header .headc li .navcon.cx .itembox .next{right: 0} .header .headc li .navcon.cx .itembox .btn.swiper-button-disabled{opacity: 0} .header .headc li .navcon.abouts .mainbox{padding:0 10px 40px;} .header .headc li .navcon.abouts .item{float: left;width: 22%;margin-right: 4%;} .header .headc li .navcon.abouts .item:nth-child(4n){margin-right: 0;} .header .headc li .navcon.core .item{float: left;width: 48%;margin-right: 4%;margin-top: 30px;} .header .headc li .navcon.core .item:nth-child(2n){margin-right: 0} .header .headr .navcon{position: fixed;top: 60px;left: 0;right: 0;z-index: 100;height: 0px;overflow: hidden;transition: all 0.3s} .header .headr .navcon:after{content: '';width: 0px;height: 0px;border-width: 6px;border-style: solid;border-color: transparent transparent #fff transparent;position: absolute;top: 8px;right: 136px;/*right: 248px;*/} .header .headr .navcon .box{width: 100%;height: 86px;margin:20px 0;background-color: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.05);padding: 0 62px;} .header .headr .sc .navcon .box{display: flex;align-items: center;justify-content: flex-end;} .header .headr .sc .navcon .box a{display: block;display: block;padding-right: 50px;position: relative;} .header .headr .sc .navcon .box a:after{content: '';display: block;width: 1px;height: 20px;background-color: #E3E1E1;position: absolute;right: 25px;top: 0;bottom: 0;margin:auto} .header .headr .sc .navcon .box a:last-child:after{display: none;} .header .headr .sc .navcon .box img{width: auto;height: 28px;} .header .headr .lan .navcon:after{right: 68px;} .header .headr .lan .navcon .box{display: flex;align-items: center;justify-content: flex-end;} .header .headr .lan .navcon .box a{display: block;display: block;padding-right: 30px;font-size: 14px;line-height: 24px;color: #222;position: relative;} .header .headr .lan .navcon .box a:after{content: '\e631';font-weight: normal;display: inline-block;vertical-align: middle;font-family: "iconfont";color: #006A32;opacity: 0;transition:opacity 0.3s;} .header .headr .lan .navcon .box a.active{font-weight: bold;color: #006A32} .header .headr .lan .navcon .box a img{vertical-align: middle;display: inline-block;width: 24px;} .header .headr .lan .navcon .box a span{vertical-align: middle;display: inline-block;} .header .headr .lan.show .navcon{height: 126px;} /* 产品参数里程头部 */ .proheader{width: 100%;height: 60px;display: flex;align-items: center;justify-content: space-between;padding: 0 62px;position: fixed;top: 80px;left: 0;z-index: 100;transition: all 0.3s;background-color: #fff;border-bottom:1px solid #E8E8E9} .proheader .headl {max-width: 30%;} /*.proheader .headl em{font-family:encode,hanyi,"SourceHanSansCN","PingFang SC","Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}*/ .proheader .headl p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #999;display: flex;align-items: flex-end;} .proheader .headl p span{display: inline-block;font-size: 16px;line-height: 24px;padding-bottom: 2px;color:#999;vertical-align: top;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .proheader .headl p em{display: inline-block;font-size: 20px;line-height: 28px;color: #333;vertical-align: top;margin-right: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .proheader .headr{flex-shrink: 0} .proheader .headr .pronav{display: inline-block;vertical-align: middle;overflow: hidden;} .proheader .headr .pronav a{display: inline-block;float: left;vertical-align: middle;font-size: 16px;line-height: 36px;color: #333;margin-right: 40px;} .proheader .headr .pronav a:last-child{margin-right: 0} .proheader .headr .pronav a:after{content: '\e631';font-weight: normal;display: inline-block;vertical-align: middle;font-family: "iconfont";color: #006A32;opacity: 0;transition:opacity 0.3s;} .proheader .headr .pronav a.active,.proheader .headr .pronav a.active>*{color: #006A32;} .proheader .headr .gobuy{margin-left: 40px;display: inline-block;width: 110px;text-align: center;vertical-align: middle;font-size: 16px;color: #fff;border:1px solid #006A32;background-color: #006A32;height: 32px;line-height: 30px;border-radius: 16px;transition: all 0.3s;flex-shrink: 0} .proheader.pro{ border-bottom:1px solid rgba(255,255,255,0.1)} .proheader.other{display: block;padding: 0;border-bottom: none;} .proheader.other .mainbox{display: flex;align-items: center;justify-content: space-between;height: 100%;border-bottom:1px solid rgba(255,255,255,0.1)} .proheader.transparent{background-color: transparent;color: #fff} .proheader.transparent .headl p{color: #fff;} .proheader.transparent .headl p span{color:#fff;} .proheader.transparent .headl p em{color: #fff;} .proheader.transparent .headr .pronav a{color: #fff} .proheader.transparent .headr .pronav a.active{color: #006A32} .proheader.black{ border-bottom:1px solid rgba(0,0,0,0.1)} .proheader.black .headl p{color: #999} .proheader.black .headl p span{color:#666;vertical-align: middle;} .proheader.black .headl p em{color: #333;vertical-align: middle;} .proheader.black .headr .pronav a{color: #333} .proheader.fixed{box-shadow: 0 10px 10px rgba(0,0,0,0.05);background-color: #fff;border-color: transparent !important;} .proheader.fixed .mainbox{border-color: transparent !important;color: #999} .proheader.fixed .headl p{color: #999} .proheader.fixed .headl p span{color:#666;} .proheader.fixed .headl p em{color: #333;} .proheader.fixed .headr .pronav a{color: #333} .proheader.show{box-shadow: 0 10px 10px rgba(0,0,0,0.05);background-color: #fff;border-color: transparent !important;} .proheader.show .mainbox{border-color: transparent !important;color: #999} .proheader.show .headl p span{color:#666;} .proheader.show .headl p em{color: #333;} .proheader.show .headr .pronav a{color: #333} .proheader.other .headl p em{font-size: 18px;line-height: 26px;} .proheader .headr .pronav a.procodebtn{width: 100px;height: 36px;color: #fff;display: inline-block;background-color: #006A32;font-size: 16px;text-align: center;border-radius: 18px;line-height: 36px;} .proheader .headr .pronav a.procodebtn:after{display: none;} .footer{width: 100%;background-color: #111111;} .footer .mainbox{overflow: hidden;} .footer .logo{width: 340px;} .footer .logo a{display: block;} .footer .con{padding:60px 0 44px;position: relative;display: flex;align-items: flex-start;justify-content: space-between;flex-direction: row-reverse;} .footer .con .phone{} .footer .con .phone p{font-size: 16px;color: #EC6A00;text-align: left;line-height: 24px;} .footer .con .phone p span{font-family: encode-bold,hanyi-bold} .footer .con .phone i{display: inline-block;vertical-align: top;background-size: 100%;background-repeat: no-repeat;} .footer .con .phone i.clock{width: 16px;height: 16px;margin-top: 4px;margin-right: 7px;background-image: url(../images/icon-foot-clock.png);} .footer .con .phone i.phone{width: 16px;height: 16px;margin-top: 10px;margin-right: 7px;background-image: url(../images/icon-foot-phone.png);} .footer .con .phone h3{margin-top: 1px;text-align: left;} .footer .con .phone h3 a{font-size: 27px;color: #EC6A00;} .footer .con .codebox{width: 100%;margin-top: 20px;overflow: hidden;display: flex;justify-content: space-between;} .footer .con .codebox .code{width: 94px;} .footer .con .codebox .code .img{width: 100%;} .footer .con .codebox .code .img img{border-radius: 5px;} .footer .con .codebox .code p{font-size: 14px;color: #6E6E6E;line-height: 24px;text-align: center;margin-top: 6px;} .footer .con .nav{overflow: hidden;} .footer .con .nav dl{width: 200px;float: left;} .footer .con .nav dl.guanzhu{width: auto} .footer .con .nav dl.guanzhu .img{display: none;} .footer .con .nav dl.guanzhu span>i{width: 18px;height: 18px;display: inline-block;vertical-align: top;margin-right: 12px;background-size: 100%;background-position: center;background-repeat: no-repeat;} .footer .con .nav dt{margin-bottom: 20px;} .footer .con .nav dt span{font-size: 14px;line-height: 26px;color: #CACACA;transition: color 0.3s;font-family: encode-bold,hanyi-bold;} .footer .con .nav dd{margin-bottom: 12px;} .footer .con .nav dd a{font-size: 14px;line-height: 18px;color: #6E6E6E;position: relative;display: inline-block;} .footer .con .nav dd a span{display: inline-block;vertical-align:top;} .footer .con .nav dd a:after{content: '\e631';font-weight: normal;display: inline-block;vertical-align:top;font-family: "iconfont";line-height: 18px;color: #fff;opacity: 0;transition:opacity 0.3s;} .footer .con .nav dd:last-child{margin-bottom: 0;} .footer .bot{padding: 22px 0;border-top: 1px solid rgba(255,255,255,0.1);display: flex;align-items: center;justify-content: space-between;} .footer .bot .icp{font-size: 14px;color: #6E6E6E;line-height: 24px;} .footer .bot .icp a{font-size: 14px;color: #6E6E6E;line-height: 24px;} .footer .bot .icp img{display: inline-block;width: 20px;padding: 2px;vertical-align: top;} .footer .bot .lan{font-size: 14px;color: #6E6E6E;padding: 0 30px;position: relative;line-height: 24px;cursor: pointer;user-select: none;} .footer .bot .lan i{width: 24px;height: 24px;position: absolute;top: 0;background-size: cover;background-position: center;} .footer .bot .lan .icon{left: 0;background-image: url(../images/icon_lan_foot.png);} .footer .bot .lan .more{right: 0;background-image: url(../images/icon_more_bot.png);transition: all 0.3s} .footer .bot .lan .navcon{width: 390px;height:58px;position: absolute;right: 0;top: -68px;background-color: #CFCBCB;display: none;} .footer .bot .lan .navcon .box{width: 100%;height: 58px;padding: 17px 30px;display: flex;align-items: center;justify-content: space-between;} .footer .bot .lan .navcon .box a{display: block;display: block;font-size: 14px;line-height: 24px;color: #222} .footer .bot .lan .navcon .box a:after{content: '\e631';font-weight: normal;display: inline-block;vertical-align: middle;font-family: "iconfont";color: #006A32;opacity: 0;transition:opacity 0.3s;} .footer .bot .lan .navcon .box a.active{font-weight: bold;color: #006A32} .footer .bot .lan .navcon .box a img{vertical-align: middle;display: inline-block;width: 24px;} .footer .bot .lan .navcon .box a span{vertical-align: middle;display: inline-block;} .footer .bot .lan.show .more{transform:rotateX(180deg);} /*.proheader.fixed .headl p span{color:#fff;} .proheader.fixed .headl p em{color: #fff;} .proheader.fixed .headr .pronav a{color: #fff;}*/ /*.proheader_placeholder{height: 60px;width: 100%;}*/ body.fixed{position: fixed;left: 0;width: 100%;} @media screen and (min-width: 1025px){ .header .headc li:hover .navcon{z-index: 102} .header .headc li .navcon.cx .item .img:hover img{transform: scale(1.05); } .header .headc li .navcon .item:hover h3{color: #006A32} .header .headc li .navcon .item:hover h3:after{opacity: 1} .header .headc li .navcon .item:hover>p{opacity: 1} .header .headc li .navcon.cx .item:hover h3{color: #888} .header .headc li .navcon.cx .item .xinghao:hover h4{color: #006A32} .header .headc li .navcon.cx .item .xinghao:hover h4:after{opacity: 1} .header .headc li .navcon.cx .item .xinghao:hover h4 em{color: #006A32} .header .headr .sc:hover{background-color: #fff;border-color: #fff;color: #006A32} .header .headr .sc:hover .navcon{height: 126px;} .header .headr .sc:hover span i{background-image: url(../images/icon-foot-phone.png);} .header .headr .lan .navcon .box a:hover{color: #006A32} .header .headr .lan .navcon .box a:hover:after{opacity: 1} .header .headr .lan .navcon .box a.active:hover:after{opacity: 0} .proheader.other .headr .pronav{margin-right: -16px} .proheader .headr .pronav a:hover{color: #006A32 !important} .proheader .headr .pronav a:hover:after{opacity: 1 !important} .proheader .headr .pronav a.active:hover{color: #006A32 !important} .proheader .headr .pronav a.active:after{opacity: 0 !important} .proheader .headr .pronav a.procodebtn:hover{color: #fff !important;background-color: #006A32;} .footer .con .nav dd a:hover{color: #fff} .footer .con .nav dd a:hover:after{opacity: 1} .footer .bot .lan .navcon .box a:hover{color: #006A32} .footer .bot .lan .navcon .box a:hover:after{opacity: 1} .footer .bot .lan .navcon .box a.active:hover:after{opacity: 0} } @media screen and (max-width: 1590px){ .header .headc li .navcon .item{width: 32%;margin-right: 2%} .header .headc li .navcon.abouts .item{width: 22%;margin-right:4%;} } @media screen and (max-width: 1560px){ .header{padding: 0 5%;} .proheader{padding: 0 7.5%;} .header .headc li .navcon .mainbox,.header .headc li .navcon.abouts .mainbox{padding: 0 0 40px;} .header .headc li .navcon .item{width: 32%;margin-right: 2%} .header .headc li .navcon.abouts .item{width: 22%;margin-right:4%;} .header .headr .navcon:after{right: calc( 5% + 74px );} .header .headr .lan .navcon:after{right: 36px;} .header .headc li .navcon .item>p{height: 40px} } @media screen and (max-width: 1400px){ /*.header .headl{width: 281px;}*/ .header .headr .kf,.header .headr .sc{margin-right: 0;} .header .headc li>a{padding: 24px 10px;} } @media screen and (max-width: 1290px){ .header{padding: 0 2%;} .header .headr .navcon:after{right: calc( 2% + 74px );} .footer .con .nav dl{width: 150px} .proheader .headr .pronav a{margin-right: 20px;} } @media screen and (max-width: 1160px){ .header .headc li>a{padding: 24px 10px;} .proheader .headr .gobuy{margin-left: 20px;} } @media screen and (max-width: 1100px){ .footer .con .nav dl{width: 120px} } @media screen and (max-width: 1024px){ .header .headc{position: fixed;top: 80px;bottom: 0;left:0;width: 100%;background-color: #fff;height: 0px;overflow-y:auto;transition: height 0.3s;padding:0 30px;overflow-x: visible;} .header .headc .lanli>a:after{display: none;} .header .headc .lanli>a .now{float: right;font-size: 14px;line-height: 24px;color: #222;font-weight: bold;} .header .headc .lanli>a .now:after{content: '\e631';display: inline-block;vertical-align: middle;font-family: "iconfont";float: none;font-weight:normal;margin-left: 20px;transition: transform 0.3s} .header .headc .lanli>a .now img{display: inline-block;vertical-align: middle;width: 24px;} .header .headc .lanli>a .now span{display: inline-block;vertical-align: middle;} .header .headc .lanli .hide{display: none;} .header .headc .lanli .itembox{width: 100%;display: flex;align-items: center;justify-content: space-between;} .header .headc .lanli .item{font-size: 14px;line-height: 24px;color: #222;font-weight: bold;padding: 40px;} .header .headc .lanli .item img{display: inline-block;vertical-align: middle;width: 24px;} .header .headc .lanli .item span{display: inline-block;vertical-align: middle;} .header .headc .lanli.show>a .now img{display:none;} .header .headc .lanli.show>a .now span{display:none;} .header .headc .lanli.show>a .now:after{transform: rotate(90deg);} .header .headc .bot{width: 100%;padding-bottom: 100px;display: flex;align-items: center;justify-content: center;} .header .headc .bot a{display: block;width: 24px;height: 24px;margin:80px 10% 0;background-size: cover} .header .headc .bot a.kf{background-image: url(../images/icon_service_black.png);} .header .headc .bot a.lan{background-image: url(../images/icon_lan_black.png);} .header .headr {display: flex;align-items: center;justify-content: flex-start;} .header .headr .navcon .box{padding: 0 30px;} .header .headr .sc{border:none;width: auto;float:none;white-space:nowrap;} .header .headr .sc.show .navcon{height: 126px;} .header .headr .kf{display:none;} .header .headr .lan{display:none;} .header .headr .menu{display: block;width: 50px;height: 80px;padding: 20px;padding-right: 0;transition: background-color 0.3s;cursor: pointer;} .header .headr .menu .span{display: block;width: 100%;height: 100%;position: relative;} .header .headr .menu span{display: block;width: 30px;height: 2px; background-color: #fff;position: absolute;top: 19px;right: 0;transition: top 0.3s, width 0.3s, transform 0.3s;} .header .headr .menu span.t{top: 9px;} .header .headr .menu span.b{width: 20px;top: 29px;} .header .headr .menu.show span.t{top: 19px;transform: rotate(45deg);} .header .headr .menu.show span.m{top: 19px;transform: rotate(-45deg);} .header .headr .menu.show span.b{width: 30px;top: 19px;opacity: 0;} .header .headr .navcon:after{right: calc( 2% + 42px + 50px );} .header .headc.show{height: calc( 100% - 80px );overflow-y:auto; } .header .headc.left{transition: left 0.3s;left: 0;} .header .headc li{display: block;float: none;border-bottom: 1px solid #F3F3F3;} .header .headc li:first-child{padding-top: 40px;} .header .headc li>a{color: #333;padding: 20px 0;font-size: 14px;line-height: 22px;font-weight: bold;} .header .headc li>a:before{display: none;} .header .headc li>a:after{content: '\e631';display: inline-block;vertical-align: middle;font-family: "iconfont";float: right;font-weight:normal;margin-right: 0;color: #666} .header .headc li>a.open:after{content: '\e632';} .header .headc li:nth-child(2)>a:after{content: '\e631';} /*.header .headc li .navcon{height:calc( 100% - 80px );width:7.5rem;left: 7.5rem;right: auto;max-height: none;transition: left 0.3s}*/ .header .headc li .navcon{position: static;box-shadow: none;overflow: hidden;max-height: none;height: auto;} .header .headc li .navcon.cx .itembox .btn{display: none;} .header .headc li .navcon.cx .item>.img{display: none !important;} .header .headc li .navcon .item{width: 48%;margin-right: 4%} .header .headc li .navcon.abouts .item{width: 48%;margin-right:4%;} .header .headc li .navcon .item:nth-child(3n){margin-right: 4%} .header .headc li .navcon.abouts .item:nth-child(4n){margin-right: 4%} .header .headc li .navcon .item:nth-child(2n){margin-right: 0%} .header .headc li .navcon.abouts .item:nth-child(2n){margin-right: 0%} .header .headc li .navcon .mainbox{width: 100% !important;/*padding:0 30px 30px !important;*/padding:0 0 40px !important;} .header .headc li .navcon.cx .content{width: auto;margin: 0 -30px;} .header .headc li .navcon.cx .tabbox{margin-top: 0;text-align: center;} .header .headc li .navcon.cx .tabbox a{display: inline-block;float: none;margin:0 20px;font-size: 14px;} .header .headc li .navcon.cx .itembox.show{display: block;padding: 0} .header .headc li .navcon.cx .item{margin-top: 0;padding: 0 0 0 40px;} .header .headc li .navcon.cx .item h3{margin-top: 30px;} .header .headc li .navcon.cx .item .xinghao{margin-top: 20px;} /*.header .headc li.left .navcon{left: 0}*/ .header .headc li .navcon .box{min-height: 100%} .header .headc li .navcon .wap_title{display: none;line-height: 32px;padding:20px 30px;} .header .headc li .navcon .wap_title a{color: #333;font-size: 14px;display: inline-block;} .header .headc li .navcon .wap_title a:before{ content: "\e633";font-family: "iconfont";margin-right: 10px;display: inline-block;} .header .headc li .navcon .item>p{display: none;} .header .headc li .navcon.cx .item .img.wap{display: block !important;} .header .headc li .navcon .item{margin-top: 20px;} .header .headc li .navcon .item:nth-child(1),.header .headc li .navcon .item:nth-child(2){margin-top: 0} .header .headc li .navcon .item h3{margin-top: 0;font-size: 16px;color: #272727;line-height: 24px;margin-top:15px;} .proheader{padding: 0 7.5%;} .proheader .headl{flex-grow: 1;width: 100%;max-width: 100%;padding-right: 60px;position: relative;} /*.proheader.canshu .headl{max-width: calc( 100% - 110px)}*/ .proheader .headl:after{content: '\e634';display: inline-block;line-height: 26px;vertical-align: middle;font-family: "iconfont";font-weight:normal;color: #333;position: absolute;right: 25px;top: 4px;bottom: 0;transition: transform 0.3s} .proheader.transparent .headl:after{color: #fff} .proheader.black .headl:after{color: #333} .proheader.fixed .headl:after{color: #333;} .proheader .headr .pronav{position: fixed;top: 140px;left: 0;right: 0;padding: 10px 7.5% ;display: none;background-color: #fff;max-height: calc(100% - 140px);overflow-y: auto} .proheader.show{background-color: #fff;box-shadow: none;} .proheader.show .headl:after{color: #333;transform: rotate(180deg);} .proheader .headr .pronav a{display: block;width: 100%;padding: 20px 0;margin: 0;border-bottom: 1px solid #F5F5F5;color: #666 !important} .proheader .headr .pronav a.active{color: #006A32 !important} .proheader .headr .pronav a:after{content: '\e631';display: inline-block;vertical-align: middle;font-family: "iconfont";float: right;font-weight:normal;opacity: 1;color: #333 !important;margin-right: 25px;display: none;} .proheader .headr .pronav a:last-child{border: none} .proheader .headr .pronav a.procodebtn{width: 100%;height: auto;background-color: transparent;text-align: left;} .proheader.show .headr .pronav{box-shadow: 0 10px 10px rgba(0,0,0,0.05);} .footer .con .nav dl{width: 150px} } @media screen and (max-width: 970px){ .footer .con{display: block;padding: 40px 0 0} .footer .mainbox{width: 100%;padding: 0 30px 0;} .footer .con .phone p{text-align: left;padding-bottom: 0.1rem} .footer .con .phone h3{text-align: left;} .footer .con .phone i.clock{margin-right: 12px;} .footer .con .phone i.phone{margin-right: 10px;} .footer .con .codebox{display: none;} .footer .con .nav{margin-top: 60px;border-top: 1px solid rgba(255,255,255,0.1)} .footer .con .nav dl{width: 100%;float: none;border-bottom: 1px solid rgba(255,255,255,0.1);position: relative;overflow: hidden;} .footer .con .nav dl dt,.footer .con .nav dl dd{margin: 0;padding: 20px 0;} .footer .con .nav dl.show dt span{color: #fff} .footer .con .nav dl dt i{width: 20px;height: 20px;position: absolute;right: 0;top: 23px;} .footer .con .nav dl dt i:before{content: '';display: block;width: 20px;height: 2px;position: absolute;top: 9px;left: 0;background-color: rgba(255,255,255,0.6);transition: transform 0.3s} .footer .con .nav dl dt i:after{content: '';display: block;width: 2px;height: 20px;position: absolute;top: 0;left: 9px;background-color: rgba(255,255,255,0.6);transition: transform 0.3s} .footer .con .nav dl.show dt i:before{transform: rotate(45deg);} .footer .con .nav dl.show dt i:after{transform: rotate(45deg);} .footer .con .nav dl div{display: none;padding-bottom: 20px;} .footer .con .nav dl:last-child{display: block;} .footer .con .nav dd a{display:block;color: #CACACA;padding:0 0.3rem;font-size: 16px;line-height: normal;opacity: 0.7} .footer .con .nav dd a:after{display: none;} .footer .con .phone .duiqi{display: inline-block;vertical-align: top;} .footer .con .nav dl.guanzhu dd .img{width: 210px;display: inline-block;vertical-align: top;padding: 0 0.3rem;} .footer .con .nav dl.guanzhu dd .img p{font-size: 16px;color: #CACACA;line-height: normal;margin-top: 15px;text-align: center;} .footer .bot .lan{display: none;} .footer .bot{border:none;padding: 20px 0 30px} } @media screen and (max-width: 768px){ .header{height: 1rem;padding: 0 5%;} .header_placeholder{height: 1rem;} .header .headl{width: 3.8rem;} .header .headr .sc{margin-right: 0;height: 0.44rem;border-radius: 0.22rem;color: #FFFFFF;} .header .headr .sc span{font-size: 0.28rem;line-height: 0.44rem;padding-left: 0.5rem;} .header .headr .sc span i{width: 0.34rem;height: 0.34rem;top: 0.05rem} .header .headr .menu{width: 0.6rem;height: 0.8rem;padding: 0.2rem 0.25rem;padding-right: 0} .header .headr .menu span{ width: 0.3rem;height:2px;top: 0.19rem;} .header .headr .menu span.t{top: 0.07rem;} .header .headr .menu span.b {width: 0.2rem;top: 0.31rem;} .header .headr .menu.show span.t{top: 0.19rem;} .header .headr .menu.show span.m{top: 0.19rem;} .header .headr .menu.show span.b{width: 0.3rem;top: 0.19rem;} .header .headc{top: 1rem;padding: 0 0.5rem;} .header .headc.show{height: calc(100% - 1rem)} .header .headc li:first-child{padding-top: 0.4rem;} .header .headc li>a{font-size: 0.28rem;line-height: 0.44rem;padding: 0.3rem 0} .header .headr .sc .navcon {top: 0.8rem} .header .headr .sc.show .navcon {height: 1.76rem;} .header .headr .sc.show .navcon .box{height: auto;padding: 0.4rem 0;margin: 0.2rem 0} .header .headr .sc .navcon .box{justify-content: center;} .header .headr .sc .navcon .box a{padding-right: 0.55rem;} .header .headr .sc .navcon .box a:last-child{padding-right: 0} .header .headr .sc .navcon .box a:after{right:0.3rem;} .header .headr .sc .navcon .box img{width: auto;height: 0.56rem;} .header .headr .navcon:after{top: calc( 0.2rem - 12px);right: calc( 5% + 0.6rem + 0.56rem - 6px)} .header .headc .lan .item{font-size: 0.28rem;line-height: 0.48rem;padding: 0.2rem 0} .header .headc .kf{font-size: 0.28rem;line-height: 1.5;padding: 0.2rem 0} .header .headc li .navcon{top: 1rem;height: calc(100% - 1rem)} .header .headc li .navcon .wap_title{font-size: 0.32rem;line-height: 0.48rem;padding: 0.2rem 0.3rem} .header .headc li .navcon .wap_title a{font-size: 0.28rem;line-height: 0.48rem;} .header .headc li .navcon .wap_title span{height: 0.48rem;line-height: 0.48rem;} .header .headc li .navcon .mainbox{padding: 0 0 0.4rem !important;} .header .headc li .navcon.cx .tabbox a{font-size: 0.28rem;margin:0 0.2rem;padding-bottom: 0.2rem;} .header .headc li .navcon.cx .tabbox a:after{width: 0.4rem;height: 0.03rem;} .header .headc li .navcon.cx .itembox{padding: 0} .header .headc li .navcon.cx .content{width: 100%;margin:0;} .header .headc li .navcon.cx .item{padding: 0;margin: 0;width: auto;padding-right: 0.5rem;} .header .headc li .navcon.cx .item:last-child{padding-right: 0} .header .headc li .navcon.cx .item h3{font-size: 0.28rem;color: #333;padding-bottom:0.1rem;margin-bottom: 0.3rem;margin-top: 0.3rem;} .header .headc li .navcon.cx .item h3:after{width: 0.4rem;height: 0.03rem;} .header .headc li .navcon.cx .item .xinghao h4{font-size: 0.28rem;line-height: 0.44rem;} .header .headc li .navcon.cx .item .xinghao h4 em{font-size: 0.28rem;} .header .headc li .navcon.cx .item .xinghao p{font-size: 0.26rem;line-height: 0.36rem;margin-top: 0.04rem} .header .headc li .navcon.cx .item .xinghao p span{font-size: 0.22rem;display: block;} .header .headc li .navcon.cx .item .img{width: 2.8rem;height: 1.74rem;margin-left:-0.46rem;} /*.header .headc li .navcon.cx .item .img{width: 70%;margin:0 auto;height: auto;} .header .headc li .navcon.cx .item .xinghao{padding: 0.4rem 0.4rem 0.4rem 0;margin:0;display: flex;align-items: flex-start;justify-content: flex-start;border-bottom: 1px solid #E3E1E1;position: relative;} .header .headc li .navcon.cx .item .xinghao:after{content: '\e631';font-family: "iconfont";font-weight:normal;position: absolute;top: 0.4rem;right: 0} .header .headc li .navcon.cx .item .xinghao h4:after{display: none;} .header .headc li .navcon.cx .item .xinghao p{font-size: 0.28rem;line-height: 0.48rem;margin:0;} .header .headc li .navcon.cx .item .xinghao p span{font-size: 0.24rem;display: inline;} .header .headc li .navcon.cx .item .xinghao:after{font-size: 0.28rem;height: 0.48rem;line-height: 0.48rem;} .header .headc li .navcon.cx .box{height: 100%;} .header .headc li .navcon.cx .mainbox{height: calc(100% - 0.9rem) } .header .headc li .navcon.cx .content{height: calc(100% - 0.6rem)} .header .headc li .navcon.cx .itembox.show{height: 100%;width: 100%;} .header .headc li .navcon.cx .swiper-container{height: 100%} .header .headc li .navcon.cx .item{height: auto;width: 100%;}*/ .header .headc li .navcon .item,.header .headc li .navcon.abouts .item{padding: 0} .header .headc li .navcon .item, .header .headc li .navcon.abouts .item{margin-top: 3%;width: 48%;margin-right: 4%} .header .headc li .navcon .item:nth-child(2n){margin-right: 0}, .header .headc li .navcon.abouts .item:nth-child(2n){margin-right: 0} .header .headc li .navcon .item:nth-child(3n){margin-right: 4%}, .header .headc li .navcon.abouts .item:nth-child(3n){margin-right: 4%} .header .headc li .navcon .item:nth-child(1), .header .headc li .navcon .item:nth-child(2){margin-top: 0;} .header .headc li .navcon .item h3{font-size: 0.26rem;line-height: 0.48rem;margin-top: 0.1rem} .header .headc li .navcon .item>p{display: none;} .header .headc .lanli .item{padding: 0.3rem;font-size: 0.28rem;line-height: 0.48rem;} .header .headc .lanli .item img{width: 0.48rem;height: 0.48rem;margin-right: 0.2rem;} .header .headc .bot{padding-bottom: 1rem;} .header .headc .bot a{width: 0.4rem;height: 0.4rem;margin:1rem 10% 0;} .proheader{height: 0.8rem;top: 1rem;} .proheader .headl{padding-right:0.6rem;} /*.proheader.pro .headl,.proheader.canshu .headl{max-width: calc( 100% - 92px)}*/ .proheader .headl p{line-height: 0.4rem} .proheader .headl:after{right: 0.25rem;top: 0.04rem;line-height: 0.4rem;} .proheader.show{opacity: 0.99} .proheader .headr .pronav{top: 1.8rem;padding: 0.1rem 7.5%;opacity: 0.99} .proheader .headr .pronav a{font-size: 0.28rem;padding: 0.2rem 0;line-height: 0.44rem;} .proheader .headr .pronav a.procodebtn{line-height: 0.36rem;font-size: 0.28rem;} .proheader .headr .pronav a:after{margin-right: 0.25rem;} .proheader .headl p em{font-size: 0.36rem !important;margin-right: 0.1rem;line-height: 0.44rem} .proheader.other .headl p em{font-size: 0.32rem !important;line-height: 0.4rem} .proheader .headl p span{font-size: 0.28rem !important;line-height: 0.36rem;padding-bottom: 0.02rem;} .proheader .headr{flex-shrink: 0;width: auto} .proheader .headr .gobuy{margin-left: 10px;height: 26px;line-height: 24px;font-size: 14px;padding: 0 12px;width: 82px;} .footer .logo{width: 3.8rem;} .footer .mainbox{padding: 0 0.36rem 0;} .footer .con{padding: 0.8rem 0 0} .footer .con .phone i{width: 0.32rem;height: 0.32rem;} .footer .con .phone p{font-size: 0.28rem;line-height: 0.36rem;} .footer .con .phone h3 a{font-size: 0.48rem;line-height: 0.56rem;} .footer .con .phone i.clock{width: 0.32rem;height: 0.32rem;margin-right: 0.2rem;margin-top: 0.02rem;} .footer .con .phone i.phone{width: 0.32rem;height: 0.32rem;margin-right: 0.2rem;margin-top: 0.16rem;} .footer .con .nav{margin-top: 0.6rem;} .footer .con .nav dl dt{padding: 0.36rem 20px 0.36rem 0;} .footer .con .nav dl dd{padding: 0.14rem 0.2rem;} .footer .con .nav dl dd:first-child{padding-top: 0} .footer .con .nav dt span{font-size: 0.28rem;line-height: 0.44rem;} .footer .con .nav dl div{padding-bottom: 0.2rem;} .footer .con .nav dl dt i{width: 11px;height: 11px;right: 0;top: calc( 0.56rem - 6px );} .footer .con .nav dl dt i:before{width: 11px;height: 1px;top: 5px;left: 0;} .footer .con .nav dl dt i:after{width: 1px;height: 11px;top: 0;left:5px;} .footer .con .nav dd a{font-size: 0.24rem;line-height: 0.4rem;padding: 0;} .footer .con .nav dl.guanzhu dd .img{width: 2.1rem;display: inline-block;vertical-align: top;padding:0;} .footer .con .nav dl.guanzhu dd .img:first-child{margin-right: 0.6rem} .footer .con .nav dl.guanzhu dd .img p{font-size: 0.28rem;margin-top: 0.3rem;} .footer .con .nav dl.guanzhu div{padding-bottom: 0.36rem} .footer .con .nav dl.guanzhu dd img{border-radius: 0.1rem;} .footer .bot{padding: 0.4rem 0 0.8rem} .footer .bot .icp,.footer .bot .icp a{font-size:0.24rem;line-height: 0.4rem;} .footer .bot .icp span.wap{display: block;} } .header .headc li .navcon.cx .itembox .swiper-scrollbar{opacity: 0} .indexcon .xpss .other .swiper-scrollbar{opacity: 0} #back_top{display: none;width: 60px;height: 60px;position: fixed;z-index: 100;right: 10px;bottom: 90px;box-sizing: border-box;padding: 10px;} #back_top .con{width: 100%;height: 100%;border-radius: 50%;/*opacity: 0.5;*/display: block;cursor: pointer;opacity: 1;padding:0;transition: opacity 0.1s,background-color 0.3s;background-image: url(../images/back_top.png);background-size: cover;background-repeat: no-repeat;background-color: rgba(51,51,51,0.5);} @media screen and (min-width: 1025px){ #back_top .con:hover{background-color: #006A32} } @media screen and (max-width: 768px){ #back_top{width: 1.12rem;height: 1.12rem;right: 0;bottom: 1.6rem;padding: 0.2rem;} }