/*一些公用动画*/
/*上下浮动动画*/
@keyframes floatY{0%{transform: translateY(0);} 25%{transform: translateY(3px);} 50%{transform: translateY(0);} 75%{transform: translateY(-3px);} 100%{transform: translateY(0);}}
body{max-width: 1920px; min-width: 1280px; width: 100%; margin: 0 auto !important;}
/*hover公共样式*/
.hover{transition: all .2s linear;}
.hover:hover{color: #E62129 !important;}
/*顶部广告区*/
.header_ad{width: 100%; height: 48px; position: relative; overflow: hidden; display: none;}
.header_ad>a{display: block; height: 100%;}
.header_ad>a img{width: 100%; height: 100%; object-fit: cover;}
.header_ad .ad_close{width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; right: 50%; margin-right: -640px; z-index: 2; cursor: pointer;}
.activity_style231111{height: 100px;}
.activity_style231111 .ad_close{width: 24px;height: 24px;margin-top: -12px;margin-right: -664px;background: url(../../activity231111/images/fw1-close.png) no-repeat;transition: all 0.2s;-webkit-transition: all 0.2s;}
.activity_style231111 .ad_close:hover{background: url(../../activity231111/images/fw1_h.png) no-repeat;}
.activity_style231111>a span{width: 168px;height: 50px;text-indent: -9999px;background: url(../../activity231111/images/fw2.png) no-repeat;position: absolute;right: 50%;margin-right: -446px;top: 50%;margin-top: -25px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.activity_style231111>a span:hover{background: url(../../activity231111/images/fw2_h.png) no-repeat;}
.default_ad .ad_close{width: 26px;height: 25px;margin-top: -12px;background: url(../images/ad_close.png);transition: all 0.2s;-webkit-transition: all 0.2s;}
.default_ad .ad_close:hover{background: url(../images/ad_close_h.png);}
.default_ad .marqbox{width: 1280px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;color: rgba(255, 255, 255, 0.9);position: absolute;top: 0;left: 50%;margin-left: -640px;z-index: 1;overflow: hidden;}
.default_ad a i{display: inline-block;vertical-align: top;width: 23px;height: 23px;background: url(../images/ad_icon1.png);margin: 13px 8px 0 0;}
.default_ad a b{display: inline-block;vertical-align: top;width: 103px;height: 29px;background: url(../images/ad_btn.png);margin: 9px 0 0 30px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.default_ad a b:hover{background: url(../images/ad_btn_h.png);}
@keyframes scrollLeft{from{transform: translate3d(0, 0, 0);} to{transform: translate3d(-50%, 0, 0);} }
@-webkit-keyframes scrollLeft{from{-webkit-transform: translate3d(0, 0, 0);} to{-webkit-transform: translate3d(-50%, 0, 0);} }
.header_ad .marquee{width: 1280px;height: 48px;position: absolute;top: 0;left: 50%;margin-left: -640px;z-index: 1;overflow: hidden;}
.header_ad .marquee .bd{width: 100%;height: 48px;overflow: hidden;}
.header_ad .marquee .bd li{width: 7040px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;color: rgba(255, 255, 255, 0.9);}
/*头部*/
.header_wrap{width: 100%; max-width: 1920px; margin: 0 auto; height:auto; background: #fff; box-shadow: 0 12px 21px 0 rgba(166, 166, 166, .15);position: relative;z-index:10;}

/*头部导航区*/
.header_nav_box{position: relative; z-index: 1000; width: 100%; max-width: 1920px; min-width: 1280px; margin: 0 auto; height:70px; overflow:hidden;}
.header_nav{position: relative; top: 0; left: 0; z-index: 1000; height:80px; width: 100%; padding:10px 0 0; background-color: #fff;}
.header_nav.fixed{position: fixed; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1); height:75px;}
.header_nav_center{width: 100%; max-width: 1920px; min-width: 1280px; background-color: #fff; margin: 0 auto; height: 100%;}
.header_nav_content{width: 1280px; margin: 0 auto; height: 100%;}
.header_nav_logo{display: block; box-sizing: border-box; padding: 10px 0; height: 100%; line-height: 65px; width:170px; position: relative;}
.header_nav_logo img{display: inline-block; max-width: 270px; object-fit: cover; max-height: 65px; position: absolute; top: 0; left: 0; bottom: 0; margin: auto;}
.header_nav_logo #sprite_image{display: inline-block;vertical-align: top;max-width: 270px; max-height: 87px;position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.fixed .header_nav_logo #sprite_image {transform: scale(0.75);-webkit-transform: scale(0.75);}
.header_nav_search{position: relative; width: 177px; height: 34px; background: #fff; border: 1px solid #E5E5E5; border-radius: 18px; margin-left: 18px; line-height: 34px;}
.header_nav_search>span{width: 130px; height: 34px; font-size: 12px; line-height: 34px; font-weight: 400; color: #9D9D9D; padding-left: 15px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.header_nav_search .bg-icon7{top: -8px; left: 0;}
.header_nav_list{padding-top: 33px;}
.header_nav.fixed .header_nav_list{padding-top: 14px;}
.header_nav_item{position: relative; margin-left: 29px;}
.header_nav_item_tag{position: absolute; top: -15px; left: 50%; width: 60px; height: 17px; margin-left: -20px; background: #E62129; border-radius: 8px; font-size: 12px; font-weight: 500; color: #fff; line-height: 16px; text-align: center; animation: floatY 1.2s linear infinite;}
.header_nav_item_tag:after{content: ''; display: block; border-style: solid; border-width: 3px; border-color: #E62129 transparent transparent; position: absolute; bottom: -6px; left: 8px;}
.header_nav_item>a{position: relative; display: block; line-height: 36px; font-size: 16px; font-weight: bold; color: #060606;}
.header_nav_item .bg-icon51{top: -4px;}
.header_nav_item:hover .header_nav_hover{display: block;}
.header_nav_hover{min-width: 87px; display: none; position: absolute; top: 34px; border-top: 2px solid #E62129; left: 50%; transform: translateX(-50%); padding: 6px 0 11px; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .08); border-radius: 0 0 4px 4px;}
.header_nav_hover:after{content: ''; display: block; border-style: solid; border-width: 3px; border-color: #E62129 transparent transparent; position: absolute; top: 0; left: 50%; margin-left: -3px;}
.header_nav_hover_a>a{display: block; color: #666; font-size: 14px; line-height: 28px; white-space: nowrap; text-align: center; padding: 0 8px;}
.header_nav_item>a:hover,
.header_nav_item>a.active{color: #E62129;}
.header_nav_item>a.active:after,
.header_nav_item>a:hover:after{content: ''; display: block; width: 10px; height: 2px; background: #E6242C; border-radius: 1px; position: absolute; bottom: 0; left: 50%; margin-left: -5px;}
.header_nav_item.show_other_enter{position: static;}
.header_nav_item.show_other_enter:hover .header_nav_hover_other{display: block;}
.header_nav_hover_other:after{display: block; content: ''; background-color: transparent; height: 30px; width: 100%; position: absolute; top: -30px; left: 0;}
.header_nav_hover_other{box-sizing: border-box; display: none; position: absolute; top: 87px; left: 0; z-index: 9; width: 100%; min-width: 1280px; height: 140px; background: #fff; box-shadow: 0 5px 10px 0 rgba(211, 211, 211, .68); padding-top: 30px; text-align: center;}
.header_nav.fixed .header_nav_hover_other{top: 64px;}
.header_nav_hover_other_list{display: inline-block;}
.header_nav_hover_other_item{position: relative; margin: 0 30px;}
.header_nav_hover_other_item_icon{display: flex; align-items: center; justify-content: center; width: 100%; height: 44px; text-align: center; line-height: 44px; margin-bottom: 10px;}
.header_nav_hover_other_item_icon i{display: inline-block; line-height: 44px;}
.bg-iconnew1{width: 41px; height: 31px; background: url(../../brandclassify/images/i23.png) no-repeat;}
.header_nav_hover_other_item:hover .bg-iconnew1{background: url(../../brandclassify/images/i23_h.png) no-repeat;}
.bg-iconnew2{width: 33px; height: 33px; background: url(../../brandclassify/images/i24.png) no-repeat;}
.header_nav_hover_other_item:hover .bg-iconnew2{background: url(../../brandclassify/images/i24_h.png) no-repeat;}
.header_nav_hover_other_item p{font-size: 14px; font-weight: 400; color: #0E0E0E; line-height: 14px; white-space: nowrap;}
.header_nav_hover_other_item:hover p{color: #E62129;}
.header_nav_hover_other_item:hover .bg-icon71{background-position: -276px -72px;}
.header_nav_hover_other_item:hover .bg-icon64{background-position: -276px -0;}
.header_nav_hover_other_item:hover .bg-icon65{background-position: -276px -173px;}
.header_nav_hover_other_item:hover .bg-icon66{background-position: -33px -250px;}
.header_nav_hover_other_item:hover .bg-icon67{background-position: -136px -247px;}
.header_nav_hover_other_item:hover .bg-icon68{background-position: -276px -205px;}
.header_nav_hover_other_item:hover .bg-icon56{background-position: -66px -250px;}
.header_nav_hover_other_item:hover .bg-icon59{background-position: -0 -250px;}
.header_nav_hover_other_item:hover .bg-icon60{background-position: -172px -250px;}
.header_nav_hover_other_item:hover .bg-icon61{background-position: -276px -141px;}
.header_nav_hover_other_item:hover .bg-icon62{background-position: -101px -250px;}
.header_nav_hover_other_item:hover .bg-icon63{background-position: -276px -107px;}
.header_nav_hover_other_tag{position: absolute; top: -4px; right: -30px; width: 36px; height: 18px; font-size: 12px; font-weight: 400; color: #fff; line-height: 18px; border-radius: 9px 9px 9px 0; animation: floatY 1.2s linear infinite;}
.header_nav_hover_other_tag.red{background-color: #E62129;}
.header_nav_hover_other_tag.origin{background-color: #FF8A00;}

.header_nav_item .bg-icon51 {
    top: -4px;
}
.bg-icon51 {
    width: 6px;
    height: 4px;
    background: url('../images/css_sprites.png') -229px -122px;
}
.sprites-box {
    display: inline-block;
    position: relative;
}



/*头部搜索反馈框*/
.header_search_big_box{position: absolute; top: -2px; right: -2px; width: 0; overflow: hidden; transition: all .1s linear;}
.header_search_box{width: 600px; background: #fff; box-shadow: 1px 6px 20px 1px rgba(103, 103, 103, 0.1); overflow: hidden;}
.header_search_box_head{position: relative; box-sizing: border-box; width: 100%; height: 60px; background: linear-gradient(90deg, #E62129, #FC7533); background-color: #E62129\9\0; /* ie9 */ padding: 0 30px;}
.header_search_box_head .bg-icon70{position: absolute; top: 24px; right: 30px;}
#header_search_close{cursor: pointer;}
.header_search_tab{cursor: pointer; font-size: 14px; font-weight: bold; color: #FBC8B6; margin-right: 40px; line-height: 60px; position: relative;}
.header_search_tab.active,
.header_search_tab:hover{color: #fff;}
.header_search_tab.active:after{content: ''; display: block; border-style: solid; border-width: 5px; border-color: transparent transparent #fff; position: absolute; bottom: 0; left: 50%; margin-left: -5px;}
.header_search_content{padding: 22px 30px 15px; background-color: #fff;}
.header_search_input_box{padding-bottom: 14px; position: relative; margin-bottom: 21px;}
#header_search_keyword{width: 480px;}
.header_search_input_box:after{content: ''; display: block; width: 100%; height: 1px; background: linear-gradient(90deg, #E62129, #FC7533); background-color: #E62129\9\0; /* ie9 */ position: absolute; bottom: 0; left: 0;}
.header_nav_search .header_search_input_box .bg-icon7{left: 0; top: 4px;}
#search_keyword{width: 460px; padding-left: 8px;}
.header_search_btn{font-size: 12px; font-weight: bold; color: #E62229; cursor: pointer;}
.header_search_res{display: none; position: relative;}
.header_search_res>a{display: block; padding-left: 20px; font-size: 14px; color: #222; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header_search_res>a span{color: #E62229;}
.header_search_res>a:hover{background-color: #F5F5F5; color: #222;}
.header_search_history{padding: 0 0 15px;}
.header_search_history>p{font-size: 12px; font-weight: 400; color: #888; position: relative; line-height: 12px; margin-bottom: 16px;}
#close_search_history{position: absolute; top: -5px; left: 52px; cursor: pointer;}
.search_history_item{margin: 0 6px 15px 0;}
.search_history_item>a{max-width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all .2s linear; display: block; padding: 5px 13px 5px; background: #FFFEFE; border: 1px solid #D8D7D7; font-size: 12px; line-height: 12px; font-weight: 400; color: #6D6D6D;}
.search_history_item>a:hover{border-color: #E62229; color: #E62229;}