/*------------------------------------------------------------------
Version:        V2021.04
Author:         Junshi
URL:            http://www.ynjgy.com
Color:          #a33326 #342320 #204b71
-------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Crimson+Text:400i|Heebo:300,400,500,700");
@media (min-width:1200px) {.container { max-width:1400px !important; width:1400px;}}

* { margin:0px; padding:0px; border:none; outline:none;}
body { font-size:16px; color:#222; line-height:180%; font-weight:400; font-family:"΢ÈíÑźÚ", Arial; background:#fff; background-size:cover; background-repeat:no-repeat; background-position:center top; -webkit-font-smoothing:antialiased;}
ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0; font-weight:400;}
a { color:inherit; text-decoration:none; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s;}
a:active, a:hover{ text-decoration:none; outline:none; color:#a31100;}
button:focus, input:focus, textarea:focus{ outline:none; box-shadow:none;}
i{ font-style:normal; font-weight:400;}
h1,h2,h3,h4,h5,h6,p,span,i{ margin:0; padding:0;}
h2 { color:#222222; font-size:24px; font-weight:600; letter-spacing:0.05em;}
h3 { color:#4c1e18; font-size:20px; font-weight:800;}
h4 { color:#4c1e18; font-size:18px; font-weight:800;}
img { display:inline-block; max-width:100%; height:auto; object-fit:cover; transition-delay:.1s; transition-timing-function:ease-in-out; transition-duration:.7s; transition-property:all;}
.bg-white {background: #fff !important;}
.img-hover img {
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;}
.img-hover img:hover {
	-webkit-filter: brightness(0.8);
    filter: brightness(0.8);
	-webkit-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);}

.indextt1 { width:100%; text-align:center; z-index:1; margin:0 auto;}
.indextt1 h3 { font-size:1.6em; line-height:1.2em; color:#a33326; padding:5px 0 0 0;}
.indextt1 h3 u { width:60px; display:inline-block; border-top:rgba(163,51,38,0.2) 1px solid; vertical-align:5px; margin:0 10px;}
.indextt1 p { margin-bottom:20px;}
.ttmore a { font-size:14px !important; padding-bottom:5px; color:#204b71;}
.ttmore a:hover { color:#de0000;}
	
/** Button Styles **/
.theme-btn.one {background:rgba(163,51,38,0.8);color:rgba(255,255,255,0.8);}
.theme-btn.one:hover {background:#a33326;	}
.theme-btn.one:after {background:#333;	}
.theme-btn {padding: 12px 20px;cursor: pointer;letter-spacing: 1.2px;background: none;color: #fff;font-size: 14px;z-index: 1;overflow: hidden;position: relative;font-weight: 800;background:#333;
	text-transform: uppercase;
	-webkit-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.theme-btn:hover {color:rgba(255,255,255,0.8);font-weight: 500;border: none;background:rgba(52,35,32,0.8);}
.theme-btn::after {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: #a33326;border: none;z-index: -1;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.theme-btn:hover::after {
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);}
.theme-btn:focus {text-decoration: none;}
.section-title {margin-bottom: 15px;}
.section-title > span {font-family:"΢ÈíÑźÚ", Arial;font-size: 25px;font-size: 1.5625rem;color: #a33326;}
.section-title h2 {font-size: 36px;font-size: 2.25rem;margin: 0;}
.section-title-s2 {text-align: center;margin-bottom: 35px;}
.section-title-s2 > span {font-family:"΢ÈíÑźÚ", Arial;font-size: 25px;font-size: 1.5625rem;color: #a33326;display: inline-block;margin-top: -0.28em;text-transform: capitalize;font-weight:600;	}
.section-title-s2 h2 {font-size: 42px;font-size: 2.625rem;font-weight: bold;margin: 0 0 0.29em;text-transform: capitalize;}
.section-title-s2 p {font-size: 16px;font-size: 1rem;font-weight: 300;margin: 0;}
.section-title-s3 {margin-bottom: 48px;}
.section-title-s3 h2 {margin: -0.1em 0 0.2em;}
.section-title-s4 {text-align: left;}
.page-wrapper {position: relative;overflow: hidden; background:#f8f8f8;}
.wow {visibility: hidden;}
.fi:before {margin: 0;}
.section-padding {padding: 110px 0;}
.pt0 {padding-top: 0;}

@-webkit-keyframes rotating {
from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);}
    }

@keyframes rotating {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.rotating {
	-webkit-animation: rotating 5s alternate infinite;
	animation: rotating 5s alternate infinite;
}
/*** back to top **/
.back-to-top {
	background-color: rgba(253, 161, 43, 0.7);
	width: 45px;
	height: 45px;
	line-height: 45px;
	border: 2px solid #a33326;
	border-radius: 45px;
	text-align: center;
	display: none;
	position: fixed;
	z-index: 999;
	right: 15px;
	bottom: 90px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.back-to-top:hover {
	background-color: #a33326;
}
.back-to-top i {
	font-size: 18px;
	font-size: 1.125rem;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/*
================================================
3. Loader CSS
================================================
*/
.preloader {
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1000;
}
.preloader span {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.preloader .sb-cube-grid {
	width: 60px;
	height: 60px;
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
}
.preloader .sb-cube-grid .sb-cube {
	width: 33%;
	height: 33%;
	background-color: #a33326;
	float: left;
	-webkit-animation: sb-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sb-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.preloader .sb-cube-grid .sb-cube1 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.preloader .sb-cube-grid .sb-cube2 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.preloader .sb-cube-grid .sb-cube3 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.preloader .sb-cube-grid .sb-cube4 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.preloader .sb-cube-grid .sb-cube5 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.preloader .sb-cube-grid .sb-cube6 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.preloader .sb-cube-grid .sb-cube7 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.preloader .sb-cube-grid .sb-cube8 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.preloader .sb-cube-grid .sb-cube9 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
 @-webkit-keyframes sb-cubeGridScaleDelay {
 0%, 70%, 100% {
 -webkit-transform: scale3D(1, 1, 1);
 transform: scale3D(1, 1, 1);
}
 35% {
 -webkit-transform: scale3D(0, 0, 1);
 transform: scale3D(0, 0, 1);
}
}
 @keyframes sb-cubeGridScaleDelay {
 0%, 70%, 100% {
 -webkit-transform: scale3D(1, 1, 1);
 transform: scale3D(1, 1, 1);
}
 35% {
 -webkit-transform: scale3D(0, 0, 1);
 transform: scale3D(0, 0, 1);
}
}

/*--------------------------------------------------------------
4. Header
--------------------------------------------------------------*/
.site-header {
/* navigation open and close btn hide for width screen */
  /* style for navigation less than 992px */
  /*navbar collaps less then 992px*/
}
.navbar { padding:10px 0;}
.site-header .navigation {
	background-color: #fff;
	margin-bottom: 0;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
.site-header .navigation > .container {
	position: relative;
}
.site-header #navbar {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;/*** mega-menu style ***/
}
.site-header #navbar > ul li a:hover, .site-header #navbar > ul li a:focus {
	text-decoration: none;
	color: #a33326 !important;
}
.site-header #navbar > ul li.active a {
	color: #a33326 !important;	
	background:none;
}
.site-header #navbar > ul > .menu-item-has-children > a {
	position: relative;
}
.site-header #navbar > ul > .menu-item-has-children i { font-size:12px; font-family:Arial; padding-left:10px;}

@media (max-width: 1199px) {
	.site-header #navbar ul { margin-right:40px;}
	.site-header #navbar li.navhome { display:none;}
	.site-header #navbar > ul > li > a { padding:45px 15px 40px 15px !important;}	
}

@media screen and (max-width: 1198px) and (min-width: 993px) {
.navbar-brand img { width:50%;}
}

@media screen and (min-width: 992px) {
.site-header #navbar {
/*** hover effect ***/
}
.site-header #navbar > .navbar-s { display:none;}
.site-header #navbar li {
	position: relative;
}
.site-header #navbar > ul > li > a {
	font-size: 1.1em !important;
	font-weight:bold !important;
	padding: 45px 25px 40px 25px;
	color:#222 !important;
}
.site-header #navbar > ul .sub-menu {
	background-color:rgba(162,34,38,0.85);
	width: 200px;
	position: absolute;
	text-align:center;
	left: -30px;
	padding:15px 0;
	top: 100%;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}
.site-header #navbar > ul .sub-menu:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 10px 9px;
	border-color: transparent transparent #a33326 transparent;
	margin: 0 0 0 -10px;
	padding-top: 1px;
	position: absolute;
	top: -11px;
}
.site-header #navbar > ul .sub-menu .sub-menu:before {
	display: none;
}
.site-header #navbar > ul > li .sub-menu li:last-child {
	border-bottom: 0;
}
.site-header #navbar > ul > li .sub-menu a {
	font-size:0.95em;
	display: block;
	padding: 10px 5px;
	color: rgba(255, 255, 255, 0.8);
	text-transform: capitalize;
}
.site-header #navbar > ul > li .sub-menu a:hover {
	padding-left:10px; color:#fff !important;
}
.site-header #navbar > ul > li > .sub-menu .sub-menu {
	right: 100%;
	top: 0;
}
.site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a {
	position: relative;
}
.site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before {
	font-family: "themify";
	content: "\e649";
	font-size: 11px;
	font-size: 0.6875rem;
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.site-header #navbar > ul > li:hover > .sub-menu {
	top: 100%;
	visibility: visible;
	opacity: 1;
}
.site-header #navbar .sub-menu > li:hover > .sub-menu {
	left: 100%;
	visibility: visible;
	opacity: 1;
}
.navbar-nav li.nav-hidden { display:none;}
}

