.titles{ text-align:center; padding:20px 0px;position: relative; display:flex; flex-direction: column;align-items: center; margin-bottom: 2rem;}
.titles h3{font-size: 2.8rem;color: #000;line-height: 2;margin-bottom: 0px;font-weight: bold;}
.titles h5{font-size:1.8rem; line-height:2;margin-bottom:25px;color:#000;font-weight: 500;}
.titles:after {content: "";width: 125px;height: 5px;display: block;background: var(--color1);}

.titles1{ text-align:center; padding:20px 0px;position: relative;}
.titles1 h3{ font-family:HelveticaNeueCE; font-size:34px; color:#212121; line-height:38px; margin-bottom:10px; }
.titles1 h5{font-size:20px;margin-bottom:25px;color:#212121;font-weight: 300;}
.titles1 .line{ background:#b1b1b1; height:1px; width:160px; margin:0 auto; position:relative}
.titles1 .line:after{ display: block; height:5px; width:42px; background:#369ad6; position:absolute; left:50%; margin-left:-21px; top:-2px;
    content: " ";}
.titles1:before {
    content: "";
    width: 18px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 45px;
    left: 33%;
}
.titles1:after {
    content: "";
    width: 18px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 45px;
    right: 33%;
}

.titles2{padding: 30px 0px;position: relative;font-family:var(--ff4); display:flex; flex-direction: column; text-transform: uppercase;}
.titles2 h3{
	font-size: 36px;
	font-weight: bold;
    color: #FFFFFF;
}
.titles2 h5{
	font-size: 18px;
	font-family: var(--ff4);
	font-weight: 500;
    color: #FFFFFF;
}
.titles2:after{width:45px; height: 3px; display:block; margin: 20px 0px; padding: 0px;background:#FFFFFF;}

@media screen and (max-width: 1023px){
	.titles h3{font-size: 24px;}
	.titles h5{font-size: 16px;line-height: 28px;}
	.titles1 h3 {font-size: 24px;}
	.titles1 h5 {font-size: 16px;}
	.titles1:before{left: 15%;}
	.titles1:after{right: 15%;}
}

.btn1 {
    color: #fff;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500;
	display: flex;
}
.btn1 a {
    background: var(--color1);
    color: #FFFFFF;
    padding: 10px 50px;
    z-index: 2;
    position: relative;
    display: block;
}
.btn1 a:after{content: "\e659";font-family: "iconfont" !important;text-align: center; }
.btn1 a::before {
	content: '';
	position: absolute;
	width: calc(100%);
	height: calc(100%);
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: -webkit-transform .24s ease-in-out;
	transition: -webkit-transform .24s ease-in-out;
	-o-transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}
.btn1 a:hover::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}
.btn1 a:before {background-color: var(--color1-h);}

.section-title {position: relative;}
.section-title h3{
    text-transform: uppercase;
	font-size:30px;
	padding:0 40px;
	position: absolute;
	top:0px;
	font-size: 50px;
    color: #002d4b;
    line-height: 32px;
    text-align: center;
    margin-bottom: 70px;
    font-weight: 300;
    padding-top: 50px;
}

.section-title h2{text-transform: uppercase;
    color: #fff;
    font-size: 150px;
    font-weight: bold;
    letter-spacing: -4px;
    font-family: 'Tunga Bold',Arial, Helvetica, sans-serif;
    text-shadow: #e8ebef 1px 0 0, #e8ebef 0 1px 0, #e8ebef -1px 0 0, #e8ebef 0 -1px 0;
    -webkit-text-shadow: #e8ebef 1px 0 0,#e8ebef 0 1px 0,#e8ebef -1px 0 0,#e8ebef 0 -1px 0;
    -moz-text-shadow: #e8ebef 1px 0 0,#e8ebef 0 1px 0,#e8ebef -1px 0 0,#e8ebef 0 -1px 0;
    *filter: Glow(color=#e8ebef, strength=1);
    padding: 12px 0;
}

p{padding:0px; margin: 0;}

.container {
    max-width: 1230px;
}

.navbar-home.navbar .logo-sm-height{display:none;}
.navbar-home.navbar .logo-w{display:block;}
.navbar-home{position:fixed; top: 0;width: 100%;z-index: 100;}
.navbar-home .navbar-nav li a{color:#FFFFFF;}
.navbar.headFlex .logo-sm-height{display:block;}
.navbar-home.main-navigation{border:0px;}


.home-swiper-pagination{}
.home-swiper-pagination.swiper-pagination-bullets{right: 5rem;}
.home-swiper-pagination .swiper-pagination-bullet{width: 15px;height: 15px;margin: 10px 0 !important;border: 2px solid rgba(255,255,255,1);}
.home-swiper-pagination .swiper-pagination-bullet-active{border: 2px solid rgba(255,255,255,0.8);}


.home-swiper-pagination .swiper-pagination-bullet-active{background: var(--color2); border:0px;}

/*============================================
navbar-home
===========================================*/
.navbar-home{position:fixed; top: 0;right: 0;left: 0; z-index: 108; background-color:transparent;background: none;}
.navbar-home.main-navigation ul li a{color:#ffffff;}

.navbar-home .lan{margin-left: auto;margin-right: 60px;    z-index: 100000;}
/*============================================
navbar-home
===========================================*/


/*============================================
viedo-section
===========================================*/
.home{width: 100%;height: 100vh; overflow: hidden;}
.home-swiper-container {width: 100%;height: 100vh;}

.viedo-section{background: skyblue;}
.viedo-section .mask {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #253f4b;
    opacity: .65;
    z-index: 10;
}
.home-banners{height:100%; z-index: 100;}
.home-banners .swiper-button-prev{top:unset;left: unset;right: 20vw;bottom: 50px;background:none;}
.home-banners .swiper-button-next{top:unset;left: unset;right: calc(20vw - 80px);bottom: 50px;background:none;}
.home-banners .swiper-button-prev:before,.home-banners .swiper-button-next:before{font-family:"iconfont"; width:48px; height: 48px; display: flex;align-items: center;
    justify-content: center;background: #FFF; color:#333;  font-size:24px; border:2px solid #fff;}
.home-banners .swiper-button-prev:before{content: "\e613";}
.home-banners .swiper-button-next:before{content: "\e614";}
.home-banners .swiper-button-prev:hover:before,.home-banners .swiper-button-next:hover:before{color:#FFFFFF; background-color: transparent;}
.hero-video {
	position: absolute;
	display: block;
	height: 100%;
	height: 100vh;
	width:100%;
	width: 100vw;
	min-height: 28.125rem;
	overflow: hidden;
	z-index: 1;
}
.viedo-section .content-box{
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
}

.viedo-section .content-box{display: table;width: 100%;height: 100%;position: absolute;z-index: 100;}
.viedo-section .content-box .box-cell{display: table-cell;vertical-align: middle;width: 100%;height: auto;}
.viedo-section .content-box .container{height: auto; text-align: center;}
.viedo-section .content-box .container h2{font-size: 2.65rem;line-height: 1;font-weight: 100;margin-bottom: 30px;text-transform: uppercase; color:#fff;/* text-shadow: 2px 2px 5px rgba(0,0,0,0.8); */font-weight: 500;letter-spacing: 0px;}
.viedo-section .content-box .container p {padding: 0 15%;font-size: 30px;margin: 0; color:#fff;/*text-shadow: 2px 2px 5px rgba(0,0,0,0.5);*/}
.viedo-section .content-box .container .more{    margin-top: 90px;}
.viedo-section .content-box .container .more a{color: #fff;}
.viedo-section .content-box .container .btn-lx{position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-family: Neutraface Bold;
    font-size: 1rem;
    text-transform: uppercase;
    border: 2px solid #fff;
    padding:10px 40px;
    border-radius: 10rem;
    outline: 0;
    z-index: 0;
    white-space: nowrap;
    letter-spacing: 2px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;}
.viedo-section .content-box .container .more:hover{color: #df1f26;}
.viedo-section .content-box .container .more:hover .btn-lx{background:#fff; z-index: 1;}
.viedo-section .content-box .container .more a:hover{color: #df1f26;}



@media screen and (max-width: 1023px)
{
	.navbar-brand{margin-left: 1rem;}
	.main-navigation .navbar-name h3, .main-navigation .navbar-name h5{color:#FFFFFF;}
	.home-swiper-pagination.swiper-pagination-bullets{right: 1rem;}
	.viedo-section .content-box .container h2{font-size: 2rem;line-height: 1.6;}
	.viedo-section .content-box .container p{font-size: 1.5rem;}
}

@media screen and (max-width: 767px)
{
	.viedo-section .content-box .container h2{font-size: 1.8rem;line-height: 1.6;}
}
@media screen and (max-width: 430px)
{
	.viedo-section .content-box .container h2{font-size: 2rem;line-height: 1.6;}
	.viedo-section .content-box .container p{font-size: 1.5rem;}
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{

}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}
/*============================================
viedo-section
===========================================*/


.page-wrap{width: 100%;height: 100%; overflow: hidden;}
.innerbox{padding:4rem;}


/*============================================
com-section
===========================================*/
.com-section{background: url(../images/bg-com.jpg); background-size: cover; background-repeat: no-repeat;display: flex;padding:2rem 0px;animation-fill-mode: both;position: relative;}
.com-section .com_wrapper{padding: 2rem 7%;margin: auto;display: flex;justify-content: space-between;align-items: stretch;}
.com_wrapper-cont{display:flex;flex-direction: column; flex:1;margin-top: 10px;margin-right:5rem;}
.com_wrapper-cont .titles2{padding-top: 0;}
.com_wrapper-cont .titles2 h3,.com_wrapper-cont h5{color:#333333;}
.com_wrapper-cont .titles2 h3{font-size: 1rem;
    font-weight: 500;}
.com_wrapper-cont .titles2 h5{font-size: 1.68rem; display: flex; flex-direction: column;}
.com_wrapper-cont .desc{font-size: 16px;line-height: 2;font-weight: 300;}
.com_wrapper-cont .titles2 h5:after{width:45px; height: 3px; background-color:var(--color1);margin-top:1rem; content: "";}

.com_wrapper-items{width: 40%; flex-shrink: 0; display:flex;flex-wrap: wrap;}
.com_wrapper-items ul{max-width: 600px;}
/*.com_wrapper-items ul li{width:230px; height: 230px; display: flex; flex-direction: column; background:var(--color1);margin: 10px;float: left; background-color:var(--color1);align-items: center;justify-content: center;text-align: center;}
.com_wrapper-items ul li em{font-size:5rem; color:#FFFFFF;}
.com_wrapper-items ul li p{font-size:1rem;color:#FFFFFF;}
.com_wrapper-items ul li.active, .com_wrapper-items ul li:hover{background-color:transparent; border:2px solid var(--color1); transition: 0.3s; cursor: pointer;}
.com_wrapper-items ul li.active em,.com_wrapper-items ul li:hover em{color:var(--color1);}
.com_wrapper-items ul li.active p,.com_wrapper-items ul li:hover p{color:var(--color1);}*/

.com_wrapper-items ul li{width:230px; height: 230px; display: flex; flex-direction: column; background:transparent;margin: 0px;float: left; align-items: center;justify-content: center;text-align: center; border-left:1px solid var(--color1); border-bottom: 1px solid var(--color1);}
.com_wrapper-items ul li:nth-child(2n+1){border-left:0px;}
.com_wrapper-items ul li:nth-child(n+3){border-bottom:0px;}
.com_wrapper-items ul li em{font-size:4rem; color:var(--color1);}
.com_wrapper-items ul li p{font-size:1rem;color:var(--color1);}
.com_wrapper-items ul li.active, .com_wrapper-items ul li:hover{background-color:var(--color1); /*border:2px solid var(--color1); */transition: 0.3s; cursor: pointer;}
.com_wrapper-items ul li.active em,.com_wrapper-items ul li:hover em{color:#FFFFFF;}
.com_wrapper-items ul li.active p,.com_wrapper-items ul li:hover p{color:#FFFFFF;}


.counter-items{width:100%; overflow: hidden;
    display: flex;
    justify-content: space-between;
	height: auto;
    /*box-shadow: 0px 4px 51px 0px rgb(7 0 2 / 18%);*/
	align-items: center;z-index: 10;
	/*border-top:1px solid #eee;margin-top: 50px; padding-top:50px;*/
	padding-top:50px;margin-top: auto;
}
.counter-items ul{ display:flex; justify-content: space-around; width: 100%;}
.counter-items ul li{width:24%; display:flex; flex-direction: column; }
.counter-items .counter{font-size:45px;font-weight: 500;}
.counter-items .counter strong{font-size:45px;}
.counter-items ul li .num{display:flex;}
.counter-items ul li .num2{display: flex;flex-direction: column;margin-left: 5px;justify-content: space-evenly;}



.counter-items .counter-item{padding:20px 0px;position: relative;width: calc((100% / 3));}
.counter-item .inner-box{width:100%; /*position: relative;*/ height: auto;border-right:1px solid rgb(255 255 255 / 16%);}
.counter-item:nth-last-child(1) .inner-box {border-right:0px;}
.counter-item .inner-box .counted{position: relative;text-align: center;display: flex; justify-content: center; align-items: flex-end;}
.counter-item .inner-box span{font-size: 50px;color: #fff;font-weight: 500;line-height: 40px;}
.counter-item .inner-box em{color:#666666;border-radius: 50px;line-height: 35px;font-size: 1rem;
display:flex; align-items: center;justify-content: center;padding-bottom: 5px;    margin-left: 5px;}
.counter-item .inner-box-text,.counter-item .text{font-size:20px;color: #fff;text-align: center; font-weight: 500; margin-top: 10px;}

.counter-item:hover .counted{transform: scale(1.25)  translateY(-10px);transition: 0.5s;}
.counter-item:hover .text{transform: scale(1.25); transition: 0.5s;}

  #particles-js{
    position:absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
	display: none;
  }
.com-canvas{display: inline-block;vertical-align: baseline;}


@media screen and (max-width: 1440px)
{
	.com-section .com-img{max-width: 50%;}
}

@media screen and (max-width: 1199px)
{

}
@media screen and (max-width: 1024px) and  (max-height: 1366px)
{
	.com-section{padding:0px;}
	.com-section .com_wrapper{width:100%;flex-direction: column;}
	.com_wrapper-cont{margin-right: auto;padding-top: 0rem;}
	.com_wrapper-items{width:100%;}
	.com_wrapper-items ul{width: 100%;margin-top:2rem;max-width: unset; display:flex;justify-content: space-between;}
	.com_wrapper-items ul li{width: 30vw;height: auto;padding: 2rem;border-top:1px solid var(--color1);border-bottom:1px solid var(--color1);border-left:1px solid var(--color1);}
	.com_wrapper-items ul li em{font-size:50px;}
	.com_wrapper-items ul li:nth-child(4){border-right:1px solid var(--color1);}
	.com_wrapper-items ul li:nth-child(n+3){border-left: 1px solid var(--color1);border-bottom:1px solid var(--color1);}
	.com_wrapper-items ul li:nth-child(2n+1){border-left: 1px solid var(--color1);}
}
@media screen and (max-width: 1023px)
{
	.com-section{padding:0px;}
	.com-section .com_wrapper{width:100%;flex-direction: column;}
	.com_wrapper-cont{margin-right: auto;padding-top: 0rem;}
	.com_wrapper-items{width:100%;}
	.com_wrapper-items ul{width: 100%;margin-top:2rem;max-width: unset; display:flex;justify-content: space-between;}
	.com_wrapper-items ul li{width: 30vw;height: auto;padding: 2rem;}
	.com_wrapper-items ul li em{font-size:50px;}
}
@media screen and (max-width: 767px)
{
	.com_wrapper-cont .titles2{padding-bottom: 10px;}
	.com_wrapper-cont .desc{font-size:1rem;}
	.counter-items{display:none;}
	.com_wrapper-items ul{flex-wrap: wrap;justify-content: center;}
	.com_wrapper-items ul li{width: 40vw;height: 34vw;padding: 0px;margin: 0;}
	.com_wrapper-items ul li em{font-size: 3rem;}
}
@media screen and (max-width: 767px) and  (max-height: 740px)
{
	
}
@media screen and (max-width: 430px)
{
	.com_wrapper .com-titles h2{font-size:1.5rem;}
	.com_wrapper-items ul li p{font-size: 0.9rem;}
	.com_wrapper-items ul li:nth-child(2){border-right: 1px solid var(--color1);}
	.com_wrapper-items ul li:nth-child(n+3){border-top:0px;}
	.com_wrapper-cont .desc p{line-height:16px; padding:10px 0px;}
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{
	.com-cont .titles{width: 100%;}
	.com-cont .titles h3{font-size: 1.4rem;}
	.viedo-section .content-box .container p{padding:0px 5vw;}
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}


/*============================================
zs-section
===========================================*/
.zs-section{padding: 2rem 0px 2rem 0px; background-size: cover; background-repeat: no-repeat;}
.zs-wrap{position: relative;padding: 2rem 7%;margin: auto;display: flex;align-items: center;flex-direction: row;}
.zs-wrap .titles2{text-align: center;max-width: 900px;}
.zs-wrap .titles2 p{font-size:18px;line-height: 2; margin-top: 1rem;color: #FFFFFF;}

.zs-cont{flex: 3; display:flex; flex-direction: column; justify-content: center; /*max-width:1400px;*/  padding-right:3rem;}
.zs-cont h3{font-size:3rem; margin-bottom: 0; font-weight: bold;}
.zs-cont h5{font-size:2rem; margin-top:1rem; margin-bottom: 0;}
.zs-cont h6{background-color:var(--color1); font-size:1.1rem; padding:15px 25px; border-radius: 10px; margin: 0; margin-top:2rem;color:#FFFFFF;width:max-content;}
.zs-cont .desc{font-size:1.66rem; line-height: 2; text-align: left; margin-top:3rem;}

.zs-img{flex: 5;}
.zs-img img{max-width:100%;}

.zs-wrap-m{display:none;}
@media screen and (max-width: 1900px)
{
	
}
@media screen and (max-width: 1600px)
{
	
}
@media screen and (max-width: 1440px)
{
	
}
@media screen and (max-width: 1280px)
{
	
}
@media screen and (max-width: 1199px)
{
	
}
@media screen and (max-width: 1024px) and  (max-height: 1366px)
{
	.zs-section{border-bottom: 0px solid #efefef;display: flex;padding-bottom: 50px;height: auto;}
	.zs-wrap{flex-direction: column;}
	.zs-img{margin-top:20px;}
}
@media screen and (max-width: 1023px)
{
	.zs-section{border-bottom: 0px solid #efefef;display: flex;padding-bottom: 50px;height: auto;}
	.zs-wrap{padding:0px;}
}

@media screen and (max-width: 767px)
{
	.zs-section{border-bottom: 0px solid #efefef;padding: 0px;}
	.zs-wrap{flex-direction: column;}
	.zs-cont{flex:1; padding:0px 15px;}
	.zs-img{flex: 1}
	.news_wrapper-cont .titles2{padding-top:10px;}
}
@media screen and (max-width: 767px) and  (max-height: 740px)
{
	
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
	
}


@media screen and (max-width: 375px)
{

}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}


/*============================================
prod-section
===========================================*/
.prod-section{display: flex;padding:0px 0px;}
.prod-section .prod_wrapper{padding:0px;  margin: auto;display: flex;align-items: center;}


.prod-rotate{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;animation: moveScroll 20s linear infinite;}
@keyframes moveScroll {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}




.prod_wrapper.owl-theme .owl-dots{margin-top: 60px;}
.prod_wrapper .owl-carousel .owl-dots .owl-dot.active span,.prod-cont .owl-carousel .owl-dots .owl-dot:hover span{border-color:  var(--color1);opacity: 0.8;background: var(--color1);width: 40px;border-radius: 10px;}
.prod_wrapper{padding:0px 0px;margin: auto;}
.prod_wrapper .prods-items{width:100%; position: relative;}
.prods-item {width:100%; display:flex; position: relative;}
.prods-item .img{width:65%;display:flex;justify-content: center;align-items: center;    background-size: cover;}
.prods-item .img img{max-width:100%; height: auto;}
.prods-item .text{width:35%;height: 100vh;background:var(--color1); color:#FFFFFF;padding:0px 0px; display:flex;    align-items: center;}
.prods-item .text .innerbox{width: 100%;}
.prods-item .text h3{font-size:2.29rem; font-weight:500;/*word-break: break-all;*/}
.prods-item .text h5{font-size:1rem; font-weight:300; line-height: 1.65;}
.prods-item .adv-items-01{margin: 20px 0px 30px 0px;}
.prods-item .adv-items-02{margin: 60px 0px 0px 0px;}
.prods-item .text ul{width:100%;}
.prods-item .adv-items-01 ul li{width:100%; display: flex; font-size:1rem; font-weight: 450; line-height: 1.5; margin-bottom: 5px;align-items: baseline;}
.prods-item .adv-items-01 ul li:before{content:"\e607"; width:20px; height: 20px; border-radius: 100%; background-color:transparent; border:2px solid #FFFFFF; font-size:20px; margin-right:10px; font-family: "iconfont";display: flex;align-items: center;}

.prods-item .adv-items-02 ul{display:flex;justify-content: space-between;}
.prods-item .adv-items-02 ul li{ width:auto; text-align: center; font-size:1rem;flex:1;}
.prods-item .adv-items-02 ul li:nth-child(n+5){display:none;}
.prods-item .adv-items-02 ul li em{width:100px; height: 100px; border: 2px solid #FFFFFF; display:flex; justify-content: center; align-items: center; font-family: "iconfont";border-radius: 100%; font-size:3rem;margin-bottom: 15px;}
.prods-item .more{margin-top: 80px;}
.prod_wrapper .more a{padding:10px 80px; background:transparent; color:#FFFFFF; border-radius: 50px; font-family: var(--ff3);margin: auto 5px; border:2px solid #FFFFFF; transition: 0.5s;font-size:var(--p2-size);}
.prod_wrapper .more a:before{border-radius: 50px;}
.prod_wrapper .more a:hover{background-color:#FFFFFF; border:2px solid #FFFFFF; color:var(--color1);}


/*.prods-items .owl-controls{position:absolute; bottom:2rem;width:70vw;  left:0; right: 0;}

.prod_wrapper .owl-carousel .owl-dots .owl-dot span{width: 15px;height: 15px;background-color: var(--color1);    border: 1px solid #FFFFFF;}
.prod_wrapper .owl-carousel .owl-dots .owl-dot.active span, .prod-cont .owl-carousel .owl-dots .owl-dot:hover span{width: 15px;height: 15px;background-color: transparent;border: 2px solid var(--color1);}*/

.prods-items .owl-controls{position:absolute; top: 0; bottom:0;width:65vw;  left:0; right: 0;display: flex;}
.prod_wrapper .owl-nav{display:flex;padding: 0px 8vw;margin: auto;width: 100%;text-align: center;justify-content: center;position: relative;top: unset;}
.prod_wrapper .owl-nav i{background:#000; background:#000; border-radius: 100px;width:80px; height: 80px;}
.prod_wrapper .owl-nav i{color:#FFFFFF;}
.prod_wrapper .nav-left{position: absolute; left:1rem;}
.prod_wrapper .nav-right{position:absolute; right: 1rem;}

.prod_wrapper .owl-nav .owl-prev{left: 0px;right: 0px;}
.prod_wrapper .owl-nav .owl-next{left: 0px;right: 0px;}

.prod_wrapper .owl-theme .owl-dots{width: 100%;margin:0px;position: absolute;bottom: 50px;}

@media screen and (max-width: 1600px)
{
	.prods-item .text .innerbox{padding:3rem;}
	.prods-item .text h5{font-size:1.065rem;line-height: 2;}
	
	.prods-item .adv-items-02 ul li em{width:80px; height: 80px; font-size:2.6rem;}
}
@media screen and (max-width: 1440px)
{
	.prods-item .text .innerbox{padding:2rem;}

}

@media screen and (max-width: 1280px)
{
	.prods-item .adv-items-02 ul li{font-size: 1.17rem;}
	.prods-item .adv-items-02 ul li em{width:90px;height: 90px; margin-bottom:1rem;}
}


@media screen and (max-width: 1023px)
{
	.prod-section .prod_wrapper{width:100%;flex-direction: column;margin: 0px;background: #005bbb;}
	.prod_wrapper .prods-items{height: 100%;}
	.prods-item{height: 100%;flex-direction: column;height: calc(100vh - 50px);}
	.prods-item .img{width:100%; background: #fff;padding:1rem 0px 0rem 0px;}
	.prods-item .text{width:100%;height: auto;padding: 2rem;}
	.prods-item .text .innerbox{padding:2rem 0px;}
	.prods-item .more{text-align: center; padding-bottom:2rem;}
	
	.prods-items .owl-controls{top:25%; width:100%; bottom:unset;}
	
	.prods-item .adv-items-01 ul{display: flex;flex-wrap: wrap;}
	.prods-item .adv-items-01 ul li{width:50%;}
}

@media screen and (max-width: 767px)
{
	.prod-cont ul{flex-direction: column;}
	.prod-cont ul li:nth-child(1){border-bottom: 1px solid rgb(0 169 80 / 10%);padding-bottom: 2rem;margin-bottom: 2rem;}
	.prods-item .text .innerbox{padding:0px;}
	.prods-item .img{flex: 2;height:35%;}
	.prods-item .img>div{position: relative;padding-top: 65%;width: 100%;}
	.prods-item .img img{position: absolute; top: 0;right: 0;bottom: 0;left: 0;width:100%; height: 100%; object-fit:cover;}
	.prods-item .text{flex:3;}
	.prods-item .text h3{font-size:2rem;}
	.prods-item .adv-items-01{padding:1rem 0px 0px 0px;margin: 0px;}
	.prods-item .adv-items-01 ul li{width:100%;}
	.prods-item .adv-items-02{margin: 2rem 0px 0px 0px;}
	.prods-item .adv-items-02 ul li{font-size: 12px;}
	.prods-item .adv-items-02 ul li em{width:80px; height: 80px; font-size:2rem;}
	.prods-item .more{margin-top: 40px; padding:0px 0px 10px 0px;}
	.prod_wrapper .owl-nav i{font-size: 2rem;width: 50px;height: 50px;}
	.prods-items .owl-controls {top:17%;}
	.prod_wrapper .owl-theme .owl-dots{bottom: -30vw;}
}
@media screen and (max-width: 430px)
{
	.prods-item .text h3{}
	
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{

}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}

/*============================================
solution-section
===========================================*/
.solution-section{padding: 2rem 0px 2rem 0px; background-size: cover; background-repeat: no-repeat;}
.solution-wrap{position: relative;padding: 2rem 7%;margin: auto;display: flex;align-items: center;flex-direction: column;}
.solution-wrap .titles2{text-align: center;max-width: 900px;}
.solution-wrap .titles2 p{font-size:18px;line-height: 2; margin-top: 1rem;color: #FFFFFF;}

.solution-titles{overflow: hidden; text-align: center; margin: auto; max-width: 1200px;    position: relative;}
.solution-titles h3{color:#1b1d21; text-align: center; padding-top:80px;font-size: 34px;font-weight: 500;letter-spacing: 0px; z-index: 10;}
.solution-titles h5{color:rgb(0 0 0 / 5%);font-size: 100px;font-weight: bold;top: 0;position: absolute;left: 0;right: 0; z-index: 1; text-transform: uppercase;}
.solution-titles h5 span{color:#86b936; padding-right:10px;}
.solution-titles h5 span.enText{color:#6e6e6e; padding-left:5px; padding-right:0px; text-transform: uppercase; font-size:24px;}
.solution-titles p{color:#333333;font-size:18px; line-height: 34px;padding: 20px 0px 0px 0px; max-width:750px;}
.solution-titles a.more{float:right;background: #82b445;color: #fff; padding:5px 30px; border-radius: 20px; cursor: pointer;}
.solution-titles a.more:hover{background: #f58600;}

.solution-box{width:100%; max-width:1500px;position:relative;    padding-top: 50px;    background: #eff2f5;padding-bottom: 100px; margin:auto;}

.solution-box .solution-cont{ padding:10px;margin: auto; display: flex; justify-content: space-between; position: relative;}
.solution-box .solution-cont .owl-controls{position: absolute;bottom: 50px;right: 20px;}
.solution-box .solution-cont .owl-controls .owl-dots{display: flex;align-items: center;}
.solution-box .solution-cont .owl-controls .owl-dots .owl-dot span{    opacity: 1;
    border: 0px;
    width: 9px;
    height: 9px;
    background: #000;}
.solution-box .solution-cont .owl-controls .owl-dots .owl-dot.active span{
    width: 15px;
    height: 15px;
    background: var(--color1);}
.solution-cont .solution-cont-item{ padding:0px 0px;display: flex;align-items: center;}
.solution-cont-item-img{width:47%;overflow: hidden;position: relative;z-index: 1; cursor: pointer;flex-shrink: 0;}
.solution-cont-item-img:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 50%;
    width: 100%;
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 130%) repeat scroll 0 0;*/
    z-index: 1;
}
.solution-cont-item-img img{max-width:100%;}
.solution-cont-item-img img {
  max-width: none;
  width: -webkit-calc(100% + 60px);
  width: calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50px,0,0);
  transform: translate3d(-50px,0,0);
}

.solution-cont-item-img:hover img {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.solution-cont-item-text {
    position: relative;
    padding: 20px 100px;
    display: flex;
    color: #232323;
    z-index: 1;width: 100%;text-align: left;
    flex-direction: column;
    align-content: center;
}
.solution-cont-item-text p{font-size:16px; margin: 50px auto 10px 0px; font-weight: 500;}
.solution-cont-item-text .num{width:80px; height: 80px; position:absolute; top: 0px; right: 20px; background: #91c53c;background: var(--color1);line-height: 80px; font-size:40px; color:#FFFFFF; text-align: center;}
.solution-cont-item-text h5{font-size:34px;}
.solution-cont-item-text h3{font-size:18px;line-height: 1;padding-right: 50px;}
.solution-cont-item-text .btn{ display: block; text-align: left; margin: 50px auto 10px 0px;}
.solution-cont-item-text .btn a{background: var(--color1); padding:10px 50px; font-size:14px; color: #fff; border-radius: 25px;}

.solution-cont .btn1{margin: auto;margin-top:20px;}
.solution-cont .btn1 a{background-color: transparent;     border: 1px solid #fff;}


.solution-wrap-m{display:none;}
@media screen and (max-width: 1900px)
{
	.solution-section{min-height: unset;}
	.solution-nav ul li .text{padding:0px 2rem;}
}
@media screen and (max-width: 1600px)
{
	
}
@media screen and (max-width: 1440px)
{
	.solution-section{height:70vh;}
	.solution-nav ul li .text{padding:0px 1rem;}
	.solution-nav ul li .text .wz{display:none;}
	.solution-nav ul li.active .text .wz{display:flex;}
	.solution-nav ul li.active .line{margin-top: 20px;}
}
@media screen and (max-width: 1280px)
{
	.solution-nav ul li .text{padding:0px 1rem;}
	.solution-nav ul li i{width:40px; height: 40px;}
	.solution-nav ul li i:before{font-size:1rem;}
	.solution-nav ul li .text p{font-size:14px;}
}
@media screen and (max-width: 1199px)
{
	.solution-nav ul li i{margin-right:0.5rem;}
}
@media screen and (max-width: 1023px)
{
	.solution-section{border-bottom: 1px solid #efefef;padding-bottom: 50px;height: auto;}
	
	.solution-wrap-m{display:flex;}
	.solution-wrap-m ul{}
	.solution-wrap-m ul li{width:100%;}
	.solution-wrap-m ul li img{width:100%; max-width:100%;min-height: 200px;}
	.solution-wrap-m ul li .desc{width:100%; padding:5%; background: #f5f5f5;    box-sizing: border-box;}
	.solution-wrap-m ul li h5{font-size:1.6rem; line-height: 2;font-weight: bold;float: left;}
	.solution-wrap-m ul li span.en{font-size:1.3rem; text-transform: uppercase;float: left;padding-left: 1rem;font-weight: 300 !important;}
	.solution-wrap-m ul li p{font-size:1.2rem; line-height: 2rem;overflow: hidden;width: 100%;}
	
	.solution-wrap-m  .more{width: 100%;overflow: hidden;padding: 2rem 0px;}
	.solution-wrap-m .more a{padding:10px 50px; background:var(--color1); color:#FFFFFF; border-radius: 50px; font-family: var(--ff3);margin: auto 5px; border:2px solid var(--color1); transition: 0.5s;font-size:var(--p2-size);}
	.solution-wrap-m .more a:before{border-radius: 50px;}
	.solution-wrap-m .more a:hover{background-color:transparent; border:2px solid var(--color1); color:var(--color1);}
	
	.solution-titles h5{font-size:4rem;}
	.solution-titles h3{padding-top:40px;}
	.solution-titles p{font-size:1rem; line-height: 1.6; font-weight: 300;}
	

	
	.solution-section{padding-left: 1rem;padding-right: 1rem;}
	
	.solution-box{background: none;padding-bottom:50px;}
	.solution-box .solution-cont{width: 100%;}
	.solution-cont .solution-cont-item{flex-direction: column;}
	.solution-cont-item-img{width:100%;}
	.solution-cont-item-text{padding:0px;margin-top: 20px;}
	.solution-cont-item-text h5{font-size:24px;}
	.solution-cont-item-text h3 {font-size: 16px;color: #666;z-index: 2;line-height: 2rem;}
	.solution-cont-item-text .num{font-size: 135px;
    font-family: Arial;
    color: rgb(51 51 51 / 4%);
    float: right;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 15%;
    z-index: -1;background:none;width: auto;height: auto;}
	.solution-cont-item-text p{margin-top:0px; font-size:14px; line-height: 1.5; font-weight: 300;}
	.solution-cont-item-text .btn{margin:50px auto 10px auto;}
	.solution-box .solution-cont .owl-controls{    bottom: 0px;right: 0px;left: 0px;}
	.solution-box .solution-cont .owl-controls .owl-dots{justify-content: center;}
	.solution-titles p{line-height: 1.2;display: none;}
	.solution-box{padding-top:10px;}
}

@media screen and (max-width: 767px)
{
	.solution-wrap .titles2 p{font-size:1rem; line-height: 1.7;}
	.solution-cont ul li a{padding:0px;}
	.solution-cont ul li i{font-size: 3rem;}
	.solution-cont ul li p{padding-bottom: 1rem;}
	.solution-cont .btn1{margin-top: 50px;}
	.solution-titles p{line-height: 1.2;display: none;}
}
@media screen and (max-width: 430px)
{
	.solution-titles h5{font-size:3rem;}
	.solution-titles h3{padding-top:30px;}
	.solution-wrap .titles2{margin-top: 3rem;}
	.solution-cont-item-text p{line-height: 1.2; font-size: 13px;}
}
@media screen and (max-width: 414px)
{
	.solution-wrap{padding: 2rem 3%;}
}


@media screen and (max-width: 375px)
{

}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}


/*============================================
adv-section
===========================================*/
.adv-section{padding: 2rem 0px 2rem 0px; background-size: cover; background-repeat: no-repeat; display: flex;}
.adv-wrap{position: relative;padding: 2rem 7%;margin: auto;display: flex;align-items: center;flex-direction: column;}
.adv-wrap .titles2{text-align: center;max-width: 900px;color: #000;}
.adv-wrap .titles2 h3{}
.adv-wrap .titles2 h5{font-size:2rem; color:#000; font-weight: bold;}
.adv-wrap .titles2 p{font-size:18px;line-height: 2; margin-top: 0.65rem;color: #000;}
.adv-cont{width:100%; overflow: hidden;}
.adv-cont ul{display:flex; justify-content: space-between; flex-wrap: wrap;max-width: 1200px;margin: auto;}
.adv-cont ul li{width:calc((100% / 3) - 20px); display:flex; flex-direction: column; justify-content: center;align-items: center; margin-bottom:2rem;padding: 0px 3rem;}
.adv-cont ul li i{width:100px; height: 100px; border:2px solid var(--color4); display: flex; justify-content: center; align-items: center; font-size:2.65rem; color:var(--color4);border-radius: 100%;}
.adv-cont ul li h5{font-size:2rem; color:var(--color4); font-weight: bold;margin-top: 1rem;}
.adv-cont ul li p{font-size:1rem; color:#333; font-weight: 300;text-align: center; line-height: 2;}

.adv-wrap{display:flex;flex-direction: row;}
.titles-wrapper{display:flex;flex-direction: column; width:40%; flex-shrink: 0; align-items: flex-start;}
.titles-wrapper h3{font-size:2.26rem; color:#FFFFFF;margin-bottom: 1rem;}
.titles-wrapper h5{font-size:1.25rem;color:#FFFFFF;margin-bottom: 1rem;}
.titles-wrapper span{background-color:#FFFFFF; color: #000000; font-size:14px; padding:5px 1rem; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius:100px;text-transform: uppercase;}
.titles-wrapper  p{font-size:1.2rem; color:#FFFFFF; max-width:650px; line-height: 2; margin-top:5rem; text-transform: uppercase;}
.adv-wrap .img{flex: 1;}
.adv-wrap .img img{max-width:100%;}

@media screen and (max-width: 1023px)
{
	.adv-wrap{flex-direction: column;}
	.adv-wrap .titles-wrapper{width:100%;}
	.adv-wrap .img{width:100%;}
}

@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 430px)
{

}
@media screen and (max-width: 414px)
{

}


@media screen and (max-width: 375px)
{

}

@media screen and (max-width: 360px)
{
	
}

/*============================================
news-section
===========================================*/
.news-section{width:100%; padding:2rem 0px 2rem 0px;background:url("../images/bg-news.jpg") no-repeat;background-size:cover;}
.news-section .news_wrapper{padding:10rem 7%;  margin: auto;display: flex;align-items: center;justify-content: space-evenly;align-items: center; padding:0px 7%; }
.news_wrapper-cont{display:flex;flex-direction: column; width:240px; margin-right:200px;justify-content: center;}
.news_wrapper-cont .titles2{width:auto;align-items: center;margin-top: 3.4rem;}
.news_wrapper-cont .titles2 h3,.news_wrapper-cont h5{color: #FFFFFF;}
.news_wrapper-cont .desc{font-size: 16px;line-height: 2;}
.news_wrapper-cont .titles2 .line{width:1px; height: auto;background: #FFFFFF; display:flex;flex-direction: column; 
    margin-top: 20px;
    margin-bottom: 20px;position: relative;}
.news_wrapper-cont .titles2 .line:before{width:1px; height: 30px;background: var(--color1); content:"";}
.news_wrapper-cont .titles2 .line:after{width:1px; height: 40px;background: rgba(0,0,0,0.2); content:"";}
.news_wrapper-cont .list{margin: auto;}
.news_wrapper-cont .list ul{}
.news_wrapper-cont .list ul li{ margin-bottom:10px;}
.news_wrapper-cont .list ul li a{color:#FFFFFF; font-size:16px; display:flex;align-items: center;}
.news_wrapper-cont .list ul li a:before{content:"\e736"; font-size:16px; color:#FFFFFF; margin-right:5px;font-family: "iconfont";}
.news_wrapper-cont .list ul li:hover a,.news_wrapper-cont .list ul li:hover a:before{color:var(--color1);}


.news_wrapper-list{width:60%; margin-left: 50px;border-left: 1px solid rgb(51 51 51 / 20%); padding-left:50px;}
.news_wrapper-list ul{}
.news_wrapper-list ul li{position: relative;margin: 5rem 0px;}
.news_wrapper-list ul li .data{position: absolute;
    left: -172px;
    top: 0;
    padding-right: 38px;
    font-family: "Century Gothic";
    text-align: right;
	display:flex; 
	flex-direction: column;
}
.news_wrapper-list ul li .data:before {
    position: absolute;
    right: -8px;
    top: 18px;
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #333;
    transition: 0.38s;
}
.news_wrapper-list ul li .data b{font-size:30px; font-weight: bold; color:#FFFFFF;}
.news_wrapper-list ul li .data i{font-size:18px; font-weight: 500;color:#FFFFFF;}
.news_wrapper-list ul li h3{font-size:18px; padding-top: 10px;color:#FFFFFF;    margin-bottom: 25px;}
.news_wrapper-list ul li p{font-size:14px; color:#FFFFFF; line-height: 2;}
.news_wrapper-list ul li:hover .data:before{background: var(--color5);}
.news_wrapper-list ul li:hover .data b,.news_wrapper-list ul li:hover .data i{color:var(--color5);}
.news_wrapper-list ul li:hover h3{color:var(--color5);}

@media screen and (max-width: 1023px)
{
	.news-section .titles2 h3{font-size:2rem;}
	.news_wrapper-list ul li p{font-size:14px;font-weight: 300; line-height: 1.2;}
}

@media screen and (max-width: 767px)
{
	.news-section .news_wrapper{flex-direction: column;}
	.news_wrapper-cont{flex-direction: column;width:auto;margin: auto;}
	.news_wrapper-cont .list{display: none;}
	.news_wrapper-cont .titles2 .line{display: none;}
	.news_wrapper-list{width:100%;margin: 0;padding: 0;border: 0px;}
	.news_wrapper-list ul li{margin: 0; padding-bottom:20px;border-bottom: 1px solid rgb(255 255 255 / 30%); margin-bottom:10px;}
	.news_wrapper-list ul li h3{padding-top:5px; padding-bottom:5px;margin: 0px;}
	.news_wrapper-list ul li a{display: flex;flex-direction: column;}
	.news_wrapper-list ul li .data{position: relative;
    left: unset;
    top: unset;
    right: unset;
    bottom: unset;
    padding-right: 0;
    font-family: "Century Gothic";
    text-align: left;
    display: flex;
    flex-direction: column-reverse;}
	.news_wrapper-list ul li .data:before{display: none;}
	.news_wrapper-list ul li h3{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.news_wrapper-list ul li .data{flex-direction: row;justify-content: space-between;align-items: center;}
	.news_wrapper-list ul li p{width: 100%;height: 4vh;overflow: hidden;}
}
@media screen and (max-width: 430px)
{
	.news_wrapper-cont .titles2{/*margin-top:15vh;*/}
	.news_wrapper-list ul li p{ line-height: 1.3;}
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{

}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}

/*============================================
contact-section
===========================================*/
.contact-section{width:100%; padding:2rem 0px 2rem 0px;background:url("../images/bg-contact.jpg") no-repeat;background-size:cover; position: relative;}
.contact-section .contact_wrapper{padding:10rem 7%;  margin: auto;display: flex;align-items: center;justify-content: space-evenly;}
.contact_wrapper-cont{display:flex;flex-direction: column;width:40%;padding-right:100px;justify-content: center;}
.contact_wrapper-cont .titles2{width:auto;align-items: center;}
.contact_wrapper-cont .titles2 h3,.news_wrapper-cont h5{}
.contact_wrapper-cont .desc{font-size: 16px;line-height: 2;}
.contact_wrapper-cont .titles2 .line{width:1px; height: auto;background: #FFFFFF; display:flex;flex-direction: column; 
    margin-top: 20px;
    margin-bottom: 20px;position: relative;}
.contact_wrapper-cont .titles2 .line:before{width:1px; height: 30px;background: #FFFFFF; content:"";}
.contact_wrapper-cont .titles2 .line:after{width:1px; height: 40px;background: rgba(0,0,0,0.2); content:"";}

.contact_wrapper-cont h3{color:#FFFFFF; margin-bottom:2rem;}
.contact-item{color:#FFFFFF;font-size:16px;margin: 8px 0px;display: flex;font-weight: 500;}
.contact-item em{font-size:20px; margin-right:10px;}
.contact-item p{line-height:2;}
.contact_wrapper-cont .list{margin: auto;}
.contact_wrapper-cont .list ul{}
.contact_wrapper-cont .list ul li{ margin-bottom:10px;}
.contact_wrapper-cont .list ul li a{color:#FFFFFF; font-size:16px; display:flex;align-items: center;}
.contact_wrapper-cont .list ul li a:before{content:"\e736"; font-size:16px; color:#FFFFFF; margin-right:5px;font-family: "iconfont";}
.contact_wrapper-cont .list ul li:hover a,.contact_wrapper-cont .list ul li:hover a:before{color:var(--color1);}


.contact_wrapper-form{width:40%;padding-left: 50px;}
.form-box{padding:3rem; background-color:rgba(255,255,255,0.5); border-radius: 10px;text-align: center;}
.form-box h3{text-align: center;font-size:25px; font-weight: bold; color:#FFFFFF; margin-bottom:1rem;}
.form-box input[type=text]{background-color:rgba(255,255,255,0.5); margin:15px 0px; border:0px;}
.form-box textarea{background-color:rgba(255,255,255,0.5); margin:10px 0px; border:0px;height: 100px;}
.form-box input[type=submit]{margin-top: 2rem;
    background: var(--color1);
    color: #fff;
    border: 0;
    padding: 15px 100px;
    border-radius: 10px;}
input::-webkit-input-placeholder {color:#FFFFFF;}
input::-moz-placeholder {color:#FFFFFF;}
input::-ms-input-placeholder {color:#FFFFFF;}

.contact-section .contact-bottom{position: absolute;bottom: 0; left: 0;right:0px; height: 60px; font-size:14px; font-weight: 300;display: flex; justify-content: center;align-items: center;background: rgb(50 66 73 / 60%); color:#FFFFFF;}
.contact-section .contact-bottom a{color:#FFFFFF;}
.contact-bottom span{padding-left: 20px;display: flex;align-items: stretch;}

.foot-qr-items{
	width: 100%;
	margin-left:0px;
    display: flex;display:none;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center; 
	justify-content: flex-start;
	margin-top:3rem;
}
.foot-qr-item{position: relative; margin-bottom:2px;}
.foot-qr-icon{width:80px; height: 80px;     /*background: hsl(0deg 0% 100% / 10%);*/ display:flex;margin-right: 2px;align-items: center;justify-content: center;border-radius: 100%;border: 1px dashed hsl(0deg 0% 100% / 80%);}
.foot-qr-icon:before{font-family: "iconfont";content:"";font-size:40px;color:#ffffff;}
.foot-qr-gzh-icon:before{content:"\e63c";}
.foot-qr-qywx-icon:before{content:"\e7de";}
.foot-qr-qq-icon:before{content:"\e677";}
.foot-qr-dy-icon:before{content:"\e8db";}
.foot-qr-apple-icon:before{content:"\e6a5";}
.foot-qr-an-icon:before{content:"\e6a2";}
.foot-qr-url-icon:before{content:"\e718";}
.foot-qr-item:hover .foot-qr-img{display:block;}
.foot-qr-item .foot-qr-img{/*display:none;*/
   /* position: absolute;*/
	font-size: 14px;
    text-align: center;
    top: -160px;
    left: 0px;
    width: 140px;
    height: 160px;
    padding: 10px;
    /*background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);*/
}
.foot-qr-item .qr-img img{max-width:100%;}
.foot-qr-img{color:#FFFFFF;}
.foot-qr-img img{max-width:120px;border: 5px solid #fff;margin-bottom: 1rem;}

@media screen and (max-width: 1680px)
{
	.foot-qr-icon{width: 65px;height: 65px;}
}
@media screen and (max-width: 1024px) and  (max-height: 1366px)
{
	.contact_wrapper-cont{padding-right:10px;}
}

@media screen and (max-width: 1023px)
{
	.contact-section .contact_wrapper{width:100%; flex-direction: column;}
	.contact_wrapper-cont{width:100%; padding: 0;}
	.contact_wrapper-form{width:100%; margin-top:50px;padding: 0;}
}

@media screen and (max-width: 767px)
{
	.contact_wrapper-form{display: none;}
	
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{

}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}

.Vision-section{width:100%;}
.Vision-section .page-wrap{display:flex; flex-direction: column;min-height: 800px;}
.Vision-section .vision-box{flex:9;width:100%; background-size:cover;background-position:center; background-repeat: no-repeat; display:flex; align-items: center;}
.vision-box .vision-cont{padding:0px 8vw; color:#FFFFFF;margin-bottom: 5rem;}
.vision-cont h3{font-size: 56px;font-weight: 300;margin-top: 2rem;font-family: "hwhm-r";}
.vision-box p{font-size:28px; line-height: 2; font-weight: 300;font-family: "hwhm-l"; padding-top:2rem;}

.home-footer .home-footer-wrap{padding:0px 5vw;margin: auto;}
.home-footer .foot-cols{margin:0px;}
@media screen and (max-width: 1023px)
{
	.home-footer{display:none;}
	.vision-cont h3{font-size: 2.5rem;}
	.vision-cont .btn1{margin-top:2rem;}
}

@media screen and (max-width: 767px)
{
	.Vision-section .vision-box{background-position: 80%;}
}
@media screen and (max-width: 425px)
{
	.vision-box p{font-size: 1.5rem;}
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{
	.vision-box p{font-size: 1rem;}
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}
@media (max-width:1840px){}
@media (max-width:1680px)
{
	
}
@media (max-width:1560px){
	
}
@media (max-width:1480px){}
@media (max-width:1440px){}
@media (max-width:1366px){}
@media (max-width:1280px){}
@media (max-width:1024px){}
@media (max-width:960px){}

@media screen and (max-width: 1023px)
{
	footer#footer{padding-top:50px;}
	#footer .foot-com{display: block;}
	#footer .foot-contact{display: block;}
	#footer .foot-col{display: block;}
	#footer .foot-qr{display: block;}
}
@media screen and (max-width: 768px)
{
	
}
@media screen and (max-width: 767px){}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{

}
@media screen and (max-width: 375px)
{
	
}
@media screen and (max-width: 320px)
{
	
}