

/*----bootstrap css ----- */
@import url('../vendor/bootstrap/css/bootstrap.min.css');
/*----camera-slider---*/
@import url('../vendor/Camera-master/css/camera.css');
/*------- menu ------*/
@import url('../vendor/menu/dist/css/slimmenu.css');
/*----owl-carousel css----*/
@import url('../vendor/owl-carousel/owl.carousel.css');
@import url('../vendor/owl-carousel/owl.theme.css');
/*-------- animated css ------*/
@import url('../vendor/WOW-master/css/libs/animate.css');

/*** ==================================================================== Loading Transition==================================================================== ***/
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
background: #fff;
overflow: hidden;
}

#loader {
background: url(../images/1.gif);
width: 64px;
height: 40px;
position: relative;
top: 50%;
margin: -20px auto 0 auto;
}

/*==================== Click Top ====================*/


/*______________________ Global stlye ___________________*/
body {
font-family: '微软雅黑';
font-weight: normal;
color: #777777;
font-size: 15px;
position: relative;
}

.main-page-wrapper {
overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
margin: 0;
padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: '微软雅黑';
color: #181818;
}

h1 {
font-size: 70px;
font-weight: 700;
line-height: 75px;
}

h2 {
font-size: 32px;
font-weight: normal;
line-height: 40px;
}

h3 {
font-size: 30px;
font-weight: 700;
}

h4 {
font-size: 24px;
font-weight: 700;
}

h5 {
font-size: 25px;
font-weight: normal;
}

h6 {
font-size: 20px;
font-weight: normal;
}

p {
line-height: 25px;
}

ul {
list-style-type: none;
}

body a {
text-decoration: none;
color: #333;
display: inline-block;
}

a:hover
 {
text-decoration: none;
outline: none;
color: #93C52B;
}

img {
max-width: 100%;
display: block;
}

button {
border: none;
outline: none;
box-shadow: none;
display: block;
padding: 0;
cursor: pointer;
}

button:focus {
outline: none;
}

input,
textarea {
outline: none;
box-shadow: none;
transition: all 0.3s ease-in-out;
}

.section-spacing {
margin-bottom: 95px;
}

.m-top0 {
margin-top: 0 !important;
}

.m-bottom0 {
margin-bottom: 0 !important;
}

.p-bottm0 {
padding-bottom: 0 !important;
}

.no-border {
border: none !important;
}

/*--------------------- Transition --------------------*/
.tran3s,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.switcher .switch-btn button,
.switcher .switch-menu h5.title,
#mega-menu-holder>ul>li>a:before,
#mega-menu-holder ul.dropdown li a:before,
body .theme-button-one,
.feature-work .single-feature .learn-more,
.about-compnay .image-wrapper .image-box .overlay,
.video-presentation .video-player .play-button,
.latest-project .single-block .overlay,
.owl-theme .owl-nav [class*=owl-],
.our-blog .single-blog-meta .text .post-info li a,
.theme-footer-one .top-footer ul li a,
.main-footer-widget .list-widget ul li a,
.social-icon li a,
.theme-main-header .top-header p a,
.service-style-two .single-block .img-box .overlay,
.theme-pagination ul li a,
.nav-tabs .nav-link,
.our-portfolio .single-block .overlay,
.theme-sidebar .sidebar-categories ul li a,
.theme-sidebar .sidebar-latest-news .single-latest-news .img-box .overlay,
.theme-sidebar .sidebar-tags ul li a,
.theme-sidebar .sidebar-latest-news .single-latest-news .news-title {
transition: all .3s ease-in-out;
}

.tran4s,
.latest-project .single-block img,
.our-blog .single-blog-meta .img-box img,
.service-style-two .single-block .img-box img,
.our-portfolio .single-block:hover img,
.theme-sidebar .sidebar-latest-news .single-latest-news .img-box img {
transition: all .4s ease-in-out;
}

/*----------------- Theme button ------------------*/
body .theme-button-one {
line-height: 52px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
width: 180px;
text-align: center;
}

body .theme-button-one:hover {
background: #151515;
}

/*------------------- Theme Title ------------------*/
.theme-title-one {
position: relative;
margin-bottom: 40px;
}
.theme-title-one .title{
	font-size: 32px;
	color: #000;
	margin-bottom: 12px;
}
.theme-title-one p{
	font-size: 20px;
	color: #666;
}
.yuyue_form .theme-title-one .title {
    position: relative;
    padding-bottom: 30px;
    font-size: 24px;
    color: #435816;
        line-height: 1.3;
        margin-bottom: 0;
}
.yuyue_form .theme-title-one{
    margin-bottom: 0;
}


/*------------------- Theme Pagination ------------------*/
.theme-pagination ul {
margin-top: 80px;
display: inline-block;
border: 1px solid #d9d9d9;
}

.theme-pagination ul li {
float: left;
}

.theme-pagination ul li a {
display: block;
color: #181818;
width: 48px;
line-height: 48px;
text-align: center;
border-right: 1px solid #d9d9d9;
}

.theme-pagination ul li:last-child a {
border: none;
}

.theme-pagination ul li a:hover,
.theme-pagination ul li.active a {
color: #fff;
}

.theme-pagination ul li.active a {
cursor: default;
}

/*--------------------------- Theme Header ---------------------*/
.theme-main-header {
position: relative;
}

.theme-main-header .top-header {
    background: #1F1F1F;
    padding: 6px 0;
        color: #fff;
        font-size: 12px;
}
.theme-main-header .top-header a{
    color: #fff;
}
.theme-main-header .top-header p {
font-size: 12px;
display: flex;
align-items: center;
}

.theme-main-header .top-header.bg-color p,
.theme-main-header .top-header.bg-color p a {
color: #fff;
}
.zxrx{
    margin-right: 24px;
}

.theme-main-header .top-header.bg-color p:hover a {
color: rgba(255, 255, 255, 0.6);
}

.theme-main-header .middle-header {
background: #181818;
padding: 38px 0;
}

.theme-main-header .middle-header .logo {
float: left;
}

.theme-main-header .middle-header .our-address {
float: right;
}

.theme-main-header .middle-header .our-address li {
display: inline-block;
position: relative;
padding-left: 45px;
vertical-align: middle;
margin: 12px 0 0 52px;
}

.theme-main-header .middle-header .our-address li:first-child {
margin-left: 0;
}

.theme-main-header .middle-header .our-address li p {
font-size: 13px;
line-height: 20px;
color: #fff;
}

.theme-main-header .middle-header .our-address li p a {
font-size: 17px;
font-weight: 600;
color: #fff;
}

.theme-main-header .middle-header .our-address li .icon {
position: absolute;
top: -3px;
left: 0;
font-size: 30px;
}

/*------------------------ Theme menu --------------------*/
.theme-header-one .theme-menu-wrapper {
position: relative;
width: 100%;
top: 100%;
left: 0;
z-index: 9;
}

.theme-header-one .theme-menu-wrapper {
border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.theme-menu-wrapper .inner-wrapper {
position: relative;
}

.theme-menu-wrapper .logo {
position: absolute;
top: 0;
left: 0;
z-index: 99;
width: 220px;
}

.theme-header-two #mega-menu-holder>ul>li>a {
color: #181818;
padding: 20px 0;
margin: 0 13px;
}

.theme-header-two #mega-menu-holder>ul>li:first-child>a {
margin-left: 0;
}

.theme-header-two #mega-menu-holder>ul>li>a:before {
display: none;
}

.theme-header-two #mega-menu-holder li .sub-toggle {
display: block;
}

.theme-header-two #mega-menu-holder>ul>li.has-submenu>a {
padding-right: 15px;
}

.theme-header-two #mega-menu-holder ul.dropdown li:first-child>a {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.theme-header-two .social-icon li {
display: inline-block;
margin: 18px 3px 0 0;
}

.theme-header-two .social-icon li a {
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
font-size: 13px;
color: #777777;
border-radius: 50%;
}

.theme-header-two .social-icon li a:hover {
color: #fff;
}

/*================= Sticky Menu ===============*/
@-webkit-keyframes menu_sticky {
0% {
margin-top: -75px;
opacity: 0;
}

50% {
margin-top: -64px;
opacity: 0;
}

100% {
margin-top: 0;
opacity: 1;
}
}

@keyframes menu_sticky {
0% {
margin-top: -75px;
opacity: 0;
}

50% {
margin-top: -64px;
opacity: 0;
}

100% {
margin-top: 0;
opacity: 1;
}
}

.theme-menu-wrapper.fixed {
position: fixed !important;
width: 100%;
top: 0;
left: 0;
z-index: 999;
background: #fff;
margin: 0;
padding-top: 0;
box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.15);
-webkit-animation: menu_sticky 0.7s ease-in-out;
animation: menu_sticky 0.7s ease-in-out;
}

.theme-menu-wrapper.fixed #mega-menu-holder>ul>li>a {
padding-bottom: 30px;
}

.theme-header-two .theme-menu-wrapper.fixed {
background: #fff;
}

.theme-header-two .theme-menu-wrapper.fixed #mega-menu-holder>ul>li>a {
padding-top: 20px;
padding-bottom: 20px;
}

/*---------------------------- Theme Main Banner -------------------------*/
.camera_wrap {
float: none;
}

#theme-main-banner .camera_overlayer {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(30, 30, 30, 0.5);
}

#theme-main-banner .main-container {
position: relative;
}

#theme-main-banner .camera_caption {
height: 100%;
}

#theme-main-banner .container {
position: relative;
z-index: 1;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

#theme-main-banner.banner-one .container {
margin-top: 60px;
}

#theme-main-banner .camera_caption>div {
background: transparent;
position: absolute;
width: 100%;
height: 100%;
top: 0;
text-shadow: none;
left: 0;
padding: 0;
}

#theme-main-banner .camera_caption h1 {
color: #fff;
text-transform: capitalize;
}

#theme-main-banner .camera_caption h1 span {
display: block;
font-size: 50px;
}

#theme-main-banner .camera_caption p {
color: #fff;
margin: 18px auto 35px auto;
}

#theme-main-banner.banner-one .camera_caption p {
width: 63%;
}

#theme-main-banner.banner-two .camera_caption p {
width: 48%;
margin-left: 0;
margin-right: 0;
}

#theme-main-banner .camera_prev,
#theme-main-banner .camera_next {
background: transparent;
}

#theme-main-banner .camera_prev span,
#theme-main-banner .camera_next span {
background: none;
position: relative;
width: auto;
height: auto;
position: relative;
width: 100px;
}

#theme-main-banner .camera_prev span {
right: 20px;
}

#theme-main-banner .camera_next span {
right: 97px;
}

#theme-main-banner .camera_prev span:before,
#theme-main-banner .camera_next span:before {
position: absolute;
text-transform: uppercase;
font-size: 12px;
top: 0;
right: 0;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 15px 13px;
transform: rotate(-90deg);
writing-mode: vertical-rl;
text-orientation: sideways-right;
}

#theme-main-banner .camera_prev span:before {
content: 'P r e v';
}

#theme-main-banner .camera_next span:before {
content: 'n e x t';
}

#theme-main-banner .camera_prev:before,
#theme-main-banner .camera_next:before {
font-family: 'font-awesome';
font-size: 18px;
color: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
line-height: 40px;
}

#theme-main-banner .camera_prev:before {
content: '';
}

#theme-main-banner .camera_next:before {
content: '';
}

#theme-main-banner .consultation-form {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}

#theme-main-banner .consultation-form form {
background: #fff;
padding: 55px 30px;
border-radius: 10px;
width: 370px;
}

#theme-main-banner .consultation-form h3 {
text-align: center;
margin-bottom: 20px;
}

#theme-main-banner .consultation-form form input {
width: 100%;
height: 52px;
border: 1px solid #e9e9e9;
background: #f2f2f2;
font-size: 14px;
padding: 0 20px;
margin-bottom: 10px;
font-style: italic;
}

#theme-main-banner .consultation-form form button {
margin: 0 auto;
}

/*--------------------------- Feature Work ---------------------*/
.feature-work .single-feature .title {
position: relative;
padding-bottom: 22px;
margin-bottom: 20px;
}

.feature-work .single-feature .title:before {
content: '';
width: 23px;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
}

.feature-work .single-feature p {
padding-right: 60px;
}

.feature-work .single-feature .learn-more {
text-decoration: underline;
margin-top: 25px;
text-transform: capitalize;
}

.feature-work .single-feature .learn-more:hover {
color: #000;
}

/*---------------------------- About Company -----------------------*/
.about-compnay.styleone .left-side {
background: #f6f6f6;
padding: 200px 0 210px 0;
}

.about-compnay.styleone .left-side .inner-content {
padding-left: 15px;
}

.about-compnay.styleone .left-side .inner-content .main-wrapper {
float: right;
max-width: 720px;
padding-right: 120px;
}

.about-compnay .theme-title-one {
margin-bottom: 30px;
}

.about-compnay .text-wrapper p {
margin-bottom: 22px;
}

.about-compnay .text-wrapper ul {
margin: 0 -20px;
padding: 10px 0 18px 0;
}

.about-compnay .text-wrapper ul li {
float: left;
width: 50%;
padding: 0 20px;
line-height: 35px;
}

