@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike,sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font: inherit;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
:focus {outline:0;}
html{
	　　min-height:101%;   
	　　position: relative;  }
html{ overflow:-moz-scrollbars-vertical;}
input, button, textarea,select, optgroup, option {resize: none; font: inherit; margin: 0; padding: 0;}
input[type=text],input[type=button],input[type=submit], button, textarea, select,input {outline:none;-webkit-appearance:none;border-radius: 0;border: 0;}
input[type=button],input[type=submit]{ line-height: 30px;border: none;background: #a1a1a1;cursor: pointer;transition:0.5s;-webkit-transition: 0.5s;}
ol,li,ul{list-style: none;}
table{table-layout:fixed;word-wrap:break-word;border-collapse:collapse; }
/*table td{ border: 1px solid #dcdcdc;}*/
.qiehuanSon table{/* border-collapse: inherit; */}
.qiehuanSon ul,.qiehuanSon ol,.qiehuanSon li{list-style: inherit;}
caption, th{text-align:center;}
:link, :visited , ins {text-decoration: none;}
body{ 
	font-family:Helvetica,'Microsoft YaHei',微软雅黑,Arial,sans-serif;
	font-size: 14px; 
	line-height: 1.5; 
	overflow-x: hidden;
	color: #232323;
} 

.webgonggao{width:100%;min-height:30px;padding:3px 0;background:#c9151e;opacity: 0.8;text-align:center;line-height:28px;color:#fff;word-break:break-all;word-wrap:break-word;}

/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/c/font_2081760_qzhwfomlzgo.woff2?t=1672901677650') format('woff2'),
       url('//at.alicdn.com/t/c/font_2081760_qzhwfomlzgo.woff?t=1672901677650') format('woff'),
       url('//at.alicdn.com/t/c/font_2081760_qzhwfomlzgo.ttf?t=1672901677650') format('truetype');
} 
*/
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 2081760 */
  src: url('//at.alicdn.com/t/c/font_2081760_tsxm1wpdt6.woff2?t=1694422278575') format('woff2'),
       url('//at.alicdn.com/t/c/font_2081760_tsxm1wpdt6.woff?t=1694422278575') format('woff'),
       url('//at.alicdn.com/t/c/font_2081760_tsxm1wpdt6.ttf?t=1694422278575') format('truetype');
}

