*{margin:0px;padding: 0px;box-sizing: border-box;}
a,a:hover{text-decoration: none;color: #555;}
html, body {
font-family: "Raleway", sans-serif;
font-weight: 400;
background-color: #fff;
font-size: 16px;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* body{ 
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
	} */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, figure, header, nav, section, article, aside, footer, figcaption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
header, nav, section, article, aside, footer, hgroup {
display: block;
}
li{list-style: none;}
.flt{float:left;}
.frt{float:right;}
.row{text-align: center;}
.hidd{display: none;}
.item{display: block;}
:hover{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

.loading-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  color: white;
  font-size: 16px;
  background-image: linear-gradient(134deg, #3266C6 0%, #00B1E2 100%);
  z-index: 99999;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.loading {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
  margin: auto;
  width: 50px;
  height: 50px;
}

.loading > div {
  background-color: #fff;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 50px;
  -webkit-animation: loading 1s 0s linear infinite;
  animation: loading 1s 0s linear infinite;
}

.loading > div:nth-child(2) {
  -webkit-animation-delay: 0.33333s;
  animation-delay: 0.33333s;
}

.loading > div:nth-child(3) {
  -webkit-animation-delay: 0.66666s;
  animation-delay: 0.66666s;
}

section{padding:80px 0px;}
.header-area.header-sticky {
background: #fff;
/* min-height: 100px; */
box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
}
section .container {
	padding: 20px 0px;
}
section .container .row{
	/* min-height:620px; */
}
section .container .row .col-lg-12 em{
	height: 25px;
	width: 100%;
	background: url(../images/icon1-1.png) no-repeat center center;
	display: block;
}






.welcome-area {
min-height: 620px;
position: relative;
}
.banner{overflow: hidden;width: 100%;height:594px;}

#ks_row>div{
text-align: center;
width: 20%;
}
#ks_row  .list{
	/* border: 1px solid #e3e3e3; */
	border-left: 0;
	padding-top: 30px;
}


#ks_row .text span{display: block;
padding: 20px 0;
font-size: 21px;
}
#ks_row .text p{
width: 90%;
margin: 0 auto;
line-height: 20px;
height: 80px;
font-size: 13px;
overflow: hidden;
color: #5f5f5f;
}

#ks_row .img{
width: 106px;
border-radius: 106px;
margin: 0 auto;
height: 106px;
border: 1px solid #fff;
}

.li1 .img{
	background: url(../images/img6.png) no-repeat center center;
}
.li2 .img{
	background: url(../images/img7.png) no-repeat center center;
}
.li3 .img{
	background: url(../images/img8.png) no-repeat center center;
}
.li4 .img{
	background: url(../images/img9.png) no-repeat center center;
}
.li5 .img{
	background: url(../images/img10.png) no-repeat center center;
}

.li1:hover .list .img{
	background: url(../images/img6-1.png) no-repeat center center;
}
.li2:hover .img{
	background: url(../images/img7-1.png) no-repeat center center;
}
.li3:hover .img{
	background: url(../images/img8-1.png) no-repeat center center;
}
.li4:hover .img{
	background: url(../images/img9-1.png) no-repeat center center;
}
.li5:hover .img{
	background: url(../images/img10-1.png) no-repeat center center;
}


.k4item li{cursor: pointer;
margin: 20px auto;
margin-bottom: 40px;
width: 90%;
}
.k4item_img img{width: 65%;}
.k4item li .list{clear: both;
padding: 20px 0;
border: 1px solid #f9f9f9;}
.k4item li .img{float: left;
width: 90px;
text-align: center;}
.k4item li .span_add{display: block;
height: 48px;
background: url(../images/icon6.png) no-repeat center center;
margin-top: 18px;}
.k4item li .list:hover .span_add{
	background: url(../images/icon6-1.png) no-repeat center center;
}
.k4item li .list:hover{border-color: #d31f23;}
.k4item li .text{
text-align: left;
font-size: 13px;
margin-right: 20px;
overflow: hidden;
line-height: 25px;
}
.k4item li .text h2{margin-bottom: 20px;
font-size: 18px;}
.k4item li .text p{height: 75px;
overflow: hidden;}

.k1_list .text{text-align: left;padding:20px;}
.k1_list .img{width: 100%;}
.k1_list .text .t_tit{border-bottom: 1px solid #c9c9c9;
position: relative;margin-bottom: 10px;}
.k1_list .text .t_tit span{font-size: 22px;
line-height: 50px;
margin-left: 0;
padding-bottom: 5px;
white-space: nowrap;}
.k1_list .text .t_tit label{position: absolute;
bottom: -2px;
left: 0;
width: 40px;
height: 3px;
background: #d31f23;
display: block;
}
.k1_list .text p{font: 13px/25px "";}
.k1_list:hover .text .t_tit{border-bottom: 1px solid #fff;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.k1_list:hover .text .t_tit label{background: #fff;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.k1_list:hover .text .t_tit span,.k1_list:hover .text p{color: #fff;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.k1_list:hover .text{background: #d31f23;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}

.k3_list .text h4{margin-bottom:5px;padding:0px 10px;font: 500 14px/40px "";text-align: left;background: #f1f1f1;}
.k3_list{position: relative;
overflow: hidden;}
.k3_list .imgc img{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	max-width: 100%;
}
.k3_list .imgz{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	position: absolute;
	top: 0%;
	left: 0;
	bottom: 0;
	display: table;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	background: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f000000', endColorstr='#5f000000');
}
.k3_list .imgz span{
	font-size: 15px;
	vertical-align: middle;
	margin: 0 auto;
	text-align: center;
	display: table-cell;
}
.k3_list:hover .imgc img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}

.k3_list:hover .imgc{opacity: 1;
	filter: alpha(opacity=100)}
	
.k3_list:hover .imgz label{width: 5px;}

.k3_list .imgz span label{
width: 60px;
height: 1px;
background: #fff;
display: block;
margin: 5px auto;
}
#k3_list .text h4{padding: 4px;}

#k5_row .li a{display: block;
height: 160px;
line-height: 160px;

border-left: 0;
border-top: 0;
text-align: center;
position: relative;
}
#k5_row .li{border: 1px dotted #e5e5e5;text-align: center;margin: auto;}
#k5_row .li img{width:90%;}
#k6_row p{text-align:center;font:14px/30px "";padding: 0px 5%;}


#k5_row .li .img {
        transition: all .5s linear 10ms;
        -webkit-transition: all .5s linear 10ms;
        -moz-transition: all .5s linear 10ms;
        -ms-transition: all .5s linear 10ms;
        -o-transition: all .5s linear 10ms;
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        -webkit-filter: grayscale(100%);
        filter: Gray;
		
    }
#k5_row .li .img1 {

	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	transition: all .5s linear 10ms;
	-webkit-transition: all .5s linear 10ms;
	-o-transition: all .5s linear 10ms;
	-moz-ms-transition: all .5s linear 10ms;
	-ms-transition: all .5s linear 10ms;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
}
#k5_row .li:hover .img {
	transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#k5_row .li:hover .img1 {
	transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;
}