.about-compnay .text-wrapper ul li span {
display: block;
color: #0a0a0a;
position: relative;
padding-left: 18px;
}

.about-compnay .text-wrapper ul li span:before {
content: '';
font-family: 'font-awesome';
line-height: 35px;
position: absolute;
left: 0;
top: 0;
color: #bbbbbb;
}

.about-compnay .text-wrapper .theme-button-one {
margin-top: 30px;
}

.about-compnay .image-wrapper {
height: 360px;
display: flex;
}

.about-compnay .image-wrapper .full-height {
height: 100%;
}

.about-compnay .image-wrapper .half-height {
height: 50%;
}

.about-compnay .image-wrapper .image-box {
position: relative;
overflow: hidden;
}

.sx_item .overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 1;

}

.about-compnay .image-wrapper .image-box:hover .overlay {
opacity: 1;
transform: scale(1);
}

.sx_item .single-counter-box {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 9;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.about-compnay .image-wrapper .image-box .single-counter-box .number {
font-weight: 700;
font-size: 80px;
color: #fff;
}

.sx_item p {
font-size: 16px;
color: #fff;
margin-top: 8px;
    max-width: 150px;
    display: none;
}
.sx_item a {
    width: 148px;
    background: #fff;
    padding: 12px 0;
    border-radius: 4px;
    font-size: 16px;
    margin-top: 24px;
    display: none;
}
.about-compnay.section-spacing {
    background: #F6F6F6;
    padding: 32px 0;
    text-align: center;
}
.about-compnay .about-feature .single-feature {

}

.about-compnay .about-feature .single-feature img {
width: 64px;
display: block;
margin: auto;
margin-bottom: 15px;
}


/*---------------------- Video Presentation --------------------*/
.video-presentation .video-player {
background: url(../images/home/4.jpg) no-repeat center;
background-size: cover;
text-align: center;
position: relative;
height: 376px;
box-shadow: 2.481px 12.761px 23px 0px rgba(213, 213, 213, 0.75);
}

@keyframes hvr-ripple-out {
0% {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1;
}

100% {
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
opacity: 0;
}
}

@keyframes hvr-ripple-out-two {
0% {
top: -15px;
right: -15px;
bottom: -15px;
left: -15px;
opacity: 1;
}

100% {
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;
opacity: 0;
}
}

.video-presentation .video-player .play-button {
width: 92px;
height: 92px;
margin: 0 auto;
text-align: center;
line-height: 92px;
font-size: 18px;
border-radius: 50%;
background: #fff;
position: relative;
top: 50%;
transform: translateY(-50%);
}

.video-presentation .video-player .play-button:before {
content: '';
position: absolute;
border-radius: 50%;
}

.video-presentation .video-player .play-button:before {
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
border: 1px solid #fff;
-webkit-animation: hvr-ripple-out 1.2s ease-in-out infinite;
animation: hvr-ripple-out 1.2s ease-in-out infinite;
}

.video-presentation .video-player .play-button:hover {
color: #fff;
}

.video-presentation .video-length {
text-align: right;
position: relative;
margin: 24px 0 0 0;
z-index: 9;
}

.video-presentation .video-length:before {
content: '';
width: 100%;
height: 1px;
background: #e3e3e3;
position: absolute;
top: 13px;
left: 0;
z-index: -1;
}

.video-presentation .video-length span {
display: inline-block;
padding: 0 18px;
font-size: 13px;
margin-right: 30px;
background: #fff;
}

.video-presentation .counter-text-wrapper li {
float: left;
width: 33.33333333%;
text-align: center;
margin-top: 30px;
}

.video-presentation .counter-text-wrapper li .number {
font-family: 'Tinos', serif;
font-size: 30px;
font-weight: 700;
margin-bottom: -4px;
}

.video-presentation .counter-text-wrapper li p {
font-size: 14px;
line-height: 20px;
margin-top: 8px;
}

.video-presentation .counter-text-wrapper li:nth-child(2) {
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

.video-presentation .info-text-wrapper {
padding-left: 60px;
text-align: center;
}

.video-presentation .info-text-wrapper .theme-title-one {
margin: 42px 0 30px 0;
}

.video-presentation .info-text-wrapper .help {
font-weight: 600;
color: #181818;
margin: 20px 0 10px 0;
}

.video-presentation .info-text-wrapper .help span {
font-size: 25px;
font-weight: 700;
}

.video-presentation .info-text-wrapper .help a {
font-size: 19px;
font-weight: normal;
margin-top: 3px;
}

.video-presentation .info-text-wrapper ul {
width: 75%;
margin: 18px auto 0 auto;
border-top: 1px solid #e3e3e3;
padding-top: 20px;
}

.video-presentation .info-text-wrapper ul li {
float: left;
width: 50%;
padding-left: 30px;
text-align: left;
}

.video-presentation .info-text-wrapper ul li img {
margin: 0 auto;
}

.video-presentation .info-text-wrapper ul li .name {
font-weight: 700;
color: #181818;
}

.video-presentation .info-text-wrapper ul li span {
font-size: 13px;
}

.video-presentation .info-text-wrapper ul li:last-child {
border-left: 1px solid #e3e3e3;
}

/*----------------------- Service Style One -------------------*/
.service-style-one {
padding: 64px 0 77px;
position: relative;
}

.service-style-one .section-bg-half {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: -1;
}
.service-style-one .theme-title-one .title{
    color: #fff;
}
.service-style-one .theme-title-one p{
    color: #fff;

}
.service-style-one .theme-title-one{
    margin-bottom: 60px;
}
.service-style-one .section-bg-half .opacity {
width: 100%;
height: 100%;
background: rgba(34, 34, 34, 0.88);
}

.service-style-one .left-half {
background: url(../images/Rectangle34625678.png) no-repeat center center;
background-size: cover;
left: 0;
}



.service-style-one .main-container {
max-width: 1365px;
padding: 0 15px;
margin: 0 auto;
}

.service-style-one .main-container .main-bg-wrapper {

}

.service-style-one .main-container .left-side {
float: left;
width: 35%;
}

.service-style-one .main-container .left-side p {
padding: 20px 0 40px 0;
}

.service-style-one .main-container .right-side {
float: left;
width: 65%;
padding-left: 70px;
}

.service-style-one .main-container .single-service {
position: relative;
}
.single-service span {
    font-size: 72px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}
.single-service  h6{
        font-size: 32px;
    color: #fff;
    margin-top: 10px;
}
.single-service  p{
        font-size: 16px;
    color: #fff;
    margin-top: 8px;
}
/*--------------------------- Latest Project -----------------*/
.latest-project.bg-color {
background: #181818;
padding: 130px 0 140px 0;
}

.latest-project.bg-color .theme-title-one .title {
color: #fff;
}

.latest-project .theme-title-one {
margin-bottom: 60px;
}

.latest-project .row {
margin-right: -1px;
margin-left: -1px;
}

.latest-project .row [class*="col-"] {
padding: 0 10px;
}

.latest-project .single-block {
overflow: hidden;
position: relative;
margin-bottom: 40px;
    width: 100%;
}

.latest-project .single-block img {
width: 100%;
    height: 400px;
    object-fit: cover;
}

.latest-project .single-block:hover img {
transform: scale3D(1.1, 1.1, 1);
}

.latest-project .single-block .overlay {
background: #fff!important;
padding: 16px 8px;
}
.latest-project .single-block .overlay h3{
    font-size: 24px;
    margin-bottom: 8px;
    position: relative;
}
.latest-project .single-block .overlay p{
    font-size: 16px;
    color: #666;
}
.latest-project .single-block .overlay h3 span{
    position: absolute;
    right: 0;
    bottom: 0;
        font-size: 16px;
    color: #666;
    font-weight: normal;
}

/*---------------------- FAQ Section ---------------------*/
.faq-section {
background: #f6f6f6;
padding: 135px 0 150px 0;
position: relative;
}

.faq-section .man-image {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}

.faq-section .main-wrapper {
float: right;
width: 54%;
position: relative;
z-index: 9;
}

.faq-tab-wrapper .title {
margin-bottom: 25px;
}

.accordion-one .panel-heading {
padding: 0;
border-radius: 0;
border: none;
background: #fff;
}

.accordion-one .panel-heading h6 a {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #333333;
padding: 17px 60px 17px 30px;
display: block;
position: relative;
}

.accordion-one .panel-group .panel {
margin: 0 0 5px 0;
box-shadow: none;
border-radius: 0;
border: none;
}

.accordion-one .panel-group .panel-heading a:before {
content: "+";
font-size: 19px;
width: 25px;
height: 25px;
text-align: center;
border-radius: 50%;
color: #fff;
line-height: 25px;
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: normal;
}

.accordion-one .panel-group .panel-heading.active-panel a:before {
content: "-";
}

.accordion-one .panel-group .panel-body {
border: none;
padding: 25px 55px 20px 45px;
background: #f6f6f6;
}

.accordion-one .panel-group .panel-body p {
border-left: 1px solid #e3e3e3;
padding-left: 20px;
}

/*--------------------- Partner Section One ------------------*/
.partner-section-one {
background: #f6f6f6;
padding: 32px 0;
}

.partner-section-one .overlay {
padding: 90px 0;
}

.partner-section-one .overlay img {
margin: 0 auto;
}

/*---------------------- Call Back Form One ------------------*/
.call-back-form-one .theme-title-one {
margin-bottom: 15px;
}

.call-back-form-one .theme-title-one .title:before {
display: none;
}

.call-back-form-one form input,
.call-back-form-one form .form-control {
font-family: 'Tinos', serif;
width: 100%;
height: 50px !important;
border: 1px solid #dbdbdb;
background: #fafafa;
padding: 0 20px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: none;
}

.call-back-form-one form textarea {
font-family: 'Tinos', serif;
width: 100%;
max-width: 100%;
height: 130px;
max-height: 130px;
border: 1px solid #dbdbdb;
background: #fafafa;
padding: 20px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: none;
}

.call-back-form-one form button {
margin: 0 auto;
}

/*--------------------- Testimonial Section One -----------------*/
.testimonial-section-one {

}

.testimonial-section-one .inner-wrapper {
max-width: 1910px;
padding: 150px 14% 150px 15px;
}

.testimonial-section-one .inner-wrapper .main-bg {

}

.testimonial-section-one .inner-wrapper .main-bg .icon {
font-size: 42px;
}

.testimonial-section-one .inner-wrapper .main-bg p {
font-size: 18px;
line-height: 30px;
padding: 4px 0 22px 0;
}

.testimonial-section-one .inner-wrapper .main-bg .name {
font-size: 22px;
}

.testimonial-section-one .inner-wrapper .main-bg span {
font-size: 13px;
}

.testimonial-section-one .owl-theme .owl-nav [class*=owl-] {
font-family: 'font-awesome';
width: 52px;
height: 52px;
border-radius: 50%;
border: 1px solid #fff;
line-height: 50px;
text-align: center;
color: #fff;
background: transparent;
font-size: 18px;
padding: 0;
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
}

.testimonial-section-one .owl-theme .owl-nav .owl-next {
right: -125px;
}

.testimonial-section-one .owl-theme .owl-nav .owl-prev {
left: -125px;
}

.testimonial-section-one .owl-theme .owl-nav [class*=owl-]:hover {
background: #fff;
color: #333333;
}

/*----------------------- Our Blog Grid ----------------------*/


.our-blog .single-blog-meta .img-box img {
width: 100%;
}

.our-blog .single-blog-meta:hover .img-box img {
opacity: 0.8;
transform: scale3D(1.1, 1.1, 1);
}
.new_left{
	width: 50%;

}
.new_right{
	width: 50%;
	    display: flex;
    flex-flow: column;
    gap: 20px;
}
.new_right .single-blog-meta {
    display: flex;
    background: #F6F6F6;
    gap: 24px;
    align-items: center;
}
.latest-news-slider {
    display: flex;
    gap: 20px;
}
.our-blog .img-box{
	overflow: hidden;
}
.single-blog-meta h6 a {
    font-size: 18px;
    color: #000;
        margin-bottom: 5px;
}
.single-blog-meta p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
     display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.new_right .img-box {
    width: 185px;
    flex: none;
}
.new_left .title a{
	font-size: 24px;

}
.new_left .text{
	padding: 24px 32px;
	background: #f8f8f8;
}
/*---------------------- Footer One ------------------------*/
.theme-footer-one {
background: #1f1f1f
}

.theme-footer-one .top-footer {
border-bottom: 1px solid #373737;
position: relative;
padding-bottom: 35px;
}

.theme-footer-one .top-footer ul li {
display: inline-block;
position: relative;
}

.theme-footer-one .top-footer ul li h6 {
font-size: 16px;
color: #777777;
}

.theme-footer-one .top-footer ul li a {
font-family: 'Tinos', serif;
font-size: 20px;
color: #ffffff;
}

.theme-footer-one .top-footer ul li .icon {
position: absolute;
font-size: 35px;
top: -3px;
}

.theme-footer-one .top-footer ul li:first-child {
float: left;
text-align: right;
padding-right: 20px;
border-right: 1px solid #373737;
}

.theme-footer-one .top-footer ul li:last-child {
float: right;
padding-left: 20px;
border-left: 1px solid #373737;
}

.theme-footer-one .top-footer ul li:first-child .icon {
right: -50px;
}

.theme-footer-one .top-footer ul li:last-child .icon {
left: -55px;
}

.theme-footer-one .top-footer .logo {
position: absolute;
top: -10px;
left: 50%;
z-index: 9;
transform: translateX(-50%);
}

.theme-footer-one .main-footer-widget {
padding: 60px 0 0px 0;
}

.main-footer-widget .title {
font-size: 18px;
color: #fff;
font-weight: 700;
margin-bottom: 22px;
}

.main-footer-widget .about-widget p:nth-child(2) {
border-bottom: 1px solid #373737;
padding-bottom: 18px;
margin-bottom: 18px;
}

.main-footer-widget .about-widget p span {
color: #fff;
}

.main-footer-widget .list-widget ul li a {
color: #CDCDCD;
margin-bottom: 15px;
font-size: 14px;
}

.main-footer-widget .list-widget ul li:last-child a {
margin-bottom: 0;
}
.erweima-widget{
    text-align: center;
}
.main-footer-widget .comment-widget ul li img {
float: left;
width: 58px;
height: 58px;
border-radius: 50%;
margin-top: 15px;
}

.main-footer-widget .comment-widget ul li .text {
float: left;
width: calc(100% - 58px);
padding: 0 10px 0 15px;
}

.main-footer-widget .comment-widget ul li p a {
color: #fff;
}

.main-footer-widget .comment-widget .date {
font-size: 13px;
margin-top: 10px;
}

.main-footer-widget .comment-widget .date i {
color: #fff;
font-size: 16px;
vertical-align: middle;
margin-right: 10px;
}

.main-footer-widget .comment-widget ul li {
padding: 10px 0 22px 0;
margin-bottom: 16px;
border-bottom: 1px solid #373737;
}

.main-footer-widget .comment-widget ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border: none;
}

.main-footer-widget .subscribe-widget form {
position: relative;
height: 48px;
margin-bottom: 20px;
}

.main-footer-widget .subscribe-widget form input {
width: 100%;
height: 100%;
border: none;
background: #2d2d2d;
border-radius: 10px;
padding: 0 58px 0 15px;
color: #777777;
}

.main-footer-widget .subscribe-widget form button {
position: absolute;
width: 55px;
top: 0;
right: 0;
bottom: 0;
border-radius: 0 10px 10px 0;
color: #fff;
font-size: 20px;
}

.main-footer-widget .social-icon li {
display: inline-block;
margin: 35px 5px 0 0;
}

.main-footer-widget .social-icon li a {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
background: #2d2d2d;
color: #777777;
font-size: 13px;
}

.main-footer-widget .social-icon li a:hover {
color: #fff;
}

.main-footer-widget .row [class*="col"] {
margin-bottom: 45px;
}

.theme-footer-one .bottom-footer {

}

/*---------------------- Footer Two ----------------------*/
.theme-footer-two {
background: #222222;
padding-top: 70px;
}

.theme-footer-two .main-footer-widget .about-widget p:nth-child(2) {
border-bottom: none;
border-top: 1px solid #373737;
margin: 15px 0 0 0;
padding: 20px 0 0 0;
}

.theme-footer-two .main-footer-widget .title {
margin-top: 30px;
}

.main-footer-widget .twitter-widget ul li {
padding: 10px 0 22px 40px;
position: relative;
margin-bottom: 16px;
border-bottom: 1px solid #373737;
}

.main-footer-widget .twitter-widget ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border: none;
}

