/*--------------------------------------------------------------
# Styles by vr4u
# Date:2025/8/15
# Modified:2025/8/15
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
:root{ --thm-font:'Barlow', sans-serif; --thm-reey-font:'reeyregular'; --thm-gray:#7b7981; --thm-gray-rgb:123, 121, 129; --thm-primary:#da251c; --thm-primary-rgb:218, 37, 28; --thm-black:#1b1825; --thm-black-rgb:27, 24, 37; --thm-base:#ffffff; --thm-base-rgb:255, 255, 255; --thm-extra:#EEE; --thm-extra-rgb:66, 217, 190; --thm-bdr-color:#dae3e9; --thm-bdr-color-rgb:218, 227, 233; --thm-bdr-radius:4px;}
.row{ --bs-gutter-x:30px;}
.gutter-y-30{ --bs-gutter-y:30px;}
body{ font-family:var(--thm-font); color:var(--thm-gray); font-size:18px; line-height:34px; font-weight:500;}
body.locked{ overflow:hidden;}
a{ color:var(--thm-gray);}
a,
a:hover,
a:focus,
a:visited{ text-decoration:none;}
a:hover{ color:var(--thm-primary);}
::placeholder{ color:inherit; opacity:1;}
h1,
h2,
h3,
h4,
h5,
h6{ color:var(--thm-black); margin:0;}
dl,
ol,
ul{ margin-top:0; margin-bottom:0;}
img{ max-width:100%;}
::placeholder{ color:inherit; opacity:1;}
@-webkit-keyframes scale-bg{ 
	from{ -webkit-transform:scale(1.3); transform:scale(1.3);}
	to{ -webkit-transform:scale(1); transform:scale(1);}
}
@keyframes scale-bg{ 
	from{ -webkit-transform:scale(1.3); transform:scale(1.3);}
	to{ -webkit-transform:scale(1); transform:scale(1);}
}
/*@font-face { font-family:'AlimamaFangYuanTi'; src:url('../font/AlimamaFangYuanTiVF-Thin.woff2') format('woff2'); font-weight:normal; font-style:normal; font-display:swap;}*/

.page-wrapper{ position:relative; margin:0 auto; width:100%; min-width:300px; overflow:hidden;}
.container{ padding-left:15px; padding-right:15px;}
@media (min-width:1200px){
	.container{ max-width:1350px; }
}

.section-separator{ border-color:var(--thm-border); border-width:1px; margin-top:0; margin-bottom:0;}
#particles-js{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-position:50% 50%; opacity:0.40; z-index:-1;}
canvas{ display:block;}
.thm-btn{ position:relative; display:inline-block; vertical-align:middle; -webkit-appearance:none; border:none; outline:none !important; background-color:var(--thm-primary); color:var(--thm-base); font-size:18px; font-weight:600; text-transform:uppercase; padding:8px 18px 8px; border-radius:4px; transition:all 0.1s linear; overflow:hidden; z-index:1;}
@media (min-width:768px){
	.thm-btn{ padding:12px 26px 12px;}
}

