@charset "utf-8";
.w1200{width: 1200px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{list-style: none;}

.nav{height: 130px;border-bottom: 1px solid #cfd4dd;}
.nav:after{content: "";clear: both;height: 0;width: 0;}
.nav .nav_top{height: auto;overflow: hidden;padding: 26px 0 10px;}
.nav .nav_top .fl a{font-size: 14px;color: #808080;display: block;line-height: 36px;}
.nav .nav_top .fl a img{display: block;float: left;margin-right: 18px;width: 150px;margin-top: 5px;}
.nav .nav_top .fr{width: 520px;padding-top: 10px;padding-right: 22px;}
.nav .nav_top .fr a{display: block;width: 74px;font-size: 12px;text-align: center;color: #3778e5;float: right;}

.nav .nav_con{height: auto;overflow: hidden;}
.nav .nav_con ul li{float: left;margin-right: 50px;height: 50px;margin-top: 14px;}
.nav .nav_con ul li>a{font-size: 16px;color:#3b3b3b;height: 50px;display: block;}
.nav .nav_con ul li:hover>a{color:#0090f6;}

.nav .nav_con ul li>a i{display: inline-block;width: 14px;height: 14px;background: url(../images/hf/2025/arrow_d.png);background-size: 100%;vertical-align: -2px;}
.nav .nav_con ul li:hover>a i{background: url(../images/hf/2025/arrow_u.png);background-size: 100%;}


.nav .nav_con ul li .nav_menu{position: absolute;top: 131px;left: 0;right: 0;height: 0;background: #fff;z-index: 99;box-shadow: 6px 6px 6px rgba(230,230,230,.8);height: 0;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;overflow: hidden;}
.nav .nav_con ul li:hover .nav_menu{height: 480px;}
.nav .nav_con ul li:nth-child(3):hover .nav_menu{height: 280px;}
.nav .nav_con ul li:nth-child(4):hover .nav_menu{height: 380px;}
.nav .nav_con ul li .nav_menu dl{float: left;width: 206px;margin-right: 38px;}

.nav .nav_con ul li:nth-child(3) .nav_menu dl{width: 1200px;}

.nav .nav_con ul li:nth-child(4) .nav_menu dl{width: 1200px;}
.nav .nav_con ul li .nav_menu dl:last-child{margin-right: 0;}
.nav .nav_con ul li .nav_menu dl dt{font-size: 18px;color: #367efa;font-weight: bold;margin:30px 0;line-height: 22px;}
.nav .nav_con ul li .nav_menu dl dt::before{content: '';display: block;float: left;height: 22px;width: 23px;overflow: hidden;margin-right: 8px;background-image: url(../images/hf/2025/nav_ico.png);background-size: 109px;background-position: 0 0;}
.nav .nav_con ul li .nav_menu dl:nth-child(2) dt::before{background-position: -28px 0;}
.nav .nav_con ul li .nav_menu dl:nth-child(3) dt::before{background-position: -56px 0;}
.nav .nav_con ul li .nav_menu dl:nth-child(4) dt::before{background-position: -85px 0;}

.nav .nav_con ul li .nav_menu dl:nth-child(5) dt::before{height: 23px;width: 21px;background: url(../images/hf/2025/shop03.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(3) .nav_menu dl dt{margin-bottom: 10px;}

.nav .nav_con ul li:nth-child(3) .nav_menu dl dt::after{content: '';display: block;width: 1000px;height: 0;border-bottom: 1px solid #EAEAEB;margin-top: 20px;}

.nav .nav_con ul li:nth-child(4) .nav_menu dl dt{margin-bottom: 10px;}

.nav .nav_con ul li:nth-child(4) .nav_menu dl dt::after{content: '';display: block;width: 1000px;height: 0;border-bottom: 1px solid #EAEAEB;margin-top: 20px;}

.nav .nav_con ul li:nth-child(3) .nav_menu dl .dd{height: 180px;display: flex;justify-content: space-between;flex-direction: column;flex-wrap: wrap;}

.nav .nav_con ul li:nth-child(4) .nav_menu dl .dd{height: 280px;display: flex;justify-content: space-between;flex-direction: column;flex-wrap: wrap;}

.nav .nav_con ul li:nth-child(3) .nav_menu dl .dd dd{width: 400px;}

.nav .nav_con ul li:nth-child(4) .nav_menu dl .dd dd{width: 400px;}
.nav .nav_con ul li .nav_menu dl dd a{display: block;height: 58px;padding-left: 25px;border-radius: 8px;margin-bottom: 30px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;position: relative;}

.nav .nav_con ul li .nav_menu dl dd a::before{content: "";display: inline-block;width: 20px;height: 20px;background: url(../images/hf/2025/01.png);background-size: 100%;position: absolute;left: 0;top: 8px;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(1) dd:nth-child(3) a::before{background: url(../images/hf/2025/02.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(1) dd:nth-child(4) a::before{background: url(../images/hf/2025/03.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(1) dd:nth-child(5) a::before{background: url(../images/hf/2025/04.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(2) dd:nth-child(2) a::before{background: url(../images/hf/2025/05.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(2) dd:nth-child(3) a::before{background: url(../images/hf/2025/06.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(2) dd:nth-child(4) a::before{background: url(../images/hf/2025/07.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(3) dd:nth-child(2) a::before{background: url(../images/hf/2025/08.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(3) dd:nth-child(3) a::before{background: url(../images/hf/2025/09.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(3) dd:nth-child(4) a::before{background: url(../images/hf/2025/10.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(3) dd:nth-child(5) a::before{background: url(../images/hf/2025/11.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(4) dd:nth-child(2) a::before{background: url(../images/hf/2025/12.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(4) dd:nth-child(3) a::before{background: url(../images/hf/2025/13.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(4) dd:nth-child(4) a::before{background: url(../images/hf/2025/14.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(4) dd:nth-child(5) a::before{background: url(../images/hf/2025/15.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(5) dd:nth-child(2) a::before{background: url(../images/hf/2025/16.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(5) dd:nth-child(3) a::before{background: url(../images/hf/2025/17.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(2) .nav_menu dl:nth-child(5) dd:nth-child(4) a::before{background: url(../images/hf/2025/18.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(3) .nav_menu dl dd:nth-child(1) a::before{background: url(../images/hf/2025/27.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(3) .nav_menu dl dd:nth-child(2) a::before{background: url(../images/hf/2025/28.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(3) .nav_menu dl dd:nth-child(3) a::before{background: url(../images/hf/2025/29.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(3) .nav_menu dl dd:nth-child(4) a::before{background: url(../images/hf/2025/30.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(3) .nav_menu dl dd:nth-child(5) a::before{background: url(../images/hf/2025/31.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(3) .nav_menu dl dd:nth-child(6) a::before{background: url(../images/hf/2025/32.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(4) .nav_menu dl dd:nth-child(1) a::before{background: url(../images/hf/2025/19.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(4) .nav_menu dl dd:nth-child(2) a::before{background: url(../images/hf/2025/20.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(4) .nav_menu dl dd:nth-child(3) a::before{background: url(../images/hf/2025/21.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(4) .nav_menu dl dd:nth-child(4) a::before{background: url(../images/hf/2025/22.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(4) .nav_menu dl dd:nth-child(5) a::before{background: url(../images/hf/2025/23.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(4) .nav_menu dl dd:nth-child(6) a::before{background: url(../images/hf/2025/24.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(4) .nav_menu dl dd:nth-child(7) a::before{background: url(../images/hf/2025/25.png);background-size: 100%;}

.nav .nav_con ul li:nth-child(4) .nav_menu dl dd:nth-child(8) a::before{background: url(../images/hf/2025/26.png);background-size: 100%;}


.nav .nav_con ul li .nav_menu dl dd a span{display: block;font-size: 16px;color:#1a1a1a;padding: 6px 0;}
.nav .nav_con ul li .nav_menu dl dd a:hover span{color:#367ffa;font-weight: bold;}
.nav .nav_con ul li .nav_menu dl dd a p{font-size: 12px;color:#757575;}
.nav .nav_right{float: right;height: 50px;line-height: 30px;margin-top: 10px;}
.nav .nav_right a{display: inline-block;width: 90px;height: 30px;background: #ff543d;text-align: center;line-height: 30px;color:#fff;border-radius: 6px;margin:0 30px 0 26px;font-size: 14px;}
.nav .nav_right em{color:#333333;font-size: 14px;}

.footer_2021{clear: both;background: #393b3d;height: 380px;overflow: hidden;}
.footer_2021 .w1180{width: 1180px;margin: 0 auto;}
.footer_2021 .f_info{padding-top: 50px;border-bottom: 1px solid #555555;height: auto;overflow: hidden;}
.footer_2021 .f_info .fl{width: 700px;float: left;}
.footer_2021 .f_info .fl dl{height: auto;overflow: hidden;margin-bottom: 24px;}
.footer_2021 .f_info .fl dl dt{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.footer_2021 .f_info .fl dl dd{float: left;width:20%;margin-bottom: 12px;}
.footer_2021 .f_info .fl dl dd a{display: block;color: #fff;font-size: 14px;}
.footer_2021 .f_info .fr{width: 306px;float: right;padding-right: 30px;}
.footer_2021 .f_info .fr img{display: block;float: left;width: 146px; height: 167px;}
.footer_2021 .f_info .fr .f_btn{float: right;padding-top: 56px;}
.footer_2021 .f_info .fr .f_btn a.pop{display: block;width: 120px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #fff;font-weight: bold;border-radius: 50px;background: #3c8aeb;margin-bottom: 12px;}
.footer_2021 .f_info .fr .f_btn a.bj{display: block;text-align: center;font-size: 14px;color: #fff;}
.footer_2021  .foot_text{padding-top:22px;height: auto;overflow: hidden;}
.footer_2021  .foot_text .f_logo{font-size: 14px;color: #b5b5b5;float: left;margin-right: 50px;width: 222px;}
.footer_2021  .foot_text .f_logo img{display: block;float: left;margin-right: 8px;}
.footer_2021  .foot_text em{float: left;display: block;font-size: 14px;color: #b5b5b5;line-height: 24px;}
.footer_2021  .foot_text em a{color: #b5b5b5;}

/*左侧浮窗*/
#new_kf{position: fixed;font-size: 14px;z-index: 999;width:78px;height: auto;color:#3a3a3a;background: #fff;border-radius: 3px;}
#new_kf ul li{width: 78px;height: 78px;margin-bottom: 1px;text-align: center;border-radius: 3px;cursor: pointer;}
#new_kf ul li a span{color:#3a3a3a;padding-top: 53px;display: block;}
#new_kf ul li:hover{transition: .5s; -moz-transition: .5s; -webkit-transition: .5s}
#new_kf ul li:hover span{color:#fff;}
#new_kf ul .zxzx{background: url(../images/hf/zszx.png) center 13px no-repeat #f3f3f3;}
#new_kf ul .zxzx:hover{background: url(../images/hf/zszx_1.png) center 13px no-repeat #ff8f22;}

#new_kf ul .zcyl{background: url(../images/hf/zcyl.png) center 13px no-repeat #f3f3f3;}
#new_kf ul .zcyl:hover{background: url(../images/hf/zcyl_1.png) center 13px no-repeat #ff8f22;}

#new_kf ul .x_ewm{height: 108px;background: url(../images/hf/x_ewm.png) center 18px no-repeat #f3f3f3;}
#new_kf ul .x_ewm .d_ewm{width:216px;height:267px;position: relative;right:-78px;background: rgba(255,199,144,.7);top:-98px;border-radius: 3px;display: none;}
#new_kf ul .x_ewm .d_ewm img{margin-top: 20px;}
#new_kf ul .x_ewm .d_ewm em{display: block;font-size:19px;color:#4f4841;margin-top: 15px;}
#new_kf ul .x_ewm:hover{height: 108px;background: url(../images/hf/x_ewm_1.png) center 18px no-repeat #ff8f22;}
#new_kf ul .x_ewm:hover .d_ewm{display: block;}
#new_kf ul .x_ewm span{padding-top:60px;}

#new_kf ul .mfhd{background: url(../images/hf/mfhd.png) center 13px no-repeat #f3f3f3;}
#new_kf ul .mfhd:hover{background: url(../images/hf/mfhd_1.png) center 13px no-repeat #ff8f22;}
#new_kf ul .mfhd:hover .dh{display: block;}
#new_kf ul .mfhd .dh{width: 215px;height: 130px;background: rgb(250,193,139);position: relative;right:-78px;top:-71px;border-radius: 3px;padding-top: 37px;display: none;}
#new_kf ul .mfhd .dh input{width: 185px;height: 43px;background: #fff;border-radius: 18px;outline: none;border:none;color:#000!important;line-height: 43px!important;}
#new_kf ul .mfhd .dh .phone{width: 165px;font-size:16px;padding-left: 20px;color:#aeaeae;margin-bottom: 10px;}
#new_kf ul .mfhd .dh .btn_1{font-size:20px;cursor: pointer;margin-top: 0;}

#new_kf ul .new_kftop{;background: url(../images/hf/jiantou.png) center 20px no-repeat #f3f3f3;height: 99px;}
#new_kf ul .new_kftop:hover{background: url(../images/hf/jiantou_1.png) center 20px no-repeat #ff8f22;height: 99px;}
#new_kf ul .new_kftop span{padding-top: 60px;}

/* Hi宝宝客服 */
.hikf{position: fixed;right: 0;top: 40%;z-index: 99;min-width: 100px;min-height: 123px;}
.hikf .a{position: absolute;right: -50px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); }
.hikf .b{width: 356px;height: 259px;background: url(../images/hf/hikfbg.png);overflow: hidden;display: none;}
.hikf .b img{display: block;margin: 9px 0 0 56px;}
.hikf .b p{font-size: 14px;text-align: center;width: 224px;}
.hikf .b div{margin: 44px 0 0 12px;width: 200px;}
.hikf .b div input{display: block;float: left;width: 95px;margin-left: 12px;line-height: 30px;font-size: 14px;color: #333;padding-left: 12px;border: none;background: none;}
.hikf .b div a{display: block;float: left;width: 72px;line-height: 30px;text-align: center;font-size: 14px;text-align: center;color: #FFF;}
.hikf .b div span{display: block;font-size: 14px;color: #ff8c38;clear: both;padding: 7px 0 0 85px;cursor: pointer;}


