@charset "utf-8";
:root {
    --color-red: #dd181f;
    --color-dark: #4c4c4d;
	--border-color: #e4e4e4;
    --transition-smooth: all 0.5s cubic-bezier(0.04, 1, 0.6, 0.97);
}

body {
  background:#fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1rem; 
}
:focus      { outline:none !important; }

@media (min-width: 1600px) {
	.container {
		max-width: 1560px;
	}
}

#mp_header{font-size:14px;}
#mp_header .social{display:inline-block;}
#mp_header .social i{font-size:28px;margin:0 2px;}
#mp_header .social a{color:#bcbec0;}
#mp_header .social a:hover{color:#bf1e24 !important;}

.tc-button{
	display: inline-block;
    background: linear-gradient(to right, #bf1f25, #ed1c24);
    height: 35px;
    line-height: 35px;
    color: #fff;
    border-radius: 18px;
	border:0;
	cursor:pointer;
	
}
.tc-button:hover{color:#fff;}
.t-icon{display:inline-block;padding-left:40px;background-repeat:no-repeat;background-position:left;}
.tc-button .t-icon{background-image:url(../images/email.png);}
.t-hotline{display: inline-block; height: 35px;
    line-height: 35px;}
.t-hotline .t-icon{background-image:url(../images/tel.png);}

.dl-button{
	display: inline-block;
    background: #fff;
    height: 45px;
    line-height: 45px;
    color: var(--color-red);
    border-radius: 23px;
	border:1px solid var(--color-red);
	cursor:pointer;
	font-size:1.2rem;	
}

.dl-button:hover{color:#fff;background:var(--color-red);text-decoration:none;}

.v-rq{color:#F00;}


ul#navigation {margin:0px auto;position:relative;padding:0;margin:0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	list-style: none;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}

ul#navigation li {
	display:block;
	position:relative;
	white-space: nowrap;
	text-align:center;
	
}

ul#navigation li,ul#navigation li:hover,ul#navigation li.active{
	`-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
	
}
ul#navigation li a {
	font-size:16px;
	color:#231f20;
	text-decoration:none;
	display:inline-block;
	height:40px;line-height:40px;
	padding:0 15px;
	text-align:center;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	font-weight:600;
}
ul#navigation li a:hover,ul#navigation li a.active{color:#bf1f25;}

ul#navigation li:hover > .sub
{
	visibility:visible;
	opacity:1;
}

ul#navigation .sub {
	list-style: none;
	margin: 0;
	padding: 0;
	visibility:hidden;
	position: absolute;
	z-index: 99999;
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
	-o-transition:opacity 0.2s linear, visibility 0.2s linear;
	transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#navigation .sub {
	top: 40px;
	left: 0;
	padding:10px 0;margin:0;
	background:var(--color-red);
	border-radius:5px;
}

ul#navigation .sub .sub-title
{
	font-weight:bold;
	color:#fff;
	font-size:14px;
	display: block;
	text-align:left;
}
ul#navigation .sub .sub-title:hover{color:#cfcece;}
ul#navigation .sub .scol{padding:0;}

ul#navigation .sub .list-sub
{
	padding:0;margin:0;
}
ul#navigation .sub .list-sub li {
	padding:0;
	height:auto;
	padding:0;margin:0;
	width:100%;
}

ul#navigation .sub .list-sub li a {
	color:#fff;
	font-size:14px;
	height:30px;
	line-height:30px;
	text-decoration:none;
	display:block;
	text-align:left;
	font-weight:normal;
	width:auto;
	margin:0;
}
ul#navigation .sub .list-sub li a:hover,ul#navigation .sub .list-sub li a.active {color:#cfcece;}

.t-tool,.t-tool a{color:#231f20;}
.t-tool a:hover{color:#bf1f25;text-decoration:none;}
.t-lgicon{border:1px solid #bf1f25;border-radius:50%;width:25px;height:25px;text-align:center;padding-top:2px;}
.t-tool i{color:#bf1f25;font-size:1.3rem;}
.v-border-2{border-color:#f6f6f6;border-width:2px;}
.v-bor-2{border-width:2px !important;}
.v-bg-color{background-color:#f6f6f6;}
.v-txt-color{color:#0c0c0c;}
.v-bor-color{border-color:#cac9c9;}
.v-a-link{color:#0c0c0c;}
.v-a-link:hover{color:#bf1f25;text-decoration:none;}
.v-font-8{font-size:0.8rem;}
.v-font-9{font-size:0.9rem;}
.v-font-10{font-size:1rem;}
.v-font-11{font-size:1.1rem;}
.v-font-12{font-size:1.2rem;}
.v-font-13{font-size:1.3rem;}
.v-font-14{font-size:1.4rem;}
.v-font-15{font-size:1.5rem;}
.v-font-16{font-size:1.6rem;}
.v-font-18{font-size:1.8rem;}
.v-font-20{font-size:2rem;}
.v-content{text-align:justify;}
.v-content img{max-width:100%;height:auto !important;}
.v-color1{color:#bcbec0;}
.ico-txt{color:#bf1f25;font-size:1.5rem;}
.img-fit{width:100%;height:100%;object-fit: cover;}


.gptitle{text-align:center;color:var(--color-dark);position:relative;}
.gptitle:after{position:absolute;content:'';border-bottom:3px solid var(--color-red);width:80px;margin-left:-40px;}
.gptitle .txt{font-size:1.75rem;font-weight:bold;margin:0;padding-bottom:0.5rem;}
.gptitle .arr{font-size:28px;color:#bf1f25;font-weight:bold;margin-top:-0.3rem;}

.h-product .ptop{background:#fff url(../images/hprobg.png) top center no-repeat;height:34px;}
.h-product .probox .p-box-c{background-color:#bf1f25;}
.h-product .probox:nth-child(1) .p-box-c{background-color:#f49152;}
.h-product .probox:nth-child(2) .p-box-c{background-color:#9d5842;}
.h-product .probox:nth-child(3) .p-box-c{background-color:#bf1f25;}

.h-product .pro-bg-1{background-color:#f49152 !important;}
.h-product .pro-bg-2{background-color:#9d5842 !important;}
.h-product .pro-bg-3{background-color:#bf1f25 !important;}


.p-box-c,.n-box-c{margin-right:0;padding: 0 15px;background-color:#fff;height:100%;}
.p-box-w,.n-box-w{margin-left:0;background:#fff;padding: 0 15px;height:100%;}

.list-pro{padding-top:1.2rem;}

.h-news{background:#fff;height:100%;}
.footer{background:#343435;color:#b5b4b4;}
.f-title{min-height:50px;border-color:#656566 !important;color:#f6f6f6;font-weight:600;}
.font-semibold{font-weight:600;}
.f-menu a{color:#b5b4b4;}
.f-menu a:hover{color:#fff;text-decoration:none;}
.bottom{border-top:1px solid #656566;}

.v-nav{border-top:1px solid #dcdbdb;border-bottom:1px solid #dcdbdb;}

.list-news .p-box-c{padding:0;}



.arrow_box {
	position: relative;
	background: #88b7d5;
}
.arrow_box:after {
	bottom: -6px;
	left: 0;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #88b7d5;
	border-width: 6px;
}

.bhot .arrow_box{background-color:#e41d24;color:#fff;}
.bhot .arrow_box:after{border-left-color: #e41d24;}
.rhot-title .bhot{top:0;left:100%;padding-left:10px;}

.list-nhot .list-group-item,.list-popt .list-group-item{padding:0.75rem 0;}
.list-popt .list-group-item:last-child{border-bottom:1px solid rgba(0, 0, 0, 0.125)!important;}

.contact-clr{color:#58595b;}
.boximg .img{border:1px solid #ccc;}
.pimgmore{list-style:none;padding:0;margin:0 -5px;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
list-style: none;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.pimgmore li{padding:0 5px;}
.pimgmore li img{border:1px solid #ccc;width:100%;}



.blockpage{text-align:center;}
.page,.pageselect{text-decoration:none;height:40px;text-align:center;
line-height:40px;padding:0 5px;font-weight:600;vertical-align:middle;font-size:20px;}
.page{color:#555;}
.page:hover{color:#bf1f25;}
.pageselect,.pageselect:hover{color:#bf1f25;text-decoration:none;}
.page .parr{font-size:28px;height:40px;line-height:40px;}
.blockpage .pg:after{content:'|';position:absolute;right:-2px;top:-2px;}
.blockpage .pg::last-child::fater{content:'';}

.slick-prev,
.slick-next {
    position: absolute;
    top: 8px;
	z-index: 2;
    height: 40px;
    padding: 0;
    cursor: pointer;
    outline: none;
    color:#0c0c0c;
	background:none;
	border:none;
}
.slick-prev:hover,
.slick-prev:hover i,
.slick-next:hover,
.slick-next:hover i{color:#bf1f25;}
.slick-prev i,
.slick-next i{font-size:22px;color:#c9c8c8;}
.slick-prev i{margin-right:8px;}
.slick-next i{margin-left:8px;}
.slick-prev {left: 0px;}
.slick-next {right: 0px;}

#menumb
{
	width:100%;
	margin:auto;
	display:none;
	overflow:hidden;
	position:absolute;
	top:50px;left:0;
	z-index:109;
	background:#bf1f25;
	border-radius: 5px;
	border:1px solid #fff;
	padding:0;
}

.menumb{
	width: 100%;
	height: 100%;
	overflow: auto;
	position:relative;
}

.mobile-menu{color:#c03437;font-size:28px;display:block;position:absolute;}
.mobile-menu i{width:30px;height:30px;text-align:center;}
.mobile-menu:hover{color:#848688;}

.mb-lang{position:absolute;top:2px;right:0;}
.mnusearch{position:absolute;top:5px;right:30px;}
.mnusearch i{display:inline-block;text-transform:uppercase;color:#c03437;font-size:24px;
line-height:20px;text-align:center;width:22px;height:22px;border-radius:50%;}
.mnusearch i:hover{text-decoration:none;color:#ed1c24;}

.nav {
	display:block;
	font-size:16px;
}
.nav ul{list-style:none;padding:0;margin:0;}
.nav-list {
	text-align:left;
}
.nav-item {
	zoom:1;
	position:relative;
}
.nav-item a {
	display:block;
	color:#fff;
	padding:5px 20px 5px 10px;
	border-bottom:1px solid #c4e4ff;
	line-height:30px;
}
.nav-item:last-child a{border-bottom:none;}
.nav-item .nav-submenu-item:last-child a{border-bottom:1px solid #c4e4ff;}
.nav-item > a:hover {
	background:#520203;
	text-decoration:none;
}
.nav-item:hover .nav-submenu {
	display:block;
	width:100%;
	
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	background:#828486;
}
.nav-submenu-item a {
	border-bottom:1px solid #ccc;
	display:block;
	padding:8px 15px 6px 20px !important;
	text-decoration:none;
}

.nav-submenu-item a:hover {
	background:#520203;
}

.nav-submenu-item1 a{padding:8px 15px 6px 30px !important;}
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:block;
	height:40px;
	width:38px;
	cursor:pointer;
}
.nav-click i {
	display:flex;
	height:38px;
	width:36px;
	/*background:url(../images/drop.png) no-repeat center center;*/
	background-size:20px;
	justify-content: center;
	align-items: center;
	color:#fff;
	font-size:34px;
}

.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

.form-search{position: absolute;width: 270px;padding: 10px;
    top: 55px;
    right: 0px;
    z-index: 200;
    box-shadow: 0 5px 8px rgb(0 0 0 / 10%);
    background: #fff;
    display: none;
}
.form-search input.input-text {
    width: calc(100% - 40px);
    border: 1px solid #999;
    font-size: 14px;
    color: #000;
    padding: 3px 8px;
    line-height: 1.5;
    float: left;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	height:30px;
}

.form-search button.button {
    background: #999;
    width: 40px;
    border: 0 none;
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    padding: 5px 10px 6px;
    font-size: 16px;
	height:30px;
    float: right;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}

.listmpro a,.listmpro a:hover{text-decoration:none;}
.listmpro .box{text-align:center;position:relative;border:1px solid #eee;background:#fff;}
.listmpro .box .img img{width:100%;height:auto;}
.listmpro .box .title{color:#c61d23;font-size:24px;padding:10px 10px 5px 10px;position:relative;line-height:1.8rem;}
.listmpro .box .desc{margin:10px 0;color:#58595b;height:45px;overflow:hidden;position:relative;padding:0 10px;}
.listmpro .box .price{padding:5px 0 15px 0;color:#58595b;font-size:20px;font-weight:bold;position:relative;}
.listmpro .box .vmore{position:absolute;top:50%;left:0;right:0;opacity:0;transform:translateY(-45px);
-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.listmpro .box .vmore .btn{display:inline-block;height:50px;-o-border-radius: 25px;-icab-border-radius: 25px;-khtml-border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px; -moz-border-radius: 25px;border-radius: 25px;background:#c61d23;line-height:50px;color:#fff;padding:0 40px;font-size:18px;}
.listmpro:hover .box{border-bottom:1px solid #c61d23;}
.listmpro .box .over{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffedef;opacity:0;}
.listmpro:hover .box .vmore{opacity:1;}
.listmpro:hover .box .over{opacity:0.8;}

.download-table{border: 1px solid #ebebeb;border-collapse: collapse;position: relative;}
.download-table:before{position: absolute;top: 0;left: 0;content: '';height: 3px;width: 100%;background: linear-gradient(to left, #ed1d24, #f58220);}
.download-table td{border: 1px solid #ebebeb;padding: 10px;}
.download-table .cold{width: 150px;}
.download-table .head{text-align: center;font-weight: bold;text-transform: uppercase;}
.download-table tr:nth-child(2n+1){background: #fbfefe;}
.download-table tr:first-child{background: #eee}
.download-table tr td:nth-child(2){text-align: center;}
.download-table .downtitle{font-weight: bold;}
.download-table .downdesc{color: #707070;}
.download-table .down-btn{display: inline-block;padding: 0px 10px;background: linear-gradient(to left, #ed1d24, #f58220);height: 35px;line-height: 35px;
color: #fff;border-radius:18px;}
.download-table .down-btn:hover{text-decoration:none;background: linear-gradient(to left, #f58220, #ed1d24);}
.download-table tr:not(:first-child):hover{background: #FDF0ED;}

.techtable{border: 1px solid #ebebeb;border-collapse: collapse;position: relative;width:100%;}
.techtable:before{position: absolute;top: 0;left: 0;content: '';height: 3px;width: 100%;background: linear-gradient(to left, #ed1d24, #f58220);}
.techtable td{border: 1px solid #ebebeb;padding: 10px;}
.techtable .head{text-align: center;font-weight: bold;text-transform: uppercase;}
.techtable tr:nth-child(2n+1){background: #fbfefe;}
.techtable tr:first-child{background: #eee}
.techtable tr:not(:first-child):hover{background: #FDF0ED;}


#fancybox-thumbs ul li{padding:0;}
#fancybox-thumbs ul li a,#fancybox-thumbs ul li.fancybox-thumb-active a{border-width:1px;}
#fancybox-thumbs ul li.fancybox-thumb-active a{border-color:var(--color-red);}
#fancybox-thumbs ul li img{border:0;padding:0;margin:0;}
.fancybox-title-over-wrap{background:rgba(0,0,0,0.5);width:100%;text-align:center;}

.hprj-box .pimg{border:1px solid #eee;}
.hprj-box .over{top:0;left:0;right:0;bottom:0;background:rgba(237,28,36,0.7);opacity:0;}
.hprj-box .over i{color:#fff;font-size:3rem;}
.hprj-box:hover .over{opacity:1;}

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 18px;
    height: 31px;
    margin-top: -15px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	z-index:4;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    opacity: 0.5;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 0px;
	background:url(../images/larr.png) no-repeat;
}
[dir='rtl'] .slick-prev
{
    right: 0px;
    left: auto;
	background:url(../images/larr.png) no-repeat;
}

.slick-next
{
    right: 0px;
	background:url(../images/rarr.png) no-repeat;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0px;
	background:url(../images/rarr.png) no-repeat;
}

#hotline{position:fixed;bottom:15px;left:15px;z-index:5;}

@keyframes bn-act-anim-img{
	0% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}

@-moz-keyframes bn-act-anim-img {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}

@-webkit-keyframes bn-act-anim-img {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}

@-o-keyframes bn-act-anim-img {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}

@keyframes bn-act-anim-fill {
    0% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);opacity: .2;}
	100% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
}

@-moz-keyframes bn-act-anim-fill {
    0% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);opacity: .2;}
	100% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
}

@-webkit-keyframes bn-act-anim-fill {
    0% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);opacity: .2;}
	100% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
}

@-o-keyframes bn-act-anim-fill {
    0% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);opacity: .2;}
	100% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
}

0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);-webkit-opacity: .1;}
30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);-webkit-opacity: .5;}
100% {-webkit-transform: rotate(0) scale(1) skew(1deg);-webkit-opacity: .1;}

@keyframes bn-act-anim-circle {
0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);-webkit-opacity: .1;}
30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);-webkit-opacity: .5;}
100% {-webkit-transform: rotate(0) scale(1) skew(1deg);-webkit-opacity: .1;}
}

@-moz-keyframes bn-act-anim-circle {
0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);-webkit-opacity: .1;}
30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);-webkit-opacity: .5;}
100% {-webkit-transform: rotate(0) scale(1) skew(1deg);-webkit-opacity: .1;}
}

@-webkit-keyframes bn-act-anim-circle {
0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);-webkit-opacity: .1;}
30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);-webkit-opacity: .5;}
100% {-webkit-transform: rotate(0) scale(1) skew(1deg);-webkit-opacity: .1;}
}

@-o-keyframes bn-act-anim-circle {
0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);-webkit-opacity: .1;}
30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);-webkit-opacity: .5;}
100% {-webkit-transform: rotate(0) scale(1) skew(1deg);-webkit-opacity: .1;}
}

.act-icon {
	position:relative;
    background-color: transparent;
    width: 90px;
    cursor: pointer;
    z-index: 200 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
}

.act-icon-circle {
    width: 70px;
    height: 70px;
    bottom: 0px;
    left: 0px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,0.4);
    border: 2px solid #f26b35 9;
    opacity: .1;
    -webkit-animation: bn-act-anim-circle 1.2s infinite ease-in-out;
    -moz-animation: bn-act-anim-circle 1.2s infinite ease-in-out;
    -ms-animation: bn-act-anim-circle 1.2s infinite ease-in-out;
    -o-animation: bn-act-anim-circle 1.2s infinite ease-in-out;
    animation: bn-act-anim-circle 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-color: #c00;
    opacity: .5;
}
.act-icon-fill {
    width: 60px;
    height: 60px;
    bottom: 5px;
    left: 5px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: bn-act-anim-fill 2.3s infinite ease-in-out;
    -moz-animation: bn-act-anim-fill 2.3s infinite ease-in-out;
    -ms-animation: bn-act-anim-fill 2.3s infinite ease-in-out;
    -o-animation: bn-act-anim-fill 2.3s infinite ease-in-out;
    animation: bn-act-anim-fill 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-color: #f00;
    opacity: .85 !important;
}
.act-icon-img {
    width: 40px;
    height: 40px;
    bottom: 15px;
    left: 15px;
	text-align:center;
    position: absolute;
    background-size: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1.7;
    -webkit-animation: bn-act-anim-img 1s infinite ease-in-out;
    -moz-animation: bn-act-anim-img 1s infinite ease-in-out;
    -ms-animation: bn-act-anim-img 1s infinite ease-in-out;
    -o-animation: bn-act-anim-img 1s infinite ease-in-out;
    animation: bn-act-anim-img 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-color: #c00;
}
.act-icon-img i{width:40px;height:40px;line-height:36px;color:#fff;font-size:30px;}
.act-box{background:#c00; position: absolute;top:-55px;left:35px;width:160px;height:40px;color:#fff;font-size:19px;padding-left:25px;
line-height:40px;border-top-right-radius:20px;border-bottom-right-radius:20px;}

.err404{max-width: 800px;margin: auto;padding: 50px 0;}
.err404 .t404t1 h1{line-height: 1.2em;padding: 0;margin: 0;}
.err404 .t404t2{padding: 10px 0;color: #666;}
.err404 .t404nav{border-top:1px solid #ccc;padding-top: 20px; }
.err404 .t404nav a:hover{text-decoration: none;}
.err404 .t404col{display: inline-block;padding: 0 20px;text-align: center;}
.err404 .t404ico{font-size: 50px;}



@media (min-width: 576px) {
}
@media (min-width: 768px) {
	.n-box-c{margin-right:-15px;}
	.n-box-w{margin-left:-15px;}
	
}
@media (min-width: 992px) {
	.p-box-c{margin-right:-15px;}
	.p-box-w{margin-left:-15px;}
	.mobile-menu,.mnusearch,.mb-lang{display:none;}
}
@media (min-width: 1200px) {

}