.main-footer-widget .twitter-widget .date {
font-size: 13px;
margin-top: 10px;
}

.main-footer-widget .twitter-widget .date i {
font-size: 16px;
vertical-align: middle;
margin-right: 10px;
}

.main-footer-widget .twitter-widget a {
color: #fff;
}

.main-footer-widget .twitter-widget .twitter {
position: absolute;
top: 5px;
left: 0;
color: #fff;
font-size: 25px;
}

.theme-footer-two .main-footer-widget .row [class*="col"] {
margin-bottom: 15px;
}

.theme-footer-two .main-footer-widget .subscribe-widget form {
margin-bottom: 50px;
}

.theme-footer-two .bottom-footer {
padding: 25px 0;
margin-top: 65px;
}

.theme-footer-two .bottom-footer p {
color: #fff;
}

/*------------------------ Feature Work Style Two --------------------*/
.feature-work-two .single-feature {
text-align: center;
padding: 65px 10% 85px 10%;
}

.feature-work-two .single-feature .icon {
margin: 0 auto;
}

.feature-work-two .single-feature a {
color: #fff;
margin: 10px 0 20px 0;
}

.feature-work-two .single-feature p {
color: #cccccc;
}

.feature-work-two .single-feature.color-fix a {
color: #333333;
}

.feature-work-two .single-feature.color-fix p {
color: #777777;
}

.feature-work-two .single-feature.bg-color p {
color: #ffffff;
}

/*--------------------- Quote Banner -----------------*/
.quote-banner {
background: url(../images/home/9.jpg) no-repeat center;
background-size: cover;
background-attachment: fixed;
}

.quote-banner .overlay {
background: rgba(31, 31, 31, 0.8);
padding: 114px 0;
}

.quote-banner .overlay h2 {
color: #fff;
}

.quote-banner .overlay .theme-button-one {
float: right;
margin-top: 15px;
}

/*---------------------- Service Style Two ------------------*/
.service-style-two .theme-title-one {
margin-bottom: 60px;
}

.service-style-two .single-block {
margin-bottom: 60px;
}

.service-style-two .single-block .img-box {
overflow: hidden;
position: relative;
vertical-align: middle;
}

.service-style-two .single-block .img-box img {
width: 100%;
    height: 275px;
    object-fit: cover;
}
.service-style-anli.service-style-two .single-block .img-box img {
width: 100%;
    height: 202px;
    object-fit: cover;
}
.service-style-two .single-block:hover .img-box img {
transform: scale3D(1.1, 1.1, 1);
}
.feature_anli.anli_bg .t_left img {
  
    flex: none;
    width: 40px!important;
    height: 40px;
}
.service-style-two .single-block .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
transform: scale(0.5);
}

.service-style-two .single-block:hover .overlay {
opacity: 1;
transform: scale(1);
}

.service-style-two .single-block .overlay .play-button {
width: 72px;
height: 72px;
margin: 0 auto;
text-align: center;
line-height: 72px;
font-size: 28px;
border-radius: 50%;
background: #fff;
position: relative;
top: 50%;
transform: translateY(-50%);
}

.service-style-two .single-block .overlay .play-button:before {
content: '';
position: absolute;
border-radius: 50%;
}

.service-style-two .single-block .overlay .play-button:before {
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
border: 1px solid rgba(255, 255, 255, 0.5);
-webkit-animation: hvr-ripple-out 1.2s ease-in-out infinite;
animation: hvr-ripple-out 1.2s ease-in-out infinite;
}

.service-style-two .single-block .text {
    position: relative;
    background: #F6F6F6;
    padding: 24px;
}

.service-style-two .single-block .text .srvc-name {
margin-left: 60px;
padding-left: 20px;
border-left: 1px solid #e3e3e3;
}

.service-style-two .single-block .text .srvc-name span {
font-size: 13px;
font-style: italic;
}

.service-style-two .single-block .text .srvc-name h5 a {
color: #181818;
}

.service-style-two .single-block .text p {
padding-top: 12px;
}

.service-style-two .single-block .text .icon {
position: absolute;
top: -8px;
left: 0;
font-size: 42px;
}

.service-style-two .view-all-service {
text-align: center;
padding-top: 25px;
}

.service-style-two .view-all-service .theme-button-one {
margin: 0 auto;
background: #f6f6f6;
color: #181818;
}

.service-style-two .view-all-service .theme-button-one:hover {
color: #fff;
}
.service-style-two .single-block h3{
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 12px;
}
.service-style-two  .tc_tag span {
    background: #E5E5E5;
    font-size: 15px;
    padding: 4px 12px;
    border-radius: 4px;
}
.service-style-two .tc_tag {
    gap: 8px;
    padding-bottom: 0;
    position: relative;
    margin-bottom: 0;
}
.service-style-two .tc_tag:after{
    display: none;
}
/*---------------------- Why Choose us -----------------------*/
.why-choose-us {
background: #f6f6f6;
padding: 140px 0;
}

.why-choose-us .theme-title-one {
margin-bottom: 38px;
}

.why-choose-us .single-block {
padding-top: 45px;
}

.why-choose-us .single-block .tag {
display: inline-block;
line-height: 30px;
padding: 0 12px;
font-size: 13px;
color: #fff;
font-style: italic;
}

.why-choose-us .single-block .title {
margin: 10px 0 8px 0;
}

.why-choose-us .call-back-form-two {
padding-left: 50px;
}

.why-choose-us .call-back-form-two input {
font-family: 'Tinos', serif;
width: 100%;
height: 50px;
border: 1px solid #dbdbdb;
background: #fafafa;
border-radius: 10px;
padding: 0 20px;
margin-bottom: 18px;
}

.why-choose-us .call-back-form-two textarea {
font-family: 'Tinos', serif;
height: 140px;
max-height: 140px;
max-width: 100%;
width: 100%;
border: 1px solid #dbdbdb;
background: #fafafa;
border-radius: 10px;
padding: 15px 20px;
margin-bottom: 18px;
}

/*--------------------- Theme Counter Section -----------------*/
.theme-counter-section {
background: url(../images/home/10.jpg) no-repeat center;
background-size: cover;
background-attachment: fixed;
text-align: center;
}

.theme-counter-section .overlay {
padding: 140px 0 100px 0;
}

.theme-counter-section .title {
color: #fff;
margin-bottom: 45px;
}

.theme-counter-section .single-counter {
margin-bottom: 40px;
}

.theme-counter-section .single-counter .icon {
color: #fff;
font-size: 60px;
}

.theme-counter-section .single-counter .number {
font-family: 'Tinos', serif;
font-size: 60px;
font-weight: 700;
color: #fff;
margin: -8px 0 -4px 0;
}

.theme-counter-section .single-counter p {
font-weight: 600;
color: #fff;
}

/*--------------------- Appointment Section -----------------*/
.appointment-section {
background: #f6f6f6;
padding: 130px 0 140px 0;
}

.appointment-section .monthly {
background: #fff;
}

.appointment-section .title {
margin-bottom: 32px;
}

.appointment-section .monthly-day-wrap {
overflow: visible;
}

.appointment-section .monthly-header {
height: 56px;
padding: 0 20px;
line-height: 56px;
margin-bottom: 10px;
color: #fff;
border-radius: 5px 5px 0 0;
}

.appointment-section .monthly-header-title {
font-family: 'Tinos', serif;
text-transform: capitalize;
font-size: 20px;
color: #fff;
}

.monthly-reset,
.monthly-reset:before {
display: none;
}

.appointment-section .monthly-day:before {
padding-top: 78%;
}

.appointment-section .monthly-prev,
.appointment-section .monthly-next {
line-height: 56px;
opacity: 1;
width: auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.appointment-section .monthly-prev {
left: 20px;
}

.appointment-section .monthly-next {
right: 20px;
}

.appointment-section .monthly-prev:after,
.appointment-section .monthly-next:after {
display: none;
}

.appointment-section .monthly-prev:before,
.appointment-section .monthly-next:before {
font-family: 'font-awesome';
line-height: 56px;
color: #fff;
font-size: 20px;
width: 100%;
position: absolute;
top: 0;
left: 0;
}

.appointment-section .monthly-prev:before {
content: '';
}

.appointment-section .monthly-next:before {
content: '';
}

.appointment-section .monthly-day-title-wrap {
height: 30px;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}

.appointment-section .monthly-day-title-wrap div {
font-family: 'Tinos', serif;
line-height: 30px;
font-size: 16px;
color: #181818;
border-right: 1px solid #ebebeb;
}

.appointment-section .monthly-day {
background: #fff;
border: 1px solid #ebebeb;
box-shadow: none;
}

.appointment-section .monthly-day-blank {
background: #eff3ff;
}

.appointment-section .monthly-day-pick>.monthly-day-number {
font-family: 'Tinos', serif;
padding-top: 0;
line-height: 60px;
text-align: center;
font-size: 25px;
color: #181818;
font-weight: normal;
}

.appointment-section .monthly-day-blank>.monthly-day-number {
padding-top: 0;
text-align: center;
font-size: 24px;
color: #e4e4e4;
font-weight: normal;
}

.appointment-section .monthly-day-pick.monthly-today .monthly-day-number {
margin: 0;
text-align: center;
padding-top: 0;
width: 100%;
background: transparent;
}

.appointment-section .monthly-day-pick.monthly-today {
z-index: 99;
border: none;
outline: none;
}

.appointment-section .monthly-day-pick.monthly-today .monthly-day-number {
color: #fff;
}

.appointment-section .monthly-day:hover .monthly-day-number,
.appointment-section .monthly-day:focus .monthly-day-number,
.appointment-section .monthly-day:hover .monthly-day-number:before,
.appointment-section .monthly-day:focus .monthly-day-number:before {
color: #fff;
}

/*__________ MODAL _______*/
.modal-open {
overflow: hidden !important;
}

#schedule-box .modal-content {
box-shadow: none;
border: 1px solid #dbdbdb;
background: #fff;
border-radius: 0;
padding: 40px 30px;
}

