@charset "utf-8";
: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, :hover , ins {text-decoration: none !important;}
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;}

.fontBold{font-weight: bold;}
.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: 32px;margin: 5px 0 5px 0;}
.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;background: #fff;}
/* .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;} */
.twoDL{ padding: 20px 0 0 20px;}
.twoDL dd{display: inline-block;vertical-align: top;width: 22%;margin-right: 2%;color: #232323;margin-bottom: 32px;}
.twoDL 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;}
.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;} */
	.twoDL{ padding: 0;}
	.twoDL dd{ margin: 0 0 10px 0;width: 32.5%;}
	.twoDL 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;}
	.twoDL 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;}
}

@charset "utf-8";
.timesi{
	position: absolute;right: 0;bottom: 35px;color:#161616;padding: 22px 10px;
}
.timesi i{
	color: #C9151e;
	font-size:36px;
}
.videoi a{background:#fff;}
.videoi h3{
	padding:20px 10px 20px 10px;
	font-weight: 400;
	text-align: center;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}  
.openVideo{ 
	position: absolute;
	left: 0;right: 0;top: 0;
	bottom: 0;
	cursor: pointer;
	text-align: center;
	transition: .5s;
	color: #C9151E;
	
}
.openVideo i{position: absolute;left: 0;right: 0; top: 50%; line-height: 40px;font-size: 40px;margin-top: -20px;}

@media only screen and (min-width:1060px ) {
	.video-box{ width: 45%;height: 60%;margin:8% 25%;position:fixed;top: 0;left: 0;z-index: 99999;display: none;background: #333;}
	.videoCot{position: relative;margin: auto;height: 80%;}
	.video-close{color: #c9151e;font-size: 28px;position: absolute;right: 0;top: 0;border-radius: 50%;cursor: pointer;z-index: 9999999;padding: 15px;line-height: 1;}  
	.video-title{padding:15px 20px;color:#fff;}
	#fz-videoAct{position: absolute;left: 0;top: 0;width: 100%;height: auto;object-fit: fill;}
	video{max-width: 100%;display: block;}
}

@media only screen and (min-width:480px) and (max-width:1060px) {
	.video-box{width:80%;height:45%;margin:18% 10%;position:fixed;top: 0;left: 0;z-index: 99999;display: none;background: #333;} 
	.videoCot{position: relative;margin: auto;height: 80%;}
	.video-close{color: #c9151e;font-size: 24px;position: absolute;right: 0;top: 0;border-radius: 50%;cursor: pointer;z-index: 9999999;padding: 15px;line-height: 1;} 
	.video-title{padding:15px 20px;color:#fff;}
	#fz-videoAct{position: absolute;left: 0;top: 0;width: 100%;height: auto;object-fit: fill;}
	video{max-width: 100%;display: block;}
}

@media only screen and (max-width:480px ) {
	
	.video-box{width:90%;height:38%;margin:20% 5%;position:fixed;top: 0;left: 0;z-index: 99999;display: none;background: #333;}
	.videoCot{position: relative;margin: auto;height: 80%;}
	.video-close{color: #c9151e;font-size: 20px;position: absolute;right: 0;top: 0;border-radius: 50%;cursor: pointer;z-index: 9999999;padding: 15px;line-height: 1;} 
	.video-title{padding:15px 20px;color:#fff;}
	#fz-videoAct{position: absolute;left: 0;top: 0;width: 100%;height: auto;object-fit: fill;}
	video{max-width: 100%;display: block;}
		
}

.swiperJT{ position: absolute;top: 50%;line-height: 40px;margin-top: -20px;z-index: 3;font-size: 30px;cursor: pointer;color: #aaa;}
.swiper1-prev{ left: 245px;}
.swiper1-next{right: 25px;}
.banner .swiper-pagination{text-align: right;width: auto;right: 15px;}
.banner .swiper-pagination-bullet-active{background: #333;}
.banner img{display: block;width: 100%;}
.banner .swiper-slide{overflow: hidden;}

.width102{ width: 102%;}
.width101{ width: 101%;}
.width1015{ width: 101.5%;}
.flexfour .spec_banner{background:#a7a5b1;width:18.2%;height:auto;}
.flexfour .spec_banner ul{padding:2%;}
.flexfour .spec_banner a:hover{color:#fff;}
.flexfour dd{width: 25.9%;margin-right: 1%;margin-top: 1%;}
.flexfour11 dd{width: 24%;margin-right: 1%;margin-top: 1%;}
/* .flexfour ul{padding-left: 10px;} */
.flexfour li:before{
	top: 4px;
    left: 2px;
    width: 73px;
    height: 0.5px;
    position: absolute;
    content: "";
    background: #afaeb7;
}
.flexfour li:after{
	top: 0px;
    left: 0px;
    width: 0.5px;
    height: 84px;
    position: absolute;
    content: "";
    background: #afaeb7;
}
/* .flexfour ul li:first-child:before {
    display:none;
} */
.flexfour ul li:nth-child(1):before,li:nth-child(2):before,li:nth-child(3):before {
    display:none;
}
.flexfour ul li:nth-child(1):after,li:nth-child(4):after{
    display:none;
}

.flexfour li{
	position: relative;
	float: left;
	width: 32.3%;
	padding: 7% 0;
	/* border:1px solid #c7c6ce; */
}
.flexfour li a{display: block;padding-top: 5%;text-overflow: ellipsis;text-align:center;color: #ebebff;/* opacity: .8;  */font-size:12px;cursor: pointer; }
.flexfour li a:honver{color:#c9151e;}
.flexfour i{display: block;margin: 0 auto 2px;font-size: 20px;}
.flexfour dd>a{display: block;position: relative;color: #fff;}
.flexfour dd>a:before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.65);}
.flexfour dd .ct{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;line-height: 1.2; text-align: center;/*padding:99px;*/}

.flexfour11 li a{display: block;padding-top: 5%;text-overflow: ellipsis;text-align:center;color: #fff;/* opacity: .8;  */font-size:12px;cursor: pointer; }
.flexfour11 li a:honver{color:#c9151e;}
.flexfour11 i{display: block;margin: 0 auto 2px;font-size: 17px;}
.flexfour11 dd>a{display: block;position: relative;color: #fff;}
.flexfour11 dd>a:before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.65);}
.flexfour11 dd .ct{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;line-height: 1.2; text-align: center;/*padding:99px;*/}


.flexfour1 dd{width: 24%;margin-right: 1%;margin-top: 1%;}
.flexfour1 ul{padding-left: 10px;}
.flexfour1 li{position: relative;float: left;width: 23%;height:60px;padding: 5% 4%;}
.flexfour1 li a{display: block;padding-top: 5%;text-overflow: ellipsis;text-align:center;color: #fff;/* opacity: .8;  */font-size:12px;cursor: pointer; }
.flexfour1 i{display: block;margin: 0 auto 2px;font-size: 17px;}
.flexfour1 dd>a{display: block;position: relative;color: #fff;}
.flexfour1 dd>a:before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.65);}
.flexfour1 dd .ct{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;line-height: 1.2; text-align: center;/*padding:99px;*/}


.flexfour2 ul{padding-left: 10px;}
.flexfour2 li a{display: block;text-overflow: ellipsis;text-align:center;color: #000;/* opacity: .8;  */cursor: pointer; }
.flexfour2 li a:hover{color:#c9151e;}
.flexfour2 i{display: block;margin: 0 auto 2px;font-size: 17px;}
.flexfour2 dd>a{display: block;position: relative;color: #fff;}
.flexfour2 dd>a:before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.65);}
.flexfour2 dd .ct{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;line-height: 1.2; text-align: center;/*padding:99px;*/}




/* .flexfour dd .ct{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;line-height: 1.2; text-align: center;background: rgba(0,0,0,.45);padding:10px;} */
.colorebca00{color:#ebca00}
.tuijianSwiper{ padding: 5px 0 0 0;margin-top: -5px;}
.tjArrow i{display: inline-block;vertical-align: top;line-height: 24px;width: 24px;text-align: center;border: 1px solid #aaa;color: #888;margin-left: 5px;cursor: pointer;}
.mainPages{background: #f5f5f5;}
.colorlogo{color: #ab1018;}
.fiveFlex dd{ width: 18.5%;margin: 0 1.5% 1.5% 0;background: #fff;}
.fiveFlex dd>a{display: block;text-align: center;padding: 5px 0 10px 0;position: relative;}
.fiveFlex dd:before{top: 0; position: absolute;left: 0;width: 0;content: '';height: 4px;background: #A20025;transition: .5s;}
.fiveFlex .lrPad{ padding: 0 15px;}
.imgSf img{width: 100%;}
.pdList{ padding-left: 18.5%;position: relative;}
.pdList dd{ width: 23.5%;margin-left: 1.5%;margin-bottom: 1.5%;background: #fff;}
.pdList dd>a{display: block;text-align: center;padding-bottom: 20px;}
.pdList dd .imgSf{ padding: 0;margin-bottom: 15px;}
.pdList dt{ position: absolute;left: 0;top: 0;bottom: 2.25%;width: 18.5%;}
.pdList dt>a{display: block;width: 100%;height: 100%;background-size: cover !important;}

.brick-list, .brick-promo-list {margin: 0; padding: 0;list-style-type: none;}
.pdList .brick-item {position: relative; z-index: 1; float: left; width: 100%; margin-bottom: 20px;background: #fff; -webkit-transition: all .2s linear;transition: all .2s linear;}
.brick-promo-list a {display: block;width: 100%; height: 100%;}
.brick-promo-list .brick-item-m img { height: 300px;}
.brick-promo-list img { width: 100%;}


.hengfu .logs{margin: 0 20px 10px 0;max-width: 60%;}
.sixPart{ position: relative;padding-top: 49%;}
.sixPart dd{ position: absolute;}
.sixPart dd>a{display: block;width: 100%;height: 100%;background-size: cover !important;position: relative;}
.sixPart dd>a:before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';background: rgba(0,0,0,.67);}
.sixPart .d1{left: 0;top: 0;width: 66.1%;height: 28.74%;}
.sixPart .d2{right: 0;top: 0;width: 33.33%;height: 64.45%;}
.sixPart .d3{left: 0;top: 29.76%;width: 32.5%;height: 34.76%;}
.sixPart .d4{left: 33.08%;top: 29.76%;width: 33%;height: 34.76%;}
.sixPart .d5{left: 0;bottom: 0;width: 32.5%;height: 34.52%;}
.sixPart .d6{right: 0;bottom: 0;left: 33.08%;height: 34.52%;}
.sixPart dd .txt{position: absolute;font-size: 15px; left: 0;right: 0;text-align: center;color: #fff;text-transform: uppercase;top: 50%;transform: translate(0,-50%);webkit-transform: translate(0,-50%);}
.sixPart dd .txt i{padding: 0 9px;position: relative;top: -1px;}
.hengfu img{width: 100%;display: block;}

a em{ color: #f73131;}

@media only screen and (min-width:1060px ) {
	.flexfour dd .ct,.flexfour dd>a:before,.fiveFlex dd,.pdList dd,.sixPart dd>a:before,.tjArrow i{transition: .5s;}
	.flexfour dd:hover>a:before,.flexfour dd:hover .ct{background: rgba(171,16,24,.65);}
	.headProduct:hover{right: 0;}
	
	.fiveFlex dd:hover:before{width: 100%;}
	.fiveFlex dd:hover{box-shadow: 0 0 25px -12px rgba(0,0,0,.5);transform: translate(0,-5px);-webkit-transform: translate(0,-5px);}
	.pdList dd:hover{box-shadow: 0 0 25px -12px rgba(0,0,0,.5);transform: translate(0,-2px);-webkit-transform: translate(0,-2px);}
	.pdList .brick-item:hover{box-shadow: 0 0 25px -12px rgba(0,0,0,.5);transform: translate(0,-2px);-webkit-transform: translate(0,-2px);}
	.hovers:hover .iconfont{color: #C9151E;}
	.sixPart dd>a:hover:before{background: #ab1018;}
	.tjArrow i:hover{border-color: #C9151E;color: #C9151E;}
}

@media only screen and (max-width:1060px ) {
	.swiper1-prev{ left: 2%;}
	.swiper1-next{right: 2%;}
	.zhiliang {font-size: 14px;}
	.flexfour dd{ width: 24%;margin: 1% 1% 0 0}
	.flexfour .spec_banner{background:#a7a5b1;width:24%;height:auto;}
	.flexfour li:before{top: 0px;left: 7px;width: 65px;height: 1px;position: absolute;content: "";background: #c7c6ce;}
	.flexfour li:after{top: 10px; left: 0px;width: 1px;height: 49px; position: absolute; content: "";  background: #c7c6ce;}	
	.flexfour li{position: relative;float: left;width: 33.3%;padding: 3% 0;}
}



@media only screen and (max-width:767px ) {
	.flexfour {margin-bottom: 2.5%;}
	.width101 {width: 101.5%;}
	.flexfour dd{ width: 48.5%;margin: 1.5% 1.5% 0 0}
	.flexfour .spec_banner{background:#a7a5b1;width:48.5%;height:auto;}
	.flexfour li:before{top: 0px;left: 15px;width: 65px;height: 1px;position: absolute;content: "";background: #c7c6ce;}
	.flexfour li:after{top: 10px; left: 2px;width: 1px;height: 54px; position: absolute; content: "";  background: #c7c6ce;}	
	.flexfour li{position: relative;float: left;width: 33.3%;padding: 4% 0;}
	.fiveFlex dd,.pdList dd{ width: 48.5%;}
	.fiveFlex dd:nth-child(5){display: none;}
	.pdList dt{display: none;}
	.pdList{position: relative;width: 101.5%;padding: 0;}
	.pdList dd{ margin: 0 1.5% 1.5% 0;}
	.flexfour dd .ct{line-height: 1.5;}
	.fiveFlex dd>a{ padding: 0 0 10px 0;}
	.pdList dd>a{ padding-bottom: 20px;}
	.shareApp>a{ font-size: 30px;}
	.sixPart dd .txt i,.sixPart dd .txt .en{display: none;}
	.sixPart{ padding-top: 68%;}
	.banner img{max-width: 120%;position: relative;width: 120%;left: -20%;}
	.swiperJT{font-size: 24px;display: none;}
	.banner .swiper-pagination{ left: 0;right: 0;text-align: center;bottom: 6px;}
	.hengfu{overflow: hidden;}
	.hengfu img{max-width: 150%;position: relative;width: 150%;}
}


@media only screen and (max-width:480px ) {
	.pdList dd .imgSf{ padding: 0;}
	.flexfour .spec_banner{background:#a7a5b1;width:48.5%;height:auto;}
	.flexfour li:before{top: 0px;left: 0px;width: 61.5px;height: 1px;position: absolute;content: "";background: #c7c6ce;}
	.flexfour li:after{top: 0px; left: .5px;width: 1px;height: 54px; position: absolute; content: "";  background: #c7c6ce;}	
	.flexfour li{position: relative;float: left;width: 33.3%;padding: 0 0;}
}


.messALert{display: none; position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 65;background: rgba(0,0,0,.5);}
.messALert .cts{width: 400px;margin: auto;background: #fff;position: relative;top: 50%;margin-top: -270px;max-width: 90%;}
.messALert .cts .tit{background: #e4e4e4;padding: 13px 15px;text-align: center;}
.messALert .alertForm{ padding:30px 40px;}
.flexAlertBtn .publicRed{ width: 45%;color:#fff;padding:5px;}
.flexAlertBtn .sb{background: #C9151E;}
.alertForm .ipt{display: block;width: 100%;transition: .5s; margin-top: 5px; text-indent: 15px;padding: 10px 0;line-height: 20px;height: 20px;border: 1px solid #d5d5d5;}
.alertForm input[type=file]{text-indent: 0;padding-left: 15px;}
.alertForm .af{ margin-bottom: 10px;}
.alertForm .ipt:focus{border-color: #C9151E;}

.calculaterv8k .t1{border: 1px #a8a8a8 solid;border-radius: 2px;height: 32px;width: 15%;padding-left: 10px;}
.calculaterv8k .t4{height: 32px;min-width: 15%;width:auto;text-align:center;}
.calculaterv8k .t2{border: 1px #c9151e solid; border-radius: 2px; height: 32px;width: 60px;background: #c9151e;color: #fff;}
.calculaterv8k .t3{font-size: 14px;padding:5px;}
.calculaterv8k p{padding:10px;}
.calculaterv8k span{padding-left:10px;}
.calculaterv8k .titl{padding-left: 10px;border-left: 6px solid #ab1018;}
.calculaterv8k .t3{font-size:14px;}
.calculaterv8k .t4{text-align:left;}
.calculaterv8k .t1{border:1px #ccc solid;border-radius:3px;height:35px;width:130px;padding-left:10px;}
.calculaterv8k .t2{border:1px #c9151e solid;border-radius:3px;height:35px;width:60px;background:#c9151e;color:#fff;}
.calculaterv8k table.gridtable {
	/* width:900px; */
    color:#333333;
    border-width: 1px;
    border: 1px #ccc solid;
    border-collapse: collapse;
    text-align:center;
}
.calculaterv8k table.gridtable th {
    border-width: 1px;
    font-weight:600;
    padding: 8px;
    border-style: solid;
    border-color: #ccc;
    /* background-color: #ccc; */
}

.calculaterv8k table.gridtable tr {
    border: 1px #ccc solid;
}
.calculaterv8k table.gridtable td {
    padding: 8px;
    border: 1px #ccc solid;
    background-color: #ffffff;
}

.calculaterpm .t1{border: 1px #a8a8a8 solid;border-radius: 2px;height: 32px;width: 15%;padding-left: 10px;}
.calculaterpm .t4{border-bottom: 1px #a8a8a8 solid;height: 32px;min-width: 15%;width:auto;text-align:center;}
.calculaterpm .t2{border: 1px #c9151e solid; border-radius: 2px; height: 32px;width: 60px;background: #c9151e;color: #fff;}
.calculaterpm .t3{font-size: 14px;padding:5px;}
.calculaterpm p{padding:10px;}
/* .calculaterpm span{padding-left:10px;} */
.calculaterpm .titl{padding-left: 10px;border-left: 6px solid #ab1018;}
.calculaterpm .t3{font-size:14px;}
.calculaterpm .t4{text-align:left;margin-bottom:7px;}
.calculaterpm .t1{border:1px #ccc solid;border-radius:3px;height:35px;width:130px;padding-left:10px;}
.calculaterpm .t2{border:1px #c9151e solid;border-radius:3px;height:35px;width:60px;background:#c9151e;color:#fff;}
.calculaterpm table.gridtable {
	/* width:900px; */
    color:#333333;
    border-width: 1px;
    border: 1px #ccc solid;
    border-collapse: collapse;
    text-align:center;
}
.calculaterpm table.gridtable th {
    border-width: 1px;
    font-weight:600;
    padding: 8px;
    border-style: solid;
    border-color: #ccc;
    /* background-color: #ccc; */
}

.calculaterpm table.gridtable tr {
    border: 1px #ccc solid;
}
.calculaterpm table.gridtable td {
    padding: 8px;
    border: 1px #ccc solid;
    background-color: #ffffff;
}

.calculater1 .t1{border: 1px #a8a8a8 solid;border-radius: 2px;height: 32px;width: 15%;padding-left: 10px;}
.calculater1 .t4{border-bottom: 1px #a8a8a8 solid;height: 32px;min-width: 15%;width:auto;text-align:center;}
.calculater1 .t2{border: 1px #c9151e solid; border-radius: 2px; height: 32px;width: 60px;background: #c9151e;color: #fff;}
.calculater1 .t3{font-size: 14px;padding:5px;}
.calculater1 p{padding:10px;}
/* .calculaterpm span{padding-left:10px;} */
.calculater1 .titl{padding-left: 10px;border-left: 6px solid #ab1018;}
.calculater1 .t3{font-size:14px;}
.calculater1 .t4{text-align:left;margin-bottom:7px;}
.calculater1 .t1{border:1px #ccc solid;border-radius:3px;height:35px;width:130px;padding-left:10px;}
.calculater1 .t2{border:1px #c9151e solid;border-radius:3px;height:35px;width:60px;background:#c9151e;color:#fff;}
.calculater1 table.gridtable {
	/* width:900px; */
    color:#333333;
    border-width: 1px;
    border: 1px #ccc solid;
    border-collapse: collapse;
    text-align:center;
}
.calculater1 table.gridtable th {
    border-width: 1px;
    font-weight:600;
    padding: 8px;
    border-style: solid;
    border-color: #ccc;
    /* background-color: #ccc; */
}

.calculater1 table.gridtable tr {
    border: 1px #ccc solid;
}
.calculater1 table.gridtable td {
    padding: 8px;
    border: 1px #ccc solid;
    background-color: #ffffff;
}




.vsBtn .createIndex2{ width: 46%;}
.vsBtn .createIndex2 .cid{width: 100%;display: none;}
.createIndex .cid,.createIndex2 .cid{display: none;}
.createIndex .cid.on,.createIndex2 .cid.on{display: block;}



.prodList dd:hover{
	box-shadow: 0 0 25px -12px rgba(0,0,0,.5);transform: translate(0,-2px);-webkit-transform: translate(0,-2px);
	transition: .5s;
}


@media (min-width:960px){
	.uk-visible-small{display:none !important}
	.uk-visible-medium{display:none !important}
	.uk-hidden-large{display:none !important}
}
@media (min-width:768px) and (max-width:959px){
	.uk-visible-small{display:none !important}
	.uk-visible-large{display:none !important}
	.uk-hidden-medium{display:none !important}
}
@media (max-width:767px){
	.uk-visible-medium{display:none !important}
	.uk-visible-large{display:none !important}
	.uk-hidden-small{display:none !important}
}
.uk-hidden{
	display:none !important;visibility:hidden !important
}
@media (min-width:768px) {
.uk-width-medium-1-1 {width:100%}
.uk-width-medium-1-2,.uk-width-medium-2-4,.uk-width-medium-3-6,.uk-width-medium-5-10 {width:50%}
.uk-width-medium-1-3,.uk-width-medium-2-6 {width:33.333%}
.uk-width-medium-2-3,.uk-width-medium-4-6 {width:66.666%}
.uk-width-medium-1-4 {width:25%}
.uk-width-medium-3-4 {width:75%}
.uk-width-medium-1-5,.uk-width-medium-2-10 {width:20%}
.uk-width-medium-2-5,.uk-width-medium-4-10 {width:40%}
.uk-width-medium-3-5,.uk-width-medium-6-10 {width:60%}
.uk-width-medium-4-5,.uk-width-medium-8-10 {width:80%}
.uk-width-medium-1-6 {width:16.666%}
.uk-width-medium-5-6 {width:83.333%}
.uk-width-medium-1-10 {width:10%}
.uk-width-medium-3-10 {width:30%}
.uk-width-medium-7-10 {width:70%}
.uk-width-medium-9-10 {width:90%}
}
@media (min-width:960px) {
.uk-width-large-1-1 {width:100%}
.uk-width-large-1-2,.uk-width-large-2-4,.uk-width-large-3-6,.uk-width-large-5-10 {width:50%}
.uk-width-large-1-3,.uk-width-large-2-6 {width:33.333%}
.uk-width-large-2-3,.uk-width-large-4-6 {width:66.666%}
.uk-width-large-1-4 {width:25%}
.uk-width-large-3-4 {width:75%}
.uk-width-large-1-5,.uk-width-large-2-10 {width:20%}
.uk-width-large-2-5,.uk-width-large-4-10 {width:40%}
.uk-width-large-3-5,.uk-width-large-6-10 {width:60%}
.uk-width-large-4-5,.uk-width-large-8-10 {width:80%}
.uk-width-large-1-6 {width:16.666%}
.uk-width-large-5-6 {width:83.333%}
.uk-width-large-1-10 {width:10%}
.uk-width-large-3-10 {width:30%}
.uk-width-large-7-10 {width:70%}
.uk-width-large-9-10 {width:90%}
}
@media (min-width:768px) {
[class*='uk-push-'],[class*='uk-pull-'] {position:relative}
.uk-push-1-2,.uk-push-2-4,.uk-push-3-6,.uk-push-5-10 {left:50%}
.uk-push-1-3,.uk-push-2-6 {left:33.333%}
.uk-push-2-3,.uk-push-4-6 {left:66.666%}
.uk-push-1-4 {left:25%}
.uk-push-3-4 {left:75%}
.uk-push-1-5,.uk-push-2-10 {left:20%}
.uk-push-2-5,.uk-push-4-10 {left:40%}
.uk-push-3-5,.uk-push-6-10 {left:60%}
.uk-push-4-5,.uk-push-8-10 {left:80%}
.uk-push-1-6 {left:16.666%}
.uk-push-5-6 {left:83.333%}
.uk-push-1-10 {left:10%}
.uk-push-3-10 {left:30%}
.uk-push-7-10 {left:70%}
.uk-push-9-10 {left:90%}
.uk-pull-1-2,.uk-pull-2-4,.uk-pull-3-6,.uk-pull-5-10 {left:-50%}
.uk-pull-1-3,.uk-pull-2-6 {left:-33.333%}
.uk-pull-2-3,.uk-pull-4-6 {left:-66.666%}
.uk-pull-1-4 {left:-25%}
.uk-pull-3-4 {left:-75%}
.uk-pull-1-5,.uk-pull-2-10 {left:-20%}
.uk-pull-2-5,.uk-pull-4-10 {left:-40%}
.uk-pull-3-5,.uk-pull-6-10 {left:-60%}
.uk-pull-4-5,.uk-pull-8-10 {left:-80%}
.uk-pull-1-6 {left:-16.666%}
.uk-pull-5-6 {left:-83.333%}
.uk-pull-1-10 {left:-10%}
.uk-pull-3-10 {left:-30%}
.uk-pull-7-10 {left:-70%}
.uk-pull-9-10 {left:-90%}
}
.uk-panel {position:relative}