@media (max-width: 991px) {
.site-header #navbar > .navbar-s { display:block; margin-bottom:5px; background:#a33326;}
.site-header #navbar > .navbar-s img { max-width: 220px; padding:20px 0 20px 15px;}
.site-header #navbar > ul > li a {
	display: block;
	font-size: 1.1em !important;
}
.site-header #navbar > ul > li .sub-menu li {
	border-bottom: 1px solid #e6e6e6;
}
.site-header #navbar > ul .sub-menu > li:last-child {
	border-bottom: 0;
}
.site-header #navbar > ul > li > .sub-menu a {
	padding: 8px 15px 8px 45px;
}
.site-header #navbar > ul > li > .sub-menu .sub-menu a {
	padding: 8px 15px 8px 65px;
}
.site-header #navbar > ul .menu-item-has-children > a {
	position: relative;
}
.site-header #navbar > ul > .menu-item-has-children i { padding-right:20px; float:right;}
}

@media screen and (min-width: 992px) {
.site-header .navbar-header .open-btn {
	display: none;
}
.site-header #navbar .close-navbar {
	display: none;
}
}

@media (max-width: 991px) {
.site-header {
/* class for show hide navigation */
}
.site-header .container {
	width: 100%;
}
.site-header .navbar-header button {
	background-color: #a33326;
	width: 45px;
	height: 40px;
	border: 0;
	padding: 5px 10px;
	outline: 0;
	position: absolute;
	right: 20px;
	top: 8px;
	z-index: 20;
}
.site-header .navbar-header button:hover { background-color:#4a2021;}
.site-header .navbar-header button span {
	background-color: #fff;
	display: block;
	height: 2px;
	margin-bottom: 5px;
}
.site-header .navbar-header button span:last-child {
	margin: 0;
}
.site-header #navbar {
	background:rgba(255,255,255,0.95);
	display: block !important;
	width: 300px;
	height: 100% !important;
	margin: 0;
	padding: 0;
	position: fixed;
	right: -340px;
	top: 0;
	z-index: 100;
}

.site-header #navbar ul a {
	color: #222;
}
.site-header #navbar ul a:hover, .site-header #navbar ul li.current a {
	color: #a33326;
}
.site-header #navbar .navbar-nav {
	height: 100%;
	overflow: auto;
}
.site-header #navbar .close-navbar {
	background-color: #342320;
	width: 40px;
	height: 40px;
	color: #fff;
	border: 0;
	outline: none;
	position: absolute;
	left: -40px;
	top: 90px;
	z-index: 20;
}
.site-header #navbar .close-navbar .ti-close {
	position: relative;
	top: 1px;
}
.site-header #navbar > ul > li {
	border-bottom: 1px solid #dedede;
}
.site-header #navbar > ul > li > a {
	padding: 20px 5px 20px 35px !important; font-size:1.12em !important; font-weight:bold !important; 
}
.site-header .slideInn {
	right: 0 !important;
}
.site-header #navbar > ul > li > ul > li { padding:0 10px 0 10px;}
.site-header #navbar > ul > li > ul > li a { padding:13px 10px 13px 35px !important;}
.site-header #navbar > ul > li > ul > li a:hover { font-weight:bold; color:#371416 !important;}
}