#schedule-box .title {
text-align: center;
margin-bottom: 50px;
}

#schedule-box .close {
display: block;
float: none;
opacity: 1;
text-shadow: none;
width: 50px;
line-height: 50px;
border-radius: 50%;
color: #777777;
font-size: 18px;
text-align: center;
position: absolute;
top: -10px;
right: -10px;
}

#schedule-box form input,
#schedule-box form .form-control {
font-family: 'Tinos', serif;
width: 100%;
height: 50px !important;
border: 1px solid #dbdbdb;
background: #fafafa;
padding: 0 20px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: none;
}

#schedule-box form textarea {
font-family: 'Tinos', serif;
width: 100%;
max-width: 100%;
height: 130px;
max-height: 130px;
border: 1px solid #dbdbdb;
background: #fafafa;
padding: 20px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: none;
}

#schedule-box form button {
margin: 0 auto;
}

/*--------------------- Testimonial Section Two -----------------*/
.testimonial-section-two {
background: url(https://images.unsplash.com/photo-1521737604893-d14cc237f11d?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2084&q=80) no-repeat center;
background-size: cover;
background-attachment: fixed;
text-align: center;
}

.testimonial-section-two .overlay {
background: rgba(34, 34, 34, 0.1);
padding: 170px 0 165px 0;
}

.testimonial-section-two .overlay .testimonial-slider-one .item {
padding-top: 20px;
}
#mega-menu-holder li>ul.dropdown{
    left: 50%;
    transform: translateX(-50%);
}
#mega-menu-holder li>ul.dropdown li {
   
    padding-left: 20px;
    padding-right: 20px;
}
#mega-menu-holder ul.dropdown li a{
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #eee;
}
#mega-menu-holder ul.dropdown li:last-child a{
    border-bottom: 0;
}
.testimonial-section-two .overlay .play-button {
width: 94px;
height: 94px;
margin: 0 auto;
text-align: center;
line-height: 94px;
font-size: 22px;
border-radius: 50%;
background: #fff;
position: relative;
}

.testimonial-section-two .overlay .play-button:before {
content: '';
position: absolute;
border-radius: 50%;
}

.testimonial-section-two .overlay .play-button:before {
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;
border: 1px solid rgba(255, 255, 255, 0.3);
-webkit-animation: hvr-ripple-out 1.2s ease-in-out infinite;
animation: hvr-ripple-out 1.2s ease-in-out infinite;
}

.testimonial-section-two .item p {
max-width: 1170px;
font-family: 'Tinos', serif;
font-size: 20px;
line-height: 30px;
font-style: italic;
margin: 55px auto 22px auto;
width: 32%;
color: #fff;
}

.testimonial-section-two .item .name h6 {
color: #fff;
font-size: 22px;
}

.testimonial-section-two .item .name h6 span {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}

.testimonial-section-two .owl-theme .owl-nav [class*=owl-] {
font-family: 'font-awesome';
width: 52px;
height: 52px;
border-radius: 50%;
border: 1px solid #fff;
line-height: 50px;
text-align: center;
color: #fff;
background: transparent;
font-size: 18px;
padding: 0;
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
}

.testimonial-section-two .owl-theme .owl-nav .owl-next {
right: 20px;
}

.testimonial-section-two .owl-theme .owl-nav .owl-prev {
left: 20px;
}

.testimonial-section-two .owl-theme .owl-nav [class*=owl-]:hover {
background: #fff;
color: #333333;
}

/*---------------------- Partner Section Two -------------------*/
.partner-section-two {
border-top: 1px solid #e3e3e3;
padding: 45px 0;
}

.partner-section-two .item img {
margin: 0 auto;
}

/*---------------------- Theme Inner Banner -----------------------*/
.theme-inner-banner .overlay {
padding: 140px 0;
background: rgba(30, 30, 30, 0.7);
text-align: center;
}

.theme-inner-banner .overlay .title {
font-size: 50px;
font-weight: 700;
color: #fff;
}

/*---------------------- Project Details ------------------*/
.project-details .img-box {
margin-bottom: 45px;
}

.project-details .title {
font-weight: 700;
margin-bottom: 25px;
font-size: 40px;
}

.project-details .slogan-text {
font-size: 20px;
line-height: 30px;
color: #181818;
margin-bottom: 22px;
}

.project-details p {
padding-bottom: 20px;
}

.project-details .inner-title {
font-weight: 700;
margin-bottom: 15px;
}

.project-details .list-text {
padding-bottom: 20px;
}

.project-details .project-details-info {
margin-top: 25px;
}

.project-details .list-text li {
float: left;
width: 50%;
position: relative;
color: #181818;
font-weight: 600;
font-size: 17px;
padding: 0 0 15px 20px;
}

.project-details .list-text li:before {
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
top: 9px;
left: 0;
}

.project-details .project-tab .nav-tabs {
border: none;
}

.project-details .project-tab .nav-tabs .nav-item {
margin-bottom: 1px;
}

.project-details .project-tab .nav-tabs .nav-link {
font-family: 'Tinos', serif;
font-size: 17px;
border: 1px solid #e0e0e0;
font-weight: 700;
color: #181818;
line-height: 44px;
padding: 0 30px;
background: #eaeaea;
border-radius: 0;
margin-right: 1px;
}

.project-details .project-tab .nav-tabs .nav-item.show .nav-link,
.project-details .project-tab .nav-tabs .nav-link.active {
color: #fff;
}

.project-details .project-tab .tab-content {
border: 1px solid #e0e0e0;
background: #eaeaea;
padding: 45px 10px 20px 40px;
}

.project-details .project-tab .tab-content ul li h6 {
font-weight: 700;
}

.project-details .project-tab .tab-content ul li p {
font-size: 14px;
}

.project-details .project-tab .tab-content ul li {
padding-bottom: 5px;
}

.project-details .project-tab .tab-content ul li:last-child {
padding: 0;
}

.project-details .result-text {
background: #f6e8e8;
padding: 45px 50px 25px 45px;
margin-top: 20px;
}

.project-details .result-text h6 {
font-weight: 700;
margin-bottom: 5px;
}

.project-details .result-text p {
color: #181818;
}

/*--------------------------- Latest Project -----------------*/
.our-portfolio .single-block {
overflow: hidden;
position: relative;
margin-bottom: 30px;
}

.our-portfolio .single-block img {
width: 100%;
}

.our-portfolio .single-block:hover img {
transform: scale3D(1.1, 1.1, 1);
}

.our-portfolio .single-block .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
transform: scale(0.5);
}

.our-portfolio .single-block:hover .overlay {
opacity: 1;
transform: scale(1);
}

.our-portfolio .single-block .overlay>div {
position: relative;
top: 50%;
transform: translateY(-50%);
}

.our-portfolio .single-block .overlay>div a {
width: 118px;
height: 118px;
position: relative;
margin: 0 auto;
}

.our-portfolio .single-block .overlay>div a:before,
.our-portfolio .single-block .overlay>div a:after {
content: '';
position: absolute;
background: #fff;
}

.our-portfolio .single-block .overlay>div a:before {
width: 1px;
height: 100%;
top: 0;
left: 50%;
}

.our-portfolio .single-block .overlay>div a:after {
width: 100%;
height: 1px;
top: 50%;
left: 0;
}

.our-portfolio.portfolio-three-column .single-block .overlay>div a {
width: 92px;
height: 92px;
}

.our-portfolio.portfolio-three-column .row {
margin: 0 -10px;
}

.our-portfolio.portfolio-three-column .row [class*="col-"] {
padding: 0 10px;
}

.our-portfolio.portfolio-three-column .single-block {
margin-bottom: 20px;
}

.our-portfolio.portfolio-four-column .single-block .overlay>div a {
width: 70px;
height: 70px;
}

.our-portfolio.portfolio-four-column .row {
margin: 0 -7px;
}

.our-portfolio.portfolio-four-column .row [class*="col-"] {
padding: 0 7px;
}

.our-portfolio.portfolio-four-column .single-block {
margin-bottom: 14px;
}

.our-portfolio.portfolio-full-width .row {
margin: 0 -12px;
}

.our-portfolio.portfolio-full-width .row [class*="col-"] {
padding: 0 12px;
}

.our-portfolio.portfolio-full-width .single-block {
margin-bottom: 24px;
}

.our-portfolio.portfolio-full-width {
padding: 20px 20px 0 20px;
}

/*------------------------ Theme Sidebar -------------------*/
.theme-sidebar .sidebar-spacing {
    padding: 24px;
    /* text-align: center; */
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    background: #fff;
}
.hot_anli div {
    font-size: 18px;
    padding: 16px 0;
}
.hot_anli {
    display: flex;
    flex-flow: column;
    gap: 32px;
}
.theme-sidebar .sidebar-title {
font-size: 25px;
margin-bottom: 20px;
}

.theme-sidebar .sidebar-search form {
height: 50px;
position: relative;
}

.theme-sidebar .sidebar-search form input {
width: 100%;
height: 100%;
background: #fbfbfb;
border: 1px solid #e8e8e8;
font-size: 13px;
padding: 0 40px 0 15px;
}

.theme-sidebar .sidebar-search form button {
position: absolute;
right: 0;
width: 40px;
top: 0;
bottom: 0;
background: transparent;
font-size: 16px;
}

.theme-sidebar .sidebar-author {
background: #fbfbfb;
border: 1px solid #e8e8e8;
padding: 40px 10px 35px 10px;
text-align: center;
}

.theme-sidebar .sidebar-author img {
width: 130px;
height: 130px;
border-radius: 50%;
margin: 0 auto;
}

.theme-sidebar .sidebar-author h6 {
font-weight: 700;
padding: 25px 0 4px 0;
}

.theme-sidebar .sidebar-author .social-icon li {
display: inline-block;
margin: 18px 1px 0 1px;
}

.theme-sidebar .sidebar-author .social-icon li a {
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
font-size: 13px;
color: #777777;
border-radius: 50%;
}

.theme-sidebar .sidebar-author .social-icon li a:hover {
color: #fff;
}

.theme-sidebar .sidebar-categories ul li a {
display: block;
font-weight: 600;
color: #777777;
border-bottom: 1px solid #e2e2e2;
padding: 13px 0;
}

.theme-sidebar .sidebar-contact-banner {
background: url(../images/home/pattern.png) no-repeat center center;
background-color: #fbfbfb;
border: 1px solid #e8e8e8;
padding: 45px 10px 50px 20px;
}

.theme-sidebar .sidebar-contact-banner h6 {
font-weight: 700;
}

.theme-sidebar .sidebar-contact-banner p {
padding: 16px 0 20px 0;
}

.theme-sidebar .sidebar-contact-banner .theme-button-one i {
margin-right: 3px;
}

.theme-sidebar .sidebar-latest-news .single-latest-news .news-title {
line-height: 25px;
color: #181818;
font-weight: 700;
}

.theme-sidebar .sidebar-latest-news .single-latest-news .img-box {
overflow: hidden;
margin: 13px 0 18px 0;
position: relative;
}

.theme-sidebar .sidebar-latest-news .single-latest-news .img-box img {
width: 100%;
}

.theme-sidebar .sidebar-latest-news .single-latest-news:hover .img-box img {
transform: scale3D(1.1, 1.1, 1);
}

.theme-sidebar .sidebar-latest-news .single-latest-news .img-box .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
transform: scale(0.5);
}

.theme-sidebar .sidebar-latest-news .single-latest-news:hover .overlay {
opacity: 1;
transform: scale(1);
}

.theme-sidebar .sidebar-latest-news .single-latest-news .img-box .overlay a {
color: #fff;
font-weight: 600;
position: relative;
text-decoration: underline;
top: 50%;
transform: translateY(-50%);
}

.theme-sidebar .sidebar-latest-news .single-latest-news ul li {
font-size: 12px;
}

.theme-sidebar .sidebar-latest-news .single-latest-news {
border-bottom: 1px solid #e2e2e2;
padding-bottom: 15px;
margin-bottom: 25px;
}

.theme-sidebar .sidebar-latest-news .single-latest-news:last-child {
margin-bottom: 0;
}

.theme-sidebar .sidebar-archive .form-control {
width: 100%;
height: 55px !important;
background: #fbfbfb;
border: 1px solid #e8e8e8;
font-size: 13px;
box-shadow: none;
}

.theme-sidebar .sidebar-tags ul {
margin: 0 -4px;
}

.theme-sidebar .sidebar-tags ul li {
float: left;
padding: 0 4px;
margin-bottom: 8px;
}

.theme-sidebar .sidebar-tags ul li a {
font-size: 13px;
color: #777777;
text-transform: uppercase;
background: #fbfbfb;
border: 1px solid #e8e8e8;
line-height: 50px;
padding: 0 22px;
}

.theme-sidebar .sidebar-tags ul li a:hover {
color: #fff;
}

.theme-sidebar .sidebar-gallery ul {
margin: 0 -2px;
}

.theme-sidebar .sidebar-gallery ul li {
float: left;
width: 33.333333333%;
padding: 0 2px;
}

.theme-sidebar .sidebar-gallery ul li a {
display: block;
}

.theme-sidebar .sidebar-gallery ul li img {
width: 100%;
}

