.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;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: #5359a6;}

.nav-home01{position:absolute; top:0px; left: 0px;width:100%; z-index: 1000; flex: 1;}
.nav-home01 ul{flex-direction: row;}
.nav-home01.main-navigation .wrap{justify-content: space-between;}
.nav-home01.main-navigation ul{margin-right:100px;line-height: 80px;}
.nav-home01.main-navigation ul li a{color:#FFFFFF;}
/*============================================
navbar-home
===========================================*/
.navbar-home{position:fixed; top: 0;right: 0; z-index: 108; background-color:transparent;}
.navbar-home.main-navigation ul li a{color:#ffffff;}
/*============================================
navbar-home
===========================================*/


/*============================================
viedo-section
===========================================*/
.home{width: 100%;height: 100vh; overflow: hidden;}
.home-swiper-container {width: 100%;height: 100vh; }
.navbar-home01{z-index: 116;}
.viedo-section{background: skyblue;z-index: 110;}
.viedo-section .mask {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #000000;
    opacity: .25;
    z-index: 10;
}
.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: 50px;line-height: 1;font-weight: 100;margin-bottom: 50px;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 h2 span{padding-left:3rem;}
.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;}
	.video-btn{width:50px;height: 50px; position: absolute; left: 0; right:0; bottom:20vh; background:rgba(0,0,0,0.6); border-radius: 100%;opacity: 0;display: flex;        align-items: center;justify-content: center; transition: 0.5s;text-align: center;margin: auto;z-index: 100;pointer-events: none;}
	.video-btn:before{content:"\e749";font-family: "iconfont";font-size:1.5rem; color:rgba(255,255,255,0.5);}
	.video-btn.video-btn-play{opacity: 1;}
}

@media screen and (max-width: 767px)
{
	.viedo-section .content-box .container h2{font-size: 1.8rem;line-height: 1.6;}
	.viedo-section .content-box .container h2 span{width: 100%;
        text-align: center;
        font-size: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px;}
}
@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:5rem;}


/*============================================
com-section
===========================================*/
.com-section{background: url(../images/bg-com.jpg); background-size: cover; background-repeat: no-repeat;display: flex;padding:2rem 0px;}
.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: 2.3rem;}
.com_wrapper-cont .desc{font-size: 16px;line-height: 2;}
.com_wrapper-cont .desc p{text-align: justify;text-indent: 32px;}

.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);}

.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;}

@media screen and (max-width: 1580px)
{
	.com_wrapper-items ul li{width: 210px;height: 210px;}
}
@media screen and (max-width: 1440px)
{
	.com-section .com-img{max-width: 50%;}
	.com_wrapper-cont{margin-right: 30px;}
	.com_wrapper-items ul li{width: 200px;height: 200px;}
}

@media screen and (max-width: 1280px)
{
	.com-section .com_wrapper{padding: 2rem 5%;}
	.com_wrapper-items ul li{width: 180px;}
}
@media screen and (max-width: 1199px)
{

}

@media screen and (max-width: 1023px)
{
	.com-section{padding: 0rem 0px 2rem 0px;}
	.com-section .com_wrapper{width:100%;flex-direction: column;margin: 0;justify-content: center;padding: 0rem 5% 2rem 5%;}
	.com_wrapper-cont{margin-right: auto;padding-top: 0rem;flex: none;}
	.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;}
	.com_wrapper-items ul li{width: 20vw;height: 20vw;padding: 1rem;margin: 0;}
	.com_wrapper-items ul li em{font-size: 2rem;}
}
@media screen and (max-width: 430px)
{
	.com_wrapper .com-titles h2{font-size:1.5rem;}
	.com_wrapper-items ul li p{font-size: 1.3rem;}
	
	.com_wrapper-items ul li{width: 40vw;height: 40vw;margin: 2vw;}
	.com_wrapper-items ul li em{font-size: 3.4rem;}
}
@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;}
}

@media screen and (max-width: 360px)
{
	.com_wrapper-items ul li{width: 40vw;height: 34vw;margin: 1vw;}
}

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


/*============================================
solution-section
===========================================*/
.solution-section{padding: 2rem 0px 2rem 0px;background: url(../images/bg-solution.jpg); 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-cont{width:100%; display:flex; flex-direction: column; justify-content: center; /*max-width:1400px;*/}

.solution-cont ul{display: flex;flex-wrap: wrap; padding:1rem 0px;}
.solution-cont ul li{width:calc((100% / 4) - 1px);}
.solution-cont ul li a{color:#FFFFFF;display:flex;justify-content: center;align-items: center;padding:40px 40px; flex-direction: column;border-bottom:1px solid rgba(255,255,255,0.2);}
.solution-cont ul li i{font-size:85px;}
.solution-cont ul li p{margin:0;padding: 0px;}
.solution-cont ul li:hover{background:var(--color-b1);}
.solution-cont ul li:nth-child(4n+1) a,.solution-cont ul li:nth-child(4n+2) a,.solution-cont ul li:nth-child(4n+3) a{border-right:1px solid rgba(255,255,255,0.2);}
.solution-cont ul li:nth-child(n+5) a{border-bottom:0px;}

.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);}
}

