*, ::after, ::before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
html {	-webkit-text-size-adjust: 100%;	font-size: 14px;}
body {
    background: #fff;
	/* -webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none; */
	overflow-x: hidden;
	color: #333;
	line-height:1.8;
}
.h1, .h2, .h3, .h4, .h5, .h6 {}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;	padding: 0;	margin: 0;}
input, textarea,pre{font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
input, textarea {margin: 0;	padding: 0;	outline: 0;	-webkit-appearance: none;	border-radius: 0;}
select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #000;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(http://custproj00042-1.ceydz.com/cus-js/2022-08/huayidengshi/assets/arrow-bottom.png) no-repeat scroll 98% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {display: none;}

a, a:link, a:visited, a:hover, a:active {
text-decoration: none;
 /* 去掉链接触摸高亮 */
noline:-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
:focus, a:focus {outline: none;	-moz-outline: none;}
table, td, th {	border-collapse: collapse;	border-spacing: 0;}
.ul, .ul li {list-style: none;}
hr {margin: 0;padding: 0;border: 0;	color: #000;background-color: #000;	height: 1px}
img {border: none;	max-width: 100%;vertical-align: middle;}
.Ispic {background-repeat: no-repeat;background-position: center center;background-size: cover;}
pre {white-space: pre-wrap;	white-space: -moz-pre-wrap;	white-space: -pre-wrap;	white-space: -o-pre-wrap;word-wrap: break-word;	margin: 0;text-align: justify;text-justify: inter-ideograph;}
.clear {clear: both;height: 0px;font-size: 0px;	line-height: 0px;overflow: hidden;	zoom: 0;}
.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {	zoom: 1;}
/*单行文本省略号*/
.dot {	display: block;	overflow: hidden;	white-space: nowrap;text-overflow: ellipsis;}
.dot2, .dot3, .dot4 {display: -webkit-box;	display: box;overflow: hidden;	text-overflow: ellipsis;	word-break: break-all;	-webkit-box-orient: vertical;}
.dot2 {	-webkit-line-clamp: 2;}
.dot3 {	-webkit-line-clamp: 3;}
.dot4 {	-webkit-line-clamp: 4;}
.ytable {display: table;width: 100%;height: 100%;  table-layout: fixed;}
.ytable-cell {display: table-cell;	vertical-align: middle;}
/*设置隐藏*/
.fl {float: left;}
.fr {float: right;}
.auto-inner {width:92%;	max-width: 1560px;	margin: 0 auto;}
.pr {position: relative;}
.nm {margin: 0;}
.nfw {font-weight: normal;}
.img-block {display: block;	width: 100%;}
.ff-blod{font-weight: bold;}

.zoomimg .isimg{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.zoomimg:hover .isimg{ -webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

.header { position: absolute; width: 100%; z-index:100; transition: 0.3s}
.header .logo{ position:absolute; padding-top:30px;}
.header .logo .gray{ display: none}
.header .logo .white{ display:inline-block}
.header .other{ text-align:right; padding:18px 0; line-height:20px;}
.header .other a{color:#fff; padding-left:26px; display:inline-block; position:relative; margin-left:20px;}
.header .other a:before{ content:''; position:absolute; left:0; display:block; width:20px; height:20px;background:url(../images/top_icon.html) no-repeat}
.header .other a.zone:before{ background-position: left top}
.header .other a.store:before{ background-position: center top}
.header .other a.tel:before{ background-position: right top}
.header .other a.tel{ color:#fff; font-size:20px; font-weight:bold;}
.header .top-search{ float: right; padding-left: 40px;}
.header .top-search a.open-search,
.header .top-search a.btn{ display: block; width: 32px; height: 51px; background: url(../images/top_search.html) no-repeat left 7px; cursor: pointer;}
.header .search-box{ display: none;width: 100%; position: absolute; padding:1%; background:#fbfcfe; right: 0;}
.header .search-box .search{ position: relative; padding-right: 40px;}
.header .search-box .text{ color: #333; font-size: 16px; width: 100%; border: none; background: none; height: 32px; padding-left: 10px;}
.header .top-search a.btn{ position: absolute; right: 0; top: 0; background: url(../images/search_icon2.html) no-repeat center 7px}
.header .search-box .box{ width: 100%; max-width: 760px; float: right; padding-top: 1%;}
.header .search-box .search{ position: relative; margin-bottom: 3%;}
.header .search-box .key{ padding: 2% 0; border-top: solid 1px #e3e3e5}
.header .search-box .key a{ cursor: pointer;display: inline-block;margin-right: 20px;}

.header .nav{ float:right}
.header .nav ul li{ float:left; padding-left:50px;}
.header .nav b{ font-size:18px; font-weight:normal; position:relative; height:51px; display:block}
.header .nav b a{ color: #fff;}
.header .nav ul li:hover b:after,
.header .nav ul li.aon b:after{ content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:3px; background-color:#ca172c}
.header .nav .sub{ position:absolute; width:100%; left:0; display:none; font-size: 16px;
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.header .nav .sub .auto-inner{ padding: 4% 0; position: relative;}
.header .nav .sub .auto-inner:before{ content: ''; position: absolute; left: 30%; top: 0; width: 1px; height: 100%; display: block;
background: rgb(221,221,221); /* Old browsers */
background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.header .nav .sub h3{ font-size: 24px; padding: 0; margin: 0; color: #ab1e2c}
.header .nav .sub p{ padding: 0; margin: 0}
.header .nav .fl_box{ float:left; width:26%;}
.header .nav .fr_box{ float:right; width:68%;}
.header .nav .fr_box dl{ float:left; width:25%; padding:0 4.016%}
.header .nav .fr_box dl a{ display: block;}
.header .nav .fr_box dt img{ width: 100%;}
.header .nav .fr_box dd{ border-bottom: solid 1px #dddddd; padding-top: 8%; padding-bottom: 15%;}
.header .nav .fr_box span{ display: inline-block; padding: 0px 20px;}
.header .nav li.more_dl .fl_box{ display: none}
.header .nav li.more_dl .fr_box{ float: none; width: auto}
.header .nav li.more_dl .fr_box dl{ width: 14%; padding: 0 1.23%}
.header .nav li.more_dl .sub .auto-inner:before{ display: none}
.header.show{ background: #fff}
.header.show .other a{ color: #444444}
.header.show .other a.tel{ color: #002fa2}
.header.show .other a.zone:before{background-position:left bottom}
.header.show .other a.store:before{background-position:center bottom}
.header.show .other a.tel:before{background-position:right bottom}
.header.show .logo .gray{ display:inline-block}
.header.show .logo .white{ display: none}
.header.show .nav b a{ color: #444444;}
/* .header.show .top-search a{ background-position: right 7px} */

.moblie_nav{ position: fixed; top: 0; left: -100%; height: 100%; padding-top: 80px; transition: 0.5s; background:rgb(0,0,0,0.7)}
.moblie_nav a{ color: #fff; display: block}
.moblie_nav ul{ padding: 0 2%;}
.moblie_nav ul li{ border-bottom: solid 1px #5d5d5d}
.moblie_nav ul li b{ position: relative; display: block}
.moblie_nav ul li b a{ font-size: 16px; display: block; color: #fff; padding: 10px;}
.moblie_nav ul li.has-sub b:before{ content: ''; display: block; position: absolute; width: 100%; height: 100%}
.moblie_nav ul li.has-sub .op{ border: solid 6px transparent; border-top-color: #fff; position: absolute; right: 2%; top: 50%;margin-top: -6px; transition: 0.3s}
.moblie_nav ul li.clickon .op{ transform: rotate(-180deg)}
.moblie_nav .sub{ display: none; font-size: 14px; padding-bottom: 2%}
.moblie_nav .fl_box{ display: none}
.moblie_nav .fr_box dt{ display: none}
@media(max-width:1360px){
.header .nav ul li{ padding-left: 30px;}
}
@media(max-width:1200px){
.header .nav ul li{ padding-left: 20px;}
.header .nav b{ font-size: 16px;}
.header .top-search{ padding-left: 20px;}
}

@media(min-width:960px){
	.header .nav{margin-right: 200px;line-height:40px;}
	.header .search-box{display: block; width: 250px; top: 0;border: 1px solid #eee;border-radius:20px;padding: 0 10px}
	.header .search-box .text{height:30px;font-size:14px;}
	.header .search-box .key{display: none;}
	.header .top-search{position: relative;}
	/* .header .search-box .box{} */
}
@media(max-width:960px){
.header{ background-color:rgba(255,255,255,0.05)}
.header .nav{ display: none}
.header .logo{ position: relative; text-align: left; padding:10px 0;}
.header .logo img{height:40px;}
.header .other{ display: none;}
.header .top-search{ position: absolute; float: none; padding-left: 0; right: calc(3.5% + 60px); top: 50%; margin-top: -16px;}
.header .search-box{ position: fixed}
#open_menu{ width: 40px; padding: 12px 0; position: absolute; right:3.5%; top: 50%; margin-top: -12px; overflow: hidden; z-index: 101}
#open_menu a,
#open_menu:before,
#open_menu:after{ position: absolute; display: block; width: 100%; height: 2px; background: #fff; transition: 0.3s}
#open_menu:before,
#open_menu:after{ content: '';}
#open_menu:before{top:0}
#open_menu:after{ bottom: 0; width: 70%;right: 0;}
#open_menu.on a{ background: transparent}
#open_menu.on:before{ top: 40%; transform: rotate(-45deg)}
#open_menu.on:after{ bottom: 40%; width: 100%; transform: rotate(45deg)}
.nav_show{ left: 0; width: 50%;}
}

.bottom{ color:#999999; background-color: #15141a; padding-top:3%; padding-bottom:2%;}
.bottom .auto-inner{ position: relative}
.bottom .other{ position: absolute; width: 410px;font-size: 16px; top: 0}
.bottom .contact{ padding-top:8%; padding-bottom:5%}
.bottom .contact span{ position: relative;display:block; padding-left:30px;; line-height:24px; margin-bottom:8px;}
.bottom .contact span:before{ content:''; display:block;opacity:0.2; position:absolute; left:0; width:24px; height:24px; background:url(../images/bottom_icon.html) no-repeat}
.bottom .contact span.tel:before{ background-position: center top}
.bottom .contact span.email:before{ background-position: center center}
.bottom .contact span.address:before{ background-position: center bottom}
.bottom .shop_share{}
.bottom .shop_share span{ position:relative; background-color:#2b2b2e; border-radius:100px; display: inline-block;width:17.74%; max-width: 48px; margin-right:2.5%;}
.bottom .shop_share span:last-child{ margin-right:0}
.bottom .shop_share a{ display:block; padding:12px;}
.bottom .shop_share a img{opacity:0.5; display:block;}
.bottom .shop_share .img{ display:none; position:absolute; width:118px; bottom:60px; max-width:none;}
.bottom .shop_share span:hover .img{ display:block;}
.bottom .follow{ margin:auto; display:none; text-align:center; width:50%; position:relative}
.bottom .follow:before{ content:''; width:100%; height:1px; position:absolute; top:50%; left:0; background:#2b2b2e}
.bottom .follow span{ background-color:#15141a; padding:0px 10px; position:relative; z-index:2}
.bottom .caidan{ padding-left: 410px;    min-height: 270px;}
.bottom .caidan .sub{ float: left; width: 16%}
.bottom .caidan dl{ float:right}
.bottom .caidan dt a{ color: #fff; font-size: 18px;}
.bottom .caidan dd{ padding-top:10px;}
.bottom .caidan dd span{ display: block;}
.bottom .caidan dd a{ color: #999999}
.bottom .caidan a:hover{ color: #ac1e2d}
.bottom .foot_link{ padding-top: 2%; line-height: 30px;}
.bottom .foot_link dt{ font-weight: normal;position: absolute; padding: 0 10px; background-color: #002fa2; color: #fff;}
.bottom .foot_link dt:before{ content: ''; right: -16px; top: 6px; position: absolute; border: solid 8px transparent; border-left-color: #002fa2}
.bottom .foot_link ul{ padding-left: 100px}
.bottom .foot_link ul li{ float: left; padding: 5px 10px;}
.bottom .foot_link ul li a{ color: #999}
.bottom .foot_link ul li a:hover{ color: #ac1e2d}

.copyright{font-size: 16px; color:#999999; background-color: #212026; padding:1% 0;}
.copyright a{color:#999999;}
.copyright .fl{ float: left}
.copyright .fl .icp{ display:inline-block; white-space:normal}
.copyright .fr{ float: right; text-align: right}
.copyright .fr a{ position: relative; margin-right: 10px;}
/*.copyright .fr a:before{ content: ''; display: block; background: #999; position: absolute; right: -6px; width: 1px; height: 50%;; top: 25%;}*/
.copyright .fr a:last-child{ margin-right: 0}
.copyright .fr a:last-child:before{ display: none}
.wap_nav{ display: none}
@media(min-width:880px){
.bottom .foot_link dd{ display: block!important}
}
@media(max-width:1024px){
.bottom .caidan{ padding-left:0}
.bottom .other{ position:relative; padding-bottom:3%}
.bottom .caidan dl{ float:none}
.copyright{font-size: 14px;}
}
@media(max-width:880px){
.bottom .pic{ max-width:60%; margin:auto}
.bottom .contact{ padding-top: 3%; padding-bottom: 2%}
.bottom .contact span.email,
.bottom .contact span.address{ display:none;}
.bottom .contact span.tel{ display: inline-block;  font-size: 22px}
.bottom .shop_share{ margin:auto; padding-top:2%; padding-bottom:3%; max-width:100%;text-align: center}
.bottom .other{ margin:auto; width:auto; text-align:center}
.bottom .follow{ display:block}
.bottom .caidan{ display: none}
.bottom .foot_link{ padding-top: 0; display: none}
.bottom .foot_link dt{ position: relative;}
.bottom .foot_link dt b{ position: absolute; width: 100%; height: 100%;}
.bottom .foot_link dt:before{ content:''; border:solid 8px transparent; display:block; position:absolute; right:20px; border-top-color:#fff; top:10px;  transition: 0.5s;}
.bottom .foot_link dt.show:before{border-top-color:transparent; border-bottom-color:#fff; top:0px;}
.bottom .foot_link dd{ display:none; position:absolute; width:100%; bottom:30px;border-radius:4px 4px 0 0; background-color:#23232c; z-index: 10}
.bottom .foot_link dd ul{ padding-left: 0}
.bottom .foot_link dd li{ float: none; padding: 0}
.bottom .foot_link dd a{ display:block; padding:5px 10px; border-bottom:solid 1px #141419; line-height:22px; font-size:14px;}

.copyright{ padding-bottom:65px;}
.copyright .fr{ float: none; text-align: center }
.copyright .fl{ float: none; text-align: center}

.wap_nav{ display: block; position: fixed; z-index: 99; width: 100%; bottom: 0; background: #002fa2}
.wap_nav ul li{ width: 25%; float: left; text-align: center; border-right: solid 1px #d82e3e}
.wap_nav ul li a{ font-size: 14px; color: #fff; display: inline-block; padding-top:30px; padding-bottom:3px; background: no-repeat center 8px; background-size:22px;}
.wap_nav ul li:nth-child(1) a{background-image: url(../images/n_icon1.html);}
.wap_nav ul li:nth-child(2) a{background-image: url(../images/n_icon2.html);}
.wap_nav ul li:nth-child(3) a{background-image: url(../images/n_icon3.html);}
.wap_nav ul li:nth-child(4) a{background-image: url(../images/n_icon4.html);}
.wap_nav ul li:nth-child(4){ border-right: none;}
}

.menu_location{ position: relative; z-index: 99; padding-top: 2%; color: #666666; border-bottom: solid 1px #e5e5e5}
.menu_location .location{ padding-left: 27px; background: url(../images/location_icon.html) no-repeat left}
.menu_location .location em{ font-style: normal; opacity: 0.3; padding: 0px 10px}
.menu_location a{color: #666666;}
.menu_location .menu li{ font-size: 18px; position: relative;margin-right:60px}
.wapmenu{ display:none}
@media(min-width:768px){
.menu_location .location{ float: right;}
.menu_location .menu{ float: left; display: block!important}
.menu_location .menu a:hover,
.menu_location .menu .aon a{ color: #002fa2}
.menu_location .menu ul{ display: block!important}
.menu_location .menu li{ float: left;padding-bottom: 20px; }
.menu_location .menu li.aon:after{ content: ''; position: absolute; left: 0; bottom: -1px; height: 2px; width: 100%; background: #002fa2}
}
@media(max-width:1280px){
.menu_location .menu li{font-size: 16px; margin-right: 50px;}
}
@media(max-width:1150px){
.menu_location .menu li{ margin-right: 30px;}
}
@media(max-width:960px){
.menu_location .menu li{ margin-right:20px;}
}
@media(max-width:768px){
.menu_location .location{ margin-bottom: 10px;display:none;}
.menu_location .location em{ padding: 0 6px}
.menu_location .menu{ padding:  0;}
.menu_location .menu ul{ display: none;box-shadow: 0 6px 12px #eee; background: #fff; position: absolute; width: 100vw; border-radius: 0 0 10px 10px; left: 0%;}
.menu_location .menu li{font-size: 14px; border-bottom: solid 1px #eee;margin-right:0px; padding-left: 1%; }
.menu_location .menu li a{ display: block; padding: 10px 20px}
.menu_location .menu li:last-child{ border-bottom: none}
.menu_location .menu li{width: 50% ; float: left; text-align: center;}
.wapmenu{ position: relative; display:block; font-size: 16px; padding: 5px 0px; color: #333; background: #fff;height:38px;}
/* .wapmenu a,
.wapmenu a::before,
.wapmenu a::after{ position:absolute;background-color:#fff; height:2px; width:30px; right:5%; transition: 0.5s;} */
.wapmenu a{width: 10px; height: 10px; background: url(../images/home_more.html) no-repeat; transform: rotateZ(90deg); transform-origin: 50% 50%; position: absolute; right: 5%; transition: all .3s;}
.wapmenu a{ top:40%;}
.wapmenu a::before,
.wapmenu a::after{ content:'';}
.wapmenu a::before{ top:-8px;}
.wapmenu a::after{ bottom:-8px;}
.wapmenu.on a{ transform: rotateZ(-90deg);}
.wapmenu.on a::before{ top: 0; transform: rotate(45deg);}
.wapmenu.on a::after{ bottom: 0; transform: rotate(-45deg); }
}

.banner{ position: relative}
.banner .wap{ display: none}
.banner img{ width: 100%}
.banner .txt{ font-size: 18px; position: absolute; width: 50%; height:15%; text-align: center;margin: auto; left: 0; top: 0; bottom: 0; right: 0; color: #fff}
.banner .txt b{ display: block; font-size: 36px;}
@media(max-width:768px){
.banner .pc{ display: none}
.banner .wap{ display:block}
.banner .txt{ font-size: 14px; display: none}
.banner .txt b{ font-size: 18px;}
}

.web_link{ padding: 4% 0}
.web_link ul li{ padding:10px 0; border-bottom:dotted 1px #e4e4e4}
.web_link ul li b{ display:block; font-size:16px; font-weight:normal;}
.web_link ul li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:20px;}