.theme-sidebar .sidebar-text b {
display: block;
color: #181818;
font-weight: 600;
margin-bottom: 25px;
}

.theme-sidebar .sidebar-text ul li a {
color: #888888;
margin-bottom: 25px;
}

.theme-sidebar .sidebar-text ul li a span {
text-decoration: underline;
}

/*---------------------- News Calssic ------------------*/
.news-classic .single-classic-news .title .date {
font-size: 18px;
background: #fff!important;
}

.news-classic .single-classic-news .title h3 {
    font-size: 24px;
    color: #000;
    margin-bottom: 15px;
}
.news-classic .single-classic-news .title p{
    font-size: 16px;
    color: #333;
    min-height: 42px;
}
.news-classic .single-classic-news .title h3 a {
color: #181818;
}

.news-classic .single-classic-news .image-box {
    margin: 0;
    width: 310px;
    flex: none;
}

.news-classic .single-classic-news .post-tag-meta {
margin: 0 -20px;
padding-bottom: 20px;
}

.news-classic .single-classic-news .post-tag-meta li {
float: left;
padding: 0 20px;
border-right-width: 1px;
border-right-style: solid;
font-size: 13px;
line-height: 13px;
}

.news-classic .single-classic-news .post-tag-meta li:last-child {
border-right: none;
}

.news-classic .single-classic-news {
border-bottom: 1px solid #e3e3e3;
padding-bottom: 25px;
margin-bottom: 50px;
}

.news-classic .classic-news-bg {
background: #f0f0f0;
padding: 55px 50px 45px 95px;
position: relative;
margin-bottom: 50px;
}

.news-classic .classic-news-bg .quote-text {
font-size: 20px;
font-weight: 300;
}

.news-classic .classic-news-bg:before {
content: "\f100";
font-family: Flaticon;
position: absolute;
left: 50px;
top: 30px;
font-size: 32px;
}

.news-classic .classic-news-bg .author {
font-weight: 300;
color: #000;
padding: 3px 0 30px 0;
}

.news-classic .classic-news-bg .title a {
color: #181818;
margin-bottom: 10px;
}

.news-classic .classic-news-bg .post-tag-meta {
margin: 0 -20px;
padding-top: 15px;
}

.news-classic .classic-news-bg .post-tag-meta li {
float: left;
padding: 0 20px;
border-right-width: 1px;
border-right-style: solid;
font-size: 13px;
line-height: 13px;
}

.news-classic .classic-news-bg .post-tag-meta li:last-child {
border-right: none;
}

/*--------------------- News Details ------------------*/
.news-classic.news-details .single-classic-news .post-tag-meta {
padding-bottom: 30px;
}

.news-details .single-classic-news .upper-text:first-letter {
font-size: 30px;
font-weight: 700;
color: #181818;
}

.news-details .single-classic-news p {
padding-bottom: 20px;
}

.news-details .single-classic-news .inner-title {
padding-bottom: 20px;
}

.news-details .single-classic-news .list-text {
padding-bottom: 15px;
}

.news-details .single-classic-news .list-text li {
color: #181818;
position: relative;
padding: 0 0 12px 15px;
}

.news-details .single-classic-news .list-text li:before {
content: '';
font-family: 'font-awesome';
position: absolute;
top: 1px;
left: 0;
}

.news-details .single-classic-news .inner-block {
padding: 10px 0 15px 0;
}

.news-classic.news-details .classic-news-bg .quote-text {
margin-bottom: 12px;
}

.news-classic.news-details .classic-news-bg {
padding-bottom: 10px;
margin: 40px 0 20px 0;
}

.news-details .accordion-two {
margin: 10px 0 25px 0;
}

.accordion-two .panel-heading h6 a {
background: #f0f0f0;
font-size: 18px;
color: #181818;
display: block;
position: relative;
padding: 17px 50px 17px 45px;
}

.accordion-two .panel {
margin-bottom: 2px;
}

.accordion-two .panel-group .panel-heading a:before {
content: "+";
font-size: 22px;
width: 45px;
height: 100%;
text-align: center;
line-height: 55px;
position: absolute;
right: 0;
top: 0;
background: #e5e5e5;
}

.accordion-two .panel-group .panel-heading.active-panel a:before {
content: "-";
}

.accordion-two .panel-group .panel-heading a:after {
content: '';
font-family: 'font-awesome';
font-size: 18px;
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
}

.accordion-two .panel-group .panel-body {
border: 0;
padding: 20px 45px 0 45px;
}

.accordion-two .panel-group .panel-body p {
color: #181818;
}

.news-classic.news-details .single-classic-news {
padding-bottom: 10px;
margin-bottom: 10px;
}

.news-details .share-option .share {
font-size: 16px;
line-height: 28px;
}

.news-details .share-option .share i {
font-size: 14px;
color: #181818;
margin-right: 5px;
}

.news-details .share-option .social-icon li {
display: inline-block;
margin: 0 3px 0 0;
}

.news-details .share-option .social-icon li a {
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
font-size: 13px;
color: #777777;
border-radius: 50%;
}

.news-details .share-option .social-icon li a:hover {
color: #fff;
}

.news-details .inner-section-title {
font-size: 22px;
margin-bottom: 40px;
font-weight: normal;
}

.news-details .comment-section {
padding: 55px 0 15px 0;
}

.news-details .comment-section .single-comment .author {
float: left;
width: 150px;
background: #f7f7f7;
border: 1px solid #dedede;
padding: 25px 0 22px 0;
text-align: center;
}

.news-details .comment-section .single-comment .author img {
width: 92px;
height: 92px;
border-radius: 50%;
margin: 0 auto 15px auto;
}

.news-details .comment-section .single-comment .author .date {
font-weight: 13px;
}

.news-details .comment-section .single-comment .comment {
float: left;
width: calc(100% - 150px);
padding-left: 20px;
padding-right: 30px;
}

.news-details .comment-section .single-comment .comment .social-icon li {
display: inline-block;
margin-right: 15px;
}

.news-details .comment-section .single-comment .comment .social-icon li a {
color: #333333;
font-size: 14px;
}

.news-details .comment-section .single-comment .comment .social-icon {
padding: 14px 0;
}

.news-details .comment-section .single-comment {
margin-bottom: 60px;
}

.theme-form-one input,
.theme-form-one textarea {
width: 100%;
background: #f7f7f7;
border: 1px solid #e4e4e4;
margin-bottom: 20px;
font-size: 14px;
font-style: italic;
}

.theme-form-one input {
height: 52px;
padding: 0 15px;
}

.theme-form-one textarea {
max-width: 100%;
height: 198px;
max-height: 198px;
resize: none;
padding: 20px;
}

.theme-form-one button {
width: 100%;
}

/*----------------------- Contact us ---------------------*/
.contact-us-page .title {
text-align: center;
padding-bottom: 50px;
}

.contact-us-page .title h2 {
margin-bottom: 22px;
}

.contact-us-page .title p {
width: 80%;
margin: 0 auto;
}

.contact-us-page .address ul li {
font-family: 'Tinos', serif;
font-size: 18px;
color: #181818;
float: left;
width: 25%;
position: relative;
padding-left: 55px;
margin-bottom: 15px;
}

.contact-us-page .address ul li i {
position: absolute;
font-size: 35px;
top: 0;
left: 0;
}

.contact-us-page .theme-form-one {
margin-top: 40px;
}

.contact-us-page .theme-form-one button {
width: 180px;
margin: 0 auto;
}

/*======================= Form Validation ===================*/
.alert-wrapper {
display: none;
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
top: 0;
left: 0;
z-index: 9999999;
}

#success,
#error {
position: relative;
width: 500px;
height: 100px;
top: calc(50% - 50px);
left: calc(50% - 250px);
background: rgba(0, 0, 0, 0.8);
text-align: center;
}

#success .wrapper,
#error .wrapper {
display: table;
width: 100%;
height: 100%;
}

#success .wrapper p,
#error .wrapper p {
display: table-cell;
vertical-align: middle;
letter-spacing: 1px;
}

#success p {
color: #26ace3;
}

#error p {
color: #C9182B;
}

#error button,
#success button {
color: #fff;
width: 40px;
height: 40px;
line-height: 20px;
background: transparent;
border-radius: 50%;
position: absolute;
top: -20px;
right: -20px;
font-size: 20px;
}

.form-validation label.error {
display: none !important;
}

.form-validation input.error,
.form-validation textarea.error {
border: 1px solid #f03838 !important;
}

/*------------------- Google Map ---------------------*/
.map-canvas {
width: 100%;
height: 100%;
}

.google-map {
height: 600px;
}

/*----------------------- Error Page ------------------*/
.error-page {
text-align: center;
}

.error-page h2 {
font-size: 270px;
font-weight: 700;
letter-spacing: 2px;
line-height: inherit;
}

.error-page h3 {
font-size: 40px;
font-weight: normal;
margin: -80px 0 0 0;
}

.error-page p {
margin-bottom: 22px;
}

.error-page .or-text {
font-family: 'Tinos', serif;
font-size: 30px;
font-weight: 700;
color: #181818;
position: relative;
width: 70%;
margin: 22px auto 20px auto;
}

.error-page .or-text:before,
.error-page .or-text:after {
content: '';
width: 45%;
height: 1px;
background: #d5d5d5;
position: absolute;
top: 57%;
}

.error-page .or-text:before {
right: 0;
}

.error-page .or-text:after {
left: 0;
}

.error-page ul {
width: 69%;
margin: 0 auto;
}

.error-page ul li {
width: 44%;
height: 54px;
}

.error-page ul li .form-control {
width: 100%;
height: 100% !important;
background: #65d686;
border: none;
outline: none;
box-shadow: none;
font-size: 14px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
border-radius: 0;
}

.error-page ul li form {
width: 100%;
height: 100%;
position: relative;
background: #f55e70;
position: relative;
}

.error-page ul li form input {
width: 100%;
height: 100%;
font-size: 14px;
color: #fff;
font-weight: 700;
background: transparent;
border: none;
text-transform: uppercase;
padding: 0 40px 0 15px;
}

.error-page ul li form button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 40px;
color: #fff;
background: transparent;
}

.error-page ul li form ::placeholder {
color: #fff;
opacity: 1;
/* Firefox */
}

.error-page ul li form :-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #fff;
}

.error-page ul li form ::-ms-input-placeholder {
/* Microsoft Edge */
color: #fff;
}

/*----------------------- Style Switcher -----------------*/
.switcher {
display: none !important;
}
/*add*/
.camera_pag {
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
.owl_tab li {
    font-size: 16px;
    background: #f6f6f6;
    padding: 8px 24px;
    color: #333333;
    cursor: pointer;
    border-radius: 4px;
}
.owl_tab {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-bottom: 40px;
}
.owl_tab li.active{
	background: #93C52B;
	color: #fff;
}
.anli_mask {
   
}
a.anli_link{
    position: relative;
}
.anli_mask {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 24px;
    width: 100%;
    background: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 56%));
    opacity: 0;
    transition: all .4s ease;
}
.anli_mask h3 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
}
.anli_link:hover .anli_mask{
    opacity: 1;
}
.anli_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: auto auto;  
  gap: 20px; 
}
.anli_address {
    font-size: 14px;
    display: flex;
    gap: 32px;
}
.anli_more {
    padding: 8px 16px;
    border: 1px solid #fff;
    border-radius: 4px;
    display: inline-block;
    margin-top: 15px;
}
.anli_link {
    display: block;
}
.anli_link img{
    width: 100%;
        height: 100%;
    object-fit: cover;
    vertical-align: middle;
}

@media (min-width: 769px){
    .anli_list a:nth-child(1) {
  grid-column: 1 / 2;  /* 占第一列 */
  grid-row: 1 / 2;  /* 占第一行 */
}
.anli_list a:nth-child(2) {
  grid-column: 1 / 2;  /* 占第一列 */
  grid-row: 2 / 3;  /* 占第二行 */
}
.anli_list a:nth-child(3) {
  grid-column: 2 / 3;  /* 占第二列 */
  grid-row: 1 / 3;  /* 占第一行和第二行 */
}
.anli_list a:nth-child(4){
  grid-column: 3 / 5;  /* 跨第三列和第四列 */
  grid-row: 1 / 2;  /* 占第一行 */
  height: 226px;
}
.anli_list a:nth-child(5){
  grid-column: 3 / 4;  /* 占第三列 */
  grid-row: 2 / 3;  /* 占第二行 */
}
.anli_list a:nth-child(6) {
  grid-column: 4 / 5;  /* 占第四列 */
  grid-row: 2 / 3;  /* 占第二行 */
}
}