@media (max-width: 991px) {
.site-header .navbar-collapse.collapse {
	display: none;
}
.site-header .navbar-collapse.collapse.in {
	display: block;
}
.site-header .navbar-header .collapse, .site-header .navbar-toggle {
	display: block;
}
.site-header .navbar-header {
	float: none;
}
.site-header .navbar-right {
	float: none;
}
.site-header .navbar-nav {
	float: none;
}
.site-header .navbar-nav > li {
	float: none;
}
}

@media (max-width: 991px) {
.page-wrapper {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.body-overlay:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(100, 22, 22, 0.9);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
}
/*--------------------------------------------------------------
5. Header Navigation
--------------------------------------------------------------*/
.header-style-3 .navbar-brand img {
	max-width: 200px;
}

@media screen and (min-width: 992px) {
.header-style-3 {
	width: 100%;
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
}
.header-style-3 .navigation {
	background-color: rgba(0, 0, 0, 0.1);
}
.header-style-3 .navbar-brand {
	height: auto;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header-style-3 .navbar-brand img {
	max-width: 260px; padding-bottom:8px;
}
.header-style-3 #navbar {
	margin-right: 140px;
}
.header-style-3 #navbar > ul > li > a {
	font-size: 15px;
	font-size: 0.9375rem;
	color: #fff;
}
}

@media screen and (min-width: 1200px) {
.header-style-3 #navbar {
	margin-right: 220px;
}
}

