@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Outstock - Clean, Minimal eCommerce HTML5 Template 
    Author: Basic Theme
    Support: 
    Description:  Clean, Minimal eCommerce HTML5 Template 
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS	
    02. Header CSS	
    03. Slider CSS	
    04. Banner CSS	
    05. Shop CSS	
    06. Client CSS	
    07. Blog CSS	
    08. Subscribe CSS	
    09. Testimonial CSS	
    10. Contact CSS	
    11. Pricing CSS	
    12. Contact CSS	
    13. Error CSS	
    14. Login CSS	
    15. Footer CSS	

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/* 1. Theme default css */
@import url("../image/82ced711bf49832abfe30f3d5c215147.png");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #848b8a;
  line-height: 24px;    background: #ffffff;
}

.w-img img {
  max-width: 100%;
  width: 100%;
}
.blog__thumb .w-img img {
  height:240px
}
.m-img img {
  max-width: 100%;
}

a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  color: #201f1f;
  margin-top: 0px;
  font-weight: 600;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 27px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

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

li {
  list-style: none;
}

p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #848b8a;
  margin-bottom: 15px;
  line-height: 24px;
}

*::-moz-selection {
  background: #ca172c;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #ca172c;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #ca172c;
  color: #ffffff;
  text-shadow: none;
}

/*--
    - Input Placeholder
-----------------------------------------*/
*::-moz-placeholder {
  color: #999999;
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: #999999;
  font-size: 14px;
  opacity: 1;
}

/*--
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: #f5f5f5;
}

.theme-bg {
  background: #ca172c;
}

.white-bg {
  background: #ffffff;
}

.black-bg {
  background: #201f1f;
}

.footer-bg {
  background: #f8f8f8;
  margin-bottom: 100px
}
.sao img{
  width: 128px;
  margin: 0 auto 10px;
  display: block;
}
.footer__links{
  display: flex;
}
.sao{
text-align:center;
font-size: 14px;
color: #000000;
}
.footer__contact img{
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.footer__contact >div{
width: 276px;
height: 40px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #E5E5E5;
margin-bottom: 16px;
display: flex;
align-items: center;
padding-left: 12px;
}
.footer__contact input{
  border: 0;
  outline: none;
}
.footer__contact button{
  width: 276px;
height: 40px;
background: #62AC1E;
border-radius: 4px;

color: #FFFFFF;
font-size: 14px;
}
.footer__links ul{
  margin-right: 40px;
}
.footer__title{

font-size: 18px;
color: #333333;
margin-bottom: 20px;
}
/*--
    - color
-----------------------------------------*/
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #ffffff !important;
}

.white-color {
  color: #ffffff;
}

.theme-color {
  color: #222222 !important;
}

.black-color {
  color: #201f1f;
}

/* spacing */
.mb-265 {
  margin-bottom: 265px;
}