.partner-box  .item {
    /*display: flex;*/
    /*flex-flow: column;*/
    /*gap: 10px;*/
    padding: 0 5px;
}
.partner-box .swiper-slide a{
	padding: 15px 25px;
	background: #FFFFFF;
	display: block;
}
.partner-slider {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
}
.partner-box .swiper-slide{
    padding: 10px;
}
.partner-slider .item {
    margin-bottom: 10px;
}
.partner-box img{
	/*width: 100px;*/
}
.yuyue_form input {
    height: 48px;
    background: #f8f8f8;
    border: 0;
    display: block;
    width: 100%;
    margin-bottom: 14px;
    padding-left: 44px;
}
.yuyue_form {
    padding: 68px 63px 0 33px;
}
.yuyue-section-one .owl-item{
	border: 1px solid #E5E5E5;
}
.yuyue_form  .theme-button-one{
	    background: #93C52B;
    width: 100%;
    height: 48px;
    font-size: 18px;
    margin-top: 32px;
}
.owls-content > div{
  opacity: 0;
    position: absolute;
}
.owls-content > div:nth-child(1){
	/*display: block;*/
}
.owls-content .tab-pane-owl.active{
 opacity: 1;
    position: relative;
}
.banner-one{
	margin-bottom: 0!important;
}
.single-feature{
	position: relative;
}
.wu_mask {
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(90 78 36 / 85%);
    width: 100%;
    height: 100%;
    padding: 113px 0 0 96px;
    color: #fff;
    opacity: 0;
    transition: all .4s ease;
}
.owl-item.actived .wu_mask{
    opacity: 1;
}
.tc_text h3 {
    font-size: 32px;
    color: #fff;
    margin-bottom: 8px;
}
.tc_tag {
    font-size: 18px;
    display: flex;
    gap: 32px;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 40px;
}
.tc_tag:after{
	content: '';
	width: 72px;
height: 4px;
background: #D9D9D9;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.tc_tag span{
    position: relative;
    display: inline-block;
}
.tc_tag span:after{
    content: '';
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255,.5);
    position: absolute;
    right: -16px;
    display: inline-block;
    margin:auto;
    top: 0;
    bottom: 0;  
}
.tc_tag span:last-child:after{
    display: none;
}
.recommend_title {
    font-size: 18px;
    margin-bottom: 15px;
}
.tc_info {
    font-size: 14px;
    display: flex;
    flex-flow: column;
    gap: 10px;
}
.tc_btn{
    display: flex;
    gap: 16px;
    margin-top: 40px;
}
.tc_btn a:nth-child(1), .rdiv a{
    width: 128px;
height: 48px;
background: #93C52B;
color: #fff;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
border-radius:4px ;
}
.tc_btn a:nth-child(2){
    background: #fff;
    color: #333;
font-size: 16px;
    width: 212px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius:4px ;
}
.tc_info li{
    display: flex;
    gap: 8px;
    align-items: center;
}
.tc_info li:before{
    width: 4px;
height: 4px;
background: #62AC1E;
content: '';
display: inline-block;
}
.owls-content .owl-controls{
        max-width: 1300px;
    margin: auto;
    position: relative;
}
.owls-content .owl-nav{
        position: absolute;
    bottom: -5px;
    right: 0;
}
.owls-content .owl-nav > div {
    margin: 0!important;
    padding: 0!important;
    background: transparent!important;
    width: 70px;
    height: 70px;
    display: flex;
    text-align: center;
    line-height: 70px;
    border: 1px solid #fff;
    border-radius: 0!important;
}
.owls-content .owl-prev{
    border-right: 0!important;
}
.owls-content .owl-nav > div:hover{
    background: #93C52B!important;
    border-color: #93C52B!important;
}

.anli_bottom a{
    padding: 14px 32px;
    border-radius: 4px;
    display: inline-block;
    font-size: 16px;
}
.anli_bottom {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
}
.anli_bottom a:nth-child(1){
    background: #93C52B;
    color: #fff;
}
.anli_bottom a:nth-child(2){
color: #333;
border:1px solid #333;
}
.single-counter-box img {
    width: 88px;
    display: block;
    margin: auto;
    margin-bottom: 15px;
    margin-top: 0;
}
.single-counter-box h4{
    color: #fff;
}
.sx_item {
    width: 25%;
    position: relative;
}
.sx_item.active {
   width: 60%;
}
.sx_item.active p{
    display: block;
}
.sx_item.active  a{
    display: block;
}
.sx_item.active .overlay{
    width: 38%;
}
.yform_bottom {
    background: #f8f8f8;
    padding: 24px 32px;
    position: relative;
}
.yform_bottom h3 {
    font-size: 24px;
    margin-bottom: 8px;
}
.yform_bottom p{
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
        max-width: 525px;
    line-height: 1.4;
}
.yform_bottom div{
    display: flex;
    flex-flow: column;
    gap: 8px;
}
.yform_bottom p:before{
        width: 4px;
    height: 4px;
    background: #62AC1E;
    content: '';
    display: inline-block;
    vertical-align: middle;
flex: none;
}
.more_mendian{
    width: 160px;
    height: 48px;
    background: #fff;
    font-size: 16px;
    display: flex;
    border: 1px solid #999;
    align-items: center;
    justify-content: center;
        position: absolute;
    right: 107px;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 4px;
}