.thm-btn:after{ position:absolute; content:""; top:0; left:0; right:0; height:100%; background-color:#FADC64; transition-delay:.02s; transition-timing-function:ease-in-out; transition-duration:.2s; transition-property:all; opacity:1; transform-origin:bottom; transform-style:preserve-3d; transform:scaleY(0); z-index:-1;}
.thm-btn:hover:after{ opacity:1; transform:scaleY(1.0);}
.thm-btn:hover{ color:var(--thm-base);}


.section-title{ margin-top:-19px; margin-bottom:50px;}
.section-title__tagline{ display:inline-flex; color:var(--thm-gray); font-size:18px; align-items:center; line-height:30px; margin-bottom:2px; font-weight:500;}
.section-title__tagline::before{ content:''; background-color:var(--thm-extra); width:10px; height:2px; margin-right:10px;}
.section-title__title{ margin:0; font-family:'AlimamaFangYuanTi'; font-weight:800; color:var(--thm-black); font-size:40px; line-height:1.8;}
.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show>.btn-light.dropdown-toggle{ box-shadow:none !important; outline:none !important;}
.bootstrap-select>.dropdown-toggle{ box-shadow:none !important;}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{ outline:none !important;}
.bootstrap-select .dropdown-menu{ border:0; padding-top:0; padding-bottom:0; margin-top:0; z-index:991; border-radius:0;}
.bootstrap-select .dropdown-menu>li+li>a{ border-top:1px solid rgba(255, 255, 255, 0.2);}
.bootstrap-select .dropdown-menu>li.selected>a{ background:var(--thm-primary); color:#fff;}
.bootstrap-select .dropdown-menu>li>a{ font-size:16px; font-weight:500; padding:4px 20px; color:#ffffff; background:var(--thm-black); -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
.bootstrap-select .dropdown-menu>li>a:hover{ background:var(--thm-primary); color:#fff; cursor:pointer;}

.preloader{ position:fixed; background-color:#fff; background-position:center center; background-repeat:no-repeat; top:0; left:0; right:0; bottom:0; z-index:9991; display:-webkit-box; display:flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; text-align:center;}
.preloader__image{ -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:flipInY; animation-name:flipInY; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;}
/* scroll to top */
.scroll-to-top{ display:inline-block; width:45px; height:45px; background:var(--thm-primary); position:fixed; bottom:40px; right:40px; z-index:99; text-align:center; -webkit-transition:all 0.4s ease; transition:all 0.4s ease; display:none; border-radius:50%; transition:all 0.4s ease;}
.scroll-to-top i{ color:#ffffff; font-size:18px; line-height:45px;}
.scroll-to-top:hover{ background-color:var(--thm-black);}
.scroll-to-top:hover i{ color:#fff;}
/*--------------------------------------------------------------
# Navigations
--------------------------------------------------------------*/
.main-header{ position:absolute; top:0; left:0; right:0; display:block; color:#FFF;}
.fa-caret-down{ display:none; margin:3px 0 0 5px; font-size:12px;}
@media (min-width:1200px){
	.fa-caret-down{ display:block;}
}


.main-menu{ position:relative; padding:0 60px; background-color:rgba(255,255,255,0); z-index:91; transition:all 100ms ease;}
.main-menu:hover{ background-color:rgba(255,255,255,.9);}
.main-menu:hover .main-menu-wrapper__logo .logo_white{ display:none;}
.main-menu:hover .main-menu-wrapper__logo .logo_black{ display:block;}

.main-menu-wrapper{ position:relative; display:block;}
.main-menu-wrapper-inner{ position:relative; display:block;}
.main-menu-wrapper__left{ position:relative; display:block; float:left;}
.main-menu-wrapper__logo{ position:relative; float:left; padding-top:15px; padding-bottom:15px; margin-right:80px;}
.main-menu-wrapper__logo img{ height:60px;}
.main-menu-wrapper__main-menu{ position:relative; display:block; float:left;}
.main-menu-wrapper__right{ position:relative; display:flex; float:right; /*padding:24.5px 0;*/ align-items:center;}
.main-menu-wrapper__call{ position:relative; display:flex; align-items:center; margin-right:50px;}
.main-menu-wrapper__call-icon{ display:flex; align-items:center; font-size:30px; color:var(--thm-primary); -webkit-transition:all 500ms ease; transition:all 500ms ease;}

.main-menu-wrapper__call-icon:hover{ color:var(--thm-extra);}
.main-menu-wrapper__call-number{ margin-left:20px;}
.main-menu-wrapper__call-number h5{ color:var(--thm-black); font-size:18px; font-weight:500; line-height:27px;}
.main-menu-wrapper__call-number h5 a{ color:#FFF; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.main-menu-wrapper__call-number a:hover{ color:var(--thm-extra);}

.stricky-fixed.main-menu .main-menu-wrapper__call-number h5 a,
.main-menu:hover .main-menu-wrapper__call-number h5 a{ color:#171717;}

.main-menu-wrapper__call-number p{ font-size:14px; margin:0; line-height:14px; color:rgba(255,255,255,.6);}
.stricky-fixed.main-menu .main-menu-wrapper__call-number p,
.main-menu:hover .main-menu-wrapper__call-number p{ color:#67656f;}

.main-menu-wrapper__search-box-cart-box{ position:relative; display:flex; align-items:center; padding:8.5px 0;}
.main-menu-wrapper__search-box-cart-box:before{ position:absolute; top:0; bottom:0; left:-25px; content:""; background-color:var(--thm-bdr-color); width:1px;}
.main-menu-wrapper__search,
.main-menu-wrapper__cart{ padding:0 15px; font-size:24px; color:#FFF; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.main-menu-wrapper__cart{ margin-left:25px;}

.main-menu-wrapper__search:hover{ color:#FFF;}
.main-menu-wrapper__cart:hover{ color:var(--thm-extra);}

.stricky-fixed.main-menu .main-menu-wrapper__search,
.main-menu:hover .main-menu-wrapper__search{ color:var(--thm-black);}


.main-menu-wrapper__language{ padding:25px 10px 25px 20px; height:40px; line-height:40px; box-sizing:content-box;}
	.language-btn{ color:#FFF;}
	.main-menu-wrapper__language .fa{ font-size:22px;}
	.main-menu-wrapper__language ul{ display:none; position:absolute; top:90px; right:0; margin:0; padding:0; border-radius:0 0 var(--thm-bdr-radius) var(--thm-bdr-radius); background-color:#FFF; overflow:hidden;}
	.main-menu-wrapper__language li{ margin:0; padding:0; list-style:none;}
	.main-menu-wrapper__language:hover ul{ display:block;}
	.main-menu-wrapper__language ul a{ display:flex;  padding:10px 20px; transition:500ms;}
	.main-menu-wrapper__language ul a:hover{ background-color:var(--thm-primary); color:#fff;}

.stricky-fixed.main-menu .language-btn,
.main-menu:hover .language-btn{ color:var(--thm-black);}



.stricky-header.main-menu{ padding:0 80px; background-color:var(--thm-base);}
.main-menu .main-menu__list,
.main-menu .main-menu__list ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list ul{ margin:0; padding:0; list-style-type:none; align-items:center; display:none;}
@media (min-width:1200px){
 .main-menu .main-menu__list, .main-menu .main-menu__list ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list ul{     display:flex; }
}

.main-menu .main-menu__list>li,
.stricky-header .main-menu__list>li{ /*padding-top:28px; padding-bottom:28px;*/ position:relative;}
.main-menu .main-menu__list>li+li,
.stricky-header .main-menu__list>li+li{ margin-left:45px;}


.main-menu .main-menu__list>li>a{ padding-top:28px; padding-bottom:28px; font-size:16px; font-weight:500; display:flex; align-items:center; color:#FFF; position:relative; transition:all 500ms ease;}
.main-menu:hover .main-menu__list>li>a{ color:var(--thm-gray);}
.stricky-header .main-menu__list>li>a{ font-size:16px; font-weight:500; display:flex; align-items:center; color:var(--thm-gray); position:relative; transition:all 500ms ease;}


/*.main-menu .main-menu__list>li>a::before,
.stricky-header .main-menu__list>li>a::before{ content:''; width:10px; height:2px; border-radius:0px; background-color:var(--thm-primary); position:absolute; top:50%; bottom:0px; left:-20px; transition:transform 500ms ease; transform:scale(0) translateY(-50%); z-index:-1;}*/
.main-menu .main-menu__list>li.current>a,
.main-menu .main-menu__list>li:hover>a,
.stricky-header .main-menu__list>li.current>a,
.stricky-header .main-menu__list>li:hover>a{ color:var(--thm-black); text-shadow:0 0 1px currentColor;}
.main-menu .main-menu__list>li.current>a::before,
.main-menu .main-menu__list>li:hover>a::before,
.stricky-header .main-menu__list>li.current>a::before,
.stricky-header .main-menu__list>li:hover>a::before{ transform:scale(1) translateY(-50%);}
.main-menu .main-menu__list>li.current>a::before{ background-color:var(--thm-extra);}
.main-menu .main-menu__list>li:hover>a::before{ background-color:var(--thm-extra);}
.main-menu .main-menu__list li ul,
.stricky-header .main-menu__list li ul{ position:absolute; top:100%; left:0; min-width:220px; background-color:#fff; flex-direction:column; justify-content:flex-start; align-items:flex-start; opacity:0; visibility:hidden; transition:500ms ease; z-index:99; box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1); border-bottom-left-radius:var(--thm-bdr-radius); border-bottom-right-radius:var(--thm-bdr-radius);}

.main-menu .main-menu__list li ul li:last-child>a,
.stricky-header .main-menu__list li ul li:last-child>a{ border-bottom-left-radius:var(--thm-bdr-radius); border-bottom-right-radius:var(--thm-bdr-radius);}
.main-menu .main-menu__list li:hover>ul,
.stricky-header .main-menu__list li:hover>ul{ opacity:1; visibility:visible;}
.main-menu .main-menu__list li ul li,
.stricky-header .main-menu__list li ul li{ flex:1 1 100%; width:100%; position:relative;}
.main-menu .main-menu__list li ul li+li,
.stricky-header .main-menu__list li ul li+li{ border-top:1px solid RGBA(var(--thm-black), 0.1);}
.main-menu .main-menu__list li ul li a,
.stricky-header .main-menu__list li ul li a{ font-size:16px; line-height:30px; color:var(--thm-black); display:flex; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; transition:500ms;}
.main-menu .main-menu__list li ul li:hover>a,
.stricky-header .main-menu__list li ul li:hover>a{ background-color:var(--thm-primary); color:#fff;}
.main-menu .main-menu__list li ul li>ul,
.stricky-header .main-menu__list li ul li>ul{ top:0; left:100%;}
.main-menu .main-menu__list li ul li>ul.right-align,
.stricky-header .main-menu__list li ul li>ul.right-align{ top:0; left:auto; right:100%;}
.main-menu .main-menu__list li ul li>ul ul,
.stricky-header .main-menu__list li ul li>ul ul{ display:none;}
.stricky-header{ position:fixed; z-index:991; top:0; left:0; background-color:#fff; width:100%; visibility:hidden; transform:translateY(-120%); transition:transform 500ms ease, visibility 500ms ease; box-shadow:0px 10px 60px 0px rgba(0, 0, 0, 0.05);}
@media (max-width:1199px){ .stricky-header{ display:none !important }
}

.stricky-header.stricky-fixed{ transform:translateY(0); visibility:visible;}


.stricky-header .main-menu__inner{ box-shadow:none; padding-right:0; max-width:1170px; width:100%; margin:0 auto;}
.mobile-nav__buttons{ display:flex; margin-left:auto; margin-right:10px;}
@media (min-width:1200px){ .mobile-nav__buttons{     display:none; }
}

.mobile-nav__buttons a{ font-size:20px; color:var(--thm-black); cursor:pointer;}
.mobile-nav__buttons a+a{ margin-left:10px;}
.mobile-nav__buttons a:hover{ color:var(--thm-base);}
.main-menu .mobile-nav__toggler{ font-size:20px; color:var(--thm-primary); cursor:pointer; transition:500ms; margin-right:20px;}
.main-menu .mobile-nav__toggler:hover{ color:var(--thm-black);}
@media (min-width:1200px){ .main-menu .mobile-nav__toggler{ display:none; }
}

.main-menu-wrapper__logo .logo_white{ display:block;}
.main-menu-wrapper__logo .logo_black{ display:none;}
.stricky-fixed .main-menu-wrapper__logo .logo_white{ display:none;}
.stricky-fixed .main-menu-wrapper__logo .logo_black{ display:block;}


/*--------------------------------------------------------------
# Navigations Two
--------------------------------------------------------------*/
.main-header-two{ position:relative; display:block;}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@keyframes bubbleMover{ 0%{     -webkit-transform:translateY(0px) translateX(0) rotate(0);     transform:translateY(0px) translateX(0) rotate(0); }
 30%{     -webkit-transform:translateY(30px) translateX(50px) rotate(15deg);     transform:translateY(30px) translateX(50px) rotate(15deg);     -webkit-transform-origin:center center;     transform-origin:center center; }
 50%{     -webkit-transform:translateY(50px) translateX(100px) rotate(45deg);     transform:translateY(50px) translateX(100px) rotate(45deg);     -webkit-transform-origin:right bottom;     transform-origin:right bottom; }
 80%{     -webkit-transform:translateY(30px) translateX(50px) rotate(15deg);     transform:translateY(30px) translateX(50px) rotate(15deg);     -webkit-transform-origin:left top;     transform-origin:left top; }
 100%{     -webkit-transform:translateY(0px) translateX(0) rotate(0);     transform:translateY(0px) translateX(0) rotate(0);     -webkit-transform-origin:center center;     transform-origin:center center; }
}

@keyframes shapeMover{
 0%, 100%{     transform:perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); }
 50%{     transform:perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px); }
}

@keyframes banner3Shake{ 0%{     -webkit-transform:rotate3d(0, 1, 0, 0deg);     transform:rotate3d(0, 1, 0, 0deg); }
 30%{     -webkit-transform:rotate3d(0, 0, 1, 5deg);     transform:rotate3d(0, 0, 1, 5deg); }
 60%{     -webkit-transform:rotate3d(1, 0, 0, 0deg);     transform:rotate3d(1, 0, 0, 0deg); }
 80%{     -webkit-transform:rotate3d(0, 0, 1, 5deg);     transform:rotate3d(0, 0, 1, 5deg); }
 100%{     -webkit-transform:rotate3d(0, 1, 0, 0deg);     transform:rotate3d(0, 1, 0, 0deg); }
}

@keyframes squareMover{
 0%, 100%{     -webkit-transform:translate(0, 0) rotate(0);     transform:translate(0, 0) rotate(0); }
 20%, 60%{     -webkit-transform:translate(20px, 40px) rotate(180deg);     transform:translate(20px, 40px) rotate(180deg); }
 30%, 80%{     -webkit-transform:translate(40px, 60px) rotate(0deg);     transform:translate(40px, 60px) rotate(0deg); }
}

@keyframes treeMove{
 0%, 100%{     -webkit-transform:rotate(0deg) translateX(0);     transform:rotate(0deg) translateX(0); }
 25%, 75%{     -webkit-transform:rotate(5deg) translateX(15px);     transform:rotate(5deg) translateX(15px); }
 50%{     -webkit-transform:rotate(10deg) translateX(30px);     transform:rotate(10deg) translateX(30px); }
}


/*--------------------------------------------------------------
#     Zoom Fade Css
--------------------------------------------------------------*/
.zoom-fade{ animation-name:zoom-fade; animation-duration:5s; animation-iteration-count:infinite; animation-timing-function:linear;
 -webkit-animation-name:zoom-fade; -webkit-animation-duration:5s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear;
 -moz-animation-name:zoom-fade; -moz-animation-duration:5s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear;
 -ms-animation-name:zoom-fade; -ms-animation-duration:5s; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear;
 -o-animation-name:zoom-fade; -o-animation-duration:5s; -o-animation-iteration-count:infinite; -o-animation-timing-function:linear;}
@-webkit-keyframes zoom-fade{ 0%{     -webkit-transform:scale(0.9);     transform:scale(0.9); }
 50%{     -webkit-transform:scale(1);     transform:scale(1); }
 100%{     -webkit-transform:scale(0.9);     transform:scale(0.9); }
}

@keyframes zoom-fade{ 0%{     -webkit-transform:scale(0.9);     transform:scale(0.9); }
 50%{     -webkit-transform:scale(1);     transform:scale(1); }
 100%{     -webkit-transform:scale(0.9);     transform:scale(0.9); }
}



@-moz-keyframes service_hexagon_2{ 0%{     -moz-transform:rotateY(0deg);     transform:rotateY(0deg) }
 100%{     -moz-transform:rotateY(360deg);     transform:rotateY(360deg) }
}

@-o-keyframes service_hexagon_2{ 0%{     -o-transform:rotateY(0deg);     transform:rotateY(0deg) }
 100%{     -o-transform:rotateY(360deg);     transform:rotateY(360deg) }
}

@keyframes service_hexagon_2{ 0%{     -webkit-transform:rotateY(0deg);     -moz-transform:rotateY(0deg);     -o-transform:rotateY(0deg);     transform:rotateY(0deg) }
 100%{     -webkit-transform:rotateY(360deg);     -moz-transform:rotateY(360deg);     -o-transform:rotateY(360deg);     transform:rotateY(360deg) }
}

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper{ position:fixed; top:0; left:0; width:100vw; height:100vh; opacity:0; transform:translateX(-50%); transform-origin:right center; transition:transform 500ms ease-in, opacity 500ms linear, visibility 500ms ease-in; z-index:999; visibility:hidden;}
.mobile-nav__wrapper .container{ padding-left:0; padding-right:0;}
.mobile-nav__wrapper.expanded{ opacity:1; transform:translateX(0%); visibility:visible;}
.mobile-nav__overlay{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000000; opacity:0.5; cursor:pointer;}
.mobile-nav__content{ width:300px; background-color:var(--thm-black); z-index:10; position:relative; height:100%; overflow-y:auto; padding-top:30px; padding-bottom:30px; padding-left:15px; padding-right:15px;}
.mobile-nav__content .thm-btn{ padding:8px 0; width:100%; text-align:center;}
.mobile-nav__content .logo-box{ margin-bottom:40px; display:flex;}
.mobile-nav__close{ position:absolute; top:20px; right:15px; font-size:18px; color:var(--thm-text-dark); cursor:pointer;}
.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul{ margin:0; padding:0; list-style-type:none;}
.mobile-nav__content .main-menu__list ul{ display:none; border-top:1px solid rgba(255, 255, 255, 0.1);}
.mobile-nav__content .main-menu__list li:not(:last-child){ border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.mobile-nav__content .main-menu__list li a{ display:flex; justify-content:space-between; line-height:30px; color:#ffffff; font-size:14px; font-family:var(--thm-font); font-weight:500; height:46px; align-items:center; transition:500ms;}
.mobile-nav__content .main-menu__list li a.expanded{ color:var(--thm-secondary);}
.mobile-nav__content .main-menu__list li a button{ width:30px; height:30px; background-color:var(--thm-primary); border:none; outline:none; color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; transform:rotate(-90deg); transition:transform 500ms ease;}
.mobile-nav__content .main-menu__list li a button.expanded{ transform:rotate(0deg); background-color:#fff; color:var(--thm-black);}
.mobile-nav__content .main-menu__list li.cart-btn span{ position:relative; top:auto; right:auto; transform:translate(0, 0);}
.mobile-nav__content .main-menu__list li.cart-btn i{ font-size:16px;}
.mobile-nav__top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:30px;}
.mobile-nav__top .main-menu__login a{ color:var(--thm-text-dark);}
.mobile-nav__container{ border-top:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.mobile-nav__social{ display:flex; align-items:center;}
.mobile-nav__social a{ font-size:16px; color:var(--thm-primary); transition:500ms;}
.mobile-nav__social a+a{ margin-left:30px;}
.mobile-nav__social a:hover{ color:#ffffff;}
.mobile-nav__contact{ margin-bottom:0; margin-top:20px; margin-bottom:20px;}
.mobile-nav__contact li{ color:var(--thm-text-dark); font-size:14px; font-weight:500; position:relative; display:flex; align-items:center;}
.mobile-nav__contact li+li{ margin-top:15px;}
.mobile-nav__contact li a{ color:#ffffff; transition:500ms;}
.mobile-nav__contact li a:hover{ color:var(--thm-primary);}
.mobile-nav__contact li>i{ width:30px; height:30px; border-radius:50%; background-color:var(--thm-primary); display:flex; justify-content:center; align-items:center; text-align:center; font-size:11px; margin-right:10px; color:#fff;}
.mobile-nav__container .main-logo,
.mobile-nav__container .topbar__buttons,
.mobile-nav__container .main-menu__language,
.mobile-nav__container .main-menu__login{ display:none;}
/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
.search-popup{ position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:9999; padding-left:20px; padding-right:20px; display:flex; justify-content:center; align-items:center; transform:translateY(-110%); transition:transform 500ms ease, opacity 500ms ease;}
.search-popup.active{ transform:translateY(0%);}
.search-popup__overlay{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:var(--thm-black); opacity:0.75; cursor:pointer;}
.search-popup__content{ width:100%; max-width:560px;}
.search-popup__content form{ display:flex; flex-wrap:wrap; position:relative; background-color:#fff; border-radius:0px; overflow:hidden;}
.search-popup__content form input[type="search"],
.search-popup__content form input[type="text"]{ width:100%; background-color:#fff; font-size:16px; border:none; outline:none; height:66px; padding-left:30px;}
.search-popup__content .thm-btn{ padding:0; width:68px; height:68px; display:flex; justify-content:center; align-items:center; text-align:center; position:absolute; top:0; right:-1px; border-radius:0; background-color:var(--thm-primary);}
.search-popup__content .thm-btn i{ margin:0;}
/*--------------------------------------------------------------
# Main Slider
--------------------------------------------------------------*/
.index_video{ width:100%; height:100%; object-fit:cover;}
/* 隐藏所有控制条和UI元素 */
.index_video::-webkit-media-controlsdisplay:none !important;}
.index_video::-webkit-media-controls-enclosure{ display:none !important;}
.index_video::-webkit-media-controls-panel{ display:none !important;}
/* 针对Firefox等浏览器 */
.index_video{ -moz-controls:none;}
.video-layer-overlay{ position:absolute; top:0; left:0; right:0; bottom:0; height:40vh; background:linear-gradient(to bottom, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%);}

.main-slider{ position:relative; display:block; overflow:hidden;}
.main-slider .swiper-slide{ position:relative; height:100vh; background-color:var(--thm-black);}
.main-slider .image-layer{ position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:center; transform:scale(1); transition:transform 7000ms ease; z-index:1; /*mix-blend-mode:luminosity; opacity:.35;*/}

.image-layer1{ background-image:url('/static/image/main-slider-mobile-1.jpg');}
.image-layer2{ background-image:url('/static/image/main-slider-mobile-2.jpg');}
@media (min-width:768px){
	.image-layer1{ background-image:url('/static/image/main-slider-1.jpg');}
	.image-layer2{ background-image:url('/static/image/main-slider-2.jpg');}
}

.main-slider-shape-1{ position:absolute; bottom:0; right:0; background-size:cover; opacity:0; transform:translateX(200px); z-index:2;}
.main-slider .swiper-slide-active .main-slider-shape-1{ opacity:1; transform:translate(0); transition:all 1000ms ease; transition-delay:200ms;}
.main-slider .container-slider{ position:relative; margin:0 auto; padding:26vh 0 0; width:82%; /*padding-top:36vh; padding-bottom:235px;*/ z-index:30;}
@media (min-width:768px){
	.main-slider .container-slider{ padding:36vh 0 0; width:90%;}
}

.main-slider__content{ position:relative; display:block; z-index:30; text-shadow:0 0 12px rgba(0,0,0,.4);}
.main-slider h2{ margin:0; margin-bottom:20px; color:#fff; font-weight:900; font-family:'AlimamaFangYuanTi'; opacity:0; visibility:hidden; transform:translateY(120px); transition-delay:1000ms; transition:transform 2000ms ease, opacity 2000ms ease; font-size:50px; line-height:1.5; z-index:30;}
.main-slider p{ font-size:20px; color:var(--thm-base); margin:0; line-height:30px; margin-bottom:40px; opacity:0; transform:translateY(100px); transition-delay:2500ms; transition:transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background 500ms ease; z-index:30;}
.main-slider .thm-btn{ opacity:0; transform:translateY(100px); transition-delay:20ms; transition:transform 20ms ease, opacity 20ms ease, color 20ms ease, background 20ms ease;}
.main-slider .swiper-slide-active .image-layer{ transform:scale(1.15);}
.main-slider .swiper-slide-active .thm-btn,
.main-slider .swiper-slide-active p,
.main-slider .swiper-slide-active h2,
.main-slider .swiper-slide-active p{ visibility:visible; opacity:1; transform:translateY(0) translateX(0);}
.main-slider__nav{ display:none; width:100%; max-width:1200px; padding-left:15px; padding-right:15px; position:absolute; top:50%; left:50%; z-index:100; transform:translateY(-50%) translateX(-50%); /*display:flex;*/ align-items:flex-end; flex-direction:column;}

.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev{ position:relative; top:auto; left:auto; right:auto; bottom:auto; z-index:100; width:63px; height:63px; display:flex; justify-content:center; align-items:center; font-size:20px; color:var(--thm-base); background:transparent; border:2px solid rgba(var(--thm-base-rgb), 1); border-radius:50%; margin:0; text-align:center; opacity:0.3; transition:all 500ms ease;}

.main-slider__nav .swiper-button-next:hover,
.main-slider__nav .swiper-button-prev:hover{ opacity:1;}
.main-slider__nav .swiper-button-next::after,
.main-slider__nav .swiper-button-prev::after{ display:none;}
.main-slider__nav .swiper-button-prev{ margin-bottom:10px;}
.main-slider__nav .swiper-button-prev .icon-left-arrow{ position:relative; transform:rotate(180deg);}
#main-slider-pagination{ z-index:10; bottom:59px; left:50%; width:90%; /*max-width:1720px;*/ -webkit-transform:translate(-50%, calc(-50% + 95px)); transform:translate(-50%, calc(0% + 0px)); text-align:left; display:flex; align-items:center; padding:0 15px;}
#main-slider-pagination .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; opacity:0.4; background-color:#fff; transition:all 500ms ease;}
#main-slider-pagination .swiper-pagination-bullet+.swiper-pagination-bullet{ margin-left:10px;}
#main-slider-pagination .swiper-pagination-bullet{ margin:0;}
#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:13px; height:13px; opacity:1;}
/*--------------------------------------------------------------
# Main slider Two
--------------------------------------------------------------*/
.main-slider-two{ position:relative; display:block;}
.main-slider-two .container{ padding-top:203px; padding-bottom:220px;}
.main-slider-two .main-slider__content{ position:relative; display:block; text-align:center; z-index:1;}
.main-slider-two__map{ position:absolute; top:0; left:50%; right:0; background-repeat:no-repeat; background-size:cover; background-position:center center; height:410px; width:582px; transform:translateX(-50%); opacity:0.15; z-index:-1;}
.main-slider-two h3{ font-size:90px; color:var(--thm-base); line-height:90px; font-weight:lighter; text-transform:uppercase; opacity:0; transform:translateY(-120px); transition-delay:2500ms; transition:transform 2000ms ease,     opacity 2000ms ease,     color 500ms ease,     background 500ms ease;}
.main-slider-two .swiper-slide-active h3{ visibility:visible; opacity:1; transform:translateY(0) translateX(0);}
.main-slider-two h2{ letter-spacing:0;}
.main-slider-two h2 span{ position:relative; display:inline-block;}
.main-slider-two h2 span:before{ position:absolute; bottom:-8px; left:0; right:0; content:""; height:5px; background-color:var(--thm-base);}
.main-slider-two p{ margin-bottom:43px;}
.main-slider__nav-two{ position:absolute; top:0; left:0; right:0; bottom:0; display:flex; justify-content:space-between; flex-wrap:wrap;}

.main-slider__nav-two .swiper-button-next{ position:relative; width:63px; height:63px; line-height:63px; border-radius:50%; text-align:center; color:var(--thm-base); cursor:pointer; z-index:9; margin-right:100px; font-size:20px; border:2px solid rgba(var(--thm-base-rgb), 1); background-color:transparent; display:flex; align-items:center; justify-content:center; opacity:0.3; transition:0.5s;}
.main-slider__nav-two .swiper-button-prev{ position:relative; width:63px; height:63px; line-height:63px; border-radius:50%; text-align:center; color:var(--thm-base); cursor:pointer; z-index:9; margin-left:100px; font-size:20px; border:2px solid rgba(var(--thm-base-rgb), 1); background-color:transparent; transform:rotate(-180deg); transition:0.5s; opacity:0.3; display:flex; align-items:center; justify-content:center;}

.main-slider__nav-two .swiper-button-next:hover,
.main-slider__nav-two .swiper-button-prev:hover{ opacity:1;}
.main-slider__nav-two .swiper-button-next::after,
.main-slider__nav-two .swiper-button-prev::after{ display:none;}
.main-slider__nav-two .swiper-button-prev{ margin-bottom:10px;}
.main-slider-two #main-slider-pagination{ text-align:center; justify-content:center;}


/*--------------------------------------------------------------
# Brand
--------------------------------------------------------------*/
.brand-one{ position:relative; display:block; background-color:var(--thm-black); padding:99px 0 208px;}
.brand-one .swiper-container{ padding:0 10px;}
.brand-one .swiper-slide{ position:relative; display:flex; align-items:center; justify-content:center;}
.brand-one .swiper-slide img{ -webkit-transition:500ms; transition:500ms; opacity:0.3; width:auto;}
.brand-one .swiper-slide img:hover{ opacity:1;}
/*--------------------------------------------------------------
# Feature
--------------------------------------------------------------*/
.feature-one{ position:relative; display:block; padding:0 0 120px; margin-top:-125px;}
.feature-one__top{ position:relative; display:block;}
.feature-one__single{ position:relative; display:flex; align-items:flex-start; background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .07); border-radius:var(--thm-bdr-radius); padding:41px 47px 41px; margin-bottom:30px;}
.feature-one__icon{ position:relative; display:flex; align-items:center; padding-top:5px;}
.feature-one__icon span{ position:relative; display:inline-block; font-size:65px; color:var(--thm-extra); transform:scale(1); transition:transform 500ms linear, color 500ms linear;}
.feature-one__single:hover .feature-one__icon span{ transform:scale(.9); color:var(--thm-primary);}
.feature-one__text{ margin-left:30px;}
.feature-one__text h3{ font-size:20px; font-weight:600; line-height:30px; margin-bottom:4px;}
.feature-one__text p{ font-size:14px; margin:0; line-height:30px;}
.feature-one__bottom{ position:relative; display:block; border-bottom:1px solid var(--thm-bdr-color); padding-bottom:38px; padding-top:7px;}
.feature-one__bottom-inner{ position:relative; display:block; text-align:center;}
.feature-one__bottom-inner p{ font-size:16px; margin:0;}
.feature-one__bottom-inner a{ color:var(--thm-primary); position:relative; display:inline-block; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.feature-one__bottom-inner a:hover{ color:var(--thm-extra);}
.feature-one__bottom-inner a:before{ position:absolute; bottom:4px; left:0; right:0; height:2px; content:""; background-color:var(--thm-primary); -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.feature-one__bottom-inner a:hover:before{ background-color:var(--thm-extra);}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about-one{ position:relative; display:block; padding:50px 0; background-image:url("/static/image/index-about-bg.png"); background-position:center bottom; background-repeat:repeat-x; background-size:200px auto;}
.about-one__left{ position:relative; display:block; margin-right:20px;}
.about-one__img-box{ position:relative; display:block;}
/*.about-one__img-box:before{ position:absolute; top:0; left:-50px; width:30px; height:200px; background-color:#DA251C; content:""; border-radius:var(--thm-bdr-radius);}
.about-one__img-box:after{ position:absolute; top:220px; left:-50px; width:30px; height:200px; background-color:#FADC64; content:""; border-radius:var(--thm-bdr-radius);}*/
.about-one__img{ position:relative; display:block; overflow:hidden;}
.about-one__img::before{ position:absolute; top:50%; left:50%; display:block; content:''; width:0; height:0; background:rgba(255, 255, 255, .2); border-radius:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); opacity:0; z-index:1;}
.about-one__img:hover:before{ -webkit-animation:circle .75s; animation:circle .75s;}
.about-one__img>img{ width:100%; border-radius:var(--thm-bdr-radius);}
.about-one__small-img{ position:absolute; bottom:-90px; left:-120px; z-index:2;}
.about-one__small-img>img{ border-radius:var(--thm-bdr-radius);}
.about-one__right{ position:relative; display:block;}
.about-one__right .section-title{ margin-bottom:28px;}
.about-one__text{ margin:0;}
.about-one__points-box{ position:relative; display:block; margin:32px 21px 32px 0;}
/*.about-one__points-box:before{ position:absolute; top:7px; bottom:7px; left:-21px; content:""; background-color:var(--thm-primary); width:2px;}*/
.about-one__points{ position:relative; display:block;}
.about-one__points li{ position:relative; display:flex; align-items:center;}
.about-one__points li+li{ margin-top:6px;}
.about-one__points li .icon{ position:relative; display:flex; align-items:center;}
.about-one__points li .icon span{ font-size:20px; color:var(--thm-extra);}
.about-one__points li .text{ margin-left:16px;}
.about-one__points li .text p{ color:var(--thm-black); margin:0;}
.about-one__it-solutions{ position:relative; display:flex; align-items:center; border-top:1px solid var(--thm-bdr-color); margin-top:40px; padding-top:20px; padding-bottom:39px;}
.about-one__it-solutions-icon{ position:relative; display:flex; align-items:center;}
.about-one__it-solutions-icon span{ font-size:70px; color:var(--thm-extra); position:relative; display:inline-block; transition:all 500ms linear; transition-delay:0.1s;}
.about-one__it-solutions:hover .about-one__it-solutions-icon span{ transform:rotateY(360deg);}
.about-one__it-solutions-text-box{ margin-left:20px;}
.about-one__it-solutions-text{ font-weight:600; color:var(--thm-black); margin:0; line-height:30px;}

@media (min-width:768px){
	.about-one{ padding:100px 0;}
}


/*---------------------------------------------------- */
/*Fun-Fact area*/
/*----------------------------------------------------*/
.or-funfact-section{ margin:40px 0 0 0; /*background-color:#f2f2f2; padding:80px 0px;*/}

.counter-blk{}

@media (max-width:767px){
	.or-funfact-section .container{ padding-left:0; padding-right:0;}
	.or-funfact-section .container .counter-blk{ padding-left:0; padding-right:0; width:25%;}
	
	.or-funfact-innerbox .or-funfact-icon img{ width:50px;}
	.or-funfact-innerbox .or-funfact-text h3 .counter{ font-size:26px;}
	.or-funfact-innerbox .or-funfact-text p{ font-size:16px;}
}
@media (min-width:768px){
	.or-funfact-section{ margin:40px 0 0 -50px;}
}

/*.or-funfact-innerbox:before{ top:0; right:-8px; width:2px; content:""; height:70px; position:absolute; border-right:2px dashed #d7d8ce;}*/
.or-funfact-innerbox .or-funfact-icon{ margin-bottom:20px; text-align:center;}
.or-funfact-innerbox .or-funfact-icon i{ color:#1a2428; font-size:34px; line-height:1;}
.or-funfact-innerbox .or-funfact-text{ text-align:center;}
.or-funfact-innerbox .or-funfact-text h3{ margin-left:10px; color:#e1251b; font-weight:700; font-family:"AlimamaFangYuanTi","Barlow", sans-serif;}
.or-funfact-innerbox .or-funfact-text h3 .counter{ font-size:30px;}
.or-funfact-innerbox .or-funfact-text h3 .counter-unit{ margin-left:5px; font-size:18px;}
.or-funfact-innerbox .or-funfact-text h3 sup{ margin-left:10px; color:#e1251b;}
.or-funfact-innerbox .or-funfact-text p{ margin-top:10px; color:#1a2428;}

.or-funfact-content .col-lg-3:last-child .or-funfact-innerbox:before{ display:none;}

@media (min-width:768px){
	.or-funfact-innerbox .or-funfact-icon i{ font-size:60px;}
	.or-funfact-innerbox .or-funfact-text h3 .counter{ font-size:36px;}
}

/*--------------------------------------------------------------
# Project
--------------------------------------------------------------*/
.project-one{ position:relative; display:block; padding:0 0 200px;}
.project-one .container{ max-width:1060px;}
.project-one__carousel{ position:relative; display:block;}
.project-one__carousel.owl-carousel .owl-stage-outer{ /*overflow:visible;*/ padding:0px 0px 0px;}
.project-one__carousel.owl-carousel .owl-dots{ position:absolute; bottom:-23px; right:0px; left:0; margin:0 !important; display:flex; align-items:center; justify-content:center;}
.project-one__carousel.owl-carousel .owl-dots .owl-dot{ position:relative; display:inline-block; width:10px; height:10px; background:#FFF; opacity:.6; margin:0px 5px; padding:0px; border-radius:50%; transition:all 100ms linear; transition-delay:0.1s;}
.project-one__carousel.owl-carousel .owl-dot.active{ background:var(--thm-primary); opacity:1; height:13px; width:13px;}
.project-one__carousel.owl-carousel .owl-dot:focus{ outline:none;}
.project-one__carousel.owl-carousel .owl-dots .owl-dot span{ display:none;}
.project-one__single{ position:relative; display:block; margin-bottom:30px;}
.project-one__img{ position:relative; display:block; overflow:hidden; border-radius:var(--thm-bdr-radius) var(--thm-bdr-radius) 0 0; z-index:1;}
.project-one__img:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:rgba(var(--thm-black-rgb), .30); transform:scale(1, 0); transition:transform 500ms ease; transform-origin:top center; border-radius:var(--thm-bdr-radius) var(--thm-bdr-radius) 0 0; z-index:1;}
.project-one__single:hover .project-one__img:before{ transform:scale(1, 1); transform-origin:bottom center;}
.project-one__img img{ width:100%; border-radius:var(--thm-bdr-radius) var(--thm-bdr-radius) 0 0; transform:scale(1); transition:transform 500ms ease;}
.project-one__single:hover .project-one__img img{ transform:scale(1.05);}
.project-one__content{ position:relative; display:block; background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .07); border-radius:0 0 var(--thm-bdr-radius) var(--thm-bdr-radius); padding:26px 30px; /*margin-top:-60px; margin-left:30px; margin-right:30px;*/ overflow:hidden; transition:all 500ms ease; z-index:2;}
.project-one__content:after{ position:absolute; content:""; top:0; left:0; right:0; height:100%; background-color:var(--thm-primary); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .07); transition:all 500ms ease; opacity:1; transform-origin:top; transform-style:preserve-3d; transform:scaleY(0); border-radius:0 0 var(--thm-bdr-radius) var(--thm-bdr-radius); z-index:-1;}
.project-one__single:hover .project-one__content:after{ opacity:1; transform:scaleY(1.0);}
.project-one__tagline{ font-size:14px; margin:0; line-height:27px; transition:all 500ms ease;}
.project-one__single:hover .project-one__tagline a{ color:#DDD;}
.project-one__tagline a:hover{ color:#FFF;}

.project-one__title{ font-size:20px; font-weight:800; line-height:40px; transition:all 500ms ease;}
.project-one__title a{ color:var(--thm-black); transition:all 500ms ease;}
.project-one__arrow{ position:absolute; top:50%; right:30px; transform:translateY(-50%);}
.project-one__arrow a{ color:var(--thm-black); font-size:20px; height:40px; width:40px; display:flex; align-items:center; justify-content:center; transition:all 500ms ease;}
.project-one__single:hover .project-one__tagline,
.project-one__single:hover .project-one__title a{ color:var(--thm-base);}
.project-one__single:hover .project-one__arrow a{ color:var(--thm-extra);}
/*--------------------------------------------------------------
# Improve
--------------------------------------------------------------*/
.improve-one{ position:relative; display:block; padding:0 0 0; z-index:1; /*background-color:var(--thm-black);*/}
.improve-one-bg{ position:absolute; top:0; bottom:0; left:0; right:0; background-repeat:no-repeat; background-position:center; background-size:cover; z-index:-1; opacity:0.9;}

.improve-one-bg.jarallax div div{ background-color:var(--thm-black); /*background-blend-mode:luminosity;*/}
.improve-one__left{ position:relative; display:block; margin-top:-60px;}
.improve-one__img-box{ position:relative; display:block;}
.improve-one__img{ position:relative; display:block; overflow:hidden;}
.improve-one__img:after{ position:absolute; top:0; left:-100%; display:block; content:''; width:50%; height:100%; background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); transform:skewX(-25deg); z-index:1;}
.improve-one__img-box:hover .improve-one__img:after{ -webkit-animation:shine 1.5s; animation:shine 1.5s;}
.improve-one__img img{ width:100%; border-top-right-radius:16px; border-bottom-left-radius:16px; border-bottom-right-radius:16px;}
.improve-one__project-complete{ position:absolute; top:170px; left:-230px; transform:rotate(-90deg); background-color:var(--thm-extra); padding:13px 58px 13px; border-top-left-radius:8px; border-top-right-radius:8px;}
.improve-one__project-complete p{ font-size:14px; color:var(--thm-base); font-weight:800; letter-spacing:0.2em; margin:0; text-transform:uppercase;}
.improve-one__right{ position:relative; display:block; /*margin-left:70px; margin-right:-42px;*/ padding-top:70px; padding-bottom:70px;}
.improve-one__right .section-title{}
/*.improve-one__right .section-title__tagline{ color:#ada8ba;}
.improve-one__right .section-title__title{ color:var(--thm-base);}*/
.improve-one__points li{ position:relative; display:flex;}
.improve-one__points li:before{ position:absolute; bottom:-44px; left:0; right:42px; content:""; height:1px; background-color:rgba(var(--thm-base-rgb), .10);}
.improve-one__points li:last-child:before{ display:none;}
.improve-one__points li+li{ margin-top:85px;}
.improve-one__points li .icon{ position:relative; top:8px;}
.improve-one__points li .icon span{ font-size:65px; color:var(--thm-primary); position:relative; display:inline-block; transform:rotateY(0deg); transition:all 500ms ease;}
.improve-one__points li:hover .icon span{ transform:rotateY(180deg); color:var(--thm-base);}
.improve-one__points li .text{ margin-left:25px;}
.improve-one__points li .text h3{ font-size:24px; font-weight:800; line-height:34px; margin-bottom:10px; color:var(--thm-base);}
.improve-one__points li .text p{ margin:0; color:#ada8ba;}

@media (min-width:768px){
	.improve-one__right{ padding-top:120px; padding-bottom:120px;}
}

/*--------------------------------------------------------------
# Testimonial
--------------------------------------------------------------*/
.testimonial-one{ position:relative; display:block; background-color:#eef3f7; padding:70px 0 70px; z-index:1;}
@media (min-width:768px){
	.testimonial-one{ padding:100px 0 60px;}
}

.testimonial-one-shape{ position:absolute; bottom:0; left:0; right:0; height:353px; background-repeat:no-repeat; background-size:cover; background-position:center; z-index:-1; filter:grayscale(100%); opacity:.15;}
.testimonial-one__left{ position:relative; display:block;}
.testimonial-one__right{ position:relative; display:block;}
.testimonial-one__carousel{ position:relative; display:block;}
.testimonial-one__carousel.owl-carousel .owl-stage-outer{ /*margin-right:-360px; padding-bottom:60px;*/}
.testimonial-one__carousel.owl-theme .owl-nav{ position:absolute; top:0; width:100%;}
.testimonial-one__carousel.owl-theme .owl-nav .owl-next{ position:absolute; top:80px; right:-80px; height:65px; width:65px; background:transparent; border-radius:50%; color:#bab9bd; font-size:23px; text-align:center; border:2px solid #bab9bd; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.testimonial-one__carousel.owl-theme .owl-nav .owl-prev{ position:absolute; top:80px; left:-80px; height:65px; width:65px; background:transparent; border-radius:50%; color:#bab9bd; font-size:23px; text-align:center; transform:rotate(180deg); border:2px solid #bab9bd; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.testimonial-one__carousel.owl-theme .owl-nav .owl-next:hover,
.testimonial-one__carousel.owl-theme .owl-nav .owl-prev:hover{ color:var(--thm-primary); border:2px solid var(--thm-primary);}
.testimonial-one__single{ position:relative; display:block; background-color:var(--thm-base); border-radius:var(--thm-bdr-radius); /*padding:40px 40px 30px;*/ transition:all 500ms ease;}
.testimonial-one__single:hover{ background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .05);}
.testimonial-one__client-info{ /*display:flex; align-items:center; margin-bottom:17px;*/}
.testimonial-one__client-details{ margin-left:20px;}
.testimonial-one__client-name{ font-size:18px; font-weight:600; line-height:28px;}
.testimonial-one__client-title{ font-size:16px; color:var(--thm-primary); margin:0; line-height:26px;}
.testimonial-one__text{ padding:10px; font-size:20px; font-weight:300; margin:0; line-height:1.5; text-align:center;}
.testimonial-one__quote{ position:absolute; bottom:10px; right:40px;}
.testimonial-one__quote span{ font-size:63px; color:#eef3f7; transition:all 500ms ease;}
.testimonial-one__single:hover .testimonial-one__quote span{ color:var(--thm-extra);}
/*--------------------------------------------------------------
# News
--------------------------------------------------------------*/
.news-one{ position:relative; display:block; padding:70px 0 70px;}
@media (min-width:768px){
	.news-one{ padding:100px 0 80px;}
}
.news-page{ padding-bottom:120px;}
.news-one__single{ position:relative; display:block; margin-bottom:30px;}
.news-one__img{ position:relative; display:block; border-top-right-radius:4px; border-top-left-radius:4px; overflow:hidden;}
.news-one__img img{ width:100%; border-top-right-radius:4px; border-top-left-radius:4px; transition:all 500ms ease; transform:scale(1);}
.news-one__single:hover .news-one__img img{ transform:scale(1.05);}
.news-one__img>a{ top:0; left:0; right:0; bottom:0; background-color:rgba(var(--thm-black-rgb), 0.3); position:absolute; display:flex; justify-content:center; align-items:center; font-size:30px; color:var(--thm-base); border-top-right-radius:4px; border-top-left-radius:4px; transition:opacity 500ms ease, visibility 500ms ease, transform 500ms ease; visibility:hidden; opacity:0; transform:translateY(-30%);}
.news-one__img>a>span{ position:relative;}
.news-one__img>a>span::before{ content:''; width:20px; height:2px; background-color:var(--thm-base); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 500ms ease;}
.news-one__img>a>span::after{ content:''; transition:all 500ms ease; width:2px; height:20px; background-color:var(--thm-base); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.news-one__img>a:hover>span::before,
.news-one__img>a:hover>span::after{ background-color:#FFF;}
.news-one__single:hover .news-one__img>a{ visibility:visible; transform:translateY(0%); opacity:1;}
.news-one__date-box{ position:absolute; bottom:0; left:0; background-color:var(--thm-base); padding:17px 22px 20px; border-top-right-radius:4px;}
.news-one__date-box p{ font-size:14px; color:var(--thm-black); font-weight:800; margin:0; line-height:17px; text-align:center;}
.news-one__content{ position:relative; display:block; background-color:rgb(255, 255, 255); box-shadow:0px 10px 60px 0px rgb(0, 0, 0, .05); padding:20px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-bottom:3px solid transparent; transition:all 500ms ease;}
.news-one__single:hover .news-one__content{ border-bottom:3px solid var(--thm-extra);}
.news-one__meta{ display:flex; -webkit-box-align:center; align-items:center; margin:0;}
.news-one__meta li+li{ margin-left:10px;}
.news-one__meta li a{ color:var(--thm-gray); font-size:14px; transition:all 500ms ease;}
.news-one__meta li a:hover{ color:var(--thm-extra);}
.news-one__meta li a i{ color:var(--thm-extra);}
.news-one__title{ font-size:24px; font-weight:700; line-height:32px;}
.news-one__title a{ color:var(--thm-black); transition:all 500ms ease;}
.news-one__single:hover .news-one__title a{ color:var(--thm-primary);}
.news-one__text{ font-size:16px; margin:0; line-height:30px; padding-top:13px; padding-bottom:8px;}
.news-one__read-more-btn{ font-size:16px; font-weight:600; color:var(--thm-black); display:inline-block; transition:all 500ms ease;}
.news-one__read-more-btn:hover{ color:var(--thm-extra);}

/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/
.site-footer{ position:relative; display:block; background-color:var(--thm-primary);}
.site-footer__top{ position:relative; display:block; background-color:var(--thm-primary);}
.site-footer__top-inner{ position:relative; display:block; padding:60px 0 20px; z-index:1; overflow:hidden;}
.site-footer-map{ position:absolute; left:0; right:0; bottom:-42px; height:566px; background-repeat:no-repeat; background-size:cover; background-position:center center; opacity:0.1; z-index:-1;}
.footer-widget__about{ position:relative; display:block; width:100%;}
@media (min-width:1200px){
	.footer-widget__about{ position:relative; display:block; width:70%;}
}

.footer-widget__about-logo img{ height:60px;}
.footer-widget__about-text{ font-size:16px; color:#EEE; margin:0; padding-top:30px; padding-bottom:30px; line-height:30px;}
.footer-widget__about-social{ position:relative; display:flex; -webkit-box-align:center; align-items:center;}
.footer-widget__about-social a{ position:relative; display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center; text-align:center; color:var(--thm-base); background-color:#100d16; border-radius:50%; font-size:13px; height:45px; width:45px; transform:rotate(0); -webkit-transition:all 500ms ease; transition:all 500ms ease; z-index:1;}
.footer-widget__about-social a:hover{ color:var(--thm-black); transform:rotate(360deg);}
.footer-widget__about-social a:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:var(--thm-base); border-radius:50%; transform:scale(0.0); transform-origin:center; transform-style:preserve-3d; transition:all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index:-1;}
.footer-widget__about-social a:hover:before{ transform:scaleX(1.0);}
.footer-widget__about-social a+a{ margin-left:10px;}
.footer-widget__title{ font-size:20px; color:var(--thm-base); font-weight:800; line-height:30px; margin-bottom:0;}
@media (min-width:768px){
	.footer-widget__title{ margin-bottom:30px;}
}

.footer-widget__links{ position:relative; display:block;}
.footer-widget__links-list{ position:relative; display:block; float:left; margin-right:30px;}
.footer-widget__links-list li+li{ margin-top:0px;}
.footer-widget__links-list li a{ position:relative; display:inline-block; font-size:16px; font-weight:500; color:#FFF; transition:all 300ms ease;}
.footer-widget__links-list li a::after{ content:''; position:absolute; top:90%; left:0; width:100%; height:1px; transform:scale(0, 1); transform-origin:left center; background-color:currentColor; transition:transform 500ms ease;}
.footer-widget__links-list li:hover>a::after{ transform:scale(1, 1); transform-origin:right center;}
.footer-widget__links-list li a:hover{ color:var(--thm-base);}
.footer-widget__links-list-two{ margin-right:0px;}
.footer-widget__contact{ position:relative; display:block;}
.footer-widget__contact-text{ font-size:16px; color:#EEE; margin:0; line-height:30px; margin-bottom:20px; padding-top:3px;}
.footer-widget__contact-list{ position:relative; display:block;}
.footer-widget__contact-list li{ display:flex;}
.footer-widget__contact-list li .icon{ display:flex; align-items:center; position:relative; top:2px;}
.footer-widget__contact-list li .icon span{ font-size:13px; color:var(--thm-extra);}
.footer-widget__contact-list li .text{ margin-left:10px;}
.footer-widget__contact-list li .text p{ font-size:16px; font-weight:500; margin:0; line-height:30px;}
.footer-widget__contact-list li .text p a{ color:var(--thm-base); transition:all 500ms ease;}
.footer-widget__contact-list li .text p a:hover{ color:var(--thm-extra);}
.footer-widget__newsletter{ position:relative; display:block;}
.footer-widget__newsletter-text{ font-size:16px; color:#ada8ba; font-weight:500; line-height:26px; margin:0; padding-bottom:23px; padding-top:5px;}
.footer-widget__newsletter-form{ position:relative; display:block;}
.footer-widget__newsletter-input-box{ position:relative; display:block;}
.footer-widget__newsletter-input-box input[type="email"]{ font-size:12px; color:var(--thm-gray); font-weight:500; text-transform:capitalize; height:60px; width:100%; background:var(--thm-base); border:none; border-radius:var(--thm-bdr-radius); padding-right:95px; outline:none; padding-left:20px;}
.footer-widget__newsletter-btn{ position:absolute; top:0; bottom:0; right:0; width:85px; display:flex; align-items:center; justify-content:center; background:var(--thm-primary); border:0; border-top-right-radius:4px; border-bottom-right-radius:4px; color:var(--thm-base); transition:all 500ms ease; padding:0; text-transform:uppercase; font-weight:600; font-size:12px; letter-spacing:.2em;}
.footer-widget__newsletter-btn:hover{ background-color:var(--thm-extra);}
.site-footer__bottom{ position:relative; display:block; border-top:solid 1px rgba(255,255,255,.2); z-index:2;}
.site-footer__bottom-container{ position:relative; display:block; max-width:1595px; width:100%; margin:0 auto; border-top-left-radius:4px; border-top-right-radius:4px; /*background-color:#100d16;*/}
.site-footer__bottom-inner{ position:relative; display:flex; align-items:center; justify-content:space-between; padding:35px 0;}
.site-footer__bottom-text{ font-size:16px; font-weight:500; margin:0; color:#ddd;}
.site-footer__bottom-text a{ color:#ada8ba; transition:all 500ms ease;}
.site-footer__bottom-text a:hover{ color:var(--thm-base);}
.site-footer__bottom-menu{ position:relative; display:flex; align-items:center;}
.site-footer__bottom-menu li+li{ margin-left:12px;}
.site-footer__bottom-menu li a{ color:#ada8ba; font-size:16px; display:inline-block; transition:all 500ms ease;}
.site-footer__bottom-menu li a:hover{ color:var(--thm-base);}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header{ position:relative; display:block; padding:147px 0 185px; z-index:1; background-color:var(--thm-black);}
.page-header-bg{ position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:center; mix-blend-mode:luminosity; opacity:0.3;}

.page-header-shape{ position:absolute; top:0; bottom:0; right:0; width:570px; background-repeat:no-repeat;}
.page-header__inner{ position:relative; display:block; text-align:left;}
.page-header__inner h2{ font-size:50px; color:var(--thm-base); line-height:50px; font-weight:900;}
.thm-breadcrumb{ position:relative; display:block;}
.thm-breadcrumb li{ position:relative; display:inline-block; color:#ada8ba; font-size:16px; font-weight:500; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.thm-breadcrumb li+li{ margin-left:5px;}
.thm-breadcrumb li a{ color:#ada8ba; font-size:16px; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.thm-breadcrumb li:hover{ color:var(--thm-base);}
.thm-breadcrumb li:hover a{ color:var(--thm-base);}

/* 历程 */
.timeline{ padding-top:30px; width:100%; position:relative;}
.timeline:before{ content:""; position:absolute; top:0px; left:calc(35% - 2px); bottom:0px; width:4px; background:#ddd;}
.timeline:after{ content:""; display:table; clear:both;}

.entry{ clear:both; text-align:left; position:relative; box-sizing:border-box;}
.entry .title{ margin-bottom:0.5em; float:left; width:35%; padding-right:30px; text-align:right; position:relative; box-sizing:border-box; }
.entry .title:before{ box-sizing:content-box; content:""; position:absolute; width:8px; height:8px; border:4px solid var(--thm-primary); background-color:#fff; border-radius:100%; top:15%; right:-8px; z-index:99;}
.entry2 .title:before{ box-sizing:content-box; content:""; position:absolute; width:8px; height:8px; border:none; background-color:var(--thm-primary); border-radius:100%; top:35%; right:-4px; z-index:99;}

.entry .title h3{ margin:0; font-size:100%; color:#aaa; font-weight:bold;}
.entry2 .title h3{ color:#aaa; font-weight:normal;}

.entry .title p{ margin:0; font-size:100%;}
.entry .body{ margin:0 0 1.5em; float:right; width:65%; padding-left:30px; box-sizing:border-box;}
.entry .body p{ line-height:1.4em; margin:0; margin-top:4px; color:#333}
.entry .body p:first-child{ margin-top:0px; font-weight:400;}
.entry .body ul{ color:#aaa; padding-left:0; list-style-type:none;}
.entry .body ul li:before{ content:"–"; margin-right:0.5em;}

.entry:hover .title h3{ color:var(--thm-primary);}
.entry:hover .body p{ color:var(--thm-primary);}

/* list pic */
.col-adva{ margin-bottom:30px; padding-left:15px; padding-right:15px;}
	.adva_blk{ display:block; border:solid 1px #DDD; border-radius:3px; transition:all 0.5s ease 0s; cursor:pointer;}
		.adva_blk_con{ position:relative; width:100%; border-radius:3px; text-align:center; background-color:#FFF; overflow:hidden;}
			.adva_blk_img{ display:block;}
			.adva_blk_img img{ display:block; margin:0 auto; padding:0; width:100%; vertical-align:bottom; transform:rotate(0deg) scale(1,1); transition:all 0.6s ease 0s;}
			.adva_blk_tit{ position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.2); opacity:0; transition:all 0.6s ease 0s;}
			.adva_blk_tit strong{ display:inline-block; margin:27% auto; padding:10px 18px; border:solid 1px #FFF; text-align:center; font-size:16px; font-weight:normal; text-shadow:0 1px 3px rgba(0,0,0,.4); color:#FFF; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}

	.adva_blk:hover{ border-color:#FFF; box-shadow:0 5px 15px rgba(0,0,0,.2);}
	.adva_blk:hover .adva_blk_img img{ border-radius:15px; transform:rotate(0deg) scale(1.1,1.1); }

	.adva_blk_name{ padding:10px 0 0; /*height:30px;*/ line-height:1.5; font-size:16px; text-align:center;}

/* news list */
.pgnews_blk{ position:relative; display:block; padding:30px 0; margin-bottom:30px; height:auto; border-bottom:solid 1px #DDD; transition:all 0.6s ease 0s; overflow:hidden;}
	.pgnews_img{ float:none; width:100%; height:auto; overflow:hidden; color:#244C92;}
		.pgnews_img img{ width:100%; height:auto; border-radius:10px;}
	.pgnews_info{ float:none; width:100%; transition:all 0.6s ease 0s; font-size:14px;}
		.pgnews_info i{ display:block; padding-15px 0 0; font-style:normal; color:#999;}
		.pgnews_info strong{ display:block; font-size:20px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; color:#333; overflow:hidden;}
		.pgnews_info span{ display:block; margin:15px 0 20px; height:40px; line-height:20px; overflow:hidden; color:#919191;}
.pgnews_blk:hover{ border-color:#e1251b;}
.pgnews_blk:hover strong{ color:#e1251b;}

@media (min-width:992px){
	.pgnews_blk{ clear:both;}
	.pgnews_img{ float:right; width:24%; overflow:hidden; color:#244C92;}
	.pgnews_info{ float:left; width:66%;}
}

/* page about */
.page-about-top{}

/* page num */
.PageNumbers{ margin:40px 0; line-height:44px; text-align:center;}
	.PageNumbers li{ display:inline-block; padding:0 5px; list-style:none;}
	.PageNumbers a{ display:inline-block; padding:0 18px; line-height:44px; border-radius:6px; background-color:#EEE; text-align:center; text-decoration:none; color:#555; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
	.PageNumbers a:hover{ background-color:var(--thm-primary); color:#FFF;}
	.PageNumbers .active a{ background-color:var(--thm-primary); color:#FFF;}

/* cont show */
.content_head{ margin-bottom:30px; padding:40px 0 30px; border-bottom:solid 1px #DDD; text-align:center;}
	.content_name{ font-size:26px;}
	.content_info{ margin-top:10px; font-size:14px; color:#999;}
.content_show{ min-height:450px; padding-bottom:100px; line-height:2.2;}
	.content_show img{ max-width:100%; /*width:auto !important; height:auto !important;*/}

.news_other{ margin:0 15px;}
.news_other_a{ height:50px; line-height:50px; color:#333;}
.news_other_a:hover{ background:#e1251b; color:#FFF;}
	.news_other_a i{ position:absolute; top:0; line-height:50px;}
	.news_other_a strong{ display:inline-block; width:72%; height:50px; line-height:50px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.news_other_left{ background:rgba(0,0,0,.06);}
	.news_other_left i{ left:10px;}
	.news_other_left strong{ margin-left:20px;}
.news_other_right{ background:rgba(0,0,0,.03);}
	.news_other_right i{ right:10px;}


.news_other_none{ cursor:default; color:#CCC;}
.news_other_none:hover{ background:rgba(0,0,0,.03); color:#CCC;}

/* show page */
.page_header{ position:relative; width:100%; height:600px; overflow:hidden; z-index:1;}
	.page_bg{ position:absolute; top:0;right:0; bottom:0; left:0; width:100%; height:600px; background-color:#EEE; background-size:cover; -webkit-background-size:cover; background-position:center; background-repeat:no-repeat;  -webkit-animation:scale-bg 20s ease-out forwards; animation:scale-bg 20s ease-out forwards; z-index:1;}
	.page_txt{ position:relative; width:100%; height:600px; z-index:2;}

	.page_guanyu .page_bg{ background-image:url(../image/page_guanyu2.jpg);}
	.page_anli .page_bg{ background-image:url(../image/page_anli.jpg);}
	.page_chanpin .page_bg{ background-image:url(../image/page_chanpin.jpg);}
	.page_xinwen .page_bg{ background-image:url(../image/page_xinwen.jpg);}
	.page_lianxi .page_bg{ background-image:url(../image/page_lianxi.jpg);}

	.page_title{ padding:200px 0 0; color:#FFF; line-height:1.2; font-size:46px; font-family:'AlimamaFangYuanTi'; letter-spacing:2px; text-indent:20px; text-align:center; text-shadow:0 1px 5px rgba(0,0,0,.2);}

.page_main{ position:relative; margin-top:-106px; padding:0 20px; background-color:#FFF; z-index:3;}
	.page_top_iam{ line-height:56px; color:rgba(0,0,0,.3); font-size:15px;}
		.page_top_iam a{ color:rgba(0,0,0,.5);}
		.page_top_iam span{ margin:0 8px;}
	.page_top_byclass{ padding:0; border-bottom:solid 1px rgba(0,0,0,.2);}
		.page_top_byclass li{ position:relative; float:left; margin:0; padding:0; list-style:none;}
		.page_top_byclass li a{ position:relative; display:block; padding:0 10px; height:50px; line-height:50px; color:#333; transition:0.3s ease 0s;}

		.page_top_byclass li.on a:before{ position:absolute; width:100%; left:0%; background-color:#DA251C; content:''; height:50px; z-index:-1;}
		.page_top_byclass li.on a{ color:#FFF;}
		.page_top_byclass li a:before{ position:absolute; content:''; left:50%; bottom:0px; width:0%; height:50px; background-color:none; transition:all .3s; z-index:-1;}
		.page_top_byclass li a:hover{ color:#FFF;}
		.page_top_byclass li a:hover:before{ width:100%; left:0%; background-color:#DA251C;}

	@media (min-width:768px){
		.page_main{ margin-top:-120px;}
	}

	@media (min-width:992px){
		.page_top_byclass li{ margin:0 1px 0 0;}
		.page_top_byclass li a{ padding:0 30px; height:65px; line-height:65px;}
			.page_top_byclass li.on a:before{ height:65px;}
			.page_top_byclass li a:before{ height:65px;}
	}

	.page_top_bychild{ padding:20px 20px 0;}
		.page_top_bychild li{ position:relative; float:left; margin:0 15px 0 0; padding:0; list-style:none;}
		.page_top_bychild li a{ position:relative; display:block; padding:0 15px; height:44px; line-height:44px; color:#333; transition:0.3s ease 0s; font-size:14px;}
		.page_top_bychild li a:hover{ color:#FFF; background-color:rgba(43,67,182,.7);}

		.page_top_bychild li.on a{ color:#FFF; background-color:rgba(43,67,182,.7);}

	@media (min-width:768px){
	.page_top_bychild li a{ font-size:16px;}
	}

.page_content{ padding:30px 20px 40px;}
	.page_content p{ margin-top:10px;}