@media (min-width: 992px){
.header-area .main-nav{margin-top: 20px;}
.header-area .main-nav .menu {
display: flex !important;
float: right;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.main-nav .menu {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.header-area {
position: fixed;
padding: 0px 0px;
left: 0px;
right: 0px;
z-index: 100;
height:80px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

.header-area .main-nav .logo {
float: left;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.header-area .main-nav .logo img{float:left;padding-right:30px;display: block;width: 180px;}
.header-area .main-nav .logo .frt{float:right;text-align:left;}
.header-area .main-nav .logo .frt .tel{color: #d31f23;background: url(../images/tel.png) no-repeat left center;display: block;line-height:28px;padding-left: 30px;font-size: 16px;}
.header-area .main-nav .logo .frt p{font-size: 12px;;}
.header-area .main-nav .menu li {margin-left: 1.5rem;}
.header-area .main-nav .menu li a {
display: block;
font-weight: 500;
font:600 16px/36px "";
color: #626b72;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
letter-spacing: 2px;
border: transparent;
padding: 0 15px;
margin-top:5px;
}
.header-area .main-nav .menu li a:hover{color: #d31f23;}
.main-nav .clear{display: none;}
#k5_row{margin: 0 5%;}
#k5_row .li{width: 20%;}


footer{
background: #151515;
min-height:320px;
display: flex;
}
.gotop {
position: relative;
top: -32px;
left: 50%;
margin-left: -28px;
}
.gotop a {
display: block;
width: 56px;
height: 64px;
background: url(../images/top.png) no-repeat center center;
}

footer .link {
padding: 0px 0;
background: #3b3b3b;
min-height:250px;
}
footer h3 {
border-bottom: 1px solid #545454;
line-height: 40px;
font-size: 16px;
font-weight: normal;
padding-left: 10px;
color: #999;
}
footer .link li {
display: inline-block;
margin: 10px;
}
footer .link li a {
color: #777;
display: block;
border-left: 1px solid #6a6a6a;
padding-left: 20px;
}

footer p{
padding: 20px 0;
display: block;
line-height: 30px;
}
footer span,footer a{font-size: 12px;
color: #555;
}
footer .btnav{display: none;}
}

@media (max-width: 991px){
.header-area .main-nav{margin-top: 20px;}
.header-area .main-nav .logo {
float: left;
}

.main-nav .menu {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.header-area {
position: fixed;
padding: 0px 0px;
left: 0px;
right: 0px;
z-index: 100;
height:80px;
}

#ks_row>div{width: 100%;}
#k5_row .li{width: 50%;}
#k6_row img{width: 100%;}
.logo .text,.main-nav .menu,footer .container{display: none;}

.main-nav .clear{
	width: 40px;
	height: 40px;
	background: url(../images/menu.png) no-repeat center center;
	background-size: 30px auto;
	position: absolute;
	right: 10px;
}
.main-nav .clear.on{
	background: url(../images/menu1.png) no-repeat center center;
	background-size: 30px auto;
}
.main-nav ul.menu{position: absolute;
height: 1000px;
background: #000;
z-index: 1000;
top: 65px;
left: 0;
width: 100%;}
.main-nav ul.menu li a{
display: block;
text-align: left;
color: #fff;}
.main-nav ul.menu li:hover a{color: #d31f23;}
.main-nav ul.menu li{
float: none;
line-height: 40px;
margin: 0 10px;
text-align: left;
border-bottom: 1px solid #454545;
}
.btnav{
	position: fixed;
	padding: 0px 0px;
	left: 0px;
	right: 0px;
	z-index: 100;
	height:40px;
	background: #000;
	bottom:-2px;
	text-align: center;
	box-shadow: 0px -3px 28px 0 rgba(0, 0, 0, 0.06);
	}
.btnav li{display: inline-block;padding:0px;margin: 0px;width:15%;}
.btnav li a{text-align: center;display:block;color: #FFF;font:14px/40px "";}
}







/* #backtotop {
position: fixed;
bottom: 50px;
right: 20px;
display: none;
cursor: pointer;
font-size: 50px;
z-index: 9999;
} */