.more_mendian:hover,
.sx_item a:hover{
    background: #93C52B;
    color: #FFFFFF;
}
.yuyue-section-one .owl-prev{
     position: absolute;
    bottom: 75px;
    width: 75px;
    height: 75px;
    background:rgb(172 172 172 / 51%);
    right: 0;
    margin: 0!important;
    border-radius: 0;
    line-height: 75px;;
    right: 0;
}
.yuyue-section-one .owl-next{
    position: absolute;
    bottom: 0;
    width: 75px;
    height: 75px;
    background:rgb(172 172 172 / 51%);
    right: 0;
    margin: 0!important;
    border-radius: 0;
    line-height: 75px;
}
.yuyue_form form div{
    position: relative;
}
.yuyue_form i{
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 16px;
    top: 14px;
}
.icon_name{
 background: url(../images/name.png);
    background-size: cover;
}
.icon_phone {
    background: url(../images/dianhua.png);
    background-size: cover;
}
.icon_xiaoqu{
     background: url(../images/xiaoqu.png);
    background-size: cover;
}
.la_ul a {
    padding: 18px 0;
    font-size: 20px;
    color: #333;
    position: relative;
}
.la_ul {
    border-bottom: 1px solid rgb(0 0 0 / 8%);
    margin-bottom: 32px;
        display: flex;
    gap: 96px;
    justify-content: center;
}
.la_ul a.active{
    color: #93C52B;
}
.la_ul a.active:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: #93C52B;
    width: 100%;
    height: 4px;
}
.team_img {
    position: relative;
    overflow: hidden;
}
.team_img div{
        position: absolute;
    width: 150px;
    height: 52px;
    background: #93C52B;
    color: #fff;
    font-size: 24px;
    bottom: 0;
    right: 0;
    line-height: 52px;
    text-align: center;
    opacity: 0;
}
.latest-project .single-block:hover .team_img div{
    opacity: 1;
}
.service-style-two.feature_anli .single-block .text {
    position: relative;
    background: #fff;
    padding: 16px;
}
.service-style-two.feature_anli .single-block h3 {
    font-size: 18px;
    margin-bottom: 4px;
}
.service-style-two.feature_anli .tc_tag span {
    font-size: 13px;
}
.service-style-two.feature_anli .tc_tag{
    margin-top: 4px;
}
.t_left img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 50%;
}
.t_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.t_left {
    display: flex;
    align-items: center;
    gap: 12px;
}
.t_left h4{
    font-size: 16px;
    margin-bottom: 4px;
}
.t_left p{
    font-size: 14px;
    color: #999;
    line-height: 1;
}
.t_right{
    background: #93C52B;
    padding: 8px 24px;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
}
.t_right:hover{
    color: #fff;
    opacity: .7;
}
.filter_box dt{
     padding: 6px 0;
    font-size: 14px;
    color: #333;
    display: inline-block;
    font-weight: bold;
    margin-right: 24px;
}
dl.filter_box a {
    padding: 6px 12px;
    font-size: 14px;
    color: #666;
    display: inline-block;
}
dl.filter_box {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.filter_box a.selected{
color: #fff;
background: #93C52B;
border-radius: 4px 4px 4px 4px;
}
.filter_list{
        border-bottom: 1px solid rgb(0 0 0 / 8%);
        margin-bottom: 20px;
        padding-bottom: 7px;
        padding-top: 7px;
}
dd{
    margin-bottom: 0;
}
.single-classic-news {
    display: flex;
    gap: 32px;
    align-items: center;
}
.news_bottom {
    display: flex;
    font-size: 18px;
    justify-content: space-between;
    margin-top: 20px;
}
.theme-sidebar .yuyue_form {
    padding: 24px;
    text-align: center;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    margin-bottom: 20px;
    background: #fff;
}
.success_num{
    margin-top: 16px;
    font-size: 14px;
}
.mendian_list .item {
    margin-bottom: 56px;
}
.tc_detail_info {
    background: #F6F6F6;
}
ul.liucheng {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    text-align: center;
}
.liucheng img {
    width: 72px;
    margin: 0 auto 8px;
}
.t_d_t {
    background: #fff;
    padding: 32px;
    margin-top: -80px;
    margin-bottom: 32px;
    position: relative;
}
.t_d_t  .tc_tag{
    margin-bottom: 24px;
    padding-bottom: 28px;
}
.t_d_t .tc_info {
   
    flex-flow: inherit;
    gap: 0;
    flex-wrap: wrap;
}
.t_d_t .tc_info li {
   margin-bottom: 10px;
    width: 33.333%;
}
.t_d_t .recommend_title{
    color: #333;
}
.t_d_t .tc_tag span{
        background: #E5E5E5;
    font-size: 15px;
    padding: 4px 12px;
    border-radius: 4px
}
.t_d_t h2{
        margin-bottom: 8px;
}
.t_d_t .tc_btn .rdiv{
    position: absolute;
    top: 32px;
    right: 32px;
}
.t_d_m {
    background: #666666;
    height: 95px;
    padding: 0 24px;
    display: flex;
    border-radius: 4px;
    margin-bottom: 32px;
    align-items: center;
    justify-content: space-between;
}
.t_d_m img{
    height: 83px;
}
.tc_bm{
    display: flex;
    gap: 14px;
}
.t_d_m .yuyue_form {
    padding: 0;
}
.rdiv {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    gap: 30px;
}
.tc_renqi .price{
        font-size: 32px;
    color: #FA2D00;
        display: block;
}
.tc_renqi .popularity{
    background: #FFEEEE;
    border-radius: 4px 4px 4px 4px;
    padding: 4px 6px;
}
.tc_renqi .price small{
        font-size: 24px;
}
.t_d_m .yuyue_form .theme-button-one {
   
    width: 212px;
    height: 48px;
    font-size: 18px;
    margin-top: 0;
    border-radius: 4px;
    margin-left: 26px;
}
.t_d_m .yuyue_form input{
    margin-bottom: 0;
    border-radius: 4px;
}
.details-classic{
    background: #F6F6F6;
}
.desc_left{
    background: #fff;
    padding: 24px;
}
.desc_left article p{
    margin-bottom: 20px;
}
.side_title{
        font-size: 24px;
    border-bottom: 1px solid rgb(0 0 0 / 8%);
    padding-bottom: 12px;
    margin-bottom: 20px;
}
.sjs_banner img {
    height: 156px;
    width: 100%;
    object-fit: cover;
}
.sjs_section {
    margin-top: -90px;
}
.sjs_wrapper {
    display: flex;
    gap: 110px;
    align-items: flex-start;
    margin-bottom: 56px;
}
.sjs_wrapper > img{
        width: 300px;
    height: 300px;
    object-fit: cover;
    border: 10px solid #fff;
    border-radius: 50%;
    flex: none;
}
.sjs_text h3{
    position: relative;
    font-size: 32px;
    color: #fff;
    margin-bottom: 40px;
}
.sjs_text small{
    font-size: 24px;
    margin-left: 24px;
}
.sjs_text h3 a{
        background: #93C52B;
    padding: 8px 24px;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
        position: absolute;
    right: 0;
}
.sjs_text {
    margin-top: 35px;
}
.sjs_text ul li{
font-size: 16px;
color: #333;
display: flex;
gap: 12px;
margin-bottom: 10px;
}
.sjs_text li span{
    color: #999;
    width: 70px;
    flex: none;
}
.dctitle{
    font-size: 32px;
    margin-bottom: 24px;
    color: #000;
}
.hot_anlis .t_bottom {
   
    justify-content: space-between;
    background: #F6F6F6;
    padding: 0 24px 24px;
}
.anli_detail{
    padding-top: 30px;
}
.anli_title {
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 16px;
}
ul.anli_d_feature {
    background: #F8F8F8;
    display: flex;
    padding: 24px 40px;
    justify-content: space-around;
    text-align: center;
    align-items: center;
    margin-bottom: 32px;
}
.anli_d_feature span{
font-size: 14px;
color: #999;
margin-bottom: 10px;
display: block;
}
.anli_d_feature big{
font-size: 18px;
display: block;
}
.anli_d_feature var{
    width: 1px;
    height: 36px;
    background: #CDCDCD;
    display: inline-block;
}
.theme-sidebar .t_left img {
    width: 120px;
    height: 120px;
    flex: none;
}
.theme-sidebar  .t_right {
    margin-top: 12px;
}
.theme-sidebar .t_left h4 small{
    color: #999;
    font-size: 14px;
    margin-left: 8px;
}
.theme-sidebar .t_left p {
    line-height: 1.4;
}
.mb-20{
    margin-bottom: 20px;
}
.anli_bg{
        background: #f6f6f6;
    padding-top: 64px;
}
.f_anlislider .t_bottom {
    background: #fff;
    padding: 0 16px 16px;
}
.article_data {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    gap: 40px;
    margin-bottom: 32px;
}
.article_data em{
    color: #333;
    font-style: normal;
}
.page_pre_next{
       display: flex;
    justify-content: space-between;
    border-top: 1px solid #E5E5E5;
    margin-top: 32px;
    padding: 32px 0 0;
}
.page_pre_next a{
    font-size: 14px;
    color: #666;
}
.pinzhi_desc p{
    margin-bottom: 20px;
}
.icon_phone_w{
    background: url(../images/phone.png);
    width: 16px;
    height: 16px;
    background-size: cover;
    display: inline-block;
    margin: 0 4px 0 16px;
    vertical-align: middle;
}
.icon_map{
    background: url(../images/map.png);
     width: 16px;
    height: 16px;
    background-size: cover;
    display: inline-block;
   margin-right: 8px;
    vertical-align: middle;
}
.mega_menu.has-submenu{
        position: static!important;
}

.mega_left a {
      width: 302px!important;
    height: 56px;
    background: #F6F6F6!important;
    border-radius: 4px;
    display: flex!important;
    align-items: center;
    gap: 12px;
    font-size: 14px!important;
    margin-bottom: 12px;
}
.mega_left a  img{
    width: 36px;
}
.mega_list {
    display: flex;
    gap: 138px;
    align-items: flex-start;
    padding: 30px 0;
        max-width: 1300px;
    margin: auto;
        justify-content: space-between;
}
li.mega_right a{
    width: 420px!important;
}
.mega_menu.has-submenu ul{
        width: 100vw!important;
    left: 50%!important;
    transform: translateX(-50%)!important;
}
.mega_right a:hover:after{
    display: none;
}
.ft-widget img{
    width: 220px;
    margin-bottom: 32px;
}
.erweima-widget img{
    width: 128px;
    display: inline-block;
}
.erweima-widget p{
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
}
.main-footer-widget .col-lg-2 {
    -ms-flex: 0 0 14;
    flex: 0 0 14%;
    max-width: 14%;
}
.ft-widget div{
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
}
.ft-widget div a{
    color: #93C52B;
}
.ft-widget {
    margin-left: 5%;
}
.bf_line {
    border-top: 1px solid #7D7D7D;
    padding: 40px 0 60px;
    font-size: 14px;
    color: #999;
    display: flex;
    flex-flow: column;
    gap: 15px;
}
.links a{
    font-size: 14px;
    color: #999;
    margin-left: 29px;
}
.fmodal_banner {
    display: flex;
    gap: 20px;
    align-items: center;
        background: #F5FCE7;
    padding: 16px;
    justify-content: center;
    border-radius: 12px 12px 0 0;
}
.fmodal_banner > img{
    width: 48px;
}
.fmodal_banner div img{
    width: 200px;
}
.modal-dialog .yuyue_form{
    padding: 0;
}
.modal_cont{
    padding: 16px 24px 24px;
}
.fang_ul{
    display: flex;
}
.fang_ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 16px;
}
.fang_ul li{
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
.fang_ul li:before{
    content: '';
    background: url(../images/ec.png);
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    display: inline-block;
}
.fang_ul li.active:before{
      content: '';
    background: url(../images/ed.png);
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    display: inline-block;
}
.modal-dialog .yuyue_form .theme-title-one .title {
   font-weight: bold;
    padding-bottom: 16px;
    font-size: 18px;
   text-align: center;
    margin-bottom: 0;
}
.modal-dialog  .yuyue_form .theme-button-one {
    
    font-size: 18px;
    margin-top: 24px;
    border-radius: 4px;
    margin-bottom: 16px;
}
.rule_m{
    font-size: 14px;
    color: #666;
    text-align: center;
}
.modal-dialog button.close {
    padding: 0;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    bottom: -70px;
    margin: auto;
    left: 0;
    right: 0;
    width: 40px;
}
.modal-content{
    border-radius: 12px;
}
.about-compnay.styleone{
    padding:0;
    background: transparent;
}
.owls-content .owl-carousel .owl-item img {
    height: 630px;
    width: 100%;
    object-fit: cover;
}
.anli_div > div{
    display: none;
}
.yuyue_form > div > div{
        position: relative;
}
.anli_div > div.active{
    display: grid;
}
.owls-content {
    position: relative;
}
.owls-content .owl-nav > div{
    position: relative;
}
.owl-next:after, .owl-prev:after, .yuyue-slider-one .owl-prev:after, .yuyue-slider-one .owl-next:after {
    content: '';
    background: url(../images/right.svg);
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    display: block;
    background-size: cover;
    left: 0;
    z-index: 11111;
        margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
}
.owl-prev:after {
   transform: rotate(180deg);
}
.anli_more:after {
    content: '';
    background: url(../images/right_b.png);
    width: 16px;
    height: 16px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px;
}
.yuyue-slider-one .owl-prev:after{
        transform: rotate(-90deg);
}
.yuyue-slider-one .owl-next:after{
        transform: rotate(90deg);
}
.tab_content > div{
    display: none;
}
.tab_content > div.active{
    display: flex;
}
.right_fixed{
    position: fixed;
    width: 70px;
    height: 350px;
    background: #fff;
    right: 0;
    bottom: 20%;
    z-index: 1111;
        font-size: 12px;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);
}
@media (max-width: 1300px){
    .right_fixed{
        zoom: .85;
    }
}
.r_1 i{
        width: 24px;
    height: 24px;
    background: url(../images/mfsj.png);
    background-size: cover;
    display: block;
    margin: 0 auto 3px;
}
.r_2 i{
        width: 24px;
    height: 24px;
    background: url(../images/hqbj.png);
    background-size: cover;
    display: block;
    margin: 0 auto 3px;
}
.r_3 i{
        width: 24px;
    height: 24px;
    background: url(../images/dh.png);
    background-size: cover;
    display: block;
    margin: 0 auto 3px;
}
.r_4 i{
        width: 24px;
    height: 24px;
    background: url(../images/rgkf.png);
    background-size: cover;
    display: block;
    margin: 0 auto 3px;
}
.r_5 i{
        width: 24px;
    height: 24px;
    background: url(../images/fhdb.png);
    background-size: cover;
    display: block;
    margin: 0 auto 3px;
}
.right_fixed a.r_1:hover i{
    
     background: url(../images/mfsj2.png);
     background-size: cover;
}
.right_fixed a.r_2:hover i{
    
     background: url(../images/hqbj2.png);
     background-size: cover;
}
.right_fixed a.r_3:hover i{
    
     background: url(../images/dh2.png);
     background-size: cover;
}
.right_fixed a.r_4:hover i{
    
     background: url(../images/rgkf2.png);
     background-size: cover;
}
.right_fixed a.r_5:hover i{
    
     background: url(../images/fhdb2.png);
     background-size: cover;
}
.right_fixed a {
    height: 70px;
        padding: 5px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    font-size: 12px;
    position: relative;
    transition: all .3s ease;
}
.right_fixed a:hover{
    background: #93C52B;
    color: #fff;
}
.right_fixed a:after {
    content: '';
    width: 40px;
    height: 1px;
    background: #ccc;
    position: absolute;
    bottom: 0;
    left: 15px;
}
.right_fixed a:last-child:after{
    display: none;
}
.fixed_ff {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 136px;
    background: rgba(0,0,0,0.5);
    z-index: 1111;
}
.fixed_ff .yuyue_form {
    padding: 0;
        margin-top: 64px;
}
.fixed_ff .yuyue_form > div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.fixed_ff .yuyue_form input {
    width: 302px;
    margin-bottom: 0;
border-radius: 4px
}
.fixed_ff .yuyue_form .theme-button-one {
    margin-top: 0;
    margin-left: 25px;
border-radius: 4px
}
.r_zmn{
     width: 280px;
    position: fixed;
cursor: pointer;
left: -384px;
bottom: 5%;
z-index: 1111;
}
.zmn {
    width: 384px;
    position: absolute;
    top: -33px;
cursor: pointer;
}
.r_3 span{
        position: absolute;
    background: #93c52b;
    right: -270px;
    width: 200px;
    height: 70px;
    line-height: 70px;
    font-size: 16px;
    color: #fff;
    padding: 0 20px;
    font-weight: bold;
    transition: right .3s ease;
}
.r_3:hover span{
    right: 70px;
}
.close_zmn {
    width: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
#mega-menu-holder>ul>li:last-child>a:after{
    content: '';
    background: url(../images/gouwuche.png);
    width: 16px;
    height: 16px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: 8px;
    right: -16px;
}
.show_icon_hot:after{
    content: '';
    background: url(../images/HOT.png);
    width: 32px;
    height: 16px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: 8px;
    right: -32px;
}
#mega-menu-holder>ul>li:nth-child(6)>a:after{
     content: '';
    background: url(../images/HOT.png);
    width: 32px;
    height: 16px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: 8px;
    right: -32px;
}
a:hover .tc_tag span{
    color: #333;
}
.service-style-two .single-block:hover h3{
    color: #93C52B;
}
.case_contain iframe{
    width: 100%;
    height: 500px;
}
.icon_tupian{
    background: url(../images/asd1.png);
    width: 40px;
    height: 40px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 111;
}
.icon_shipin{
    background: url(../images/asd2.png);
    width: 40px;
    height: 40px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 111;
}
.icon_quanjing{
    background: url(../images/asd3.png);
    width: 40px;
    height: 40px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 111;
}
ul.pagination {
    margin-bottom: 50px;
}
input#keyword {
    width: 580px;
    height: 42px;
    background: #F8F8F7;
    border-radius: 4px 4px 4px 4px;
    border: 0;
    padding: 0 10px;
}
button.sub-search {
    width: 99px;
    height: 42px;
    background: #93C52B;
    border-radius: 0px 4px 4px 0px;
    color: #FFFFFF;
}
.search_contain{
        display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}
.boxss{
    margin-bottom: 50px;
}
.banner_one .owl-nav{
    display: none;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #93C52B;
}
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 0 8px;
    background: #fff;
    border-radius: 0;
}
.owl-controls {
    position: absolute;
    bottom: 18px;
    display: flex;
    justify-content: center;
    width: 100%;
}
.mobile_show{
    display: none;
}
.pc_show{
    display: block;
}
.more_mendian_mb{
    display: none;
}