.mt--95 {
  margin-top: -95px;
}
.clpse_moasda{
  position: absolute;
    right: -10px;
    top: 10px;
    font-size: 20px;
    color: #ffffff;
    width: 40px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
/* padding */
.pl-250 {
  padding-left: 250px;
}
@media only screen and (min-width: 1800px) and (max-width: 2500px) {
  .ads_banner {
    width: 24%!important;
  }
  .case-pic img{
    height: 230px!important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .pl-250 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-250 {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-250 {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pl-250 {
    padding-left: 25px;
  }
}
@media (max-width: 575px) {
  .pl-250 {
    padding-left: 10px;
  }
  .pb-65{padding-bottom:0px}
}

/* box spacing */
.box-25 {
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .box-25 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 575px) {
  .box-25 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.box-m-15 {
  margin-left: 15px;
  margin-right: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .box-m-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 575px) {
  .box-m-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (max-width: 575px) {
  .box-white {
    padding-top: 0;
  }
}

.box-white-inner {
  position: relative;
}
.box-white-inner::before {
  position: absolute;
  content: "";
  top: -50px;
  left: -50px;
  width: calc(100% + 100px);
  height: calc(100% + 30px);
  background: #ffffff;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .box-white-inner::before {
    top: -15px;
    left: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .box-white-inner::before {
    top: -30px;
    left: -30px;
    width: calc(100% + 60px);
    height: calc(100% + 60px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .box-white-inner::before {
    top: -40px;
    left: -35px;
    width: calc(100% + 70px);
    height: calc(100% + 80px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .box-white-inner::before {
    top: -20px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
  }
}
@media (max-width: 575px) {
  .box-white-inner::before {
    top: -15px;
    left: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
  }
}

.box-pb-40 {
  padding-bottom: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .box-pb-40 {
    padding-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .box-pb-40 {
    padding-bottom: 15px;
  }
}

/* custom container*/
.custom-container {
  padding-left: 0;
  padding-right: 0;
}

/* btn */
.os-btn {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  height: 50px;
  line-height: 46px;
  padding: 0 42px;
  border: 2px solid #ebebeb;
  color: #323232;
  background: transparent;
  z-index: 1;
  font-size: 12px;
}
.spesfsda img{
  width: 100%;
  margin-bottom: 40px;
}
.os-btn span {
  color: #222222;
}
.os-btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #ca172c url(../image/btn_red.png);
  z-index: -1;
}
.os-btn:hover {
  color: #ffffff;
}
.os-btn:hover::after {
  height: 100%;
}
.os-btn:hover span {
  color: #ffffff;
}
.os-btn-2 {
  border-color: #323232;
}
.os-btn-3 {
  padding: 0 77px;
}
.os-btn-black {
  color: #ffffff;
  background: #323232 url(../image/btn_grey.png);
}
.os-btn-black::after {
  background: #ca172c url(../image/btn_red.png);
}
.os-btn-white {
  color: #ffffff;
  border-color: #ffffff;
}
.os-btn-white:hover {
  color: #323232;
  border-color: #ffffff;
}
.os-btn-white:hover::after {
  background: #ffffff;
}

.link-btn {
  font-size: 12px;
  color: #444;
  text-transform: capitalize;
  font-weight: 500;
}
.link-btn:hover {
  color: #222222;
}

/* section title */
.section__title {
  position: relative;
}
.section__title h2 {
  display: inline-block;
  font-size: 32px;
  font-weight: bold;
  position: relative;
  background: #fff none repeat scroll 0 0;
  padding: 0 50px;
  z-index: 1;
  margin-bottom: 0;
}
.nav_tyle{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 45px;
}
.case-pic img{
  width: 100%;
}
.case-name{
  text-align: center;
font-size: 16px;
color: #000000;
margin: 24px 0 12px;
}
.info {
display: flex;
align-items: center;
font-size: 14px;
color: #999999;
justify-content: center;
}
.info i{
  width: 1px;
height: 16px;
background: #E5E5E5;
display: inline-block;
font-style: normal;
margin: 0 16px;

}
.case-item{
  display: block;
  padding-bottom: 16px;
  margin-bottom: 40px;
  background: #ffffff;
  transition: all .24s ease-in-out
}
.case-item:hover{
	box-shadow: 2px 19px 20px rgb(0 0 0 / 8%)
}
.case-pic{
	overflow: hidden;
}
.case-item:hover img{
	transform: scale(1.1);
}
.modal-body .rboxs{
	padding: 0 40px;
	border: 0
}
#taocanModal .close{
	position: absolute;
    right: 0;
    top: 0;
    background: #cccccc;
    opacity: 1;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 40px;
    line-height: 1;
}
#taocanModal .rboxs button{
	margin-bottom: 20px
}
#taocanModal .modal-dialog{
	width: 418px
}
.modal-header{
	border: 0
}
.nav_tyle a{

background: #F3F3F3;
border-radius: 4px 4px 4px 4px;
font-size: 16px;
color: #666666;
display: inline-block;
padding: 8px 32px;
line-height: 1;
margin: 0 12px;
}
.nav_tyle a.actived{

background: #62AC1E;
color: #FFFFFF;
}
.bg__area{
  background-size: 100% 100%!important;
  height: 280px;
  position: relative;
  background-position: center;
}
.bg-filter{
  filter: blur(4px);
}
.tdetail_banner{
  display: flex;
      position: absolute;
    left: 0;
    bottom: 0;
}
.tdetail_banner img{
  width: 282px;
  height: 282px;
}
.td_info{

background: rgba(255, 255, 255, 0.75);
padding: 45px 64px;
}
.td_info h2{
font-size: 28px;
color: #333333;
margin-bottom: 24px;
line-height: 1;
}
.td_info h2 span{

font-size: 14px;
font-weight: 400;display: inline-block;
margin-left: 16px;

}
.td_fg, .td_md{
  font-size: 14px;
  margin-bottom: 19px;
}
.td_ln{
  line-height: 1.3;
}
.uheading{
  border-left: 6px solid #62AC1E;
  padding-left: 22px;

font-size: 24px;
color: #000000;
font-weight: bold;
line-height: 28px;
margin: 48px 0 32px;
}
.ucase-area{
  background: #f8f8f8;
}
.ucase-area .case-name{
  margin: 16px 0 20px;
  padding: 0 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  font-weight: bold;
}
.ucase-area .info{
  padding: 0 16px;
  justify-content: flex-start;
}
.ucase-area .case-item{
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.ucase-area .case-list a:last-child{
  margin-bottom: 24px;
}
.on_store{
  display: flex;
  background: #fff;
}
.on_store > img{
  width: 57.5%;
  display: block;
}
.on_store img{
  /*width: 100%;*/
}
.store-box{
  padding: 64px 43px;
  width: 100%;
}
.store-box h2{
  text-align: center;
font-size: 24px;
color: #62AC1E;;
margin-bottom: 38px;
line-height: 1;
position: relative;
}
.store-box h2:after{
  content: '';
  width: 399px;
height: 26px;
background: rgba(98, 172, 29, 0.11999999731779099);
border-radius: 33px 33px 33px 33px;
position: absolute;
bottom: -6px;
left: 0;
right: 0;
margin: auto;
}
.store-box >div{
  display: flex;
  align-items: center;
  margin-bottom: 14px;

font-size: 16px;
color: #666666;
}
.dark {
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 11111;
}
.ccj_model, .ccj_model-qj {
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 970px;
    height: 540px;
    background: #ffffff;
    display: none;
    z-index: 111123;
}
.closed {
    position: absolute;
    top: -20px;
    right: -40px;
    color: #000;
    background: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}
.store-box input{
  width: 100%;
height: 48px;
background: #FFFFFF;
border-radius: 4px 4px 4px 4px;
border: 1px solid #E5E5E5;
    flex: 1;
    margin-left: 24px;
    padding: 0 16px;
}
.ccj_model iframe, .ccj_model-qj iframe {
    width: 970px;
    height: 540px;
}
.store-box button{
  width: 248px;
height: 48px;
background: #62AC1E;
border-radius: 4px 4px 4px 4px;
font-size: 14px;
color: #FFFFFF;
display: block;
margin: 32px auto 0;
}
.filter_box dt{

font-size: 16px;
font-weight: bold;
color: #62AC1E;
    width: 60px;
    margin-right: 12px;
}
.filter_box dd {
  margin-bottom: 0;
}
.filter_box dd a{

font-size: 14px;
color: #666666;
line-height: 1;
padding: 6px 12px;
border-radius: 4px;
margin-right: 12px;
display: inline-block;
margin-bottom: 10px;
}
.filter_box dd a.all_type{

background: #62AC1E;
color: #FFFFFF;
}
.filter_box dl{
  display: flex;
  padding: 5px 0;
  margin-bottom: 0;
}
.mt38{
  margin-top: -30px;
}
.filter_box{
    border-bottom: 1px solid rgba(0, 0, 0, 0.07999999821186066);
    margin-bottom: 32px;
    padding-bottom: 5px;
}
.gd_box{
  display: flex;
  justify-content: space-between;
}
.gd_item{
  display: flex;
  margin-bottom: 48px;
}
.cqd{
  height: 364px;
  width: 100%;
}
.gd_pic img{
  width: 282px;
}
.tc_item img{
  width: 100%;
}
.gd_tags span.actived{

background: #62AC1E;
color: #fff;
}
.gd_r{
  width: 384px;
}
.gd_pic{
  margin-right: 24px;
}
.gd_info h2{
margin-top: 5px;
font-size: 20px;
color: #333333;
}
.gd_info p, .gd_mj, .gd_md{
font-size: 14px;
color: #666666;
}
.gd_tags span{

background: #F3F3F3;
border-radius: 4px;
line-height: 1;
padding: 4px 8px;

font-size: 12px;
color: #999999;
display: inline-block;
margin-right: 8px;
}
.gd_md{
  margin-bottom: 22px;
}
.gd_mj{
  margin-bottom: 10px;
}
.rboxs{
  padding: 24px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
margin-bottom: 16px;
}
.ttitle{
margin-bottom: 40px;
font-size: 24px;
color: #62AC1E;
font-weight: 800;
text-align: center;
margin-top: 11px;
position: relative;
}
.ttitle:after{
  content: '';
  width: 212px;
height: 26px;
background: rgba(98, 172, 29, 0.11999999731779099);
border-radius: 33px 33px 33px 33px;
opacity: 1;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: -6px;
}
.gd_l{
      flex: 1;
    margin-right: 24px;
}
.gd_info{
  flex: 1;
  position: relative;
}
.yy_btm{
  width: 150px;
height: 48px;
background: #FFFFFF;
border-radius: 4px;
opacity: 1;
border: 1px solid #62AC1E;
display: inline-block;
position: absolute;
top: 0;
right: 0;
font-size: 14px;
font-weight: 800;
color: #62AC1E;
text-align: center;
line-height: 48px;
}
.jsq{
  width: 100%;
height: 80px;
background: rgba(0, 0, 0, 0.03999999910593033);
border-radius: 8px 8px 8px 8px;
border: 1px solid #E5E5E5;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 30px;
color: #62AC1E;
font-weight: 800;
padding: 0 16px;
margin-bottom: 24px;
}
.jsq img{
  width: 48px;
}
.select{

border: 1px solid #E5E5E5;
border-radius: 4px;
height: 48px;
font-size: 14px;
padding: 0 16px;
width: 100%;
margin-bottom: 12px;
appearance: none;
position: relative;
    background: url(https://raw.githubusercontent.com/ourjs/static/gh-pages/2015/arrow.png) no-repeat scroll right center transparent;
    background-position-x: right;
    background-position: 97%;
}
/*.select:after{
  content: "\f107";
  position: absolute;
  right: 10px;
  top: 6px;
  display: inline-block;
    font-family: "Font Awesome 5 Pro";

}*/
.rboxs input{
  width: 100%;
height: 48px;
border-radius: 4px;
border: 1px solid #E5E5E5;
margin-bottom: 12px;
padding: 0 12px;
}
.rboxs button{
width: 100%;
height: 48px;
background: #62AC1E;
border-radius: 4px;
font-size: 14px;
color: #FFFFFF;
font-weight: 800;
margin-top: 20px;
}
.hot_title{

font-size: 20px;
color: #000000;
font-weight: 800;
margin-bottom: 20px;
}
.tc_item{
  display: block;
  margin-bottom: 10px;
}
.tc_item span{
display: block;
font-size: 16px;
font-weight: bold;
color: #000000;
  padding: 16px 0;
}
.gd_info p{
  margin-bottom: 22px;
}
.qj_info h2{
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .section__title h2 {
    font-size: 25px;
    padding: 0 15px;
  }
}
.section__title p {
  color: #606060;
  margin-bottom: 0;
}
.qj_l{
  border: 1px solid #E5E5E5;
  width: 792px;
}
.case__area-slider{
  position: relative;
}
.case__area-slider .owl-prev button{
      width: 72px;
    height: 104px;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgb(0 0 0 / 32%);
    font-size: 20px;
    color: #ffffff;
}
.case__area-slider .owl-next button{
        width: 72px;
    height: 104px;
    position: absolute;
    margin: auto;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(0 0 0 / 32%);
    font-size: 20px;
    color: #ffffff;
}
.green_txt{

font-size: 18px;
color: #62AC1E;
display: flex;
align-items: center;
justify-content: space-between;
}
.qj_info{
  padding: 0 20px 20px;
}
.qj_info .gd_mj{
  margin-bottom: 30px;
}
.green_txt a{
  position: relative;
}
.green_txt a:hover{
	background: #62AC1E;
	color: #fff;
	box-shadow: 4px 3px 0px #346804;
}
.rboxs2{
      margin-bottom: 0;
    padding-bottom: 40px;
}
.huimin-pic{
  display: block;
}
.huimin-pic img{
  width: 100%;
}
.huimin-info{
  text-align: center;
  padding: 16px 18px 0;
}
.huimin-info h2{

font-size: 16px;
color: #000000;
}
.huimin-info p{
line-height: 1;
font-size: 14px;
color: #999999;
margin-bottom: 24px;

}
.free_btn{
  width: 100%;
height: 48px;
background: #62AC1E;
border-radius: 4px;
font-size: 14px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.huimin-item{
  margin-bottom: 48px;
}
.hmd_box{
  display: flex;
}
.hmd_pics{
    overflow: hidden;
    width: 690px;
    flex: none;
}
img{
  vertical-align: middle;
}
.suggest_box{
  display: flex;
}
.suggest_l{
  margin-right: 24px;
}
.suggest_l img{
  width: 690px;
}
.suggest_r input{
  width: 100%;
height: 48px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #E5E5E5;
margin-bottom: 16px;
padding: 0 16px;
}
.suggest_r textarea{
 width: 100%;
height: 156px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #E5E5E5;
padding: 16px;
margin-bottom: 10px;
}
.hmd_pics img:nth-child(1){
  width: 334px;
  margin-right: 16px;
  float: left;
}
.hmd_pics img:nth-child(2){
width: 320px;
    height: 333px;
    margin-right: 16px;
    margin-bottom: 10px;
    float: left;
}
.sugg_nav{
  margin-bottom: 40px;
}
.super_item img{
  width: 100%;
}
.super_a{
  width: 38.75%;
  display: inline-block;
}
.super_b{
  width: 20%;
}
.super_item{
  display: flex;
  padding-bottom: 48px;
}
.super_a, .super_b{
  margin-right: 24px;
}
.super_b a{
  display: block;
}
.super_heading{
  text-align: center;
  padding: 48px 0;
}
.super_heading h2{
margin-bottom: 10px;
font-size: 32px;
font-weight: bold;
color: #000000;
line-height: 1;
}
.j_item{
  border: 1px solid #e5e5e5;
  margin-bottom: 40px;
}
.j_t{
  padding: 30px;
background: #F8F8F8;
}
.j_t h2, .aq-heading h2{

font-size: 26px;
font-weight: bold;
color: #333333;
line-height: 1;
margin-bottom: 24px;
}
.aq-heading h2{
  margin-bottom: 10px;
}
.aq-heading{
  padding: 90px 0 50px;
}
.j_t p, .aq-heading p{

font-size: 16px;
color: #999999;
line-height: 1;
margin: 0;
}
.j_t p span{
  display: inline-block;
  margin-right: 30px;
}
.j_b{
  padding: 32px;
  padding-bottom: 0;
}
.j_b h2{

font-size: 20px;
font-weight: 500;
color: #666666;
margin-bottom: 10px;
}
.j_info{

font-size: 16px;
color: #999999;
line-height: 27px;
font-weight: 400;
margin-bottom: 30px;
}
.flex-end{
  justify-content: flex-end;
}
.super_heading p{
margin-bottom: 0;
font-size: 22px;
color: #999999;
}
.mb-18{
  margin-bottom: 18px;
}
.hmd_pics img:nth-child(3){
  width: 162px;
  height: 162px;
  margin-bottom: 10px;
  float: left;
}
.hmd_pics img:nth-child(4){
  width: 162px;
  height: 162px;
   margin-right: 16px;
   float: left;
}
.hmd_pics img:nth-child(5){
  width: 162px;
  height: 162px;
  float: left;
}
.hmd_info{
width: 510px;
height: 334px;
background: #F8F8F8;
padding: 38px 52px;
}
.hmd_title{

font-size: 24px;
color: #333333;
margin-bottom: 24px;
margin-top: 24px
}
.hmd_info h2{

font-size: 30px;
line-height: 1;
font-weight: 400;
margin-bottom: 8px;
}
.hmd_info p{

font-size: 14px;
color: #999999;
font-weight: bold;
line-height: 16px;
margin-bottom: 32px;
}
.hmd_info ul li{
  display: inline-block;
  align-items: center;
font-size: 16px;
color: #666666;
margin-right: 20px;
}
.hmd_info ul li i{
  width: 10px;
height: 10px;
background: #62AC1E;
margin-right: 8px;
display: inline-block;
}
.hmd_info .free_btn{
  width: 246px;
  margin-top: 60px;
}
.hmd_bos{
      display: flex;
    justify-content: space-between;
}
.hmd-l img{
  width: 100%;
  margin-bottom: 24px;
}
.zxtc_l img{
  width: 476px;
  height: 288px;
}
.zxtc_l{
  margin-right: 64px;
}
.hmd_bos .gd_r{
  flex: none;
  margin-left: 24px;
}
.zxtc_r h2{

font-size: 28px;
font-weight: 800;
color: #333333;
}
.zxtc_tags{
  display: flex;
  align-items: center;
font-size: 14px;
color: #333333;
margin-bottom: 25px;
}
.zxtc_tags i{
  width: 1px;
  height: 16px;
  background: #666666;
  display: inline-block;
  margin: 0 15px;
}
.zxtc_ul li{
display: flex;
align-items: center;
font-size: 14px;
margin-bottom: 10px;
}
.zxtc_ul li:before{
  content: '';
  width: 4px;
height: 4px;
background: #62AC1E;
display: inline-block;
margin-right: 8px;
}
.zxtc_r .free_btn{
  width: 240px;
  margin-top: 20px;
}
/* page title area */
.page__title {
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: #f5f5f5;
}
.page__title h1{
 font-size: 30px;
}
.progress_list{
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 24px 0;
}
.zctc_item{
  padding: 48px 0;
}
.pro_item{
  text-align: center;
font-size: 16px;
color: #666;
}
.pro_item img{
  width: 88px;
  height: 88px;
  display: block;
  margin: 0 auto 12px;

}
.tc_nav{
  display: flex;
  align-items: center;
  /*justify-content: space-between;*/
  border-bottom: 1px solid #eee;
}
.tc_nav li{
	margin-right: 95px;
}
.tc_nav li:last-child{
	margin-right: 0
}
.logo_foot{
  height: 108px;
  margin-bottom: 28px;
}
.tc_nav a{
display: block;
font-size: 18px;
color: #333333;
padding: 26px 0 22px;
}
.actived a{
font-weight: bold;
color: #62AC1E;
border-bottom: 4px solid #62AC1E;

}
.team-nav a{
	padding: 18px 0;
	display: inline-block;
}
.case_img img{
  width: 100%;
  height: 370px;
}
.offer-area{
  background: url(../image/111jusuan.jpg);
  background-size: cover;
  padding: 105px 0 0;
}
.offer_heading{
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
  flex-flow: column;
}
.offer_heading h2{
  color: #fff;
font-size: 42px;
font-weight: bold;
display: flex;
align-items: center;
}
.cal_bg{
  background: url(../image/111jisuanqi.png);
    width: 211px;
    height: 427px;
    background-size: cover;
    display: block;
}
/*.offer_heading h2:after{
  content: '';
  width: 60px;
height: 4px;
background: #FFFFFF;
display: inline-block;
margin-left: 30px;
}
.offer_heading h2:before{
  content: '';
  width: 60px;
height: 4px;
background: #FFFFFF;
display: inline-block;
margin-right: 30px;
}*/
.tens{
  height: 80px;
      margin-top: 10px;
}
.offer_form{
  background: #fff;
  padding-top: 72px;
  position: relative;
  z-index: 2;
}
.offer_box{
  position: relative;
}
.bear{
  position: absolute;
width: 200px;
    left: 50px;
    right: 0;
    top: 0;
    z-index: 1;
}
.offer_form{
  display: flex;
  justify-content: space-around;
}
.ccv_boom{
font-size: 30px;
text-align: center;
width: 50%;
display: block;
margin: auto;
color: #ffffff;
background: #30591973;
line-height: 1.6;
border-radius: 40px 40px 0 0;
margin-top: 40px;
padding: 50px 0 20px;
}
.ccv_boom span{
  width: 100px;
  height: 4px;
  background: #ffffff;
  display: block;
  margin: auto;
  margin-top: 50px;
}
.ccv_boom h2{
font-size: 50px;
color: #ffffff;
}
.frees_modal{
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #ffffff;
  width: 60%;
  border-radius: 40px;
  z-index: 1000;
  box-shadow: 0 0 12px 1px #0000006b;

}
.frees_mbox{
  display: flex;
}
.free_baojia{
  width: 60%;
  text-align: center;
  padding: 30px 0 10px;
}
.close_freem{
  position: absolute;
    top: -20px;
    right: -30px;
    color: #000;
    font-size: 20px;
    border: 1px solid #000;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}
.free_image{
  width: 40%;
  background: #5bad2d;
  text-align: center;
  border-radius: 0 40px 40px 0;
}
.fgs_bg{
  background: #f0f0f0;
  border-radius: 20px;
  padding: 20px 0 10px;
  width: 65%;
  margin: auto;
  margin-bottom: 40px;
}
.asd_title{
  margin-bottom: 20px;
  font-size: 20px;
  color: #363636;
}
.asd_bj, .asd_ps{
  font-size: 12px;
}
.free_image h2{
  font-size: 24px;
  color: #ffffff;
  font-weight: normal;
  margin-top: 10px;
}
.free_image img{
  width: 40%;
  margin: 20px 0;
}
.reff_gz{
  font-size: 12px;
  color: #ffffff;
}
.asd_title big{
  font-size: 30px;
  font-weight: bold;
  color: #5bad2d;
}
.free_baojia h2{
  margin-bottom: 20px;
  font-size: 30px;
}
.off_get{
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
}
.off_get span{
  color: #ff6600;
  display: inline-block;
  margin:0 5px;
}
.off-title{

font-size: 30px;
font-weight: bold;
color: #62AC1E;
text-align: center;
margin-bottom: 15px;
}
.form-box{
}
.form-box select{
  width: 296px;
height: 48px;
background: #FFFFFF;
border-radius: 4px;
padding: 0 16px;
border: 1px solid #E5E5E5;
}
.form-box input{
  width: 296px;
height: 48px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #E5E5E5;
padding: 0 16px;
}
.form-box label{
  width: 82px;
font-size: 14px;
color: #000000;
}
.form-box >div{
  margin-bottom: 12px;
}
.start_calculation{
  width: 87px;
height: 87px;
/*background: #62AC1E;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
border: 15px solid #e0eed2;
cursor: pointer;
margin-top: 90px;*/
background: url(../image/dianji.png);
background-size: cover;
display: block;
    margin: auto;
    margin-top: 40px;
 cursor: pointer;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	 -webkit-animation-name: pulse;
  animation-name: pulse;
  animation: pulse 1s .2s linear infinite;
}
.zxp_title{

font-size: 20px;
font-weight: bold;
color: #000000;
}
.zxp_title span{

color: #EB3636;
}
.costs{
  width: 364px;
height: 228px;
background: #FFFFFF;
border-radius: 0px 0px 0px 0px;
opacity: 1;
border: 1px solid #E5E5E5;
display: flex;
/*align-items: center;*/
/*justify-content: center;*/
flex-flow: column;
margin-top: 49px;
position: relative;
padding: 50px 30px;
}
.zxpxing{
  margin-top: 10px;
}
.zxpxing:before{
  content: '*';
}
.guoqi{
      text-align: center;
    font-size: 25px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 20px;
}
.costs li{

font-size: 16px;
color: #333333;
margin: 20px 0;
}
.costs span{
color: #62AC1E;
    margin-right: 8px;
    font-size: 30px;
}
.form-box em{
  font-style: normal;
font-size: 12px;
color: #999999;
display: block;
margin-bottom: 109px;
margin-top: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title {
    height: 200px;
  }
}
@media (max-width: 575px) {
  .page__title {
    height: 200px;
  }
  .page__title h1{
    font-size: 25px;
   }
}
.page__title-inner h1 {
  font-size: 36px;
  color: #323232;
  text-transform: capitalize;
  margin-bottom: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title-inner {
    margin-top: 100px;
  }
}
@media (max-width: 575px) {
  .page__title-inner {
    margin-top: 100px;
  }
}
.decorate_box{
  display: flex;
  align-items: center;
}
.decorate_box .zxtc_l img{
      width: 510px;
    height: 290px;
}
.decorate_top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
  line-height: 1;
}
.decorate_top h2{
margin: 0;
font-size: 24px;
}
.decorate_top .zxtc_tags{
  margin-bottom: 0;
}
.decorate_item{
  padding: 40px 0;
  border-bottom: 1px solid #eee;
}
.decorate_item:last-child{
  border: 0
}
.recomment_title{

font-size: 18px;
font-weight: bold;
color: #333333;
margin-bottom: 15px;
}
.breadcrumb-area{
  padding: 24px 0;
  line-height: 1;
}
.page__title-breadcrumb .breadcrumb {
  background: transparent;
  padding: 0;
  margin-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.page__title-breadcrumb .breadcrumb-item {
  font-size: 12px;
  text-transform: capitalize;
  color: #999;
  font-weight: 500;
}
.page__title-breadcrumb .breadcrumb-item a:hover {
  color: #222222;
}
.page__title-breadcrumb .breadcrumb-item.active {
  color: #999999;
}
.page__title-breadcrumb .breadcrumb-item.active::before {
  color: #444;
  content: '>';
}
.team-bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
border-bottom: 1px solid  rgba(0, 0, 0, 0.07999999821186066);
margin-bottom: 48px;
}
.team-nav{
  display: flex;
  border-bottom: 1px solid #eee
}
.content img{
	max-width: 100%
}
.content{
	padding: 40px 0
}
.joinus_box{
	padding-top: 40px
}
.team-nav li{
  margin-right: 65px;
cursor: pointer;
font-size: 18px;
color: #333333;
}
.team-nav li.actived{

font-weight: bold;
color: #62AC1E;

}
.team-search{
  display: flex;
}
.team-search input{
width: 256px;
height: 38px;
background: #F8F8F7;
border-radius: 4px 0px 0px 4px;
border: 0;
font-size: 14px;
padding: 0 10px;
}
.team-search button{
  width: 99px;
height: 38px;
background: #62AC1E;
border-radius: 0px 4px 4px 0px;
opacity: 1;
color: #FFFFFF;
font-size: 14px;
}
.sjs_pic{
  overflow: hidden;
}
.sjs_pic img{
  width: 100%;
}
.sjs_item{
  position: relative;
  margin-bottom: 64px;
  overflow: hidden;
  border-radius: 8px
}

.yuyue{
  border-radius: 4px;
}
.sjs_txt{
  width: 100%;
height: 56px;
background: rgba(96, 96, 96, 0.699999988079071);
border-radius: 0px 0px 8px 8px;
position: absolute;
left: 0;
bottom: 0;
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease;
}
.sjs_item:hover .sjs_txt{
  bottom: -100px;
}
.sjs_item:hover .sjs_info{
 opacity: 1;
}
.go_desgin{
  position: relative;
  bottom: -30px;
  border-radius: 4px
}
.sjs_item:hover .go_desgin{
  bottom: 0;
}
.sjs_info{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(96, 96, 96, 0.699999988079071);
    z-index: 111;
    top: 0;
    opacity: 0;
    transition: all .3s ease;
}
.sjs_box{
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #ffffff;
  padding: 30px;
}
.sjs_name{
  font-size: 18px;
}
.sjs_in{
  font-size: 14px;
  margin: 12px 0 32px;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.sjs_btn{
  width: 134px;
height: 37px;
background: #62AC1E;
border-radius: 4px 4px 4px 4px;
  display: inline-block;
  text-align: center;
  line-height: 37px;
}
/* rating */
.rating ul li {
  display: inline-block;
}
.rating ul li span {
  font-size: 10px;
  color: #222222;
}
.rating.rating-shop ul {
  display: inline-block;
}
.rating.rating-shop ul li span {
  font-size: 12px;
  color: #222222;
}
.rating.rating-shop span {
  font-size: 12px;
  font-weight: 500;
}

.rating-left {
  position: relative;
  padding-left: 25px;
  margin-left: 25px;
}
.rating-left::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 12px;
  width: 1px;
  background: #dcdcdc;
}
.rating-left a:hover {
  color: #222222;
}

/* scroll to top */
#scroll a {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  list-style-type: none;
  background: #ca172c url(../image/btn_red.png);
  margin-right: 20px;
  border: 1px solid #ca172c;
  z-index: 999;
}
#scroll{
  margin-top: 24px;
}
/* border bottom 1*/
.border-top-1 {
  border-top: 1px solid #ebebeb;
}

/* sidebar */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar__wrapper {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar__wrapper {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .sidebar__wrapper {
    margin-top: 50px;
  }
}
.sidebar__widget-title h3 {
  font-size: 20px;
  margin-bottom: 0;
}
.sidebar__links ul li {
  margin-bottom: 8px;
}
.sidebar__links ul li a {
  color: #444;
}
.sidebar__links ul li a:hover {
  color: #323232;
}

/* basic page navigation */
.basic-pagination ul {
  display: block;
}
.basic-pagination ul li {
  display: inline-block;
  margin: 0 5px;
}
.basic-pagination ul li.active a {
  border-color: #201f1f;
}
.basic-pagination ul li a {
  height: 35px;
  width: 35px;
  background: transparent;
  color: #201f1f;
  font-size: 12px;
  font-weight: 500;
  line-height: 31px;
  margin: 0px;
  display: inline-block;
  text-align: center;
  border: 2px solid #ebebeb;
}
.basic-pagination ul li a:hover {
  border-color: #201f1f;
}
.header6 {
  background: #ffffff url(../image/menu.png);
}
/*----------------------------------------*/
/*  02. HEADER CSS
/*----------------------------------------*/
/* logo */
@media (max-width: 575px) {
  .logo {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .logo__6 {
    padding-bottom: 15px;
  }
}


.header__top-2 {
  padding-top: 33px;
}
@media (max-width: 575px) {
  .header__top-2 {
    padding-top: 0;
  }
}
.header__transparent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: transparent;
}
.header__transparent.transparent-sticky {
  position: static;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__welcome {
    padding-bottom: 20px;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .header__welcome {
    text-align: center;
    padding-bottom: 15px;
  }
}
.header__welcome span {
  color: #201f1f;
}
.header__action ul li {
  display: inline-block;
  position: relative;
  margin-left: 15px;
}
.header__action ul li > a {
  color: #999;
  position: relative;
  display: inline-block;
}
.header__action ul li{
  position: relative;
}
.header__action ul li:before{
  content: '';
  width: 1px;
height: 12px;
background:#E5E5E5;
display: inline-block;
margin-right: 16px;
position: relative;
top: -1px;
vertical-align: middle;
}
.header__action ul li:first-child:before{
  display: none;
}
.header__top{
  height: 38px;
  line-height: 38px;
  font-size: 12px;
background: #F8F8F8;;
}
.header__action ul li > a:last-child {
  margin-right: 0;
}
.header__action ul li > a i {
  color: #323232;
  margin-right: 3px;
  font-size: 18px;
}
.header__action ul li:hover > a {
  color: #323232;
}
.header__action ul li:hover .mini-cart {
  visibility: visible;
  opacity: 1;
}
.header__action ul li:hover .extra-info {
  visibility: visible;
  opacity: 1;
}
.header__action ul li .mini-cart {
  position: absolute;
  right: 0;
  top: 100%;
  background: #ffffff;
  padding: 25px 10px;
  width: 300px;
  z-index: 9;
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
  -moz-box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
  box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tel_icon{
  background: url(../image/tel.png);
  width: 16px;
  height: 16px;
  background-size: cover;
  display: inline-block;
      vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 4px 0 16px;
}
@media (max-width: 575px) {
  .header__action ul li .mini-cart {
    width: 280px;
    right: -60%;
  }
}
.header__action ul li .mini-cart li {
  display: block;
  margin-bottom: 30px;
  margin-left: 0;
  overflow: hidden;
  padding: 0;
}
.header__action ul li .mini-cart li:last-child {
  margin-bottom: 0;
}
.header__action ul li .mini-cart li .cart-img {
  margin-right: 15px;
}
.header__action ul li .mini-cart li .cart-img a img {
  width: 75px;
}
.header__action ul li .mini-cart li .cart-content {
  margin-top: 5px;
}
.header__action ul li .mini-cart li .cart-content h5 {
  font-size: 13px;
  font-weight: 500;
}
.header__action ul li .mini-cart li .cart-content h5 a {
  color: #444;
}
.header__action ul li .mini-cart li .cart-content h5 a:hover {
  color: #222222;
}
.header__action ul li .mini-cart li .total-price {
  padding-top: 22px;
  border-top: 1px solid #201f1f;
}
.header__action ul li .mini-cart li .total-price span {
  font-weight: 500;
  color: #201f1f;
}
.header__action ul li .extra-info {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #ffffff;
  padding: 20px;
  margin: 0;
  min-width: 220px;
  padding-bottom: 5px;
  border: 1px solid #e1e1e1;
  z-index: 9;
  max-height: 400px;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.header__action ul li .extra-info li {
  display: block;
  margin-left: 0;
  margin-bottom: 10px;
}
.header__action ul li .extra-info li ul li {
  margin-bottom: 0;
}
.header__action ul li .extra-info li ul li a {
  line-height: 30px;
}
.header__action ul li .extra-info .extra-title h5 {
  font-size: 14px;
  color: #323232;
  margin: 15px 0 10px;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .header__action.header__action-2 ul li {
    margin-left: 15px;
  }
}
.header__search {
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  min-height: 330px;
  padding: 40px 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  z-index: 9999;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__search {
    min-height: 300px;
  }
}
@media (max-width: 575px) {
  .header__search {
    padding-top: 30px;
    min-height: 300px;
  }
}
.header__search.search-opened {
  top: 0;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.header__search-btn {
  margin-bottom: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__search-btn {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .header__search-btn {
    margin-bottom: 20px;
  }
}
.header__search-btn-close {
  font-size: 18px;
  color: #222222;
}
.header__search-header {
  margin-bottom: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__search-header {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .header__search-header {
    margin-bottom: 20px;
  }
}
.header__search-header h3 {
  color: #323232;
  font-size: 30px;
}
.header__search-categories {
  margin-bottom: 35px;
}
.header__search-categories ul li {
  display: inline-block;
}
.header__search-categories ul li a {
  font-size: 18px;
  color: #323232;
  padding: 0 30px;
}
.header__search-categories ul li a:hover {
  color: #222222;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__search-categories ul li a {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__search-categories ul li a {
    font-size: 16px;
    padding: 0 5px;
  }
}
@media (max-width: 575px) {
  .header__search-categories ul li a {
    padding: 0 5px;
    font-size: 14px;
  }
}
.header__search-input input {
  height: 50px;
  width: 100%;
  border: none;
  padding: 0 15px;
  padding-right: 30px;
  border-bottom: 1px solid #ebebeb;
}
.header__search-input input::placeholder {
  color: #444;
}
.header__search-input input:focus {
  border-bottom-color: #ca172c;
}
.header__search-input button {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  text-align: center;
  font-size: 14px;
  background: transparent;
  color: #323232;
}

.sticky {
  left: 0;
  margin: auto;
  position: fixed !important;
  top: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 999;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  background: #ffffff !important;
}
.sticky .header__top{
  display: none;
}
/* .main-menu ul {
  width: 1110px;
  display: flex;
  justify-content : space-between;
} */
.main-menu >nav > ul >li {
  display: inline-block;
  padding:0 20px;
  position: relative;
  text-align: left;
}
.main-menu ul li:last-child {
  margin-right:0px;
} 
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin-right: 30px;
  }
}
.main-menu ul li a {
  display: block;
  color: #444;
  font-weight: bold;
  padding: 25px 0;
  text-align: center;
}
.main-menu ul li.active > a {
  color: #62AC1E;
  border-bottom: 3px solid #62AC1E;
}
.has-dropdown .bold {
  font-weight: 600;
}
.main-menu ul li.has-dropdown > a {
  position: relative;
  padding-right: 7px;
  padding-left: 7px
}

.main-menu ul li.has-dropdown > a::after {
  position: absolute;
  /*content: "";*/
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
}
.tc_con .owl-nav{
      position: absolute;
    bottom: 0;
    right: 17%;
    display: flex;
}
.tc_con button{
      width: 54px;
    height: 54px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 0.75;
}
.tc_con button:hover{
  background: #62AC1E;
  color: #fff;
}
.main-menu ul li:hover a {
  color: #323232;
}
.main-menu ul li:hover ul.submenu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.main-menu ul li ul.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ffffff;
  width: 100%;
  padding: 15px 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  transform-origin: 0 0;
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
  -moz-box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
  box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
  opacity: 0;
  visibility: hidden;
  z-index: 11;
}
.main-menu ul li ul.submenu li {
  margin: 0;
  display: block;
}
.main-menu ul li ul.submenu li.active a {
  color: #323232;
}
.main-menu ul li ul.submenu li a {
    padding: 5px 10px 5px 10px;
    color: #333;
    font-size: 12px;
}
.main-menu ul li ul.submenu li a:hover {
  color: #62AC1E;
  font-weight: bold;
}
.main-menu ul li.mega-menu {
  position: static;
}
.main-menu ul li.mega-menu ul.submenu {
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center right;
  background-attachment: scroll;
  width: 100%;
  padding: 40px 35px;
}
.main-menu ul li.mega-menu ul.submenu li {
  float: left;
  display: block;
  width: 25%;
}
.main-menu ul li.mega-menu ul.submenu li a {
  color: #323232;
  margin-bottom: 20px;
  padding: 0;
}
.main-menu ul li.mega-menu ul.submenu li a::after {
  display: none;
}
.main-menu ul li.mega-menu ul.submenu li ul li {
  float: none;
  width: 100%;
  padding-left: 0;
}
.main-menu ul li.mega-menu ul.submenu li ul li a {
  font-size: 12px;
  color: #444;
  margin-bottom: 0;
  padding-bottom: 12px;
}
.main-menu ul li.mega-menu ul.submenu li ul li a:hover {
  color: #323232;
}
.main-menu ul li.mega-menu ul.submenu li ul li:last-child a {
  padding-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li.mega-menu.mega-menu-2 ul.submenu {
    background: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li.mega-menu.mega-menu-2 ul.submenu > li {
    width: 33.33%;
  }
}
.main-menu-2 ul li {
  margin: 0 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-2 ul li {
    margin: 0 15px;
  }
}

/* mobile menu*/
.mobile-menu-btn a {
  font-size: 18px;
  color: #323232;
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

.extra__info-close a {
  color: #323232;
  font-size: 18px;
}
.extra__info-close a:hover {
  color: #222222;
}
.extra__info-inner {
  position: fixed;
  bottom: -100%;
  padding: 24px 8px;
  width: 100%;
  height: auto;
  background: #ffffff;
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  z-index: 1111112;
  border-radius: 20px 20px 0 0
}
.extra__info-logo {
  padding: 30px;
}
.extra__info-content {
  margin-bottom: 30px;
}
.extra__info-content h4 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.extra__info-content p {
  color: #ffffff;
  margin-bottom: 25px;
}
.extra__info-content ul li {
  margin-bottom: 10px;
  display: flex;
}
.extra__info-content ul li .icon i {
  line-height: 27px;
  color: #ffffff;
  margin-right: 15px;
}
.extra__info-content ul li .text span {
  color: #ffffff;
}
.extra__info.info-opened .extra__info-inner {
  bottom: 0;
}

/* side menu area start */
.side-mobile-menu {
  display: none;
}
.side-mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-bottom: 24px
}
.side-mobile-menu ul li {
  display: block;
}
.side-mobile-menu ul li:last-child a {
  border-bottom: none;
}
.side-mobile-menu ul li a {
  padding: 13px 0;
  display: block;
  border-bottom: 1px solid rgba(50, 50, 50, 0.5);
  font-size: 16px;
  color: #323232;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
}
.side-mobile-menu ul li a:hover {
  color: #222222;
  padding-left: 5px;
}
.side-mobile-menu ul li a[aria-expanded=true] {
  color: #323232;
}
.side-mobile-menu ul li a[aria-expanded=true]:before {
  background: #323232;
  border-color: #323232;
}
.side-mobile-menu ul li ul {
  padding-left: 0;
  list-style: none;
}
.side-mobile-menu ul li ul li {
  padding-left: 15px;
}
.side-mobile-menu ul li ul li:hover > a {
  color: #222222;
  padding-left: 20px;
}
.side-mobile-menu ul li ul li:hover > a:before {
  background: #323232;
  border-color: #323232;
}
.side-mobile-menu ul li ul li a {
  position: relative;
  padding-left: 15px;
  text-transform: capitalize;
  font-size: 16px;
}
.side-mobile-menu ul li ul li a:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #201f1f;
  border-radius: 50%;
}
.side-mobile-menu ul li ul li a[aria-expanded=true] {
  padding-left: 20px;
}
.side-mobile-menu ul li.has-dropdown > a:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-width: 2px 0 0 2px;
  border-style: solid;
  border-color: initial;
  right: 16px;
  top: 50%;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  -webkit-transform-origin: top;
  transform-origin: top;
  transition: all 0.3s ease-out;
}
.side-mobile-menu ul li.has-dropdown a[aria-expanded=true]:after {
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
}

/*----------------------------------------*/
/*  03. SLIDER CSS
/*----------------------------------------*/
.slider__area .slick-dots {
  position: absolute;
  bottom: 165px;
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.slider__area .slick-dots li {
  display: inline-block;
}
.slider__area .slick-dots li button {
  font-size: 0;
  width: 13px;
  height: 13px;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 7px;
  border: 2px solid transparent;
}
.slider__area .slick-dots li.slick-active button {
background: #62AC1E;
}
.slider__area-2 .slick-dots {
  bottom: 10px;
}
.slider__area-3 .slick-dots {
  bottom: 40px;
}
.slider__area-3 .slick-dots li.slick-active button {
   background: transparent;
}
.slider__area-4 .slick-dots {
  bottom: 40px;
}
.slider__height {
  height: 925px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider__height {
    height: 750px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__height {
    height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height {
    height: 650px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height {
    height: 600px;
  }
}
@media (max-width: 575px) {
  .slider__height {
    height: 550px;
  }
}
.slider__height-2 {
  height: 830px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider__height-2 {
    height: 750px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__height-2 {
    height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height-2 {
    height: 650px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height-2 {
    height: 600px;
  }
}
@media (max-width: 575px) {
  .slider__height-2 {
    height: 350px;
  }
}
.slider__height-4 {
  height: 535px;
}
.slider__height-5 {
  height: 500px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider__height-5 {
    height: 375px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__height-5 {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height-5 {
    height: 270px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height-5 {
    height: 160px;
  }
}
@media (max-width: 575px) {
  .slider__height-5 {
    height: 160px;
  }
}
.slider__content h2 {
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .slider__content h2 {
    font-size: 20px;
  }
  .slider__content-3 p {
    font-size: 12px;
  }
  .os-btn {
    padding: 15px 5px;
    height: 0;
    line-height: 0;
    font-size: 12px;
  }
}
.slider__content p {
  margin-bottom: 45px;
  color: #ffffff;
}
.slider__content-3 p {
  padding-right: 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider__content-3 p {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content-3 p {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content-3 p {
    padding-right: 20px;
  }
}
@media (max-width: 575px) {
  .slider__content-3 p {
    padding-right: 0px;
  }
}
.slider__content-black h2 {
  color: #ffffff;
}
.slider__content-black p {
  color: #fff;
}
.slider__content-4 {
  padding-left: 95px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__content-4 {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content-4 {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content-4 {
    padding-left: 30px;
  }
}
@media (max-width: 575px) {
  .slider__content-4 {
    padding-left: 20px;
  }
}

.single-slider {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover!important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {
 
}
@media (max-width: 575px) {
 
}
.bm_area{

background: #F8F8F8;
padding: 25px 0;
}
.bm_title{
  text-align: center;
font-size: 24px;
color: #000000;
font-weight: bold;
line-height: 28px;
margin-bottom: 32px;
}
.bm_title span{
  color: #62AC1E;
}
.bm_con{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bm_con >div{
  width: 276px;
height: 40px;
background: #FFFFFF;
margin-right: 32px;
position: relative;
}
.bm_con input{
  width: 100%;
  height: 40px;
  border: 0;
  border-radius: 4px;border: 1px solid #E5E5E5;
font-size: 14px;
padding-left: 40px;
}
input{
      outline-color: #62ac1e;
}
.bm_btn{
  width: 276px;
  height: 40px;
  background: #62AC1E;
  border-radius: 4px;
  opacity: 1;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 800;
  display: block;
  text-align: center;
  line-height: 40px;
}
.home_bm_btn{
  width: 276px;
  height: 40px;
  background: #62AC1E;
  border-radius: 4px;
  opacity: 1;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 800;
  display: block;
  text-align: center;
  line-height: 40px;
}
/*----------------------------------------*/
/*  04. BANNER CSS START
/*----------------------------------------*/
.banner__inner::before {
  position: absolute;
  content: "";
  top: -20px;
  left: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  background: #ffffff;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner__inner::before {
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    top: -15px;
    left: -15px;
  }
}
@media (max-width: 575px) {
  .banner__inner::before {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__inner::before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__inner {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__inner {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .banner__inner {
    margin-top: 30px;
  }
}
.banner__item{
  width: 16.666%;
  float: left;
}
.banner__thumb a {
  display: block;
}
.morn_btn{

font-size: 20px;
color: #666666;
}
.morn_btn:hover{
  color: #62AC1E;
}
.banner__item:hover .banner__thumb img {
 /* -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  position: relative;
  z-index: 2;
  box-shadow: 1px 5px 8px rgba(0,0,0,.07);*/
    -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	 -webkit-animation-name: swing;
  animation-name: swing;
}
body #newBridge .nb-nodeboard-base .nb-nodeboard-top-0,
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-nodeboard-send-btn {
    background-color: #89c156 !important;
}
.super_item img:hover{
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	 -webkit-animation-name: bounce;
  animation-name: bounce;
}
.ser-box{
      background: url(../image/Rectangle99.png);
    background-size: cover;
    display: block;
    width: 100%;
    height: auto;
    padding: 60px 0;
}
.ser-list{
  display: flex;
  justify-content: space-between;
}
.ser-item{
  font-size: 20px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.ser-item:hover img{
	  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	 -webkit-animation-name: bounce;
  animation-name: bounce;
}

.ser-item:hover{
	text-shadow: 2px 2px 2px #000
}
.pro_item:hover img{
	  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	 -webkit-animation-name: bounce;
  animation-name: bounce;
}
.ser-item img{
  display: block;
  margin: auto;
  margin-bottom: 24px;
  width: 180px
}
.banner__item:hover .banner__content {
  top: 60%;
}
.banner__item-2 {
  padding-left: 0;
  padding-right: 0;
}
.huimin-box{
  display: flex;
  margin-bottom: 57px;
}
.blog__slider{
  margin-bottom: 17px;
}
.huimin-box .slider-for{
  width: 71%;
}
.hm-li{
display: flex!important;
}
.hm-li >div{
  padding-left: 24px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.hm-li.slick-slide.slick-current{

background: #62AC1E;
position: relative;
}
.hm-li.slick-slide.slick-current:after{
	content: '';
	width: 60px;
	height: 100%;
background: #62AC1E;
position: absolute;
top: 0;
right: -60px
}
.hm-li img{
  width: 88px;
  height: 88px;
}
.hm-li h2{
font-size: 18px;
color: #333333;
font-weight: bold;
}
.slick-vertical .slick-slide{
  border: 0;
  cursor: pointer;
}
.hm-li p{
margin: 0;
font-size: 14px;
color: #999999;
font-weight: 400;

}
.hm-li.slick-slide.slick-current h2, .hm-li.slick-slide.slick-current  p{
  color: #fff;
}
.huimin-box .slick-arrow{
      width: 100%;
    height: 49px;
    background: #62ac1e52;
    color: transparent;

}
.huimin-box .slider-for .slick-slide img{
	width: 100%;
	height: 450px
}
.slider-for .slick-slide div{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
line-height: 60px;
height: 60px;
padding: 0 15px;
background: rgba(35, 55, 16, 0.5);
font-size: 18px;
color: #FFFFFF;
}
.banner__item-2:hover .banner__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.banner__content {
  top: 50%;
  left: 10%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner__content span {
  color: #222222;
  margin-bottom: 15px;
}
.banner__content h5 {
  margin-bottom: 17px;
  line-height: 22px;
}
.banner__content h5 a:hover {
  color: #222222;
}
.banner__content-2 {
  top: 50%;
  left: 85px;
  padding: 30px 10px 0 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__content-2 {
    left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__content-2 {
    left: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__content-2 {
    left: 40px;
  }
}
@media (max-width: 575px) {
  .banner__content-2 {
    left: 15px;
  }
  .banner__content-2 {
    padding: 20px 10px;
 
  }
}
.banner__content-2.banner__content-2-right {
  left: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__content-2.banner__content-2-right {
    left: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__content-2.banner__content-2-right {
    left: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__content-2.banner__content-2-right {
    left: 40px;
  }
}
@media (max-width: 575px) {
  .banner__content-2.banner__content-2-right {
    left: 15px;
  }
}
.banner__content-2 span {
  color: #222222;
}
.banner__content-2 h4 {
  font-size: 18px;
  margin-bottom: 10px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner__content-2 h4 {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__content-2 h4 {
    margin-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .banner__content-2 h4 {
    margin-bottom: 5px;
  }
  .banner__content-2 p {
    margin-bottom: 15px;
  }
}
.banner__content-2 h4 a:hover {
  color: #222222;
}
.banner__content-2 p {
  color: #444;
  margin-bottom: 25px;
}

.banner__content-4 {
  left: 25px;
}
.banner__content-4.banner__content-4-right {
  left: 45px;
}
@media (max-width: 575px) {
  .banner__content-4.banner__content-4-right {
    left: 25px;
  }
}

.banner-right {
  padding-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-right {
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-right {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .banner-right {
    padding-right: 0;
  }
}

.banner-left {
  padding-left: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-left {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-left {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .banner-left {
    padding-left: 0;
  }
}

/*----------------------------------------*/
/*  5.  SHOP CSS START
/*----------------------------------------*/
.shop__header .nav-link {
  font-size: 16px;
  background: transparent;
  color: #a3a3a3;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.shop__header .nav-link.active {
  color: #201f1f;
  background: transparent;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop__content-area {
    margin-top: 40px;
  }
}
.shop__header-left .show-text span {
  color: #a3a3a3;
  font-size: 15px;
}
@media (max-width: 575px) {
  .shop__header-left .show-text.bottom {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop__header-left .show-text.bottom {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .shop__header-right {
    margin-top: 15px;
  }
}
.shop__header-right .sort-wrapper select {
  border: none;
  font-size: 15px;
  text-transform: capitalize;
  color: #a3a3a3;
  appearance: none;
  -moz-appearance: none;
}
.shop__header-right .sort-wrapper::after {
  position: absolute;
  content: "";
  right: 5px;
  top: 2px;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color: #a3a3a3;
}
.shop__header-right .nav-link {
  padding: 0;
  padding-left: 15px;
}

.sidebar__widget-content .categories .card {
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 18px;
}
.sidebar__widget-content .categories .card-header {
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.sidebar__widget-content .categories .card-body {
  padding: 0;
  padding-left: 18px;
  padding-top: 13px;
}
.sidebar__widget-content .categories .shop-accordion-btn {
  padding: 0;
  width: 100%;
  text-align: left;
  background: #ffffff;
  position: relative;
  color: #222222;
  font-weight: 400;
  font-size: 14px;
}
.sidebar__widget-content .categories .shop-accordion-btn::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
}
.sidebar__widget-content .categories .shop-accordion-btn.collapsed {
  color: #444;
}
.sidebar__widget-content .categories .shop-accordion-btn.collapsed:hover {
  color: #222222;
}
.sidebar__widget-content .categories .shop-accordion-btn.collapsed::after {
  -webkit-transform: translateY(-50%) rotate(0);
  -moz-transform: translateY(-50%) rotate(0);
  -ms-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
}
.sidebar__widget-content .categories__list ul li {
  margin-bottom: 11px;
}
.sidebar__widget-content .categories__list ul li a {
  color: #444;
}
.sidebar__widget-content .categories__list ul li a:hover {
  color: #222222;
}
.sidebar__widget-content .price__slider button {
  font-size: 14px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 22px;
  background: #201f1f;
  color: #ffffff;
  font-weight: 500;
  margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar__widget-content .price__slider button {
    display: block;
    margin-bottom: 15px;
  }
}
.sidebar__widget-content .price__slider button:hover {
  background: #ca172c;
  color: #ffffff;
}
.sidebar__widget-content .price__slider label {
  font-size: 16px;
  font-weight: 500;
}
.sidebar__widget-content .price__slider input {
  font-size: 16px;
  font-weight: 500;
  color: #201f1f;
  border: none;
  outline: none;
  background: none;
  margin-left: 10px;
  width: 100px;
}
.sidebar__widget-content .size ul li {
  display: inline-block;
  margin-right: 8px;
}
.sidebar__widget-content .size ul li a {
  display: inline-block;
  font-size: 14px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: #201f1f;
  background: #f1f1f1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sidebar__widget-content .size ul li a:hover {
  background: #ca172c;
  color: #ffffff;
}
.sidebar__widget-content .color__pick ul li {
  display: inline-block;
  margin-right: 18px;
}
.sidebar__widget-content .color__pick ul li button {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}
.sidebar__widget-content .color__pick ul li button::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 1px solid #ececec;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;
}
.sidebar__widget-content .color__pick ul li button.color-1 {
  background: #fbaf5d;
}
.sidebar__widget-content .color__pick ul li button.color-1:hover::after {
  border-color: #fbaf5d;
}
.sidebar__widget-content .color__pick ul li button.color-2 {
  background: #1cbbb4;
}
.sidebar__widget-content .color__pick ul li button.color-2:hover::after {
  border-color: #1cbbb4;
}
.sidebar__widget-content .color__pick ul li button.color-3 {
  background: #f06eaa;
}
.sidebar__widget-content .color__pick ul li button.color-3:hover::after {
  border-color: #f06eaa;
}
.sidebar__widget-content .color__pick ul li button.color-4 {
  background: #004a80;
}
.sidebar__widget-content .color__pick ul li button.color-4:hover::after {
  border-color: #004a80;
}
.sidebar__widget-content .color__pick ul li button.color-5 {
  background: #c69c6d;
}
.sidebar__widget-content .color__pick ul li button.color-5:hover::after {
  border-color: #fbaf5d;
}
.sidebar__widget-content .color__pick ul li button.color-6 {
  background: #82ca9c;
}
.sidebar__widget-content .color__pick ul li button.color-6:hover::after {
  border-color: #82ca9c;
}
.sidebar__widget-content .color__pick ul li button.color-7 {
  background: #252525;
}
.sidebar__widget-content .color__pick ul li button.color-7:hover::after {
  border-color: #252525;
}
.sidebar__widget-content .brand ul li {
  margin-bottom: 5px;
}
.sidebar__widget-content .brand ul li a {
  color: #a3a3a3;
  font-size: 16px;
}
.sidebar__widget-content .brand ul li a:hover {
  color: #222222;
}

.features__product-wrapper:hover .add-cart {
  visibility: visible;
  opacity: 1;
  bottom: 0;
}
.features__product-wrapper:hover .price span {
  visibility: hidden;
  opacity: 0;
}
.features__product-wrapper .add-cart {
  bottom: -10px;
  left: 0;
  visibility: hidden;
  opacity: 0;
}
.features__product-wrapper .add-cart a {
  font-weight: 500;
  color: #201f1f;
  position: relative;
  font-size: 14px;
}
.features__product-wrapper .add-cart a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -2px;
  height: 1px;
  width: 100%;
  background: #201f1f;
}
.features__product-wrapper .add-cart a:hover {
  color: #222222;
}
.features__product-wrapper .add-cart a:hover::after {
  background: #ca172c;
}
.features__product-content h5 {
  font-size: 14px;
  color: #444;
  margin-bottom: 5px;
  font-weight: 400;
  line-height: 20px;
}
.features__product-content h5 a:hover {
  color: #222222;
}
.features__product-content .price {
  position: relative;
}
.features__product-content .price span {
  color: #201f1f;
  font-size: 16px;
  font-weight: 400;
  margin-right: 5px;
}
.features__product-content .price span.price-old {
  color: #8c8c8c;
  text-decoration: line-through;
}

.product__wrapper .add-cart {
  bottom: -40px;
  left: 0;
  visibility: hidden;
  opacity: 0;
}
.product__wrapper .add-cart a {
  font-weight: 500;
  color: #201f1f;
  position: relative;
  font-size: 14px;
}
.product__wrapper .add-cart a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -2px;
  height: 1px;
  width: 100%;
  background: #201f1f;
}
.product__wrapper .add-cart a:hover {
  color: #222222;
}
.product__wrapper .add-cart a:hover::after {
  background: #ca172c;
}
.product__wrapper:hover .product__thumb-2 {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.product__wrapper:hover .product__action {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.product__wrapper:hover .product__price {
  bottom: -10px;
  visibility: hidden;
  opacity: 0;
}
.product__wrapper:hover .add-cart {
  visibility: visible;
  opacity: 1;
  bottom: -30px;
}
.product__wrapper{
  display: flex;
}
.product__thumb {
  position: relative;
  width: 54.69%;
}
.product__content{
  width: 45.31%;
  background: #f8f8f8;
  padding: 60px 48px 0 48px;
  zoom:1.2;
}
.product__thumb-2 {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}
.product__sale {
  display: table;
  position: absolute;
  text-align: center;
  top: 36px;
  right: -20px;
  z-index: 2;
  min-width: 100px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.product__sale span {
  position: relative;
  background: #ca172c;
  color: #fff;
  float: left;
  font-size: 11px;
  font-weight: 400;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
  min-width: 50px;
  border-radius: 0;
  min-height: auto;
  border: 0;
}
.product__sale span::after {
  border: 5px solid #ca172c;
  border-color: transparent transparent #ca172c #ca172c;
  border-width: 10px 5px;
  position: absolute;
  right: -10px;
  bottom: 0;
  content: "";
  z-index: 1;
}
.product__sale span::before {
  border: 5px solid #ca172c;
  border-color: #ca172c transparent transparent #ca172c;
  border-width: 9px 5px;
  position: absolute;
  right: -10px;
  top: 0;
  content: "";
  z-index: 1;
}
.product__sale span.percent {
  background: #201f1f;
}
.product__sale span.percent::after {
  border: 5px solid #201f1f;
  border-color: transparent transparent #201f1f #201f1f;
  border-width: 10px 5px;
}
.product__sale span.percent::before {
  border: 5px solid #201f1f;
  border-color: #201f1f transparent transparent #201f1f;
  border-width: 9px 5px;
}
.product__sale-2 {
  top: 20px;
  right: auto;
  left: 0;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.product__action {
  position: absolute;
  bottom: 15px;
  right: 15px;
  background: #ffffff;
  margin: 0;
  padding: 2px 13px;
  text-align: center;
  z-index: 11;
  border-radius: 3px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}
.product__action a {
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
  display: block;
  line-height: 37px;
  height: 37px;
  width: 20px;
  color: #444;
  font-weight: 400;
}
.product__action a:hover {
  color: #222222;
}
.product__action a:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
@media (max-width: 575px) {
  .product__action-2 {
    margin-top: 15px;
  }
}
.product__action-2 a {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: transparent;
  font-size: 14px;
  border: 2px solid #b0b0b0;
  color: #444;
  text-align: center;
  line-height: 44px;
  margin-right: 5px;
}
.product__action-2 a:hover {
  border-color: #201f1f;
  color: #201f1f;
}
.product__content .product__content-inner h4{
  font-size: 18px;
  margin-bottom: 16px;
}
.product__content h4 {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-bottom: 3px;
  position: relative;
  margin-bottom: 12px;
}
.product__content h4 span{

font-size: 42px;
font-weight: 800;
color: rgba(98, 172, 30, 0.3499999940395355);
position: absolute;
left: 0;
bottom: 0;
}
.product__content-inner ul li{
      list-style-type: none;
      font-size: 12px;
      margin-bottom: 10px;
}
.product__content-inner ul li:before{
  content: '';
  width: 4px;
height: 4px;
background: #62AC1E;
border-radius: 0px 0px 0px 0px;
opacity: 1;
display: inline-block;
margin-right: 8px;
vertical-align: middle;
}
.product__content-inner ul li span, .zxtc_ul li span{
  list-style-type: none;
      font-size: 14px!important;
      background: transparent!important;
color: #333333!important;
font-family: inherit!Important;
}
.more_btn{
      width: 192px;
    height: 36px;
    background: #62AC1E;
    border-radius: 3px 3px 3px 3px;
    opacity: 1;
    display: block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    margin-top: 28px;
}
.w-img{
  position: relative;
  display: block;
}
.img_mask{
width: 100%;
background: rgba(255, 255, 255, 0.75);
text-align: right;
padding: 15px;
position: absolute;
right: 0;
bottom: 0;
}
.w-title{

font-size: 21px;
color: #333333;
font-weight: 800;
line-height: 25px;
}
.w-tag{

font-size: 11px;
color: #333333;
margin-top: 9px;
}
.w-tag i{
  width: 1px;
height: 12px;
opacity: 1;
background: #666;
display: inline-block;
margin: 0 12px;
vertical-align: middle;
}
.product__content h4 a:hover {
  color: #222222;
}
.service h4 {
  font-size: 17px;
  font-weight: 600;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product__content-inner.list {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .product__content-inner.list {
    margin-top: 15px;
  }
  .service h4 {
    font-size: 15px;
    font-weight: 600;
  }
}
.product__content-inner.list p {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 15px;
}
.product__price {
  position: absolute;
  bottom: -30px;
  left: 0;
}
.product__price span {
  font-size: 14px;
  color: #201f1f;
  font-weight: 500;
  margin-right: 7px;
}
.product__price span.old-price {
  color: #8c8c8c;
  text-decoration: line-through;
}
.product__price-2 span {
  font-size: 14px;
  color: #201f1f;
  font-weight: 500;
  margin-right: 7px;
}
.product__price-2 span.old-price {
  color: #8c8c8c;
  text-decoration: line-through;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product__list {
    margin-bottom: 30px;
  }
}
.product__list ul li span {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1;
}
.product__list ul li span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #201f1f;
  width: 6px;
  height: 1px;
}
.product__tag span {
  font-size: 14px;
  color: #606060;
}
.product__tag span:first-child {
  margin-right: 20px;
}
.product__tag span a:hover {
  color: #222222;
}
.product__share span {
  font-size: 14px;
  color: #6c6c6c;
  margin-right: 20px;
}
.product__share ul {
  display: inline-block;
}
.product__share ul li {
  display: inline-block;
  margin-right: 30px;
}
.product__share ul li a {
  font-size: 14px;
  color: #6c6c6c;
  display: inline-block;
}
.product__details-tab-nav .nav-tabs {
  border: none;
}
.product__details-tab-nav .nav-tabs .nav-link {
  padding: 0 50px;
  border: 0;
  font-size: 14px;
  color: #a3a3a3;
  font-weight: 500;
}
.product__details-tab-nav .nav-tabs .nav-link.active {
  color: #201f1f;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product__details-tab-nav .nav-tabs .nav-link {
    padding: 0 25px;
  }
}
@media (max-width: 575px) {
  .product__details-tab-nav .nav-tabs .nav-link {
    padding: 0px;
    text-align: left;
    margin-bottom: 10px;
    margin-right: 10px;
  }
}
.product__details-des p {
  color: #606060;
  font-size: 16px;
  margin-bottom: 28px;
}
.product__details-des-list ul li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
}
.product__details-des-list ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  font-size: 14px;
  color: #606060;
  font-family: "Font Awesome 5 Pro";
}
.product__details-des-list ul li span {
  font-size: 14px;
  color: #606060;
}
.product__details-add ul li {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #444;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
  width: 50%;
  float: left;
}
.product__details-review p {
  color: #606060;
  font-size: 16px;
  margin-bottom: 28px;
}
.product__banner-inner {
  width: calc(50% - 10px);
  height: 100%;
}
.product__banner-inner:hover .product__banner-img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.product__banner-content {
  bottom: 50px;
  left: 50px;
}
.product__banner-content h4 {
  font-size: 18px;
}
.product__banner-content h4 a:hover {
  color: #222222;
}
.product__title {
  position: relative;
}
.product__title::after {
  border-top: 1px solid #ebebeb;
  content: "";
  left: 0;
  margin: 0;
  position: absolute;
  top: 40%;
  width: 80%;
}
.product__title h4 {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  background: #fff none repeat scroll 0 0;
  padding-right: 15px;
  z-index: 1;
}
.product__offer-slider .owl-nav {
  position: absolute;
  top: -88px;
  right: 0;
  display: flex;
}
.product__offer-slider .owl-nav div button {
  background: transparent;
  padding-left: 10px;
  margin-left: 10px;
  font-size: 16px;
  position: relative;
}
.product__offer-slider .owl-nav div button::after {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  width: 1px;
  height: 18px;
  background: #ebebeb;
}
.product__offer-slider .owl-nav div button:hover {
  color: #222222;
}
.product__offer-slider .owl-nav div.owl-prev button::after {
  display: none;
}

.user-rating ul li {
  display: inline-block;
}
.user-rating ul li a {
  color: #222222;
}

.product__modal-inner {
  padding: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product__modal-content {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .product__modal-content {
    margin-top: 40px;
  }
}
.product__modal-content h4 {
  font-size: 16px;
  margin-bottom: 17px;
  color: #444;
}
.product__modal-content h4 a:hover {
  color: #222222;
}
.product__modal-content-2 h4 {
  font-size: 24px;
  color: #201f1f;
  margin-bottom: 27px;
}
.product__modal-des {
  padding-top: 18px;
  padding-bottom: 25px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.product__modal-des p {
  font-size: 14px;
  line-height: 24px;
  color: #606060;
  margin-bottom: 0;
}
.product__modal-input {
  position: relative;
}
.product__modal-input label {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #201f1f;
  font-weight: 500;
  margin-bottom: 0px;
}
.product__modal-input label i {
  position: absolute;
  top: 6px;
  right: -7px;
  font-size: 6px;
  color: #ff0000;
}
.product__modal-input select {
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  width: 100%;
  border: 1px solid #e8e8e8;
  appearance: none;
  -moz-appearance: none;
  color: #444;
}
.product__modal-input::after {
  position: absolute;
  content: "";
  right: 20px;
  top: 55%;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #7d7d7d;
}
.product__modal-required span {
  color: #ff0000;
  font-size: 14px;
  font-weight: 500;
}
.product__modal-close {
  top: 0;
  right: 0;
}
.product__modal-close button {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: none;
  background: #ca172c;
  color: #ffffff;
  font-size: 14px;
}
.product__modal-nav-item {
  border: 2px solid transparent;
}
.product__modal-nav-item.slick-center {
  border-color: #ca172c;
}
.product__modal-slider .slick-track {
  width: 100% !important;
}
.product__modal-nav .nav {
  display: block !important;
}
.product__modal-nav .nav .nav-item {
  opacity: 0.5;
}
.product__modal-nav .nav .nav-item.active {
  opacity: 1;
}
.product__modal-box .nav-tabs {
  border: 0;
}
.product__modal-box .nav-tabs .nav-link {
  padding: 0;
  border: none;
  border: 2px solid transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.product__modal-box .nav-tabs .nav-link.active {
  border: 2px solid #ca172c;
}

.add-cart-btn {
  display: inline-block;
  height: 48px;
  line-height: 44px;
  text-align: center;
  padding: 0 70px;
  color: #ffffff;
  background: #201f1f;
  border: 2px solid #201f1f;
  font-size: 14px;
}
.add-cart-btn:hover {
  background: #ffffff;
  color: #201f1f;
}

/* modal dialog */
.modal-dialog.product-modal {
  max-width: 900px !important;
  margin: 1.75rem auto;
}

/* modal cart */
.product-quantity-title label {
  font-size: 14px;
  font-weight: 500;
  color: #606060;
  margin-right: 10px;
}

.cart-plus-minus {
  position: relative;
  display: inline-block;
}

.cart-plus-minus input {
  border: 0px;
  outline: 0px;
  background: none;
  font-weight: 400;
  color: #201f1f;
  font-size: 14px;
  display: inline-block;
  height: 50px;
  list-style: 45px;
  padding: 0 20px;
  width: 110px;
  border: 1px solid #ebebeb;
  text-align: center;
}

.cart-plus-minus .qtybutton {
  font-size: 20px;
  color: #201f1f;
  display: inline-block;
  position: absolute;
  top: 15px;
  height: 22px;
  width: 22px;
  background: transparent;
  border-radius: 30px;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.cart-plus-minus .dec {
  left: 7px;
}

.cart-plus-minus .inc {
  right: 7px;
}

/* 16. Cart */
.table-content table {
  background: #ffffff;
  border-color: #eaedff;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.table-content .product-quantity {
  float: none;
}

.table-content table td.product-name {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.table-content table td.product-name a:hover {
  color: #222222;
}

.table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}

.table-content table th, .table-content table td {
  border-bottom: 1px solid #eaedff;
  border-right: 1px solid #eaedff;
}

.product-quantity input {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #dcdcdc;
}

.table td, .table th {
  border-top: 1px solid #eaedff;
}

.product-quantity > input {
  width: 80px;
  border-radius: 3px;
}

.table-content table td.product-subtotal {
  font-size: 16px;
}

.table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}

.coupon-all {
  margin-top: 50px;
}

.coupon {
  float: left;
}

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}
#coupon_code {
  height: 50px;
  border: 2px solid #eaedff;
  padding: 0 15px;
  margin-right: 10px;
}

@media (max-width: 767px) {
  #coupon_code {
    margin-bottom: 15px;
  }
}
.coupon2 {
  float: right;
}

@media (max-width: 767px) {
  .coupon2 {
    float: none;
    margin-top: 15px;
  }
}
.cart-page-total {
  padding-top: 50px;
}

.cart-page-total > h2 {
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.cart-page-total > ul {
  border: 1px solid #eaedff;
}

.cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #6f7172;
  padding: 10px 30px;
  border-bottom: 1px solid #eaedff;
  font-weight: 400;
}

.cart-page-total ul > li > span {
  float: right;
}

.cart-page-total li:last-child {
  border-bottom: 0;
}

td.product-thumbnail img {
  width: 125px;
}

/* 17. Checkout */
.coupon-accordion h3 {
  background-color: #f6f6f6;
  border-top: 3px solid #ca172c;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}

.coupon-accordion h3::before {
  content: "";
  left: 15px;
  top: 13px;
  position: absolute;
  color: #6f7172;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.coupon-accordion span {
  color: #6f7172;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}

.coupon-accordion span:hover, p.lost-password a:hover {
  color: #222222;
}

.coupon-content {
  border: 1px solid #eaedff;
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-info p {
  margin-bottom: 0;
}

.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
  display: block;
  color: #6f7172;
}

.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
  color: red;
  font-weight: 700;
}

.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
  border: 1px solid #eaedff;
  height: 45px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
}

.coupon-info p.form-row input[type=submit]:hover, p.checkout-coupon input[type=submit]:hover {
  background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type=checkbox] {
  position: relative;
  top: 2px;
}

.form-row > label {
  margin-top: 15px;
  margin-left: 15px;
  color: #6f7172;
}

.buttons-cart input, .coupon input[type=submit], .buttons-cart a, .coupon-info p.form-row input[type=submit] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}

p.lost-password a {
  color: #6f6f6f;
}

p.checkout-coupon input[type=text] {
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #eaedff;
  margin-bottom: 15px;
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}

.country-select label, .checkout-form-list label {
  color: #6f7172;
  display: block;
  margin: 0 0 5px;
}

.country-select label span.required, .checkout-form-list label span.required {
  color: red;
}

.country-select select {
  -moz-appearance: none;
  border: 1px solid #eaedff;
  height: 45px;
  padding-left: 10px;
  width: 100%;
  color: #6f7172;
}

.country-select::before {
  content: "";
  right: 15px;
  top: 38px;
  position: absolute;
  color: #6f7172;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  color: #6f7172;
}

.checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
}

.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

.create-acc label {
  color: #6f7172;
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title h3 label {
  display: inline-block;
  margin-right: 20px;
  color: #6f7172;
}

.order-notes textarea {
  border: 1px solid #eaedff;
  height: 90px;
  padding: 15px;
  width: 100%;
}

.order-notes textarea::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.order-notes textarea::placeholder {
  color: #6f7172;
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 3px solid #eaedff;
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid #eaedff;
  border-right: medium none;
  color: #6f7172;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}

@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    padding-right: 10px;
  }
}
.your-order-table table th {
  border-top: medium none;
  color: #6f7172;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}

.your-order-table table .shipping ul li label {
  color: #6f7172;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
  font-size: 14px;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #F9F9F9;
}

.your-order-table table tr.order-total td span {
  color: #222222;
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}

.payment-method .btn-link {
  -moz-user-select: none;
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid #dddddd;
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
}

.order-button-payment button {
  width: 100%;
}

#slider-range {
  position: relative;
  margin-bottom: 25px;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: #ca172c;
  border-radius: 50%;
  border: none;
  outline: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.004);
}

.ui-slider-horizontal {
  height: 6px;
}

.ui-widget-content {
  background: #f0f0f0;
}

.ui-widget-header {
  background: #ca172c;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -5px;
}

.ui-slider .ui-slider-handle {
  height: 15px;
  width: 15px;
  -webkit-transition: all 0s ease-out 0s;
  -moz-transition: all 0s ease-out 0s;
  -ms-transition: all 0s ease-out 0s;
  -o-transition: all 0s ease-out 0s;
  transition: all 0s ease-out 0s;
}

.ui-slider .ui-slider-handle:before {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background: #ffffff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/*----------------------------------------*/
/*  06. CLIENT CSS START
/*----------------------------------------*/
.client__thumb img {
  width: inherit !important;
}

/*----------------------------------------*/
/*  07. BLOG CSS START
/*----------------------------------------*/
@media (max-width: 575px) {
  .blog__slider .owl-nav {
    display: none;
  }
}
.blog__slider .owl-nav div {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-20%, -50%);
  -moz-transform: translate(-20%, -50%);
  -ms-transform: translate(-20%, -50%);
  transform: translate(-20%, -50%);
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  visibility: hidden;
  opacity: 0;
}
.blog__slider .owl-nav div button {
  width: 55px;
  height: 55px;
  line-height: 58px;
  color: #ffffff;
  background-color: #ebebeb;
  font-size: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.blog__slider .owl-nav div button:hover {
  color: #ffffff;
  background-color: #ca172c;
}
.blog__slider .owl-nav div.owl-next {
  left: auto;
  right: 0;
  -webkit-transform: translate(20%, -50%);
  -moz-transform: translate(20%, -50%);
  -ms-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
}
.blog__slider:hover .owl-nav div {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.blog__slider:hover .owl-nav div.owl-next {
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.blog__item:hover .blog__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog__content {
  padding: 30px 10px 10px;
}
.b-h4{
      font-size: 18px;
    color: #333;
    margin-bottom: 10px;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.view_icon{
  background: url(../image/view.png);
  width: 16px;
  height: 16px;
  background-size: cover;
  display: inline-block;
  margin-right: 8px
}
.b-info{
  font-size: 14px;

color: #999999;
line-height: 18px;
margin-bottom: 54px;
display: -webkit-box;
 -webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.blog_bottom{
  position: relative;
  display: flex;
  font-size: 14px;
  color: #666;
}
.b-view{
  margin-left: 40px;
  display: flex;
  align-items: center;
}
.more_btn2{
  background: url(../image/iconasd.png);
  width: 48px;
  height: 48px;
  background-size: cover;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0
}
.banner__thumb .w-img img{
  height: auto;
  position: relative;
  z-index: 1;
}
/* sidebar widget area */
.widget__search input {
  width: 100%;
  height: 53px;
  padding: 0 15px;
  padding-right: 60px;
  border: 1px solid #ebebeb;
}
.widget__search input::placeholder {
  color: #8c8c8c;
}
.widget__search input:focus {
  border-color: #201f1f;
}
.widget__search button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 22px;
  background: transparent;
  color: #323232;
  font-size: 20px;
}

.postbox__title h1 {
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__title h1 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__title h1 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .postbox__title h3 {
    font-size: 24px;
  }
  .blog__content h4 {
    font-size: 15px;
  }
}
.postbox__text p {
  line-height: 30px;
  margin-bottom: 27px;
  color: #606060;
}
.postbox__quote p {
  padding-left: 30px;
  padding-top: 7px;
  padding-bottom: 10px;
  margin-bottom: 0;
  position: relative;
  color: #808080;
}
.postbox__quote p::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #bd8448;
}
.postbox__quote p i {
  position: absolute;
  top: 6px;
  left: 15px;
  font-size: 30px;
  z-index: -1;
  color: #e7e7e7;
}
.postbox__share {
  padding: 15px 0;
  padding-bottom: 20px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  font-size: 16px;
}
.postbox__social span {
  color: #333333;
}
.postbox__social ul {
  display: inline-block;
  margin-left: 25px;
}
.postbox__social ul li {
  display: inline-block;
}
.postbox__social ul li a {
  color: #444;
  padding-right: 15px;
  margin-right: 15px;
  position: relative;
}
.postbox__social ul li a::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #eeeeee;
}
.postbox__social ul li a:hover {
  color: #222222;
}
.postbox__social ul li:last-child a::after {
  display: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__tag {
    margin-top: 10px;
  }
}
@media (max-width: 575px) {
  .postbox__tag {
    margin-top: 10px;
  }
}
.postbox__tag span {
  color: #333333;
  margin-right: 15px;
}
.postbox__tag a {
  color: #444;
}
.postbox__tag a:hover {
  color: #222222;
}
.postbox__related-title h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 40px;
}
.postbox__comment-title h3 {
  font-size: 24px;
  font-weight: 500;
}
.postbox__line {
  border-top: 1px solid #ebebeb;
}

.post-comments {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 42px;
  padding-bottom: 46px;
}

.comments-box {
  border-top: 1px solid #ebebeb;
  padding: 30px 0;
}

.latest-comments li:first-child .comments-box {
  border-top: 0;
  padding-top: 0;
}

.comments-avatar {
  float: left;
  margin-right: 20px;
}
.comments-avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.comments-text {
  overflow: hidden;
  padding-top: 4px;
}

.comments-text p {
  font-size: 12px;
}

.comments-text p span {
  color: #444;
}

.avatar-name {
  margin-bottom: 3px;
  overflow: hidden;
  position: relative;
}

.avatar-name h5 {
  font-size: 14px;
  margin-bottom: 0px;
  display: inline-block;
  color: #201f1f;
}

.avatar-name span {
  color: #444;
  font-size: 12px;
  text-transform: capitalize;
}

.reply {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  transition: 0.3s;
  line-height: 1;
  margin-top: 4px;
  position: absolute;
  right: 0;
  top: 0;
  color: #444;
}
.reply:hover {
  color: #222222;
}
@media (max-width: 575px) {
  .reply {
    position: static;
  }
}

.comments-text p {
  margin-bottom: 0;
  margin-top: 8px;
  color: #5b5b5b;
}

.latest-comments li.children {
  margin-left: 100px;
}
@media (max-width: 575px) {
  .latest-comments li.children {
    margin-left: 15px;
  }
}

.load-comments {
  color: #222222;
  font-weight: 500;
}

.conatct-post-form input {
  border: 1px solid #eaeaea;
  height: 55px;
  margin-bottom: 30px;
  padding: 0 30px;
  width: 100%;
  font-size: 14px;
}
.conatct-post-form input::placeholder {
  color: #848b8a;
}
.conatct-post-form input:focus {
  border-color: #ca172c;
}

.conatct-post-form textarea {
  border: 1px solid #eaeaea;
  height: 175px;
  margin-bottom: 30px;
  padding: 30px;
  width: 100%;
  font-size: 14px;
  resize: none;
}
.conatct-post-form textarea::placeholder {
  color: #848b8a;
}
.conatct-post-form textarea:focus {
  border-color: #ca172c;
}

/* blog content highlight */
.highlight {
  position: relative;
}
.highlight::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #606060;
}
.highlight.theme {
  color: #222222;
}
.highlight.theme::after {
  background: #ca172c;
}
.highlight.comment {
  color: #222222;
}
.highlight.comment::after {
  display: none;
}

/* recent post & comments */
.rc__post-wrapper ul li {
  margin-bottom: 17px;
}
.rc__post-content h6 {
  font-size: 14px;
  color: #323232;
  font-weight: 400;
  margin-bottom: 0;
}
.rc__post-content h6 a:hover {
  color: #222222;
}
.rc__meta span {
  color: #8c8c8c;
  font-size: 12px;
}
.rc__meta span:hover {
  color: #222222;
}
.rc__comments-content h6 {
  font-size: 14px;
  color: #323232;
  margin-bottom: 5px;
}
.rc__comments-content p {
  margin-bottom: 2px;
}

/*----------------------------------------*/
/*  08. SUBSCRIBE CSS START
/*----------------------------------------*/
.subscribe__inner {
  border-top: 1px solid #ebebeb;
}
.subscribe__inner-2 {
  border: none;
}
.subscribe__content h2 {
  font-weight: 400;
  margin-bottom: 15px;
}
.subscribe__content p {
  padding: 0 60px;
  margin-bottom: 53px;
}
@media (max-width: 575px) {
  .subscribe__content p {
    padding: 0;
  }
}
.subscribe__form input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #201f1f;
  font-size: 14px;
  border: none;
  border-bottom: 1px solid #c1c1c1;
  text-align: center;
  margin-bottom: 40px;
  background: transparent;
}
.subscribe__form input:focus {
  border-color: #ca172c;
}
.subscribe__form input::placeholder {
  color: #8c8c8c;
}

/*----------------------------------------*/
/*  09. TESTIMONIAL CSS
/*----------------------------------------*/
.testimonial__area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.testimonial__nav {
  margin: auto;
  text-align: center;
  width: 360px;
}
@media (max-width: 575px) {
  .testimonial__nav {
    width: 300px;
  }
}
.testimonial__nav-thumb img {
  border: 4px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  display: inline-block;
  text-align: center;
}
.testimonial__nav-thumb.slick-center img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.testimonial__wrapper .slick-dots {
  position: absolute;
  bottom: -50px;
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.testimonial__wrapper .slick-dots li {
  display: inline-block;
}
.testimonial__wrapper .slick-dots li button {
  font-size: 0;
  width: 13px;
  height: 13px;
  background: #c2c2c2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 7px;
  border: 2px solid transparent;
}
.testimonial__wrapper .slick-dots li.slick-active button {
  border-color: #bc8247;
  background: #ffffff;
}
.testimonial__item {
  text-align: center;
}
.testimonial__item p {
  color: #606060;
  margin-bottom: 0;
}

.avater__info h6 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 3px;
}
.avater__info span {
  color: #222222;
  text-transform: uppercase;
}

/*----------------------------------------*/
/*  12. CONTACT CSS START
/*----------------------------------------*/
.contact__info h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 52px;
}
.contact__info p {
  margin-bottom: 55px;
}
.contact__info ul li:hover .contact__info-icon i {
  border-color: #323232;
  background: #323232;
  color: #ffffff;
}
.contact__info-icon i {
  font-size: 18px;
  color: #6c6c6c;
  display: inline-block;
  width: 53px;
  height: 53px;
  line-height: 49px;
  text-align: center;
  border: 2px solid #ebebeb;
}
.contact__info-content h6 {
  font-size: 14px;
  margin-bottom: 2px;
}
.contact__info-content span {
  color: #606060;
}
.contact__social ul li {
  display: inline-block;
  margin-right: 42px;
}
.contact__social ul li a {
  font-size: 18px;
  color: #606060;
}
.contact__social ul li a:hover {
  color: #222222;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__form {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__form {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .contact__form {
    margin-top: 50px;
  }
}
.contact__form h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 45px;
}
.contact__input label {
  color: #333333;
  display: inline-block;
  margin-bottom: 10px;
}
.contact__input label span.required {
  color: red;
}
.contact__input input, .contact__input textarea {
  height: 50px;
  width: 100%;
  border: 1px solid #ececec;
  padding: 0 15px;
  font-size: 14px;
  margin-bottom: 22px;
}
.contact__input input:focus, .contact__input textarea:focus {
  border-color: #ca172c;
}
.contact__input textarea {
  height: 180px;
  resize: none;
  margin-bottom: 45px;
}
.contact__map-wrapper {
  height: 590px;
}
.contact__map-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
}

/*----------------------------------------*/
/*  13. ERROR CSS START
/*----------------------------------------*/
.error__content > span {
  font-size: 12px;
  text-transform: uppercase;
  color: #7b7b7b;
  font-weight: 500;
}
.error__content h2 {
  font-size: 50px;
  font-weight: 500;
  margin-bottom: 32px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error__content h2 {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .error__content h2 {
    font-size: 25px;
  }
}
.error__content p {
  margin-bottom: 70px;
}
.error__number h1 {
  font-size: 300px;
  color: #e5e5e5;
  line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error__number h1 {
    font-size: 200px;
  }
}
@media (max-width: 575px) {
  .error__number h1 {
    font-size: 100px;
  }
}
.error__search input {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #ebebeb;
  margin-bottom: 50px;
}
.error__search input::placeholder {
  color: #8c8c8c;
}
.error__search input:focus {
  border-color: #ca172c;
}

/*----------------------------------------*/
/*  14.  LOGIN CSS START
/*----------------------------------------*/
.basic-login {
  padding: 90px;
  border: 2px solid #eaedff;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .basic-login {
    padding: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .basic-login {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .basic-login {
    padding: 30px;
  }
}
.basic-login h3 {
  font-size: 30px;
}

.basic-login input {
  width: 100%;
  height: 60px;
  border: 2px solid #eaedff;
  color: #6f7172;
  padding: 0 20px;
  margin-bottom: 20px;
}

.basic-login input::placeholder,
.basic-login input::-moz-placeholder {
  color: #6f7172;
}

.basic-login label {
  color: #222;
  display: block;
}

.basic-login label span {
  color: red;
}

.login-action input {
  width: inherit;
  height: auto;
}

.login-action label {
  display: inline-block;
  margin-left: 5px;
}

.or-divide {
  border-top: 2px solid #eaedff;
  margin: 40px 0;
  text-align: center;
  position: relative;
}

.or-divide span {
  position: absolute;
  left: 0;
  right: 0;
  top: -9px;
  background: #ffffff;
  display: inline-block;
  width: 40px;
  margin: auto;
  line-height: 1;
  font-weight: 500;
}

@media (max-width: 767px) {
  .forgot-login {
    float: none;
  }
}
.forgot-login a {
  color: #201f1f;
}

.forgot-login a:hover {
  color: #222222;
}

@media (max-width: 767px) {
  .log-rem {
    float: none;
    margin-bottom: 10px;
    display: block;
  }
}
/*----------------------------------------*/
/*  15. FOOTER CSS START
/*----------------------------------------*/
.footer__bottom {
}
.footer__bottom.footer__bottom-2 {
  border-top: none;
  padding: 0;
}
.footer__bottom-inner {
  border-top: 1px solid #ebebeb;
  padding: 45px 0;
}
.footer__bottom-inner-2 {
  border-top-color: #c1c1c1;
}
.footer__widget-title a{
  display: block;
  text-align: left;
}
.footer__widget-title{
  text-align: left;
}
.footer__widget-content p {
  color: #b4b3b3;
  margin-bottom: 25px;
}
.footer__contact ul li {
  margin-bottom: 5px;
  display: flex;
}
.footer__contact ul li .icon i {
  line-height: 27px;
  color: #b4b3b3;
  margin-right: 15px;
}
.footer__contact ul li .text span {
  color: #b4b3b3;
}
.footer__links ul li {
  margin-bottom: 10px;
}
.footer__links ul li a {
  font-size: 14px;
  color: #b4b3b3;
  font-weight: 500;
  position: relative;
}
.footer__links ul li a::after {
  position: absolute;
  content: "";
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  visibility: hidden;
  opacity: 0;
}
.footer__links ul li a:hover {
  color: #62AC1E;
}
.footer__links ul li a:hover::after {
  bottom: -2px;
  visibility: visible;
  opacity: 1;
}
.footer__links.footer__links-2 ul li a {
  color: #515151;
}
.footer__links.footer__links-2 ul li a::after {
  background: #201f1f;
}
.footer__links.footer__links-2 ul li a:hover {
  color: #201f1f;
}
.footer__copyright p {
  margin-bottom: 0;
  color: #b4b3b3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__copyright p {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__copyright p {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .footer__copyright p {
    margin-bottom: 30px;
  }
}
.footer__copyright p a {
  color: #b4b3b3;
}
.footer__copyright-2 p {
  color: #515151;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__social {
    float: left;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__social {
    float: left;
  }
}
@media (max-width: 575px) {
  .footer__social {
    float: left;
  }
}
.footer__social ul li {
  display: inline-block;
  margin-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__social ul li {
    margin-left: 0;
    margin-right: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__social ul li {
    margin-left: 0;
    margin-right: 40px;
  }
}
@media (max-width: 575px) {
  .footer__social ul li {
    margin-left: 0;
    margin-right: 40px;
  }
}
.footer__social ul li a {
  color: #b4b3b3;
}
.footer__social ul li a:hover {
  color: #b4b3b3;
}
.footer__social-2 ul li a {
  color: #515151;
}

.navigation ul li {
  display: inline-block;
  margin-right: 20px;
} 

.navigation ul li .active{
  font-weight: bold;
  color: #151616;
}
.w-70 img{
  width: 70px;
}
/*# sourceMappingURL=style.css.map */
.category-widget ul li p{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color: #444444;
}
.category-widget ul li span{
  width:100px;
  text-align:right;
  white-space:nowrap;
  font-size: 13px;
}
.address_icon{
  background: url(../image/address.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    display: inline-block;
    margin-right: 8px;
    vertical-align: text-bottom;
}
#switch{
  color: #62AC1E;
  margin-left: 4px;
}
.header__top em{
  font-style: normal;
  color: #999999;
  margin-left: 24px;
}
.address_icon2{
	background: url(../image/address2.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    display: inline-block;
}
.user_icon{
	background: url(../image/user.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    display: inline-block;
}
.phone_icon{
	background: url(../image/phone.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    display: inline-block;
}
.bm_con >div i{
	    position: absolute;
    margin: auto;
    left: 12px;
    top: 0;
    bottom: 0;
}
.bm_btn:hover,.home_bm_btn:hover, .more_btn:hover, .footer__contact button:hover,
.zxtc_r .free_btn:hover, .rboxs button:hover, #teamSubmit:hover,
.free_btn:hover, .shopSubmit:hover{
	color: #ffffff;
  box-shadow: 4px 3px 0px #346804;
}
.b-h4{
  transition: all .25s ease;
}
.blog__item:hover .b-h4{
  color: #62AC1E;
}
.case-pic img{
	height: 205px;
  /*height: auto;*/
}
.pro_item{
  cursor: pointer;
}
.ads_banner img{
	width: 100%
}
#example_box{
	overflow: hidden;
	margin-bottom: 0px
}
.ads_banner{
	width: 25%;
    float: left;
    padding-right: 12px
}
.slider-nav .slick-prev:after{
	content: "\f106";
	display: block;
	    font-family: "Font Awesome 5 Pro";
    font-size: 34px;
    color: #ffffff;
    position: absolute;
    width: 100%;
    text-align: center;
	left: 0;
	top: 12px
}
.slider-nav .slick-next:after{
	content: "\f107";
	display: block;
	    font-family: "Font Awesome 5 Pro";
    font-size: 34px;
    color: #ffffff;
    position: absolute;
    width: 100%;
    text-align: center;
	left: 0;
	bottom: 12px
}
.tel_fg{
	font-size: 18px;
	color: #62AC1E
}
.h24{
font-size: 14px;
color: #000
}
.footer__social {
	display: flex;
	align-items: flex-start;
	border-top: 1px solid #E5E5E5;
	padding-top: 30px;
	margin-top: 5px
}
.yq_link{
	font-size: 18px;
	color: #333
}
.footer__social ul a{

font-size: 14px;
color: #333333;
margin-left: 30px
}
.footer__social{
	margin-bottom: 20px
}
.footer__copyright p{

font-size: 14px;
color: #999;
margin-bottom: 15px
}
.footer__copyright{
	padding-bottom: 56px
}
.model_fixed{
	    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    z-index: 111;
    zoom: .9;
}
.ercodes{
      position: absolute;
    right: 70px;
    width: 100px;
    top: 0;
    opacity: 0;
    width: 0;
}
.wechat_a:hover .ercodes{
  opacity: 1;
  width: 100px;
}
.xiong{
	width: 113px;
	margin-right: 38px
}
.text{
	height: 40px;
	margin-top: 40px
}
.mf_top{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -42px
}
.mf_form{
	width: 100%;
	background: #FFFFFF;
	border-radius: 16px 16px 16px 16px;
	padding: 46px 32px;
	margin-bottom: 15px;
	display: none;
}
.mf_form.showm{
	display: block;
}
.mf_title{
margin-bottom: 30px;
font-size: 20px;
color: #333333;
font-weight: bold;
}
.mf_title a{
margin-left: 43px;
color: #62AC1E;
}
.down_animate{
	margin-left: 45px;
	    margin-top: 20px;
	    cursor: pointer;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	 -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation: fadeInUp 1s .2s linear infinite;
  transform: rotate(90deg);
}

.down_animate i{
    display: block;
    font-size: 40px;
    color: #FFE500;
    margin-bottom: -20px;
    transform: scaleX(1.2) rotate(180deg);
}
.ups{
	
	-webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	 -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  animation: fadeInDown 1s .2s linear infinite;
}
.down_animate.ups i{
	transform: scaleX(1.2) rotate(0deg);
}
.mf_title .tel_icon{
	margin-left: 0;
	width: 20px;
	height: 20px;
	margin-right: 8px
}
.down_animate i:nth-child(1){
	opacity: .2
}
.down_animate i:nth-child(2){
	opacity: .5
}
.down_animate i:nth-child(3){
	opacity: .8
}
.page-item.active .page-link, .pagination li.active span {
    z-index: 3;
    color: #fff;
    background-color: #62AC1E;
    border-color: #62AC1E;
}
.pagination{
  justify-content: center;
}
.page-link, .pagination li a, .pagination li span{
    position: relative;
    display: block;
    padding: 0;
    margin-left: 4px;
    line-height: 1.25;
    color: #999999;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    width: 43px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    margin: 0 4px;
}
.fixed_right{
  position: fixed;
  right: 0;
  z-index: 1111;
  top: 40%;
}
.fixed_right a{
  width: 70px;
height: 70px;
background: #FFFFFF;
border-radius: 0px 0px 0px 0px;
opacity: 1;
border: 1px solid #E5E5E5;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
font-size: 12px;
color: #999999;
transition: all .25s ease;
position: relative;
}
.fixed_right a:hover{
  color: #ffffff;
  background: #62AC1E;
  border: 1px solid #62AC1E;
}
.fixed_right i{
  width: 30px;
  height: 30px;
  background-size: cover;
  display: inline-block;
  margin-bottom: 2px;
}
.kf_icon{
  background: url(../image/f1.png);
  
}
.fixed_right a:hover .kf_icon{
  background: url(../image/f11.png);
  background-size: cover;
  width: 30px;
  height: 30px;
}
.bj_icon{
  background: url(../image/f2.png);
  
}
.fixed_right a:hover .bj_icon{
  background: url(../image/f22.png);
  background-size: cover;
  
}
.cj_icon{
  background: url(../image/f3.png);
  
}
.fixed_right a:hover .cj_icon{
  background: url(../image/f33.png);
  background-size: cover;
  
}
.gz_icon{
  background: url(../image/f4.png);
  
}
.fixed_right a:hover .gz_icon{
  background: url(../image/f44.png);
  background-size: cover;
}
.fh_icon{
  background: url(../image/f5.png);
  
}
.fixed_right a:hover .fh_icon{
  background: url(../image/f55.png);
  background-size: cover;
  
}
.pc_show{
  display: block;
}
.mobile_show{
  display: none;
}
#example_str .col-md-4{
  padding-left: 12px;
  padding-right: 12px
}
.owl-carousel .owl-item .case_img img{
  max-width: inherit;
  width: 790px;
}
.owl-carousel.case__area-slider .owl-item .case_img {
  width: 100%;
  height: 515px;
  text-align: center;
}
.owl-carousel.case__area-slider .owl-item .case_img img{
	width: auto;
	height: 515px;
  /*height: auto;*/
  display: inline-block!important;
}
.logo img{
	height: 60px
}
.cqd{
	height: 515px;
}
/*404页面*/
.error-404-box{
    width: 100%;
    height: 100%;
    color: #ff8418;
    text-align: center;
}

.error-404-box .error-404-banner{
    width: 100%;
    height: 1000px;
    background: url(//js.ibaotu.com/images/error/bg_404.jpg)center no-repeat;
    padding-top: 650px;
    box-sizing: border-box;
    margin-top: -51px;
}

.error-404-box .error-404-banner p{
    display: block;
    line-height: 36px;
    font-size: 24px;
    font-family: "微软雅黑";
    font-weight: normal;
    letter-spacing: 2px;
}

.error-404-banner p:nth-of-type(1){
    margin: 10px 0px 20px;
    font-size: 30px;
}

.error-404-box .error-404-banner p a{
    color: #ff8418;
    text-decoration: underline;
}

.error-404-banner .back-home-init{
    display: block;
    width: 221px;
    height: 57px;
    line-height: 55px;
    font-size: 24px;
    text-align: center;
    margin: 40px auto 0px;
    background: #ff8418;
    color: #ffffff;
    font-family: "微软雅黑";
    border-radius: 28px;
    letter-spacing: 2px;
}

.error-404-banner .back-home-init:hover{
    opacity: 0.8;
}
@media (max-width: 991px) {
  .offer_form{
    display: block;
    padding: 40px;
  }
  .offer_heading h2{
    font-size: 30px;
  }
  .off-title{
    font-size: 20px;
  }
  .tens{
    height: 60px;
  }
  .bear {
    width: 60px;
    left: 0;
    right: 0;
    top: 80px
}
.form-box em{
  margin-bottom: 40px;
}
.costs{
  width: 100%;
  padding-top: 30px;
}
.zxp_title, .guoqi{
  font-size: 15px;
}
.ccv_boom{
  width: 90%;
  font-size: 15px;
  padding-top: 20px;
}
.ccv_boom h2{
  font-size: 25px;
}
.start_calculation{
  margin-top: 0;
}
.off_get{
  font-size: 14px;
  text-align: center;
}
.cal_bg{
  background: transparent;
  width: 100%;
  height: auto;
}
.offer-area{
  padding-top: 50px;
margin-bottom: 40px;}
.frees_mbox{
  display: block;}
  .free_baojia{
    width: 100%;
  }
  .free_image{
    width: 100%;
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .frees_modal{
    width: 80%;
  }
  .free_baojia h2{
    font-size: 20px;
    margin-bottom: 0;
  }
  .close_freem{
    right: -20px;
  }
  .asd_title{
    font-size: 15px;
  }
  .free_image h2{
    font-size: 20px;
  }
  .fgs_bg{
    background: transparent;
    width: auto;
    margin-bottom: 10px;
  }
  .free_image img{
    margin: 10px 0;
  }
  .asd_bj{
    text-align: left;
    padding: 0 20px;
  }
  .ccj_model iframe, .ccj_model-qj iframe {
    width: 100%;
    height: 100%;


}
.ccj_model, .ccj_model-qj{
  width: 90%;
    height: 80vh;
}
.closed{
  right: 0;
}
  .gd_item{
    display: block;
  }
  .gd_pic{
    margin-right: 0;
  }
  .gd_pic img{
    width: 100%;
    margin-bottom: 20px;
  }
  .gd_l{
    margin-right: 0;
  }
  .owl-carousel.case__area-slider .owl-item .case_img img{
    height: auto;
  }
	.banner__inner-2 .col-md-12{
		white-space: nowrap;
		overflow-x: scroll;
	}
	.banner__item{
		width: 30%;
		display: inline-block;
		float: none;
	}
	.slider__height-5{
		height: 190px
	}
	.huimin-area{
		display: none;
	}
  .ser-list{
    display: block;
  }
  .header__top .col-xl-6:first-child{
    display: none;
  }
  .header__action{
    display: none;
  }
  .bm_title{
    font-size: 16px
  }
  .bm_area{
    display: none;
  }
  .product__wrapper{
    display: block;
  }
  .j_t p, .aq-heading p{
    line-height: 1.6;
    font-size: 14px;
  }
  .j_t{
    padding: 15px;
  }
  .j_b{
    padding: 20px 15px;
  }
  .j_info{
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
  .j_t h2, .aq-heading h2{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .aq-heading h2{
    font-size: 20px;
  }
  .product__thumb {
    width: 100%;
}
.product__content{
  width: 100%;
  padding: 20px 24px 24px 24px
}
.model_fixed{
  display: none;
}
.header__top{
	background: #ffffff
}
.slider__area {
	margin: 0 16px;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 0;
  height: 190px;
}
.mobtopimg img{
	height: 40px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 9px
}
.product__area {
	padding-left: 15px;
	padding-right: 15px
}
.mobile-menu-btn a{
	font-size: 25px;
	color: #333333
}
.mobile-menu-btn{
	position: absolute;
	right: 0;
	top: 11px
}
.header6{
	height: 60px
}
.sticky .header__top{
	display: block;
}
.nav_tyle a{
  font-size: 13px;
  padding: 8px 14px;
  margin: 0 5px
}
.nav_tyle{
	display: block;
	overflow-x: auto;
	white-space: nowrap;
	margin-bottom: 22px
}
.ads_banner{
  display: none;
}
#example_str .col-md-4{
  width: 50%;
  padding-left: 5px;
  padding-right: 5px

}
.blog__content{
	padding: 15px 5px 5px
}
.product__area .container{
	padding: 0
}
.case-item:hover{
	box-shadow: none;
}
.info i{
  margin: 0 8px
}
.info{
  font-size: 12px
}
.case-pic img{
  height: 100px
}
.td_info{
  padding: 25px 30px;
}
.td_info h2{
  text-align: center;
}
.td_info h2 span{
  display: block;
  margin-top: 10px;
}
.td_fg, .td_md{
  margin-bottom: 10px;
}
.ucase-area .case-pic img{
  height: 130px;
}
.case-list .col-md-3{
  width: 50%;
  padding-right: 8px;
  padding-left: 8px;
}
.ucase-area .info{
  padding: 0 8px;
}
.case-list{
  padding: 0 8px;
}
.ucase-area .case-list a:last-child{
  margin-bottom: 16px;
  padding-bottom: 10px;
}
.ucase-area .case-name {
    margin: 10px 0 8px;
    padding: 0 8px;}
.case-name{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 12px 0 5px
}
.on_store{
  display: block;
}
.on_store >img{
  width: 100%;
}
.store-box h2{
  font-size: 18px;
}
.store-box h2:after{
  width: 100%;
  height: 18px;
}
.ucase-area{
  background: #fff;
}
.bg-filter.bg__area{
  height: 150px;
}
.filter_box dt {
    font-size: 15px;
   
    color: #62AC1E;
    width: 50px;
    margin-right: 6px;
    flex: none;
}
.filter_box dd a{
  margin-right: 0;
}
.ser-item{
  width: 33.333%;
  float: left;
  font-size: 14px;
  margin-bottom: 30px
}
.ser-item img{
  width: 70%;
  margin-bottom: 5px
}
.case-item{
  padding-bottom: 15px;
  margin-bottom: 11px
}
.hm-li img{
  width: 60px!important;
  height: 60px
}
.more_btn2{
  width: 40px;
  height: 40px
}
.slider-for .slick-slide div{
  height: 30px;
  line-height: 30px;
  font-size: 12px
}
.ser-box{
	padding: 40px 0;
  padding-bottom: 10px
}
.morn_btn{
  font-size: 15px
}
.hm-li >div{
  padding-left: 5px
}
.hm-li h2{
  font-size: 12px
}
.hm-li p{
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%
}
.huimin-box{
  display: block;
}
.slick-slide img{
  width: 100%
}
.huimin-box .slider-for{
  width: 100%
}
.huimin-box .slick-arrow{
  width: 30px;
  height: 60px;
  position: relative;
}
.slider-nav{
  display: flex;
}
.hm-li.slick-slide.slick-current:after{
  display: none;
}
.hm-li{
  height: 60px
}
.slider-nav .slick-prev:after{
  transform: rotate(-90deg);
  top: 17px
}
.slider-nav .slick-next:after{
  transform: rotate(-90deg);
  bottom: 16px
}
.slider__height-5{
  background-size: cover!important;
}
.fixed_right{
  display: none;
}
.w-title{
  font-size: 16px;
  line-height: 15px
}
.img_mask{
  padding: 8px 8px 5px
}
.pb-90{
  padding-bottom: 45px
}
.pt-90{
  padding-top: 45px
}
.mb-50{
  margin-bottom: 25px
}
.more_btn{
  width: 95px;
  margin-top: 14px;
  height: 30px;
  line-height: 30px
}
.tc_con .owl-nav{
	right: 16px
}
.product__content h4 span{
  font-size: 32px
}
.product__content-inner ul li{
  margin-bottom: 0
}
.w-tag{
  margin-top: 5px
}
.product__content .product__content-inner h4{
  margin-bottom: 8px
}
.footer-bg{
  display: none;
}
.pc_show{
  display: none;
}
.mobile_show{
  display: block;
}
.mobile_footer h3{
text-align: center;
font-size: 14px;
color: #333333;
font-weight: bold;
margin-bottom: 2px
}
.mobile_footer p{

font-size: 11px;
color: #999999;
text-align: center;
margin-bottom: 80px
}
.mob_navlist{
	padding: 0 15px;
	overflow: hidden;
	margin: 16px 0;
	margin-bottom: 0;
	margin-top: 20px
}
.nav_item{
	width: 25%;
	float: left;
	text-align: center;
color: #212121;
font-size: 14px;
margin-bottom: 16px
}
.nav_item img{
	width: 40px;
	display: block;
	margin: auto;
	margin-bottom: 4px
}
.fixed_mobile{
  width: 100%;
  height: 60px;
  position: fixed;
  left: 0;
  bottom: 0;
z-index: 1111111;
box-shadow: 0px -6px 8px 2px rgba(0, 0, 0, 0.03999999910593033);
background: #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 16px
}
.fixed_mobile img{
  height: 24px;
  display: block;
  margin: auto;
}
.team-nav{
  display: block;
  overflow-x: auto;
  white-space: nowrap;

}
.team-nav li{
  display: inline-block;
  margin-right: 20px;
}
.team-bar{
  margin-bottom: 32px;
  display: block;
}
.gd_box{
  display: block;
}
.owl-carousel .owl-item .case_img img{
  width: 100%;
  height: auto;
}
.qj_l{
  width: 100%;
  margin-bottom: 16px;
}
.yy_btm{
  height: 38px;
  line-height: 38px;
  width: 100px;
}
.taem-area {
  padding: 0 8px;
}
.aq-heading {
    padding: 40px 0 30px;
}
.store-box {
    padding: 32px 23px;
    width: 100%;
}
.huimin-section{
  display: block;
}
.huimin-section .col-md-3{
  width: 50%;
  padding-left: 8px;
  padding-right: 8px;
}
.hmd_pics{
  width: 100%;
}
.hmd_pics img:nth-child(1){
  width: 100%;
  margin-right: 0;
  height: auto;
  margin-bottom: 16px;
}
.hmd_pics img:nth-child(2){
  width: 100%;
  margin-right: 0;
  height: auto;
}
.hmd_info{
  width: 100%;
  height: auto;
  padding: 32px;
}
.huimin-section{
  padding: 0 8px;
}
.huimin-info p{
  font-size: 12px;
}
.free_btn{
  width: 70%;
  height: 38px;
  margin: auto;
}
.huimin-item{
  margin-bottom: 30px;
}
.mt38{
  margin-top: 0;
}
.taem-area .col-md-3{
  width: 50%;
  padding-right: 8px;
  padding-left: 8px;
}
.sjs_txt{
  font-size: 14px;
    position: relative;
    height: 40px;
}
.sjs_info{
  display: none;
}
.sjs_item:hover .sjs_txt{
  bottom: 0;
}
.tdetail_banner img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    display: block;
    margin: auto;
}
.tdetail_banner {
    display: flex;
     position: static; 
    left: 0;
    top: 0;
    flex-flow: column;
    margin-top: -50px;
}
.bg-filter{
      filter: blur(2px);
      height: 150px;
}
.sjs_item{
  margin-bottom: 16px;
}
.page{
  margin-top: 30px;
  margin-bottom: 20px;
}
.team-search{
  margin-top: 26px;
}
.m_yy{
  width: 209px;
height: 40px;
background: #62AC1E;
border-radius: 30px;
display: inline-block;
font-size: 15px;
color: #ffffff;
text-align: center;
line-height: 40px}
.b-info{
  margin-bottom: 35px
}
.side-mobile-menu ul li{
  width: 33.333%;
  float: left;
  padding: 8px
}
.mobile_form{
	padding: 0 8px
}
.blog__slider{
	margin-bottom: 8px
}
.decorate_box{
	display: block;
}
.decorate_box .zxtc_l img{
	width: 100%;
	height: auto;
}
.hmd_box{
	display: block;
}
.pro_item{
	display: inline-block;
	width: 20%
}
.pro_item img{
	width: 100%;
	height: auto;
}
.progress_list{
	display: none;
	overflow-x: auto;
	white-space: nowrap;
}
.zxtc_l img{
	width: 100%;
	height: auto;
}
.hmd_bos .gd_r{
	display: none;
}
.bg__area{
	overflow: hidden;
	border-radius: 10px;
	height: 100px;
	margin: 16px;
	margin-bottom: 0
}
.zctc_item{
	padding: 24px 0
}
#taocanModal .modal-dialog{
	    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    top: 20%;
}
.uheading{
	margin: 24px 0 16px;
	font-size: 18px
}
.decorate_item{
	padding: 30px 0
}
.zxtc_ul li{
	margin-bottom: 5px
}
.zxtc_r .free_btn{
	height: 35px;
	line-height: 35px;
	width: 140px
}
.decorate_top{
	display: block;
}
.decorate_top h2{
	font-size: 18px;
	margin-bottom: 10px
}
.zxtc_l{
	margin-right: 0;
	margin-bottom: 20px
}
.tc_nav{
	display: block;
	white-space: nowrap;
	overflow-x: scroll;
}
.tc_nav li{
	display: inline-block;
	margin-right: 20px
}
.extra__info-close{
	    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.extra__info-inner h2{

font-size: 16px;
line-height: 1;
margin-bottom: 16px;
margin-left: 8px
}
.fwline{
	text-align: center;
font-size: 12px;
color: #666666;
margin-top: 12px;
margin-bottom: 24px
}
.mob_btn{
	width: 100%;
height: 48px;
background: #62AC1E;
border-radius: 42px 42px 42px 42px;
opacity: 1;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
margin-top: 8px
}
.mobile_form input{
	width: 100%;
height: 48px;
background: #FFFFFF;
border-radius: 4px 4px 4px 4px;
opacity: 1;
border: 1px solid #D1D1D1;
margin-bottom: 12px;
padding: 0 16px
}
.side-mobile-menu ul li a{
  width: 100%;
height: 37px;
background: #F4F4F4;
border-radius: 30px;
display: block;
padding: 0;
text-align: center;
line-height: 37px;
border-bottom: 0;
    text-transform: inherit;
}


}