.fontBold{font-weight: bold;}
.iconfont_1 {font-family:"iconfont";-webkit-text-stroke-width: 0.8px;font-size:inherit;font-style:normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.iconfont {font-family:"iconfont";-webkit-text-stroke-width: 0.1px;font-size:inherit;font-style:normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon{vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
.width-height25{width: 28px; height: 28px;padding:6px;}
.width-height65{width: 65px; height: 65px;padding:0 10px 0 0;}
.width-height100{width: 95px; height: 95px;padding:0 10px;}
.width-height23{width: 23px; height: 23px;padding-right:3px;}
.width-height16{width: 18px; height: 20px;display:inline;}

.oheight{width:120px;height:32px;text-align:center;}
.olines{border:1px solid #b0b0b0;border-radius:50px;color:#232323;line-height: 25px;display: inline-block;}
.olines:hover{background:#c9151e;color:#fff;border-color: #c9151e;}
.iconTop{ vertical-align: top; display: inline-block;}
.iconCet{ vertical-align: middle; display: inline-block;}
a{transition:0.5s;-webkit-transition: 0.5s;color:inherit;}
img{vertical-align: middle;max-width: 100%;}
.biggerImg{position:relative;}
.bigimg{width:30px;height:auto;position:absolute;top:15px;right:20px;cursor: pointer;}
.widimg {width: 100%; height: auto;}

.resources{margin-bottom:30px;}
.resources .res-ch-grid {
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}
.res-ch-grid li {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: auto 0;
    margin-right: 12px;
    margin-top: 15px;
}
.res-ch-item {
    width: 70%;
    height: 70%;
    border-radius: 50%;
    position: relative;
    cursor: default;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    display: block;
    margin: auto;
}
.re-img-1{
    background-image: url(/img/resources-wz.jpg);
    background-size: contain;
}

.re-img-2{
    background-image: url(/img/resources-bk.jpg);
    background-size: contain;
}
.re-img-3{
    background-image: url(/img/resources-sp.jpg);
    background-size: contain;
}
.re-img-4{
    background-image: url(/img/resources-js.jpg);
    background-size: contain;
}
.re-img-1:hover, .re-img-2:hover,.re-img-3:hover,.re-img-4:hover{transform:scale(1.2)}
.re-text{padding-top:15px;}


.img100{width:100%;}
.iconTop{ vertical-align: top; display: inline-block;}
.iconCet{ vertical-align: middle; display: inline-block;}
.scaleImg,.scaleImg2{overflow: hidden;}
.scaleImg img,.scaleImg2 img{ width: 100%;transition:1s;-webkit-transition: 1s;}
.scaleImg2 img{transform: scale(1.1);-webkit-transform: scale(1.1);}
*{-webkit-tap-highlight-color:rgba(255,0,0,0);}/*去掉手机端a链接点击时候出现的边框*/
.clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
.fl,.floatLeft{float:left;}
.fr,.floatRight{float:right;}
.position2{ position: relative;z-index: 2;}
.position3{ position: relative;z-index: 3;}
.position4{ position: relative;z-index: 4;}
.singleTxt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.singleTxt_2{overflow: hidden;text-overflow: ellipsis;}
.singleTxt_1{overflow: hidden;text-overflow: ellipsis;min-height:42px;padding:0 8px;line-height: initial;}
.singleTxt_3{overflow: hidden;text-overflow: ellipsis;min-height:48px;}
.singleTxt_4{overflow: hidden;text-overflow: ellipsis;min-height:42px;padding:0 8px;line-height: initial;}
.homeRecom .homeHot{height:23px;margin:0 0 15px -10px;}
.homeNum{border: 1px solid #8d8d8d;}


.overHidden{ overflow: hidden;} 
.txtCenter{ text-align: center;}
.inlineBlock{ display: inline-block;*display: inline;*zoom: 1;}
.blockDiv>img,.blockImg{display: block; width: 100%;}
.verTop{ vertical-align: top;}
.verMid{ vertical-align: middle;}
.versub{ vertical-align: sub;}
.flTit a{padding:0 3px 0 3px;}
.flTit span{padding:0 3px 0 3px;color:#232323;}
.flTit span:hover{cursor: pointer;color:#c9151e;}
.firstCate{padding:13px 0;}
.firstCate:hover .litCate{display:block;}
.litCate {
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 13px;
    padding: 10px;
    min-width: 150px;
    width:auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    /* left: 17%; */
	margin-left:100px;
	margin-top:10px;
    z-index: 10;
	display: none;
}
.litCate::before{
	box-sizing: content-box;
	position: absolute;
	top: -14px;;
	right:101px;
	border-bottom:7px solid snow;
	border-top:7px solid transparent;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	display: block;
	content:'';
	z-index: 2;
	
}
.litCate::after{
	box-sizing: content-box;
	position: absolute;
	top: -16px;
	right:100px;
	border-bottom:8px solid #ccc;
	border-top:8px solid transparent;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	display: block;
	content:'';
	z-index:1;
	
}
.litCate li{line-height: 25px;}
.litCate li:hover{color:#c9151e;cursor: pointer;}
.secondCate{padding:13px 0;}
.secondCate:hover .litCate_2{display:block;}
.litCate_2 {
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 13px;
    padding: 10px;
    min-width: 150px;
	width:auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    /* left: 22%; */
	margin-left:190px;
	margin-top:10px;
    z-index: 10;
	display: none;
}
.litCate_2::before{
	box-sizing: content-box;
	position: absolute;
	top: -14px;;
	left:30px;
	border-bottom:7px solid snow;
	border-top:7px solid transparent;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	display: block;
	content:'';
	z-index: 2;
	
}
.litCate_2::after{
	box-sizing: content-box;
	position: absolute;
	top: -16px;
	left:28.5px;
	border-bottom:8px solid #ccc;
	border-top:8px solid transparent;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	display: block;
	content:'';
	z-index:1;
	
}
.litCate_2 li{line-height: 25px;}
.litCate_2 li:hover{color:#c9151e;cursor: pointer;}
.thirdCate{padding:13px 0;}
.thirdCate:hover .litCate_3{display:block;}
.litCate_3 {
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 13px;
    padding: 10px;
    min-width: 150px;
	width:auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    /* left: 27%; */
	margin-left:270px;
	margin-top:10px;
    z-index: 10;
	display: none;
}
.litCate_3::before{
	box-sizing: content-box;
	position: absolute;
	top: -14px;;
	left:30px;
	border-bottom:7px solid snow;
	border-top:7px solid transparent;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	display: block;
	content:'';
	z-index: 2;
	
}
.litCate_3::after{
	box-sizing: content-box;
	position: absolute;
	top: -16px;
	left:28.5px;
	border-bottom:8px solid #ccc;
	border-top:8px solid transparent;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	display: block;
	content:'';
	z-index:1;
	
}
.litCate_3 li{line-height: 25px;}
.litCate_3 li:hover{color:#c9151e;cursor: pointer;}


.flTit .daosj{
	width: 0px;
	    height: 0px;
	    /* 设置四边边框宽度，将颜色设置为透明 */
	    border: 10px solid transparent;
	 
	    /* 再进行下面的设置，这样之后就会出现一个紫色向上的一个小三角*/
	    border-bottom: 10px solid #E1BEE7;
	    position: absolute;
	    left: 19%;
	    /* top: -10px; */
		margin-top:-10px;
}

.flex{ display: flex;display: -webkit-flex;}
.flexwp{flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.flex_1{flex: 1;-webkit-flex: 1;min-width: 0;}
.flexct{justify-content: center;-webkit-justify-content: center;}
.flexbt{justify-content: space-between;-webkit-justify-content: space-between;}
.flexat{align-items: center;-webkit-align-items: center;}
.flexend{justify-content: flex-end;-webkit-justify-content: flex-end;}
.flexCenter{ display: flex;display: -webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; align-items: center;-webkit-align-items;}
.marginTop05{margin-top:0.3%;}
.marginTop1{margin-top:1%;}
.marginTop2{margin-top:2%;}
.marginTop3{margin-top:3%;}
.marginTop4{margin-top:4%;}
.marginTop5{margin-top:5%;}
.marginTop51{margin-top:5%;}
.marginBot1{margin-bottom:1%;}
.marginBot2{margin-bottom:2%;}
.marginBot3{margin-bottom:3%;}
.marginBot4{margin-bottom:4%;}
.marginBot5{margin-bottom:5%;}
.paddingTop5{ padding-top: 5%;}
.paddingTop4{ padding-top: 4%;}
.paddingTop3{ padding-top: 3%;}
.paddingTop2{ padding-top: 2%;}
.paddingTop1{ padding-top: 1%;}
.paddingBot5{ padding-bottom: 5%;}
.paddingBot4{ padding-bottom: 4%;}
.paddingBot3{ padding-bottom: 3%;}
.paddingBot2{ padding-bottom: 2%;}
.paddingBot15{ padding-bottom: 1.5%;}
.paddingBot1{ padding-bottom: 1%;}
.paddingq5{padding:3% 12%;}

.fontbold{font-weight:bold;}
.font12{ font-size: 12px;}
.font13{ font-size: 13px;}
.font14{ font-size: 14px;}
.font15{ font-size: 15px;}
.font16{ font-size: 15px;}
.font18{ font-size: 16px;}
.font20{ font-size: 18px;}
.font24{ font-size: 24px;}
.font22x{font-weight: 200;}
.font30{ font-size: 30px;}
.font32{ font-size: 32px;}
.font36{ font-size: 36px;}
.font40{ font-size: 40px;}
.font48{ font-size: 48px;}
.font56{ font-size: 56px;}
.font60{ font-size: 60px;}

.color333{ color: #333;}
.colorfff{ color: #fff;}
.coloraaa{ color: #aaa;}
.color000{ color: #000;}
.colorbbb{ color: #bbb;}
.colorccc{ color: #ccc;}
.color888{ color: #888;}
.color666{ color: #666;}
.color616{color:#616265;}
.colordeeeff{color:#deeeff;}
.colore3e0ff{color:#e3e0ff;}
.colorcaf7dd{color:#caf7dd;}
.navMenu{ display: none;}
.overflowY{ overflow-y: auto;}
.rt5{margin-right: 5px;}
.rt10{margin-right: 10px;}
.rt20{margin-right: 20px;}
.rt25{margin-right: 25px;}
.rt30{margin-right: 30px;}
.lt3{margin-left: 3px;}
.lt10{margin-left: 10px;}
.lt20{margin-left: 20px;}
.lt25{margin-left: 25px;}
.lt30{margin-left: 30px;}
.rl5{margin-right: 5px;margin-left: 5px;}
.loadings{ position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: #fff;z-index: 9999; display: none\9;}
.loadings .gif{ position: absolute; left: 0;right: 0;text-align: center;top: 50%;margin-top: -20px;}
.fixedRight_1{position: fixed; right: 18px;z-index: 10; top: 40%; margin-top: -160px;}
.fixedRight_1 img{width:50px;height:auto;}
.fixedRight{position: fixed; right: 0;z-index: 10; top: 50%; margin-top: -160px;}
.fixedRight .item{
	background: #fefefe;
	color: #616265;
	display: block; 
	font-size: 20px; 
	position: relative;
	margin: 5px 0;
	cursor: pointer; 
	width: 80px;
	line-height: 25px; 
	padding:13px 0 9px 0; 
	text-align: center;
	border:1px solid #eee;
	box-shadow: 0 0 5px -1px rgba(254,254,254,.3);  
}
.bgred{background: #c9151e !important;}
.fixedRight .item .num2{transition: .5s; position: absolute;right: 15px;top: 6px;width: 18px;line-height: 18px;background: #0070bc;color: #fff;border-radius: 50%;font-size: 12px;}
.fixedRight .item .num{transition: .5s; position: absolute;right: 17px;top: 8px;width: 18px;line-height: 18px;background: #C9151E;color: #fff;border-radius: 50%;font-size: 12px;}
.fixedRight .item .name{ font-size: 13px;margin-top: 6px;}
.showPadd{position: absolute;right: 100%;bottom: 0;width: 200px;padding:0 15px;display: none;}

.showPadd1{
	background: #FFFFFF;
	/* border: 1px solid #FFFFFF; */
	-webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
	border-radius: 4px;
	font-size: 13px;
	width: 200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;right: 120%;bottom: 0;padding:15px;display: none;
}
.showPadd1 img{
	width:160px;
	margin-bottom: 7px;
}
.util_ta_c {text-align: center!important;color: #232323;}
.fixedRight .item:hover .showPadd1{display: block;}
.footNav .specp .applets:hover .showPadd_app{display: block;}

.helpImg{ }
.guanggao{ height: 120px;display: block;background-size: auto 120px !important;}
.remark{
	background:#e9e9e9;
 	/* border:1px solid #c9151e; */
 	display: block;
    position: relative;
    border-radius: 2px;
    font-size: 14px;
    padding: 10px;
    margin-top: 5px;
 }

.line1{line-height: 1;}
.line12{line-height: 1.2;}
.line17{line-height: 1.7;}
.line2{line-height: 2;}
.colorlogo{color: #C9151E;}
.backfff{background:#fff;padding:30px 20px;border-radius: 2px;}
.backf2{background:#fff;text-align:center;padding:30px 20px;border-radius: 2px;box-shadow: 0 0 16px -12px rgba(0,0,0,.5);transform: translate(0,-2px);-webkit-transform: translate(0,-2px);}

.autowidth{width: 1226px;margin:0 auto;max-width: 94%;}
.headTop{ line-height: 39px;font-size: 12px;background: #333;color: #b0b0b0;position: relative;z-index: 9;}
.headTop a:hover{color:#fff;}
.language{position: relative;cursor: pointer;}
.language .xia{display:inline-block;}
.language .shang{display:none;}
.language:hover{color:#fff;}
.language:hover .shang{display:inline-block;}
.language:hover .xia{display:none;}

.language ul{
	position: absolute;
	left: 0;
	top: 100%;
	color:#232323;
	background: #fff;
	-webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
	min-width: 155px;
	padding-bottom:15px;
	display:none;
	
}
.language:hover ul{display: block;}
.language ul li{height:32px;}

.language ul a{display: block;padding: 0 10px;}
.language ul a:hover{color:#c9151e;background:#f7f5f5;}

.contactt{position: relative;cursor: pointer;}
.contactt:hover{color:#fff;}
.contactt ul{
	position: absolute;
	left: 0;
	top: 100%;
	color:#232323;
	background: #fff;
	-webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
	min-width: 245px;
	padding:5px 0 15px 0;
	display:none;
	
}
.contactt:hover ul{display: block;}
.contactt ul li{height:28px;}
.contactt ul a{display: block;padding: 0 10px;}
.contactt ul a:hover{color:#c9151e;font-weight:bold;}

.xiaochengxu{position: relative;cursor: pointer;}
.xiaochengxu:hover{color:#fff;}
.xiaochengxu ul{
	background: #FFFFFF;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
	border-radius: 4px;
	font-size: 13px;
	padding: 10px 15px 2px;
	width: 155px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 100%;
	text-align:center;
	display:none;
	
}
.xiaochengxu:hover ul{display: block;}
.xiaochengxu .util{text-align:center;color:#232323;}

@media only screen and (max-width:480px ) {
	.autowidth .head-m{display:none;}
	.autowidth .head-order{display:none;}
	.autowidth .head-cart{display:none;}
	.backfff{background:#fff;padding:10px 10px;border-radius: 2px;}
}
.email{position: relative;cursor: pointer;}
.email ul{
	position: absolute;
	left: 0;
	top: 100%;
	color:#333;
	background: #fff;
	-webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
	min-width: 150px;
	display: none;
}
.email ul a{display: block;padding: 0 10px;}
.shopCar{ margin-right: 10px;}
.shopCar .num{ position: absolute;right: -13px;top: -5px;background: #C9151E; font-size: 12px; color: #fff;line-height: 18px;border-radius: 30px;min-width: 18px;text-align: center;}
.headUL{ padding-left: 200px;}
.headUL >li{float: left;line-height: 100px;}
.headUL >li .link{display: block;padding: 0 0 0 25px;font-size: 16px;}
.headUL >li .link .i{display:inline;font-size:12px;font-weight:600;padding-left:3px;position:absolute;bottom:-2px;}


.headUL .lifour{width:24%;}
.headUL .lifour .fourtit{display: flex;padding:10% 20% 0;text-align:center;}
.headUL .lifour i{font-size:20px;}
.headUL .lifour a{margin-left:5%;}
.headUL .lifour h3{font-weight:550;}
.headUL .lifour p{height:25px;padding:0 0 5% 27%;}

.headUL .lifour_1{width:24%;}
.headUL .lifour_1 .fourtit_1{display: flex;padding:10% 34% 0;text-align:center;}
.headUL .lifour_1 i{font-size:20px;}
.headUL .lifour_1 a{margin-left:5%;}
.headUL .lifour_1 h3{font-weight:550;}
.headUL .lifour_1 p{height:25px;padding:0 0 5% 27%;}

.headcontent{
	background:#fff;
	border:1px solid #ccc;
	box-shadow: 0 0 15px -8px rgba(0,0,0,.5);
	position: absolute;
	top: 100%;
	display:none;
}
.headcontent ul{min-width:200px;}
.headcontent ul li {line-height: 42px;padding:2px 0 2px 23px;display:flex;}
.headcontent ul li:hover{background:#f3f3f3;cursor: pointer;}
.headUL >li:hover .headcontent{display: block;}

.spancontent_1{display:none;line-height: 34px;width:100%;min-height:150px;background:#fff;border:1px solid #ccc;position: absolute;top: 100%;}
.headUL >li:hover .spancontent_1{display: block;position: absolute;left: 0;background: #fff;z-index: 10;}

.spancontent_2{display:none;line-height: 34px;width:100%;min-height:150px;background:#fff;border:1px solid #ccc;position: absolute;top: 100%;}
.headUL >li:hover .spancontent_2{display: block;position: absolute;left: 0;background: #fff;z-index: 10;}
	
.spancontent_3{display:none;line-height: 34px;width:100%;min-height:150px;background:#fff;border:1px solid #ccc;position: absolute;top: 100%;}
.headUL >li:hover .spancontent_3{display: block;position: absolute;left: 0;background: #fff;z-index: 10;}
							
.spancontent{display:none;line-height: 34px;width:100%;min-height:150px;background:#fff;border:1px solid #ccc;position: absolute;top: 100%;}
.headUL >li:hover .spancontent{display: block;position: absolute;left: 0;background: #fff;z-index: 10;}

.searchSn{ width: 100%;height:75px;right: 0;top: 27px;}											
.searchSn .bordered{border: 1px solid #eb0000;}
.searchSn .gsn{width:45%;height:35px;line-height:35px;padding:2px 5px;border: 1px solid #c4c4c4;border-radius:2px;}
.searchSn .toolsSubmits{margin-left:10px;width:10%;height:42px;line-height:35px;padding:0 5px;border:1px solid #c9151e;border-radius:2px;background:#c9151e;color:#fff;cursor: pointer;}

.search{ width: 330px;position: absolute;right: 0;top: 27px;}
.search .bordered{border: 1px solid #eb0000;}
.search .bordegrey{border: 1px solid #ddd}
.searchDL{position: absolute;display: none; left: 0px;right: 49px;border-left: 1px solid #eb0000;border-right: 1px solid #eb0000;border-bottom: 1px solid #eb0000;background: #fff;padding: 6px 0;}
.searchDL dd>a{font-size:12px; color:#5e5e5e;display: block;padding: 6px 10px;}
.search.on{border-color: #eb0000;}
.search.on .searchDL{display: block;}
.search input{font-size:14px;color: #333;width: 100%;display: block;border: 0;line-height: 28px;height: 28px;padding: 10px 0;text-indent: 10px;}
.search input::-webkit-input-placeholder { color:#5e5e5e; font-size:14px;}
.search input:focus{border: 1px solid #eb0000;}
.search .btn{ position: absolute; font-size: 18px; right: -1px;top: 0px;bottom: 0px;background: #C9151E;color: #fff;width: 50px;text-align: center;line-height: 50px;}
.logo{padding: 29px 0;}
.logo img{display: block;height: 42px;}
.headProduct{position: absolute;left: 0;top: 100%;z-index: 5; box-shadow: 0 0 15px -8px rgba(0,0,0,.5); line-height: 42px;min-height: 460px;}
.headProduct .leftNav1{ width: 225px;background: rgba(105,101,101,.6);}
.oneDL{ padding: 20px 0;}
.oneDL >dd>a{display: block;position: relative;padding: 0 0 0 25px;color: #fff;letter-spacing:1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.oneDL >dd>a i{position: absolute;right: 25px;top: 0;}
.leftNav2{ position: absolute;left: 225px;right: 0; top: 0;bottom: 0;display: none;}
.twoDL{ padding: 20px 0 0 0; width: 225px;background: #fff;height: 100%;box-sizing: border-box;}
.twoDL >dd>a{display: block;position: relative;padding: 0 0 0 25px;}
.twoDL >dt>a{display: inline-block;position: relative;padding: 0 0 0 25px;}
.twoDL >dd>a i{position: absolute;right: 25px;top: 0;color: #fff;}
.leftNav3{ position: absolute;;left: 225px;right: 0;top: 0;bottom: 0;display: none;background: #fff;}
.threeDL{ padding: 20px 0 0 20px;}
.threeDL dd{display: inline-block;vertical-align: top;width: 30.33%;margin-right: 2%;color: #232323;margin-bottom: 32px;}
.threeDL dd img{height:40px;margin-right: 5px;}
.headNav{ position: relative;z-index: 8;box-shadow: 0 3px 15px -12px rgba(0,0,0,.4);background: #fff;}
.headNav.on{position: fixed;left: 0;right: 0;top: 0;}
.headNav.on .headProduct{display: none;}
.shareApp{ text-align: center;}
.footer{ padding: 2% 0 2% 0;background:#fff;}
.shareApp>a{display: inline-block;padding: 0 2%;line-height: 1;font-size: 40px;}
.color009944{color: #009944;}
.color24b7b9{color: #24b7b9;}
.colorc9151e{color: #c9151e;}
.color1fa2dc{color: #1fa2dc;}
.colorc83432{color: #c83432;}
.color66a3cb{color: #66a3cb;}
.color8d{color: #8d8d8d;}
.color23{color: #232323;}
.coloref{color: #efefef;}
.colorb0{color: #b0b0b0;}
/* .zhiliang em{padding: 0 3%;color: #888;display: inline-block;} */
.footer-border{padding:20px 0 40px 0;border-bottom: 1px solid #eee;}
.zhiliang .item {
	width:19.8%;
	float:left;
	height: 28px;
	font-size:16px;
	line-height: 25px;
    text-align: center;
	/* display:flex; */
	border-left: 1px solid #e0e0e0;
}
.zhiliang .item:first-child {border-left: 0;}
.zhiliang .item:hover svg{color:#c9151e;}
.zhiliang .item span{display: inline-block;vertical-align: top;width: 28px;text-align: center;line-height: 28px;background: #8e8e8e;color: #fff;border-radius: 50%;margin-right: 5px;}
.clearfiex:after, .clearfiex:before {content: " ";display: table;}
.zhiliang i{font-size:22px;margin-right:5px;font-weight:600;}
.lastForm{display: block;position: relative;}
.lastForm .item{ width: 49.5%;position: relative;background: #f0f0f0;margin-bottom: 15px;border-radius: 5px;}
.lastForm .item label{line-height: 50px;padding: 0 0 0 15px;}
.input input{width: 100%;background: transparent;border: 0;display: block;line-height: 24px;padding: 13px 0;}
.lastForm .textArea{position: absolute;right: 0;top: 0;bottom: 0;margin: 0;}
.input textarea{display: block;width: 100%;background: transparent;border: 0;height: 80%;padding-top: 13px;}
.submitBtn{position: absolute;right: 15px;bottom: 15px;}
.submitBtn .btn{display: inline-block;padding: 3px 15px;background: #8e8e8e;color: #fff;border-radius: 3px;}
.smallImg,.smallPx{color: #8D8D8D;font-size: 12px;}
.smallPx p{ margin-top: 7px;}
.ewmCode{width: 100px;border: 1px solid #fff;margin-top: 7px;max-width: 85%;}
.copyRight{ text-align: left;padding: 10px 0;font-size: 13px;}
.footNav .item{/* width: 14.28%; */width: 19.93%;float:left;}
.footNav .item:last-child {border-left: 1px solid #e0e0e0;}
.footNav .item .borleftf{border:1px solid #eee;}
.footNav .item .fam{text-align:center;font-family: Calibri,Arial;font-weight: 600;}
.footNav .item>h6{ margin-bottom: 10px;font-size:14px;color:#232323;}
.footNav .item .specp{height:40px;margin-top:10px;position: relative;}
.footNav .item i{font-size:21px;padding:5px 0;cursor: pointer;}
.footNav .item .specp .applets:hover .showPadd_app{display: block;}
.footNav .item .specp svg:hover{color:#c9151e;cursor: pointer;}


.iconweixin{display: inline;}
.iconweixin:hover .showPadd_weixin{display: block;}
.showPadd_weixin {
    background: #FFFFFF;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    border-radius: 4px;
    font-size: 13px;
    padding: 15px 15px 15px;
    width: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 40%;
    bottom: 45px;
    z-index: 10;
    display: none;
}
.showPadd_weixin .daosj{position: absolute;right: 39%;bottom: -22px;}
.iconjd{display: inline;}
.iconjd:hover .showPadd_jd{display: block;}
.showPadd_jd {
    background: #FFFFFF;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    border-radius: 4px;
    font-size: 13px;
    padding: 15px 15px 15px;
    width: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 21%;
    bottom: 45px;
    z-index: 10;
    display: none;
}
.showPadd_jd .daosj{position: absolute;right: 39%;bottom: -22px;}
.icontb{display: inline;}
.icontb:hover .showPadd_tb{display: block;}
.showPadd_tb {
    background: #FFFFFF;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);
    border-radius: 4px;
    font-size: 13px;
    padding: 15px 15px 15px;
    width: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 3%;
    bottom: 45px;
    z-index: 10;
    display: none;
}
.showPadd_tb .daosj{position: absolute;right: 39%;bottom: -22px;}


.phoneSearch,.linkPhone,.phoneSearch .ps2,.zeroItem i{display: none;}
.choosevs.on i{opacity: 1;font-size: 16px;}
.vsDL dd{position: relative;margin-bottom: 15px;text-align: left;line-height: 1.5;}
.vsProduct{display: none; position: absolute;right: 100%;top: 0;padding:0 20px;}
.fixedRight .item.on .vsProduct{display: block;}
.vsPartent{position: relative;background: #fff;border: 1px solid #c9151e ;width: 300px;padding: 10px;}
.vsPartent:after{position: absolute;left: 100%;top: 25px;content: '';border-style:solid;border-color: transparent transparent transparent #c9151e ;border-width: 10px 12px;}
.vsDL dd .img{width: 56px;flex-shrink: 0;margin-right: 10px;background: #eee;border:1px solid #e5e5e5;}
.vsDL dd .moveProduct{ position: absolute;right: 0;top: 0;color: #b0b0b0;font-size: 14px;}
.vsBtn{ padding:10px 0;}
.vsBtn .btn{color: #fff;background: #C9151E;line-height: 36px;font-size: 14px;width: 47%;border-radius: 3px;}
.vsBtn .btn2{background: #a2a2a2;}
.closeGuige,.closeVs{display: none;}
.checkSpan{width: 12px;height: 12px; min-width: 12px; position: relative;display: inline-block;background: #fff;border: 1px solid #ddd;text-align: center;line-height: 12px;margin-right: 8px;}
.checkSpan i{position: absolute;left: -2px;right: 0;top: 0;bottom: 0;color: #A20025;opacity: 0;}
.shares .bdsharebuttonbox .bdb{position: relative;margin: 0 2%;}
.shares .bdsharebuttonbox a{display: block; position: relative;z-index: 2; width: 40px !important;; height: 40px !important; padding: 0 !important; margin: 0 !important;   background: transparent !important;color: #fff; text-align: center;transition: 0s; }
.shares .bdsharebuttonbox .bdb i{ font-size: 40px; position: absolute; left: 0;right: 0;top: 0;bottom: 0; text-align: center; line-height: 40px;transition: .4s; -webkit-transition: .4s;}

.searchNav .resultList dd{margin-right: 1.5%;margin-bottom: 1.5%;width: 15.1%;}
.searchNav .resultList dd>a{display: block;text-align: center;}
.searchNav .resultList dd .lks{padding-bottom: 10px;box-shadow: 0 0 8px -1px rgba(0,0,0,.1);}
.searchNav .resultList dd .imgSf{margin-bottom: 15px;}
.searchNav .resultList dd .alls{padding:10px 0;text-align: center;border: 1px solid #ab1018; margin: 15px 0 0 0; color: #ab1018;background: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.searchNav{ position: absolute;left: 0;right: 0;top: 100%;z-index: 3;display: none;}
.searchNav .searchLeft{margin-left: 225px;background: #fff;padding: 2%;border: 1px solid #ab1018;}
.searchLeft dd{text-align: center;}
.searchNav .resultList dd .alls:hover{background: #ab1018;color: #fff;}
.moreLooks22{ text-align: center;padding: 2% 0 0 0;}
.moreLooks22 a{display: inline-block;padding: 0 15px;margin: 0 10px; min-width: 70px; line-height: 38px;background: #AB1018;color: #fff;font-size: 13px;}
.moreLooks22 a:hover{background: #F11333;color: #fff;}
.moreLooks22 .cancel{background: #888;}
@media only screen and (max-width:1600px ) {
	.font24{ font-size: 22px;}
	.font30{ font-size: 26px;}
	.font32{ font-size: 28px;}
	.font36{ font-size: 30px;}
	.font40{ font-size: 34px;}
	.font48{ font-size: 40px;}
	.font56{ font-size: 50px;}
	.font60{ font-size: 50px;}
}
@media only screen and (max-width:1300px ) {
	.font20{ font-size: 18px;}
	.font24{ font-size: 20px;}
	.font30{ font-size: 22px;}
	.font32{ font-size: 26px;}
	.font36{ font-size: 28px;}
	.font40{ font-size: 30px;}
	.font48{ font-size: 34px;}
	.font56{ font-size: 40px;}
	.font60{ font-size: 40px;}
	.headProduct .leftNav1{ height: 34.8vw;overflow: hidden;}
	.search{ width: 270px;}
	.headProduct{line-height: 34px;font-size: 15px;min-height: 34.8vw;}
}
@media only screen and (min-width:1060px ) {
	
	.shares .bdsharebuttonbox .bdb:hover i{color: #F11333;}
	.colorlogo:hover{color: #F11333;}
	.scaleImg img:hover{transform: scale(1.05);-webkit-transform: scale(1.05);}
	.scaleImg2 img:hover{transform: scale(1);-webkit-transform: scale(1);}
	a:hover{color: #c9151e;}
	.swiperJT,.submitBtn .btn{transition: .5s;}
	.swiperJT:hover{color: #C9151E;}
	.submitBtn .btn:hover{background: #A20025;}
	.oneDL >dd:hover>a{background: #C9151E;}
	.twoDL >dd:hover>a{background: #C9151E;color: #fff;}
	.trans5{transition: .5s;}
	.oneDL >dd:hover .leftNav2{display: block;}

	.headUL .cplink:hover .aaa{display: block;}
	.headUL .cplink .aab{background: #C9151E;}

	.twoDL >dd:hover .leftNav3{display: block;}
	.twoDL>dd.active .leftNav3{display: block;}
	.twoDL>dd.active >a{background: #C9151E;color: #fff;}
	.bgred:hover{background: #000 !important;}
	.fixedRight .item:hover .showPadd{display: block;}
	.vsDL dd .moveProduct:hover{color: #f42121;}
	.vsBtn .btn:hover,.search .btn:hover{background: #c9151e;}
	.fixedRight .item:hover .vsProduct{display: block;}
	.searchDL dd>a:hover{background: #f5f5f5;}
	.headUL >li:hover .zeroItem>a{color: #c9151e;}
	.headUL >li.on .link{color: #C9151E;}
	.fixedRight .item{transition: .5s;}
	.fixedRight .item:hover{background: #C9151E;color: #fff;}
	.fixedRight .item:hover .num{background: #fff;color: #F11333;}
	
}

@media only screen and (max-width:1060px ) {
	
	.searchNav {top:250%;}
	.search .btn { right: 23px;line-height: 49px;width: 50px;}
	
	.scrollToTop{ width: 30px;line-height: 30px;}
	.headProduct{display: none;position: static;box-shadow: none;background: #fff;}
	.oneDL >dd>a{color: #666;}
	.headProduct .leftNav1{ height: auto;background: transparent;width: auto;position: relative;}
	.oneDL{ padding: 10px;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;}
	.oneDL >dd{display: inline-block;vertical-align: top;margin-right: 8px;}
	.oneDL >dd>a i{display: none;}
	.oneDL >dd>a{ padding: 0 12px;background: #555;color: #fff;}
	.oneDL >dd.on>a{background: #A20025;}
	/*.oneDL >dd.on .leftNav2{display: block;}*/
	.cloneHtml .leftNav2{display: block;position: static;left: 0;padding: 0 10px 0 10px;}
	.headUL{display: none;position: absolute;left: 0;right: 0;top: 100%;height: calc(100vh - 60px);background: #f0f0f0; padding: 0;}
	.headUL >li .zeroItem{position: relative;padding:0 15px;line-height: 48px;}
	.zeroItem i{position: absolute;right: 0;top: 0;font-size: 18px;color: #AB1018;display: block;padding-right: 10px;}
	.zeroItem .spec{color:#C9151e;}
	.zeroItem img{width:22px;}
	.linkPhone{display: block;text-align: right;left: 20px;}
	.linkPhone.on span{transform: rotate(90deg);-webkit-transform: rotate(90deg);display: inline-block;}
	.headUL >li .link{padding: 0;font-size: 16px;position: relative;}
	.headUL >li{float: none;margin: 0;border-bottom: 1px solid #ddd;  position: relative;}
	.twoDL{padding: 0;width: auto;height: auto;}
	.twoDL >dd{border-bottom: 1px solid #eee;}
	.twoDL >dd:nth-last-child(1){border: 0;}
	.twoDL >dd>a{padding: 0;line-height: 40px;color: #666;}
	.twoDL >dd.on>a i{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
	.twoDL >dd>a i{color: #aaa;right: 0;}
	.leftNav3{ position: static;left: 0;background: transparent;}
	.twoDL >dd.on .leftNav3{display: block;}
	.threeDL{ padding: 0;}
	.threeDL dd{ margin: 0 0 10px 0;width: 32.5%;}
	.threeDL dd img{ height: 32px;}
	
	.logo img{ height: 34px;}
	.logo{ padding: 13px 0;}
	.footNav .font20{font-size: 15px;}
	.smallPx{font-size: 14px;}
	.headBread:before,.headBread:after{display: none;}
	.headBread{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;}
	.navMenu{display: block;width: 24px;height: 20px;position: relative;}
	.navMenu span{border-radius: 2px; position: absolute; left: 0;background: #C9151E; width: 100%; height: 2px; display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
	.navMenu .line1{ top: 0;}
	.navMenu .line2{ top: 50%; margin-top: -1px;}
	.navMenu .line3{ bottom: 0;}
	.navMenu.on .line1{transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg); top: 50%; bottom: auto;margin-top: -1px;}
	.navMenu.on .line2{transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top: 50%; bottom: auto;}
	.navMenu.on .line3{display: none;}
	.logo{float: none;display: inline-block;}
	.phoneSearch{display: block;font-size: 24px;color: #C9151E;}
	.headPad,.headBread{position: static;}
	.search{display: none;position: absolute;left: 0;width: auto;right: 0;top: 100%;padding: 25px;background: #fff;border: 0;background: #f0f0f0; height: calc(100vh - 100px);}
	.search input{background: #fff;padding: 10px 0;}
	.search .btn{right: 25px; top: 25px;bottom: auto;line-height: 44px;font-size: 24px;width: 44px;}
	.searchDL{left: 24px;right: 68px;}
	.phoneSearch.on .ps2{display: block;}
	.phoneSearch.on .ps1{display: none;}
	.searchNav .searchLeft{ margin: 0;}
	.searchNav .autowidth{max-width: 100%;}
	
}

@media only screen and (max-width:960px ) {
	
	.searchNav {top:250%;}
	
	.font32{ font-size: 22px;}
	.font36{ font-size: 26px;}
	.font40{ font-size: 28px;}
	.font48{ font-size: 32px;}
	.font56{ font-size: 36px;}
	.font60{ font-size: 36px;}
	.closeGuige,.closeVs{ position: absolute;display: block;right: 10px;bottom: 80vh;line-height: 1;padding: 5px;color: #333;margin-bottom: 40px;border-radius: 50%;background: #fff;}
    .closeVs{bottom: 100%;margin-bottom: 10px;}
    .closeGuige:before,.closeVs:before{position: absolute;left: 50%;top:100%;content: '';border-left: 1px solid #fff;height: 10px;}
}
@media only screen and (min-width:767px ) {
	::-webkit-scrollbar {width: 10px; height: 10px;z-index: 30;position: relative;}
	::-webkit-scrollbar-thumb {background: #aaa; -webkit-box-shadow: inset 0 0 6px #ccc;}
	::-webkit-scrollbar-thumb:window-inactive {background: #aaa;}
	.minheightJobs::-webkit-scrollbar {width: 3px;height: 5px;}
	.minheightJobs::-webkit-scrollbar-thumb {background: #eee;opacity: .5; }
}
@media only screen and (max-width:767px ) {
	.searchNav {top:250%;}
	.search .btn { right: 23px;line-height: 49px;width: 50px;}
	
	.guanggao{ height: 78px;background-size: auto 80px !important;}
	.font18{ font-size: 17px;}
	.font20{ font-size: 18px;}
	.font24{ font-size: 20px;}
	.font32{ font-size: 20px;}
	.font36{ font-size: 22px;}
	.font40{ font-size: 24px;}
	.font48{ font-size: 26px;}
	.font56{ font-size: 30px;}
	.font60{ font-size: 30px;}
	.footNav .item{width: 25%;margin-bottom: 15px;}
	.footNav .item:nth-last-child(1){width: 90%;margin-left: 3%;border-left:0;}
	.smallPx p{margin-top: 5px;}
	.lastForm .item{width: auto;}
	.lastForm .textArea{ position: relative;}
	.input textarea{ height: 140px;}
	.zhiliang .item span{display: block;margin: auto;}
	.zhiliang em{padding: 0;margin-top: 25px;}
	.zhiliang{justify-content: space-between;-webkit-justify-content: space-between; margin: 10px 0;}
	.lastForm .item label{line-height: 44px;}
	.input input{ padding: 10px 0;}
	.input textarea{ padding-top: 10px;line-height: 24px;}
	.ewmCode{ margin-top: 7px;}
    .phoneHide{display: none;}
	.autowidth .head-m{display:none;}
	.autowidth .head-order{display:none;}
	.autowidth .head-cart{display:none;}
    .language{margin-right: 10px;}
	.contactt{margin-right: 10px;}
    .rt20{ margin-right: 10px;}
    .lastForm{margin-bottom: 20px !important;}
    .vsProduct{ position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 20;background: rgba(0,0,0,.5);}
    .vsPartent:after{display: none;}
    .vsPartent{ width: auto; position: absolute;left: 0;right: 0;bottom: 0;border-radius: 20px 20px 0 0;border: 0;padding:  4%;}
    .vsBtn{padding: 0;}
    .vsProduct .vsPartent{animation: dh1 .25s linear both;-webkit-animation: dh1 .25s linear both;}
    .fixedRight{display: none;}
	.fixedRight .item .name{display: none;}
    .fixedRight .item{ width: 38px;line-height: 38px;font-size: 16px;margin: 1px 0;padding: 0;}
    .fixedRight{ margin-top: -80px;}
    .fixedRight .item .num{top: 3px;right: 3px;width: 18px;line-height: 18px;font-size: 10px;}
    .searchNav .resultList dd{ width: 31.8%;}
    
    .headUL .lifour{width:33%;}
	.headUL .lifour .fourtit{display: flex;padding:3% 10% 0;text-align:center;}
	.headUL .lifour i{font-size:18px;}
	.headUL .lifour a{margin-left:5%;}
	.headUL .lifour h3{font-size:14px;font-weight:550;}
	.headUL .lifour p{height:25px;padding:0 0 5% 15%;}
	
	.headUL .lifour_1{width:30%;}
	.headUL .lifour_1 .fourtit_1{display: flex;padding:10% 30% 0;text-align:center;}
	.headUL .lifour_1 i{font-size:20px;}
	.headUL .lifour_1 a{margin-left:5%;}
	.headUL .lifour_1 h3{font-weight:550;}
	.headUL .lifour_1 p{height:25px;padding:0 0 5% 27%;}

}
@media only screen and (max-width:480px ) {
	
	.searchNav {top:250%;}
	.search .btn { right: 23px;}
	
	.font16{ font-size: 14px;}
	.font18{ font-size: 15px;}
	.font20{ font-size: 16px;}
	.font24{ font-size: 18px;}
	.font32{ font-size: 18px;}
	.font36{ font-size: 20px;}
	.font40{ font-size: 22px;}
	.font48{ font-size: 23px;}
	.font56{ font-size: 24px;}	
	.font60{ font-size: 24px;}
	.paddingTop5{ padding-top: 25px;}
	.paddingTop4{ padding-top: 20px;}
	.paddingTop3{ padding-top: 15px;}
	.paddingTop2{ padding-top: 10px;}
	.paddingTop1{ padding-top: 5px;}
	.paddingBot5{ padding-bottom: 25px;}
	.paddingBot4{ padding-bottom: 20px;}
	.paddingBot3{ padding-bottom: 5px;}
	.paddingBot2{ padding-bottom: 10px;}
	.paddingBot1{ padding-bottom: 5px;}	
	.marginTop1{margin-top:5px;}
	.marginTop2{margin-top:10px;}
	.marginTop3{margin-top:15px;}
	.marginTop4{margin-top:20px;}
	.marginTop5{margin-top:25px;}
	.marginBot1{margin-bottom:0px;}
	.marginBot2{margin-bottom:10px;}
	.marginBot3{margin-bottom:15px;}
	.marginBot4{margin-bottom:20px;}
	.marginBot5{margin-bottom:25px;}
	body{ font-size: 14px;}
	.threeDL dd{font-size: 12px;}
	.line2{line-height:1.7;}
	.headTop{ line-height: 34px;}
	
	.headUL .lifour{width:49%;}
	.headUL .lifour .fourtit{display: flex;padding:3% 10% 0;text-align:center;}
	.headUL .lifour i{font-size:16px;}
	.headUL .lifour a{margin-left:3%;}
	.headUL .lifour h3{font-size:14px;font-weight:550;}
	.headUL .lifour p{height:25px;padding:0 0 5% 13%;}
	
	.headUL .lifour_1{width:45%;}
	.headUL .lifour_1 .fourtit_1{display: flex;padding:10% 27% 0;text-align:center;}
	.headUL .lifour_1 i{font-size:16px;}
	.headUL .lifour_1 a{margin-left:5%;}
	.headUL .lifour_1 h3{font-size:13px;font-weight:550;}
	.headUL .lifour_1 p{font-size:12px;height:25px;padding:0 0 5% 27%;}
	
	.zhiliang .item{font-size:12px;border-left:0;}
	.zhiliang .item i{font-size:14px;}
	.footNav .item>h6{font-size:14px;}
	.footNav .item .smallPx{font-size:12px;}
	
	.headcontent{left:105px;}
	
}


@keyframes dh1{
	from{transform: translate(0,100%) scale(0 ,1);opacity: 0;}
	to{transform: translate(0,0) scale(1 ,1);opacity: 1;}
}
@-webkit-keyframes dh1{
	from{-webkit-transform: translate(0,100%) scale(0, 1);opacity: 0;}
	to{-webkit-transform: translate(0,0) scale(1 ,1);opacity: 1;}
}