@media (max-width: 768px) {
    .pc_show{
    display: none;
}
    .mobile_show{
        display: block;
    }
    .mb_list{
        display: grid;
        grid-template-columns: repeat(4,1fr);
            font-size: 14px;
    text-align: center;
    row-gap: 30px;
    padding: 32px;
    }
    .mb_fixed {
    position: fixed;
    width: 100%;
    height: 60px;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    box-shadow: 0px -6px 8px 0px rgba(0,0,0,0.04);
}
.mb_fixed img {
    width: 24px;
    margin: 0 auto;
}
.mb_il{
    font-size: 12px;
}
.mb_btn {
    width: 55%;
    height: 40px;
    background: #93C52B;
    border-radius: 6px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.mb_foot {
        margin-bottom: 80px;
    text-align: center;
    padding-top: 20px;
}
.mb_rexian {
    font-size: 12px;
    color: #333333;
}
.mb_gognsi {
    font-size: 12px;
    color: #999999;
}
#mega-menu-holder {
    display: none !important;
}
    .owl-theme .owl-dots .owl-dot span {
    width: 4px;
    height: 4px;
    margin: 0 4px;
    border-radius: 2px;
}
.owl-theme .owl-dots .owl-dot.active span{
    width: 16px;
    height: 4px;
}
    .mb_list img {
    width: 40px;
    margin: 0 auto;
}
    .banner_one.owl-carousel .owl-item img {
        height: 190px;
        object-fit: cover;
        border-radius: 6px;
        
    }
   .right_fixed{
       display: none;
   } 
   .top-header{
       display: none;
   }
   .fixed_ff{
       display: none;
   }
   .owl_tab li {
    font-size: 12px;
    background: transparent;
    padding: 0;
    padding-bottom: 10px;
    border-radius: 0;
}
.owl_tab li.active {
    background: transparent;
    color: #93C52B;
    border-bottom: 2px solid #93C52B;
}
.wu_mask {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-collapser {
    
    margin: 20px 0;
    
}
.logo img{
    width: 157px;
    height: 47px;
}
.theme-menu-wrapper .logo {
    width: 157px;
    height: 47px;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.collapse-button .icon-bar{ 
    background: #333; 
}
.about-compnay.section-spacing{
    display: none;
}
.theme-title-one .title {
    font-size: 20px;
    margin-bottom: 0;
}
.theme-title-one p {
    font-size: 14px;
    
}
    .tc_text h3 {
        font-size: 20px;
        
    }
    .tc_tag {
    font-size: 14px;
        
    }
    .recommend_title {
    font-size: 15px;
    margin-bottom: 5px;
}
.tc_info {
    font-size: 12px;
    display: flex;
    flex-flow: column;
    gap: 5px;
}
.tc_btn a:nth-child(1) {
    width: 100px;
    height: 35px;
    font-size: 12px;
}
.tc_btn a:nth-child(2) {
    font-size: 12px;
    width: 150px;
    height: 35px;
}
.owls-content .owl-nav > div{
    width: 50px;
    height: 50px;
}
.tc_btn {
  
    margin-top: 20px;
}
.tc_tag {
    
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.owls-content .owl-carousel .owl-item img {
    height: 400px;
    
}
.project-tab .owl-controls{
    bottom: 0;
}
.owl_tab {
    
    gap: 15px;
    margin-bottom: 15px;
}
.anli_div > div.active {
    display: flex;
    flex-wrap: wrap;
}
.anli_more {
    padding: 4px 8px;
    margin-top: 8px;
    font-size: 12px;
}
.anli_mask{
    opacity: 1;
    position: relative;
    color: #000;
    background: transparent;
    padding: 0;
    text-align: center;
}
.anli_bottom a {
    padding: 7px 16px;
    font-size: 12px;
}
.single-service span {
    font-size: 36px;
    
}
.single-service h6 {
    font-size: 15px;
    
}
.single-service p {
    font-size: 12px;
    margin-top: 4px;
}
.service-style-one{
    padding: 20px 0!important;
}
.section-spacing {
    margin-bottom: 30px!important;
}
.yuyue_form {
    padding: 30px;
}
.yuyue_form .theme-title-one .title {
    padding-bottom: 15px;
    font-size: 18px;
    text-align: center;
    
}
.yform_bottom p {
    font-size: 12px;
    max-width: 80%;
    line-height: 1.4;
}
.yform_bottom h3 {
    font-size: 18px;
    
}
.more_mendian {
    width: 110px;
    height: 35px;
    font-size: 12px;
    position: relative;
    right: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    border-radius: 4px;
    margin-top: 20px;
    display: none;
}
.yuyue-section-one .owl-prev{
     width: 50px;
    height: 50px;
    bottom: 33px;
}
.yuyue-section-one .owl-next{
    width: 50px;
    height: 50px;
    bottom: -17px;
  
}
.tab_content > div.active {
    display: block;
}
.new_left {
    width: 100%;
}
.new_right {
    width: 100%;
    gap: 10px;
}
.new_right .single-blog-meta {
    gap: 10px;
}
.single-blog-meta p {
    font-size: 12px;
    -webkit-line-clamp: 1;
}
.single-blog-meta h6 a {
    font-size: 15px;
    
}
.new_right .img-box {
    width: 120px;
    
}
.new_left .title a {
    font-size: 18px;
}
.new_left .text {
    padding: 15px;
    margin-bottom: 10px;
}
.yuyue_form .theme-button-one {
    height: 35px;
    font-size: 14px;
    margin-top: 0;
    padding: 0;
    line-height: 35px;
}
.theme-footer-one{
    display: none;
}
.mb_menu {
    position: fixed;
    background: #fff;
    width: 100%;
    left: 0;
    bottom: -100%;
    z-index: 111;
    border-radius: 15px 15px 0 0;
    padding: 16px;
        transition: bottom .3s ease;
}
.mb_mav a {
    width: 100%;
    height: 37px;
    background: #F4F4F4;
    border-radius: 28px;
    text-align: center;
    line-height: 37px;
    font-size: 13px;
    color: #333;
}
.mb_mav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
        margin-bottom: 24px;
}
.mb_form input {
    width: 100%;
    height: 48px;
    background: #F6F6F6;
    border-radius: 6px;
    border: 0;
    padding: 10px;
    font-size: 13px;
    margin-bottom: 12px;
}
.mb_form button{
        width: 100%;
    padding: 14px;
    background: #93C52B;
    font-size: 15px;
    color: #fff;
    border-radius: 6px;
}
.mb_phone {
    font-size: 12px;
    text-align: center;
    margin-top: 12px;
    color: #666;
}
.mb_title {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin-bottom: 16px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mb_close{
    width: 16px;
    height: 16px;
}
.mb_mask{
        position: fixed;
background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 11;
    border-radius: 0;
    padding: 16px;
    
}
.la_ul a {
    font-size: 14px;
    font-weight: bold;
    
}
.la_ul {
    margin-bottom: 20px;
    gap: 10px;
    
}
.service-style-two .single-block {
    margin-bottom: 30px;
    width: 100%;
}
.service-style-two .single-block .img-box img {
    width: 100%;
    height: auto;
}
.service-style-two .single-block h3 {
    /*font-size: 14px;*/
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
.service-style-two .single-block .text {
 
    /*padding: 12px 5px;*/
}
.service-style-two .tc_tag {
    gap: 2px;
    margin-bottom: 0;
    flex-wrap: wrap;
    
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
   
    padding-right: 5px;
    padding-left: 5px;
}
.row {
    margin-right: -5px;
    margin-left: -5px;
}
.service-style-two .tc_tag span {
    font-size: 12px;
    padding: 2px 6px;
}
.t_d_t h2 {
    font-size: 16px;
    font-weight: bold;
}
.t_d_t {
    padding: 16px;
    margin-top: 0;
    margin-bottom: 20px;
}
.t_d_t .tc_btn a {
    position: absolute;
    top: 15px;
    right: 15px;
}
.tc_tag {
    font-size: 14px;
    gap: 10px;
    
}
.tc_tag:after {
   
    height: 2px;
    
}
.t_d_t .tc_tag {
    margin-bottom: 15px;
    padding-bottom: 20px;
}
.t_d_t .tc_info li {
    margin-bottom: 5px;
    width: 100%;
}
.t_d_t .tc_info{
    display: block;
}
.t_d_m {
    height: auto;
    flex-flow: column;
}
.tc_bm {
    display: flex;
    gap: 5px;
    flex-flow: column;
    width: 100%;
}
.t_d_m .yuyue_form .theme-button-one {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    margin-bottom: 20px;
}
.side_title {
    font-size: 18px;
    
}
.hot_anli {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.hot_anli div {
    font-size: 12px;
    padding: 8px 0;
}
.hot_anli img{
    height: 100px;
    object-fit: cover;
    width: 100%;
}
dl.filter_box a {
    padding: 3px 6px;
    font-size: 12px;
}
.filter_box dt {
    font-size: 12px;
    margin-right: 0;
    width: 50px;
    flex: none;
}
.t_bottom{
}
.service-style-two.feature_anli .single-block h3 {
    font-size: 15px;
    margin-bottom: 0;
    
}
.service-style-two.feature_anli .single-block .text {
    padding: 5px 0;
}
ul.anli_d_feature {
    padding: 10px;
    
}
.anli_d_feature span {
    font-size: 12px;
    margin-bottom: 5px;
    
}
.anli_d_feature big {
    font-size: 14px;
    
}
.theme-sidebar {
    margin-top: 30px!important;
}
.t_left img {
    width: 30px!important;
    height: 30px;
    
}
.t_left h4 {
    font-size: 12px;
    
}
.t_left p {
    font-size: 12px;
    
}
.t_left {
  
    gap: 2px;
}
.f_anlislider .t_bottom {
    padding:8px 0;
}
.t_right {
    padding: 0 8px;
    font-size: 12px;
}
 .f_anlislider .text {
    padding: 5px 5px 10px;
}
.dctitle {
    font-size: 18px;
    margin-bottom: 10px;
    
}
.anli_bg {
    background: #fff;
    padding-top: 30px;
}
.latest-project .single-block img{
    height: 200px;
}
.latest-project .single-block .overlay p {
    font-size: 12px;
    line-height: 1.3;
}
.latest-project .single-block .overlay h3 {
    font-size: 18px;
    
}
.latest-project .single-block .overlay h3 span{
    font-size: 12px;
}
.latest-project .single-block{
    margin-bottom: 0;
}
.team_img div {
    width: 80px;
    height: 30px;
   
    font-size: 12px;
    line-height: 30px;
    opacity: 1;
}
.sjs_wrapper > img {
    width: 100px;
    height: 100px;
    border: 4px solid #fff;
}
.sjs_text ul li {
    font-size: 12px;
    gap: 5px;
    margin-bottom: 5px;
}
.sjs_text h3 {
    font-size: 20px;
    margin-bottom: 10px;
}
.sjs_text small {
    font-size: 12px;
    
}
.sjs_section {
    margin-top: -40px;
}
.sjs_text h3 a {
    padding: 4px 12px;
    font-size: 12px;
    
}
.sjs_wrapper {
    gap: 10px;
    
}
.sjs_text {
    margin-top: 10px;
}
.news-classic .single-classic-news .title .date {
    font-size: 12px;
    
}
.news_bottom {
    font-size: 12px;
    margin-top: 10px;
}
.news-classic .single-classic-news .title p {
    font-size: 12px;
    min-height: auto;
}
.news-classic .single-classic-news .title h3 {
    font-size: 18px;
    margin-bottom: 5px;
}
.single-classic-news .title.clearfix{
    width: 100%;
}
.single-classic-news {
    flex-flow: column;
    gap: 10px;
    
}
.news-classic .single-classic-news .image-box {
    width: 100%;
    
}
.news-classic .single-classic-news {
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.anli_title {
    font-size: 20px;
    line-height: 1.3;
    
}
.article_data {
  
    justify-content: space-between;
    font-size: 12px;
    gap: 20px;
}
.page_pre_next a {
    font-size: 12px;
    
}
.page_pre_next {
    flex-flow: column;
    
}
.theme-sidebar .sidebar-spacing {
    margin-bottom: 30px;
    
}
input#keyword {
    width: 180px;
    
}
}
.yuyue-section-one .owl-controls {
    bottom: 0;
    
}
.checkbox_list {
display: grid;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
}
#baojia-box .checkbox_list {

    grid-template-columns: repeat(3, 1fr);
}
.tc__bottom .price{
        font-size: 24px;
    color: #FA2D00;
}
.tc__bottom .price small{
    font-size: 16px;
}
.tc__bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    align-items: center;
}
.popularity {
    font-size: 16px;
    color: #931F1F;
}
.popularity:before{
    content: '';
    background: url(../images/hots.png);
    width: 16px;
    height: 16px;
    background-size: cover;
    display: inline-block;
        margin-right: 5px;
    position: relative;
    top: 3px;
}
.checkbox_list li {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.checkbox_list li:before {
    content: '';
    background: url(../images/ec.png);
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    display: inline-block;
}
.checkbox_list li.active:before {
    content: '';
    background: url(../images/ed.png);
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    display: inline-block;
}
.yuyue-slider-one .owl-item img {
    height: 544px;
    object-fit: cover;
}

@media (max-width: 768px) {
    .r_zmn{
        display: none;
    }
    .banner_one{
        padding: 0 20px;
    }
    .anli_list a:nth-child(3){
        display: none;
    }
    .anli_list a:nth-child(4){
        display: none;
    }
   .anli_div > div.active {
            display: grid;
    grid-template-columns: repeat(2, 1fr);
    }
    .anli_link img {
    width: 100%;
    height: 120px;
        
    }
    .anli_address {
    font-size: 12px;
    display: flex;
    gap: 18px;
    justify-content: center;
        color: #999;
}
.anli_more{
    display: none;
}
.anli_mask h3 {
    font-size: 14px;
    color: #000;
    margin-bottom: 5px;
    margin-top: 10px;
}
.anli_address span {
    position: relative;
}
.anli_address span:after {
    content: '';
    position: absolute;
    right: -9px;
    width: 1px;
    height: 15px;
    background: #e5e5e5;
}
.anli_address span:last-child:after{
    display: none;
}
.partner-box .swiper-slide{
    padding: 5px;
}
.yuyue-section-one .yuyue_form{
    display: none;
}
.yuyue-section-one .owl-controls{
    bottom: 18px;
}
.more_mendian_mb{
    display: block;
        width: 110px;
    height: 35px;
    font-size: 12px;
    position: relative;
    right: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    border-radius: 4px;
    margin-top: 20px;
    border: 1px solid #999;
    text-align: center;
    line-height: 35px;
    margin: 20px auto;
}
.breadcrumb {
    font-size: 12px;
}
.liucheng img {
    width: 30px;
    
}
ul.liucheng{
    font-size: 12px;
}
.case_contain iframe {
    height: 200px;
}
.theme-sidebar .t_left img {
    width: 100px !important;
    height: 100px;
    flex: none;
    margin-right: 10px;
}
.mendian-section .yform_bottom p{
    max-width: 100%;
}
.wu_mask{
    opacity: 1;
}
.service-style-two.section-spacing.feature_anli.service-style-anli .single-block .img-box img{
    height: 120px;
}
.service-style-two.section-spacing.feature_anli.service-style-anli .single-block .text {
    padding: 5px 0;
    margin-bottom: 5px;
}
.service-style-two .single-block .img-box {
  
    display: block;
}
.service-style-two .single-block h3 {
  
    /*margin-bottom: 0;*/
}
.hot_anlis .t_bottom {
    padding: 0 5px 5px;
}
.tc_renqi .popularity{
        position: absolute;
    top: -160px;
    zoom: .9;
    right: -40px;
        font-size: 12px;
}
.t_d_t .tc_btn .rdiv a {
    position: absolute;
    top: -20px;
    right: -20px;
}
.tc_renqi .price {
    font-size: 18px;
    position: relative;
    right: 90px;
    top: -15px;
}
.tc_renqi .price small {
    font-size: 12px;
}
}
.desc_left article p span{
    text-wrap: balance!important;
}