@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;}
}
@media screen and (max-width: 430px)
{
	.solution-wrap .titles2{margin-top: 3rem;}
}
@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)
{
	
}


/*============================================
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: #e5277c;opacity: 0.8;background: #e5277c;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;}
.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.79rem; font-weight:700;/*word-break: break-all;*/}
.prods-item .text h5{font-size:1.89rem; font-weight:500;}
.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;}
.prods-item .adv-items-02 ul li em{width:120px; height: 120px; 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:transparent; border:2px solid #1a9ad9; color:#1a9ad9;}


/*.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;}

@media screen and (max-width: 1600px)
{
	.prods-item .text .innerbox{padding:3rem;}
	.prods-item .text h5{font-size:1.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: 1rem;}
	.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%;}
}
@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)
{
	
}






/*============================================
adv-section
===========================================*/
.adv-section{display: flex;padding:0px 0px;background-size:cover; background-position: center; background-repeat: no-repeat;}
.adv-section .adv_wrapper{padding: 0px;margin: auto;position: relative;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.adv-title{/*margin-top:3rem;*/ text-align: center; display: flex; flex: 1;justify-content: center;align-items: center;}
.adv-title h3{ font-size:2.3rem; font-weight: bold; text-shadow: 2px 2px 5px #fff;}
.adv-items{max-width:1200px; height: auto; margin: auto; position:relative;}
.adv-item{position: absolute;z-index: 11;transition: all 0.3s linear 0s; max-width:240px;}
.adv-item-c{display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;}
.adv-item-c h5{font-size:1.45rem; font-weight: bold; color:var(--color1);margin-bottom: 0px;}
.adv-item i{width:70px; height: 70px; display: flex; justify-content: center;align-items: center; background-color:var(--color1);font-size:2rem; font-family: "iconfont";color:#FFFFFF; /*border:6px solid rgba(255,255,255,0.6);*/border-radius: 100%;margin-right: 10px;}
.adv-item01{width: auto;left: 50px;top: 480px;}
.adv-item02{width: auto;left: 110px;top: 300px;max-width: 200px;}
.adv-item03{width: auto;left: 240px;top: 160px;/*max-width: 180px;*/}
.adv-item04{position: absolute;top: 65px;left: 430px;max-width: 165px;}
.adv-item05{position: absolute;top: 65px;left: 610px;max-width: 165px;max-width: 170px;  }
.adv-item06{position: absolute;top: 160px;left: 785px;/*max-width: 170px;*/}
.adv-item07{position: absolute;top: 300px;left: 890px;/*max-width: 200px;*/}
.adv-item08{position: absolute;top: 480px;left: 950px;}
.adv-item p {font-size: 0.8rem;color: #666666;text-align: left;line-height: 1.2;font-family: sans-serif;}
.adv-item01:hover{left:40px;}
.adv-item02:hover{left:100px;}
.adv-item03:hover{left: 230px;}
.adv-item04:hover{top:75px;}
.adv-item05:hover{top:75px;}
.adv-item06:hover{left:795px;}
.adv-item07:hover{left:900px;}
.adv-item08:hover{left:960px;}

.adv-item04,.adv-item05{width:165px;}
.adv-item04 .adv-item-c,.adv-item05 .adv-item-c{flex-direction: column;}
.adv-item04 .adv-item-c i,.adv-item05 .adv-item-c i{margin:auto;margin-bottom:10px;}
.adv-item06 .adv-item-c,.adv-item07 .adv-item-c,.adv-item08 .adv-item-c{flex-direction: row-reverse;}
.adv-item06 .adv-item-c i,.adv-item07 .adv-item-c i,.adv-item08 .adv-item-c i{margin:auto;margin-left:10px;}


.adv-bg{text-align: center;position: relative; z-index: 2;}

.adv-click{position: absolute;left: 0;right: 0;bottom: 380px;animation: mousewheels 1s 0.5s linear infinite;    -webkit-animation: mousewheels 1s 0.5s linear infinite;}
.adv-click .btn-click{width: 120px;
    height: 120px;
    background: #ffffff;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    -webkit-animation: witr-shadow 1s linear infinite;
    animation: witr-shadow 1s linear infinite;
    -webkit-transition: .5s;}
 .btn-click:before {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    font-family: "iconfont";
    /*background: rgb(0 0 0 / 20%);*/
    color: #2258b5;
    content: "\e746";
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes witr-shadow
{
	0% {
    box-shadow: 0 0 0 0 rgba(255,255,255,.3), 0 0 0 10px rgba(255,255,255,.3), 0 0 0 20px rgba(255,255,255,.3);
}
	100% {
    box-shadow: 0 0 0 10px rgba(255,255,255,.3), 0 0 0 20px rgba(255,255,255,.3), 0 0 0 30px rgba(255,255,255,0);
}
}
@keyframes witr-shadow1
{
	0% {
    box-shadow: 0 0 0 0 rgba(0,91,187,.3), 0 0 0 10px rgba(0,91,187,.3), 0 0 0 20px rgba(0,91,187,.3);
}
	100% {
    box-shadow: 0 0 0 10px rgba(0,91,187,.3), 0 0 0 20px rgba(0,91,187,.3), 0 0 0 30px rgba(0,91,187,0);
}
}

.adv-desc-contact{background: var(--color1); width:100%; overflow: hidden;min-height: 182px; padding:3rem 0px; position: absolute; bottom: 0px; z-index: 1;}
.adv-desc-contact-box{max-width:1200px; margin: auto;display:flex; justify-content: space-between; align-items: flex-end;}
.adv-desc{margin-right:auto;color: #fff;text-align: right;margin-left: 20px;}
.adv-desc p{font-size:20px;margin-bottom: 5px;}
.adv-desc h5{font-size:22px;}

.adv-items-m{display:none;}

.adv-contact{margin-left:auto;color:#fff; display: flex; align-items: center;margin-right: 50px;}
.adv-contact i:before{ content: "\e650"; font-family:"iconfont" !important;  font-size:50px; color:#fff; padding-right:15px;}
.adv-contact-box{display:flex;flex-direction: column;}
.adv-contact a{color:#fff; font-size:30px; font-weight: bold;}
.adv-contact h3{font-size:14px;margin:auto;}

@media screen and (max-width: 1680px)
{
	/*.adv-item{max-width:220px;}
	.adv-item01{left: 70px;top: 510px;}
	.adv-item02{left: 110px;top: 340px;}
	.adv-item03{left: 230px;top: 185px;max-width: 180px;}
	.adv-item04{max-width: 160px;}
	.adv-item05{max-width: 155px;  }
	.adv-item06{top: 190px;left: 790px;max-width: 170px;}
	.adv-item07{top: 370px;left: 880px;max-width: 190px;}
	.adv-item08{top: 510px;left: 910px;}
	
	.adv-item01:hover{left:60px;}
	.adv-item02:hover{left:100px;}
	.adv-item03:hover{left: 220px;}
	.adv-item04:hover{top:110px;}
	.adv-item05:hover{top:110px;}
	.adv-item06:hover{left:800px;}
	.adv-item07:hover{left:890px;}
	.adv-item08:hover{left:920px;}
	
	.adv-desc{bottom: 70px;left: 15vw;}
	.adv-contact{bottom: 75px;}*/
}

@media screen and (max-width: 1600px)
{
	/*.adv-desc{bottom: 70px;left: 11vw;}
	.adv-contact{bottom: 75px;right:16vw}*/
}

@media screen and (max-width: 1440px)
{
	/*.adv-desc{bottom: 70px;left: 7vw;}
	.adv-contact{bottom: 75px;right:12vw}*/
}

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

@media screen and (max-width: 1280px)
{
	/*.adv-desc{bottom: 70px;left: 3vw;}
	.adv-contact{bottom: 75px;right:9vw}*/
}

@media screen and (max-width: 1200px)
{
	/*.adv-desc{bottom: 70px;left: 10px;}*/
}

@media screen and (max-width: 1023px)
{
	.adv-title{flex: none;margin-top: 100px;}
	.adv-bg{text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: auto;
    margin-top: 2rem;display: none !important;}
	.adv_wrapper .adv-bg img{display:none;}
	.adv-items{display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;padding: 0px 1rem;}
	.adv-item-c{flex-direction: column !important;}
	.adv-items .adv-item{position: relative; top:unset; right:unset;bottom:unset; left:unset;width: 50% !important; margin:2rem 0px;max-width: unset;}
	.adv-item04 .adv-item-c, .adv-item05 .adv-item-c{flex-direction: row;}
	.adv-item04 .adv-item-c i, .adv-item05 .adv-item-c i{margin: 0;margin-right: 10px;}
	.adv-item06 .adv-item-c, .adv-item07 .adv-item-c, .adv-item08 .adv-item-c{flex-direction: row;}
	.adv-item06 .adv-item-c i, .adv-item07 .adv-item-c i, .adv-item08 .adv-item-c i{margin: 0;margin-right: 10px;}
	.adv-item .adv-item-c i{width: 120px;height: 120px;font-size: 3.4rem;}
	
	.adv-items-m{margin-bottom: auto;margin-top: 3rem;display:flex; flex-direction: column;flex: 1; z-index: 1000;}
	.adv-items-m ul{display: flex;flex-wrap: wrap; padding:1rem 0px;}
	.adv-items-m ul li{width:calc((100% / 4) - 1px); transition: 0.3s;}
	.adv-items-m ul li a{color:var(--color1);display:flex;justify-content: center;align-items: center;padding:40px 40px; flex-direction: column;border-bottom:1px solid rgba(175,175,175,0.2);}
	.adv-items-m ul li i{font-size:85px;}
	.adv-items-m ul li p{margin:0;padding: 0px;}
	.adv-items-m ul li:hover{/*background:var(--color-b1);*/ box-shadow: 0px 0px 5px rgba(0,0,0,0.165);transform: translateY(-5px); transition: 0.3s;}
	.adv-items-m ul li:nth-child(4n+1) a,.adv-items-m ul li:nth-child(4n+2) a,.adv-items-m ul li:nth-child(4n+3) a{border-right:1px solid rgba(175,175,175,0.2);}
	.adv-items-m ul li:nth-child(n+5) a{border-bottom:0px;}
	
	.adv-click{position:relative;top:unset; right:unset;bottom:unset; left:unset;}
	.adv-items-m .adv-click{display:flex !important;        justify-content: center;margin-top: 3rem;}
	.adv-items-m .adv-click .btn-click{
		background:var(--color1);color:#FFFFFF;
    -webkit-animation: witr-shadow1 1s linear infinite;
    animation: witr-shadow1 1s linear infinite;
    -webkit-transition: .5s;}
	.adv-items-m .adv-click .btn-click:before{color:#FFFFFF;}
	
	.adv-items-m .btn1{margin: 5rem auto 0px auto;}
	.adv-items-m .btn1 a:before{background-color:transparent;}
}

@media screen and (max-width: 1023px) and  (max-height: 844px)
{
	.adv-items-m{margin-top:5rem;}
}

@media screen and (max-width: 767px)
{
	.adv-desc{display:none;}
	.adv-contact{margin:auto;}
	.adv-item-c{flex-direction: row!important;}
	.adv-items .adv-item{position: relative; top:unset; right:unset;bottom:unset; left:unset;width: 50% !important; margin:1rem 0px;max-width: unset;}
	.adv-item04 .adv-item-c, .adv-item05 .adv-item-c{flex-direction: row;}
	.adv-item04 .adv-item-c i, .adv-item05 .adv-item-c i{margin: 0;margin-right: 10px;}
	.adv-item06 .adv-item-c, .adv-item07 .adv-item-c, .adv-item08 .adv-item-c{flex-direction: row;}
	.adv-item06 .adv-item-c i, .adv-item07 .adv-item-c i, .adv-item08 .adv-item-c i{margin: 0;margin-right: 10px;}
	
	.adv-item .adv-item-c i{width: 70px;height: 70px;font-size: 2rem;}
	.adv-click{position:relative;top:unset; right:unset;bottom:unset; left:unset; display: none !important;}
	
	.adv-items-m ul li a{padding:0px;}
	.adv-items-m ul li i{font-size: 3rem;}
	.adv-items-m ul li p{padding-bottom: 1rem;}
	.adv-items-m .adv-click{display:flex !important;margin-top: 3rem;}
	
}
@media screen and (max-width: 767px) and  (max-height: 740px)
{
	.adv-items-m{margin-top:1rem;}
	.adv-items-m .adv-click .btn-click,.adv-items-m .adv-click .btn-click:before{width:60px; height: 60px; line-height: 60px;}
	
	.adv-items-m .btn1{margin-top:3rem;}
}
@media screen and (max-width: 430px)
{
	.adv-desc{display:none;}
	.adv-item .adv-item-c i{width:60px;height: 60px; font-size:1.7rem;}
	.adv-item-c h5{font-size: 1.35rem;}
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{
	.adv-title{margin-top: 80px;}
	.adv-title h3{font-size: 2rem;}
	.adv-bg{margin-top: 1rem;}
	.adv-item .adv-item-c i{width:50px; height: 50px;}
}

@media screen and (max-width: 360px)
{
	.adv-title{margin-top: 80px;}
	.adv-title h3{font-size: 2rem;}
	.adv-bg{margin-top: 1rem;}
	.adv-item .adv-item-c i{width:50px; height: 50px;}
}

@media screen and (max-width: 320px)
{
	
}
/*============================================
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: flex-start; 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{}
.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: #FFFFFF; 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:#2196F3;}


.news_wrapper-list{width:60%; margin-left: 50px;border-left: 1px solid rgb(255 255 255 / 50%); padding-left:50px;}
.news_wrapper-list-c{display:none;}
.news_wrapper-list-c.active{display:flex;}
.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: #fff;
    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;text-align: justify;}
.news_wrapper-list ul li p{font-size:14px; color:rgba(255,255,255,0.8); line-height: 2;text-align: justify;text-indent: 28px;}
.news_wrapper-list ul li:hover .data:before{background: #2196F3;}
.news_wrapper-list ul li:hover .data b,.news_wrapper-list ul li:hover .data i{color:#2196F3;}
.news_wrapper-list ul li:hover h3{color:#2196F3;}



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

@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;}
	.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: 70vw;}
}
@media screen and (max-width: 430px)
{
	.news_wrapper-cont .titles2{margin-top:15vh;}
}
@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: 500;display: flex; justify-content: center;align-items: center;background: rgb(50 66 73 / 60%); color:#FFFFFF;}
.contact-section .contact-bottom a{color:#FFFFFF;}

.foot-qr-items{
	width: 100%;
	margin-left:0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center; 
	justify-content:flex-start;
	margin-top:3rem;
}
.foot-qr-item{position: relative; margin-bottom:2px; margin-right:10px; margin-bottom:20px;}
.foot-qr-icon{width:80px; height: 80px;     /*background: hsl(0deg 0% 100% / 10%);*/ display:flex;margin-right: 0px;align-items: center;justify-content: center;/*border-radius: 100%;border: 1px dashed hsl(0deg 0% 100% / 80%);*/border-radius: 10px;border: 1px solid hsl(0deg 0% 100% / 80%)}
.foot-qr-icon:before{font-family: "iconfont";content:"";font-size:2rem;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-app-icon:before{content:"\e639";}
.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-text{font-size: 14px;
    color: #FFF;
    font-family: sans-serif;
    font-weight: 300; margin-top:10px;text-align: center;}
.foot-qr-item-text a{color: #FFF;}
.foot-qr-item:hover .foot-qr-item-text{color: var(--color5);}
.foot-qr-item:hover .foot-qr-icon{border-color:var(--color5);}
.foot-qr-item:hover .foot-qr-icon:before{color: var(--color5);}
.foot-qr-item .qr-img img{max-width:100%;}
.foot-qr-img img{max-width:120px;}

.sitelinks{padding-left:2rem;}
.contact-section .contact-bottom .sitelinks a{padding:0px 10px; color: rgba(255, 255, 255, 0.65);text-decoration: underline;}

@media screen and (max-width: 1680px)
{
	.foot-qr-icon{width: 75px;height: 75px;}
}


@media screen and (max-width: 1023px)
{
	.contact-section .contact_wrapper{width:100%; flex-direction: column;padding: 5vw;}
	.contact_wrapper-cont{width:100%; padding: 0;}
	.contact_wrapper-form{width:100%; margin-top:50px;padding: 0;}
	.contact-section .contact-bottom{bottom:0px; height:auto; padding:1rem;    flex-direction: column;}
	.contact-section .contact-bottom a{width:100%;}
}

@media screen and (max-width: 767px)
{
	.contact_wrapper-form{display: none;}
	
}
@media screen and (max-width: 430px)
{
	.foot-qr-icon {width: 95px;height: 95px;margin-bottom: 20px;}
	.foot-qr-icon:before{font-size: 3rem;}
	.contact_wrapper-cont h3{margin-bottom: 1rem;}
	.contact-item{margin:5px 0px;}
	.foot-qr-items{margin-top:2rem;}
}
@media screen and (max-width: 414px)
{
		
}


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

}

@media screen and (max-width: 375px) and  (max-height: 740px)
{
	.foot-qr-item{margin-right: 20px;}
	.foot-qr-icon{width: 65px;height:65px;margin-bottom: 10px;}
	.foot-qr-item-text{margin-top: 0px;}
}

@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)
{
	.container-fluid.bg-info{display: none !important;}
	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){
	.moblie_head .a_js{margin-right: 2rem;}
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{

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