@media (max-width: 991px) {
.header-style-3 .navigation {
	background: #342320;
	padding:15px 0 25px 0;
}
.header-style-3 .navbar-brand {
	padding-top: 3px;
}
}
.header-style-3 .cart-contact {
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
}
.header-style-3 .cart-contact > div {
	float: left; font-weight:bold;
	position: relative;
}
.header-style-3 .cart-contact > div i { padding-right:8px; font-weight:400;}
.header-style-3 .cart-contact > div a { background:#a33326; display:block; color:#fff; padding:15px 30px;  border-radius:30px;}
.header-style-3 .cart-contact > div a:hover { background:linear-gradient(to right, #a33326, #a33326, #342320);}

.header-style-3 {
	position: relative;
}
.header-style-3 .navigation {
	background-color: #fff;
}
.header-style-3 .cart-contact .fi {
	color: #333;
}

.header-style-3 { background:linear-gradient(to right, #a33326, #a33326, #342320);}
.header-style-3 .topbar { color:rgba(255,255,255,0.7); padding:12px 10px; width:100%; font-size:14px;}
.topleft { width:40%; float:left;}
.topright { width:60%; text-align:right; float:right;}
.topright li { display:inline;}
.topright li i { padding:0 6px; color:rgba(255,255,255,0.4);}
.topright li a { color:inherit;}
.topright li a:hover { text-decoration:underline;}

@media (max-width: 991px) {
	.header-style-3 .cart-contact { margin-top:3px;}
    .header-style-3 .cart-contact > div a { padding:9px 20px;  border-radius:20px; border:#a3726c 1px solid; color:#382421; background:#fff; font-weight:400;}
	.header-style-3 .cart-contact > div i { color:#a33326;}
	.header-style-3 .cart-contact > div a:hover { color:#fff; border:none;}
	.header-style-3 .cart-contact > div a:hover i { color:#fff;}
    }

@media (max-width: 767px) {
    .topleft { display:none;}
	.topright { width:100%; text-align:center; float:left;}
    }
/*--------------------------------------------------------------
 6.	Header Slider
--------------------------------------------------------------*/
.hero-slider {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 0;
}

.hero-slider .swiper-slide {
	overflow: hidden;
	color: #fff;
}

.hero-slider .swiper-container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.hero-slider .slide-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover;
	background-position: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
}
.hero-slider .slide-inner:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next {
	background: rgba(255, 255, 255, 0.3);
	width: 55px;
	height: 55px;
	line-height: 55px;
	margin-top: -30px;
	text-align: center;
	border-radius: 55px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.hero-slider .swiper-button-prev:hover, .hero-slider .swiper-button-next:hover {
	background:rgba(163,51,38,0.5);
}

@media (max-width: 991px) {
.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next {
	display: none;
}
}
.hero-slider .swiper-button-prev {
	left: 25px;
}
.hero-slider .swiper-button-prev:before {
	content: "¡û";
	font-size: 20px;
	color:rgba(255,255,255,0.8);
}
.hero-slider .swiper-button-next {
	right: 25px;
}
.hero-slider .swiper-button-next:before {
	content: "¡ú";
	font-size: 20px;
	color:rgba(255,255,255,0.8);
}
.hero-slider .swiper-pagination-bullet {
	font-size: 15px;
	color: #d9d9d9;
	margin: 0 5px;
	opacity: 1;
	background: transparent;
	position: relative;
}
.hero-slider .swiper-pagination-bullet:before {
	content: "";
	background: #fff;
	width: 2px;
	height: 15px;
	position: absolute;
	left: 3px;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.hero-slider .swiper-pagination-bullet-active {
	color: #fff;
}
.hero-slider .swiper-pagination-bullet-active:before {
	opacity: 1;
	top: -20px;
}
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets, .hero-slider .swiper-pagination-custom, .hero-slider .swiper-pagination-fraction {
	bottom: 40px;
}
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 13px;
}
.hero-style-3 .slide-subtitle h4 {
	font-family:Arial;
	font-size: 1.3em;
	font-style:italic;
	color:rgba(255,255,255,0.7);
	margin: 0;
	padding-bottom:1.2em;
}
.hero-style-3 .slide-btns > a i { padding-left:10px; font-size:14px; font-weight:normal; color:rgba(255,255,255,0.6);}
.hero-style-3 .slide-btns > a:first-child {
	margin-right: 15px;
}

.hero-style-3 { height:700px;}
.hero-style-3 .container {text-align: center;}
.hero-style-3 .slide-title, .hero-style-3 .slide-text {margin-left: auto;margin-right: auto;}

@media (max-width: 1199px) {.hero-style-3 {height: 550px;}}
@media (max-width: 991px) {.hero-style-3 {height: 450px;}}
@media (max-width: 767px) {
    .hero-style-3 {height: 250px;}
    .hero-slider .swiper-pagination {top:215px;}

}

/*--------------------------------------------------------------
 08. Newsbox Section
--------------------------------------------------------------*/
.testimonial-section { width:100%; padding-top:30px; margin:0 auto;}
.newsbox .owl-controls { margin:0 0 18px 0;}
.newsbox .owl-nav { display:none;}
.newsbox dl { background-color:#fff; box-shadow:0 0 8px rgba(0,0,0,.07); border:#fff 2px solid; padding:10px 10px; -webkit-transition:all .4s ease; transition:all .4s ease; margin-bottom:25px; padding-bottom:20px;}
.newsbox dl dt { width:100%; display:flex; text-justify:center; align-items:center; overflow:hidden;}
.newsbox dl dt img { width:auto; height:280px; max-width:100%; max-height:100%; min-width:100%; min-height:100%; object-fit:cover;}
.newsbox dl dd { width:100%; padding:0 5px; overflow:hidden;}
.newsbox dl dd.one1 { font-size:0.9em; color:#999; margin-top:15px;}
.newsbox dl dd.one1 i { padding-right:6px;}
.newsbox dl dd.one2 { font-size:1.03em; line-height:1.6em; height:3.1em; margin:15px 0; color:#222;}
.newsbox dl dd.one3 p { display:inline-block;float:right;}
.newsbox dl dd.one3 p a { background-color:rgba(163,51,38,0.6); padding:4px 10px; color:rgba(255,255,255,0.9); display:block;}
.newsbox dl dd.one3 p a:hover { display:block; background-color:#a33326; color:#fff;}
.newsbox dl dd a { color:#333;}
.newsbox dl dd a:hover { color:#000;}
.newsbox dl:hover { border:#ecd9d8 2px solid;}
.newsbox dl:hover dd.one2 { font-weight:800;}

@media (max-width: 767px) {
   .newsbox dl { margin-bottom:15px;}
  }
  
/*--------------------------------------------------------------
 09. Fun Facts
--------------------------------------------------------------*/
.fun-fact-section::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: #000000;
	opacity: 0.75;
	z-index: -1;
}
.fun-fact-section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 1;
	background-image:url(/tp/pc/skin1/chuangye2023/images/bj01.jpg);
	text-align: center;
	padding: 100px 0;
}

.fun-fact-section h2 {font-size:35px;font-weight: 300;margin: 0 0 35px;color: #fff;}
.fun-fact-section .fun-fact-grids .grid {width: 25%;float: left;}
.fun-fact-section .grid h3 {font-size:60px; font-weight: 600;color: #ed8000;margin: 0 0 0.2em;}
.fun-fact-section .grid h3 + p {font-size:16px; color: #fff;opacity:0.5;margin: 0;}

@media (max-width: 991px) {
    .fun-fact-section h2 {font-size: 30px;font-size: 1.875rem;}
    .fun-fact-section .grid h3 {font-size:40px; }
    .fun-fact-section .grid h3 + p {font-size:15px;}
	}
	
@media (max-width: 767px) {
    .fun-fact-section {padding:50px 0 10px 0;}
    .fun-fact-section h2 {font-size: 25px;font-size: 1.5625rem;}
    .fun-fact-section .fun-fact-grids .grid {width: 50%;margin-bottom: 50px;}
	.fun-fact-section .grid h3 {font-size:36px; }
    .fun-fact-section .grid h3 + p {font-size:14px;}
	}

/*--------------------------------------------------------------
10.	Home About Wrapper
--------------------------------------------------------------*/
.about-section { margin:30px 0 10px 0;}
.about-section .about-text p {margin-bottom:3em;}
.about-section .about-pic-area {text-align: right;position: relative;}
.about-section .about-pic-area:before {content: "";width: 480px;height:480px;position: absolute;right: 0;top: 0;z-index: -1;background: url("/tp/pc/skin1/chuangye2023/images/bj1.png") center center repeat;}
.about-section .about-pic-area img {position: relative;margin-right:90px; margin-top:40px;}
.about-section .about-pic-area .box {background: #fff;width: 143px;height: 143px;text-align: center;padding-top: 45px;position: absolute;left: -60px;top: 45%;z-index: 1;
	-webkit-box-shadow: 0px 9px 15.84px 8.16px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 9px 15.84px 8.16px rgba(0, 0, 0, 0.08);}
.about-section .about-pic-area .box a {font-size: 16px;font-size: 1rem;color: #333;}
.about-section .about-pic-area .box a:hover,
.about-section .about-pic-area .box a:focus {text-decoration:none;}
.about-section .about-pic-area a span {display: block;}
.about-section .about-pic-area .fi:before {font-size: 55px;font-size: 3.4375rem;color: #a33326;}
.about-section .quoter h5 {font-size: 14px;font-size: 0.875rem;margin: 0 0 0.5em;}
.about-section .quoter h5 + span {font-size: 14px;font-size: 0.875rem;}
.about-section .section-title h2 { font-size:1.8em; line-height:1.4em; padding-bottom:4px; color:#a33326;}
.about-section .section-title span { font-size:1.06em; color:#333;}
.about-section .section-title span u { width:60px; display:inline-block; border-top:rgba(163,51,38,0.2) 1px solid; vertical-align:5px; margin:0 10px;}
.about-text p { font-size:1.03em; text-indent:2em;text-align: justify;}

.video-area a:hover { position:relative; top:1px; left:1px;}
.video-area i { font-size:50px; color:#d77319;}

@media (min-width: 1200px) {
    .about-section .section-title {padding-top:15px; padding-bottom:15px;}
    }
@media (max-width: 1199px) {
    .about-section .about-pic-area img {margin-right: 0;}
    .about-section .about-pic-area .box {left: 0;}
    }
@media (max-width: 991px) {
    .about-section .about-pic-area {text-align: left;max-width: 500px;margin-top:50px;}
	.about-section .about-pic-area .box {left: 30%;}
    }
@media (max-width: 767px) {
    .about-section .about-pic-area {margin-top:40px;}
	.about-section blockquote {font-size:20px;font-size: 1.25rem;}
	.about-section .about-pic-area .box { top:18%;}
	.about-section .about-pic-area img {-webkit-filter: brightness(0.8); filter: brightness(0.8); width:100%; max-height:250px;}
    }

/*--------------------------------------------------------------
11.	Portfolio Section
--------------------------------------------------------------*/
.portfolio-section { margin:30px 0 10px 0;}
.portfolio-section .grid .details {padding:25px 28px;border: 1px solid #eee;border-bottom: 5px double #eee; background:#fff;}
.portfolio-section .details a { display:inline-block; cursor:pointer; color:#ff2;}
.portfolio-section .details h3 { font-size:1.1em; font-weight:500; margin: 0 0 0.8em; overflow:hidden;}
.portfolio-section .details a > h3 {color: #204b71;}
.portfolio-section .details a > h3 span { font-size:0.85em; color:#222; padding-left:10px; font-weight:bold;}
.portfolio-section .details a:hover > h3 { color:#a33326;}
.portfolio-section .details a:hover > h3 span { font-weight:normal;}
.portfolio-section .details a > p { width:100%; font-size:14px; line-height:24px; font-weight:300; color:#555; overflow:hidden; display:block;}
.portfolio-section .grid .img-hover { width:100%; height:22em; text-justify:center; align-items:center; overflow:hidden;}
.portfolio-section .grid .img-hover img {  width:auto; height:auto; max-width:100%; max-height:100%; min-width:100%; min-height:100%; object-fit:cover;}
.portfolio-section .owl-controls .owl-dots, .portfolio-section-s2 .owl-controls .owl-dots {display: none !important;}
.portfolio-section .owl-theme .owl-controls .owl-nav [class*=owl-], .portfolio-section-s2 .owl-theme .owl-controls .owl-nav [class*=owl-] {
	width: 55px;height: 55px;line-height: 55px;padding: 0;border-radius: 50%;color: #423f3f;margin: 5px;background: #ffffff;
	-webkit-box-shadow: 0px 3px 12.96px 3.04px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 3px 12.96px 3.04px rgba(0, 0, 0, 0.06);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;}
.portfolio-section .owl-theme .owl-controls .owl-nav [class*=owl-]:hover, .portfolio-section-s2 .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {background: #a33326;color: #fff;}

@media screen and (min-width: 992px) {
	.portfolio-section .details p { height:44px;}
    .portfolio-section .owl-controls, .portfolio-section-s2 .owl-controls {width:100%;height: 60px;margin: 0;position: absolute;left: 0;top: 45%;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);}
    .portfolio-section .owl-theme .owl-controls .owl-nav [class*=owl-], .portfolio-section-s2 .owl-theme .owl-controls .owl-nav [class*=owl-] {position: absolute;top: 0;}
    .portfolio-section .owl-theme .owl-controls .owl-nav .owl-prev, .portfolio-section-s2 .owl-theme .owl-controls .owl-nav .owl-prev {left: -32px;}
    .portfolio-section .owl-theme .owl-controls .owl-nav .owl-next, .portfolio-section-s2 .owl-theme .owl-controls .owl-nav .owl-next {right: -32px;}
    .portfolio-section-s2 .owl-theme .owl-controls .owl-nav .owl-prev {left: 20px;}
	.portfolio-section-s2 .owl-theme .owl-controls .owl-nav .owl-next {right: 20px;}
    }
@media (max-width: 991px) {
    .portfolio-section .owl-controls, .portfolio-section-s2 .owl-controls {margin-top: 45px;}
	.portfolio-section .owl-theme .owl-controls .owl-nav [class*=owl-], .portfolio-section-s2 .owl-theme .owl-controls .owl-nav [class*=owl-] {width:45px; height:45px; line-height:45px; border-radius:0;}
	.portfolio-section { margin-top:10px;}
	.portfolio-section .grid .img-hover { height:18em;}
	.portfolio-section .grid .details {padding:16px 12px;}
	.portfolio-section .owl-controls { margin-top:30px;}

    }
@media (max-width: 767px) {
   .portfolio-section .grid .img-hover { height:16em;}
  }
@media (max-width: 480px) {
   .portfolio-section .grid .img-hover { height:14em;}
   .portfolio-section .owl-controls { margin-top:20px;}
  }

/*--------------------------------------------------------------
12.	Our Team
--------------------------------------------------------------*/
.team-section { margin:30px 0 0 0;}
.team-section .grid .details {background:rgba(255, 255, 255, 1); width:94%; padding:25px 15px 35px 15px; left:3%; bottom:80px; opacity:1; position:relative; text-align:center; margin:0 0 -50px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	box-shadow: 0px 4px 8px 0px rgba(209, 210, 226, 0.3);	}
.team-section .grid:hover .details, .team-section-s2 .grid:hover .details {bottom:100px; opacity:1; background:#fff;}
.team-section .details a > h4 { font-size:1.25em; color:#333; height:24px; overflow:hidden;}
.team-section .details a > p { font-size:1em; margin:0 0 8px; color:#204b71; height:24px; overflow:hidden;}
.team-section .details { padding-bottom:5px; width:100%; float:left;}
.team-section .details a > span { font-size:12px; color:#555; height:24px; overflow:hidden;}
.team-section .social { margin:15px 0 0;}
.team-section .owl-controls { margin-top:10px;}
.team-section .owl-theme .owl-controls .owl-nav [class*=owl-], .team-section-s2 .owl-theme .owl-controls .owl-nav [class*=owl-] {
	width:50px; height:50px; line-height:47px; padding:0; border-radius:0; color:#c5c5c5; margin:5px; background:#f8f8f8;
	border:2px solid #e2e2e2;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;}
.team-section .owl-theme .owl-controls .owl-nav [class*=owl-]:hover, .team-section-s2 .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background:#a33326; border-color:#a33326; color:#fff;}
.team-section .owl-theme .owl-controls .owl-nav .owl-prev, .team-section-s2 .owl-theme .owl-controls .owl-nav .owl-prev { border-left:0;}
.team-section .owl-theme .owl-controls .owl-nav .owl-next, .team-section-s2 .owl-theme .owl-controls .owl-nav .owl-next { border-right:0;}
.team-section-s2 .grid .details { background:rgba(255, 255, 255, 0.9); width:100%; padding:35px; position:relative; overflow:hidden; opacity:1; bottom:0; border:1px solid #ece9e9;
	visibility:visible;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;}
.team-section .grid .img-hover { width:100%; height:20em; display:flex; text-justify:center; align-items:center; overflow:hidden;}
.team-section .grid .img-hover img { width:auto; height:auto; max-width:100%; max-height:100%; min-width:100%; min-height:100%; object-fit:cover;}
.team-section-s2 .grid:hover .details {background: #a33326;bottom: 0;opacity: 1;visibility: visible;border-color: #a33326;}
.team-section-s2 .grid:hover .details .social ul a, .team-section-s2 .grid:hover .details h4, .team-section-s2 .grid:hover .details h4 + span {color: #fff;}

.team-slider .details h4 { width:100%; height:24px; overflow:hidden; float:left;}
.team-slider .details p { width:100%; height:24px; overflow:hidden; float:left;}
.team-slider .details span { width:100%; height:24px; overflow:hidden; float:left;}

@media screen and (min-width: 992px) {
	.team-section .grid { margin:0 10px;}
    .team-section .owl-theme .owl-controls .owl-nav .owl-prev, .team-section-s2 .owl-theme .owl-controls .owl-nav .owl-prev { left:15px;}
	.team-section .owl-theme .owl-controls .owl-nav .owl-next, .team-section-s2 .owl-theme .owl-controls .owl-nav .owl-next { right:15px;}
    }
@media (max-width: 991px) {
	.team-section .grid .details { padding:15px 15px 25px 15px;}
	.team-section .grid .img-hover { height:18em;}
    .team-section .owl-controls, .team-section-s2 .owl-controls {margin-top:5px;}
	.team-section .owl-theme .owl-controls .owl-nav [class*=owl-], .team-section-s2 .owl-theme .owl-controls .owl-nav [class*=owl-] {width:45px; height:45px; line-height:45px; border-radius:0;}
   }
@media (max-width: 767px) {
   .team-section .grid .img-hover { height:20em;}
  }

/*--------------------------------------------------------------
13. Footer
--------------------------------------------------------------*/
.sticky-header {width: 100%;position: fixed;left: 0;top: -300px;z-index: 9999;opacity: 0;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
	-ms-transition: all 0.7s;
	transition: all 0.7s;}
.sticky-on, .header-style-3 .sticky-on {opacity: 1;top: 0;}
.header-style-3 .sticky-header {background: #2a211f;}
.header-style-3 .sticky-header {background: #fff;-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);}
.null6 { width:100%; height:60px; overflow:hidden; clear:both; margin:0 auto;}

/*--------------------------------------------------------------
  Links
--------------------------------------------------------------*/
.links { width:100%; background:#fff; padding:15px 15px; box-shadow:0 0 8px rgba(0,0,0,.07); display:flex;}
.links h4 { display:inline-table; align-self:center; margin-right:10px;}
.links ul { display:inline-table; align-self:center; flex:1;}
.links li { padding-right:30px; float:left;}
.links li a { color:#555;}
.links li:last-child { padding-right:0;}

/*--------------------------------------------------------------
  Footer
--------------------------------------------------------------*/
.footer { width:100%; background:#a33327; margin:0 auto;}
.foot1 { width:100%; background:#fff; box-shadow:0 0 8px rgba(0,0,0,.07); position:relative; top:-40px; z-index:1; clear:both;}
.foot1 h4 { width:100%; font-size:18px; font-weight:normal; text-align:center; padding:30px 15px; color:#c8c8c8; cursor:pointer;}
.foot1 h4 span { padding:0 13px; display:inline-block; line-height:30px;}
.foot1 h4 span a { color:#4c1e18;}
.foot1 h4 span a:hover { text-decoration:underline;}
.foot2 { width:100%; padding:0 0 30px 0; color:rgba(255,255,255,0.8) !important; float:left;}
.foot2 a { color:rgba(255,255,255,0.8) !important;}
.foot2 a:hover { color:#fff !important; font-weight:bold;}
.foot2 .foot-logo { opacity:0.8; width:85%;}
.foot2 .foot-add { margin-left:10%;}
.foot2 .foot-add p { font-size:14px; line-height:30px;}
.foot2 .foot-add p i { font-size:inherit; padding-right:8px;}
.foot2 .foot-meiti { text-align:right;}
.foot2 .foot-meiti h4 { font-size:15px; font-weight:normal; color:#bd4f43; margin-top:20px;}
.foot2 .foot-meiti h4 span { padding:0 6px;}
.meiti { text-align:right;}
.meiti span { font-size:18px; display:inline-block; vertical-align:text-bottom;}
.meiti .grp { display:inline-block; margin-right:15px; display:inline-block; vertical-align:text-bottom; position:relative;}
.meiti .grp:last-child { margin-right:0;}
.meiti .grp a { font-weight:normal;}
.meiti i:hover { color:#fff; cursor:pointer;}
.meiti i { font-size:46px;}
.meiti .grp:hover .drop{ display:block;}
.meiti .drop { width:140px; position:absolute; left:50%; margin-left:-70px; top:-160px; z-index:30; padding-bottom:15px; display:none;}
.meiti .drop .box { background-color:#fff; padding:5px; box-shadow:0 0 8px rgba(0,0,0,.07); position:relative;}
.meiti .box::after { content:''; position:absolute; width:0; height:0; border-style:solid; border-width:6px 6px 0 6px; border-color:#fff transparent transparent transparent; left:50%; bottom:-6px; margin-left:-6px;}
.meiti .tp { width:100%;}
.footer-bottom { width:100%; background:#300d09; padding:15px 15px; text-align:center; clear:both; overflow:hidden; margin:0 auto;}
.footer-bottom span { color:#ac9e9d; font-size:14px; padding:0 10px;}
.footer-bottom span a { color:#ac9e9d;}
.footer-bottom span a:hover { color:#fff;}

/**** ================== Sub Page ================== ****/
.subbj { width:100%; background:url(/tp/pc/skin1/chuangye2023/images/subbj.jpg) #f2f6f9 top center no-repeat; height:140px; background-size:cover; overflow:hidden;}
.subhome { height:70px; border-left:#a33326 5px solid; margin:40px 0; padding-left:30px;}
.subhome h2 { padding-bottom:8px;}
.subcrumb { width:100%; margin-top:6px;}
.subcrumb span { font-size:14px; height:24px; line-height:24px; color:#777;}
.subcrumb span b { font-weight:400; padding:0 8px; color:#b7bfc5;}
.subcrumb a { color:#4c1e18;}
.subcrumb li { float:left;}
.subcrumb li a { background:#ddd; padding:4px 12px 5px 12px; margin-right:15px;}
.subcrumb li a:hover { background:#4b1610; color:#fff; opacity:0.6;}
.subcrumb li .active { background:#4b1610; color:#fff;}

.subfenye {font-size:16px !important; background:#fff; margin-top:10px; border:#f2f2f2 1px solid; text-align:center; width:100%; padding:15px 0; float:left;}
.subfenye span { padding:0 5px;}

.subcontainer { width:100%; height:100%; background:#f8f8f8; font-size:16px; color:#333; line-height:28px; display:flex; overflow:hidden;}
.subleft { width:100%; background-color:#fff; box-shadow:4px 4px 12px rgba(0,0,0,.07); float:left;}    
.subright { float:right; flex:1; margin-bottom:-5000px; padding-bottom:5000px;} 
 
.subtt1 { width:100%; padding:30px 30px 0 30px; overflow:hidden; float:left;}
.subtt1 h4 { font-size:14px; line-height:24px; font-weight:400; color:#1b8788; margin-bottom:6px;}
.subtt1 h4 span { padding-right:15px;}
.subtt1 h4 span:last-child { padding-right:0;}
.subtt1 h3 { margin-bottom:20px; line-height:150%; font-weight:800;}
.subtt1 p { font-size:14px; color:#888; padding-bottom:6px; border-bottom:#ececec 1px solid;}
.subtt1 p span { padding-right:18px;}
.subtt1 p span:last-child { padding-right:0;}
.subtt1 p i { font-size:inherit; padding-right:6px;}
   
.subnr { width:100%; font-size:16px; line-height:28px; padding:20px 30px 30px 30px; overflow:hidden; float:left;}
.subnr img { max-width:100%; overflow:hidden;}
.subnr-tit .tit1 { font-size:18px; padding-bottom:5px; font-weight:bold;}
.subnr-tit .tit2 { color:#C76D1D; padding-bottom:8px; border-bottom:#eaeaea 1px dashed;}
.subnr-tit .tit3 { padding-top:8px;}
.subshare { height:100px; display:flex; justify-content:center; align-items:center; text-align:center; color:#2663c8; border:#fff 1px solid; overflow:hidden;}
.subshare span {  border:#2663c8 1px solid; border-radius:30px; display:inline; padding:20px 40px; font-size:16px; font-weight:bold;} 
.subshare span i { font-size:20px; padding-right:10px;}
.subnext { width:100%; background:#fff; -webkit-box-shadow:0px 0px 4px 0px rgba(222, 225, 227, 0.8); box-shadow:0px 0px 4px 0px rgba(222, 225, 227, 0.8); margin-bottom:2px; margin-top:20px; float:left;}
.subnext ul { width:100%; padding:20px;}
.subnext li { width:100%; padding:0 10px; height:45px; line-height:45px; overflow:hidden;}
.subnext li { color:#c00004; font-weight:600;}
.subnext li a { color:#123266; font-weight:normal;}
.subnext li a:hover { color:#c00004;}
.subpage { margin-top:40px; margin-bottom:40px;}
.pagination-lg .page-link { padding:0.65rem 1.3rem; font-size:1.15rem; line-height:1.5;}
.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem;}
.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem;}
/*subnews*/
.subnews { width:99%; margin:0 auto;}
.box1 { border-left:#e8ccc9 2px solid; display:flex; overflow:hidden;}
.news1 { padding:30px 0; box-shadow:0 0 6px rgba(0,0,0,.07); margin-bottom:15px;}
.news1 .sub-time { text-align:center; margin-right:20px; align-self:center; padding:0 30px; border-right:#f3f3f3 1px solid;}
.news1 .sub-time b { display:block; color:#444; font-size:38px; height:45px; line-height:45px; margin-bottom:5px; font-weight:600;}
.news1 .sub-time span { color:#888; display:block; font-size:17px;}
.news1 .sub-tit1 { flex:1; align-self:center; overflow:hidden; padding-right:30px;}
.news1 .sub-tit1 h3 { height:40px; line-height:40px; color:#222; overflow:hidden; margin-bottom:12px;}
.news1 .sub-tit1 p { font-size:14px; line-height:22px; max-height:44px; overflow:hidden; color:#777;}
.news1:hover .box1 { border-left:#c00004 2px solid;}
.news1:hover .sub-time b { color:#a33326;}

/*-------------- Alone Page -------------- */
/* List1 */
.sublist1 {  width:100%; background:#fff; -webkit-box-shadow:0px 0px 4px 0px rgba(222, 225, 227, 0.8); box-shadow:0px 0px 4px 0px rgba(222, 225, 227, 0.8); margin-bottom:20px;}
.list01, .list02, .list011 { width:100%; background:#fff; -webkit-box-shadow:0px 0px 4px 0px rgba(222, 225, 227, 0.8); box-shadow:0px 0px 4px 0px rgba(222, 225, 227, 0.8); padding:20px 20px; margin-bottom:20px;}
.list01 dl { text-align:center;}
.list01 dl dt { position:relative; margin-bottom:15px;}
.list01 dl dt img { width:100%; height:540px; z-index:-1;}
.list01 dl dt h3 { width:100%; padding:15px 0; position:absolute; background:rgba(163,51,38,0.6); color:#fff; left:0; bottom:0; z-index:1;}
.list01 dl dt:hover h3 { background:#a33326;}
.list01 dd { color:#4c1e18; padding-bottom:5px; line-height:28px; height:56px; overflow:hidden; text-align:left; color:#333;}
.list01 p { padding-bottom:15px;}
.list01 h4 { position:relative;}
.list01 h4 b { width:100%; height:100%; z-index:-1;}
.list01 h4 span  { width:100%; position:absolute; text-align:center; z-index:1; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0.95;;}
.list01 h4 span img:hover { position:relative; left:1px; top:1px;}

.list02 dl { text-align:center;}
.list02 dl dt { position:relative; margin-bottom:15px;}
.list02 dl dt img { width:100%; height:360px; z-index:-1;}
.list02 dl dt h3 { width:100%; padding:15px 0; position:absolute; background:rgba(163,51,38,0.6); color:#fff; left:0; bottom:0; z-index:1;}
.list02 dl dt:hover h3 { background:#a33326;}
.list02 dd { color:#4c1e18; padding-bottom:5px; line-height:28px; height:56px; overflow:hidden; text-align:left; color:#333;}

.list011-tt { width:100%; padding:5px 15px 20px 15px;}
.list011-tt h3 i { padding-right:12px; font-size:inherit;}
.list011 p { width:100%; margin-bottom:20px; float:left;}
.list011 p img { width:100%; height:285px;}
.list011 span { width:100%; text-align:center; margin-top:15px; line-height:28px !important; height:56px; overflow:hidden; float:left;}

/*--------------------------------------------------------------
14. Responsive CSS
--------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1024px) {
    .header-style-3 .cart-contact {display: none;}
    .site-footer .footer-social-menu li a {width: 30px;height: 30px;line-height: 30px;}
    }

@media (min-width: 768px) and (max-width: 991px) {
    .section-padding {padding: 90px 0;}
    .section-title h2 {font-size: 32px;font-size: 2rem;}
    .section-title > span {font-size: 22px;font-size: 1.375rem;}
    .section-title-s2 p {font-size: 15px;font-size: 0.9375rem;}
    .back-to-top {width: 35px;height: 35px;line-height: 35px;}	
    .header-style-3 .cart-contact {right: 85px;}
    .testimonial-section .owl-nav {display: none;}
    .grid_col3 > li {width: 50%;}
    }

@media (max-width: 767px) {
    body {font-size: 14px;}	
    .section-title {margin-bottom: 25px;}
    .section-title h2 {font-size: 28px;font-size: 1.75rem;}
    .section-title-s2 h2 {font-size: 30px;font-size: 1.675rem;}
    .section-padding {padding: 80px 0;}
    .site-header .navbar-header .navbar-brand {font-size: 24px;}
    .site-header #navbar .navbar-nav {margin: 0;}
    .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets, .hero-slider .swiper-pagination-custom, .hero-slider .swiper-pagination-fraction {bottom: 45px !important;}
    .about-section .about-pic-area::before {display:none;}
    .about-section .about-pic-area img {margin:0;}
    .service-section-s2 .service-grids .grid {width: calc(100% - 30px);}
    .section-title-s2 {margin-bottom: 25px;}
    .gutter_medium {margin: 0 -15px;}
    .grid_col3 > li {width: 100%;}
    .testimonials-carousel .owl-controls .owl-nav [class*="owl-"] {display:none !important;}
    .contact-section .contact-info {margin:40px 0 0;}
    }