/*

font-family: 'Jost', sans-serif;

*/
@import url('css2.css');
html,
body {
  
}

html {
	margin: 0;
      padding: 0;
}

body {
	margin: 0;
      padding: 0;
	color: #434141;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	text-align: left;
	/*font-family: 'Jost', sans-serif;*/
	font-family: Arial, Microsoft YaHei, sans-serif;
}

p {
    color:rgba(102, 102, 102, 1);
    font-weight: 400;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1c1632;
    font-family: Arial, Microsoft YaHei, sans-serif;
    font-style: normal;
    margin-bottom: 0;
    margin-top: 11px;
    line-height: 1.2;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 36px;
}

ul{
	list-style:none;
}


a {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a {
    color: #141422;
}

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

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

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    -webkit-transition: .5s;
    transition: .5s;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 35px;

}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6 {
    color: #fff;
}

.white p {
    color: #fff;
}

.white i {
    color: #fff;
}

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



ul {
    margin: 0;

    padding: 0;
}



input:focus,
button:focus {
    border-color: rgb(205, 30, 25, 0);
    outline-color: rgb(205, 30, 25, 1);
    border: 0.05vw solid rgb(205, 30, 25, 0);
}




textarea:focus {
    border-color: rgb(205, 30, 25, 0);
    outline-color: rgb(205, 30, 25, 1);
	border: 0.05vw solid rgb(205, 30, 25, 0);
}

hr {
    margin: 60px 0;
    padding: 0px;
    border-bottom: 1px solid #eceff8;
    border-top: 0px;
}

hr.style-2 {
    border-bottom: 1px dashed #f10;
}

hr.mp-0 {
    margin: 0;
    border-bottom: 1px solid #eceff8;
}

hr.mtb-40 {
    margin: 40px 0;
    border-bottom: 1px solid #eceff8;
    border-top: 0px;
}

label {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

a,
i,
cite,
em,
var,
address,
dfn,
ol,
li,
ul {
    font-style: normal;
    font-weight: 400;
}

/* Default Background */
.bg_color {
    background: #43baff;
}

.bg_color2 {
    background: #211e3b !important;
}

.white_bg {
    background: #fff;
}
.zerobanb.zel h2, .zerobanb.zel p{
	text-align:left !important;
}
.bg_fixed {
    background-attachment: fixed;
}

.bg_before {
    position: relative;
}

.bg_before:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(12, 90, 219, 0.3);
}

.nagative_mb {
    position: relative;
    margin-bottom: -180px;
    z-index: 1;
}


*::-moz-selection {
    background: #4fc1f0;
    color: #454545;
    text-shadow: none;
}

::-moz-selection {
    background: #4fc1f0;
    color: #454545;
    text-shadow: none;
}

::selection {
    background: #4fc1f0;
    color: #454545;
    text-shadow: none;
}

::placeholder {
    color: #454545;
    font-size: 16px;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */

    color: #454545;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #454545;
}

:-ms-input-placeholder {
    /* IE 10+ */

    color: #454545;
}

:-moz-placeholder {
    /* Firefox 18- */

    color: #454545;
}

/* Contact Area */
.counter_area ::-moz-selection {
    color: #001d23;
    text-shadow: none;
}

.contact_area ::-moz-selection {
    color: #001d23;
    text-shadow: none;
}

.contact_area ::selection {
    color: #001d23;
    text-shadow: none;
}

.contact_area ::placeholder {
    color: #001d23;
    font-size: 16px;
}

.contact_area ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #001d23;
}

.contact_area ::-moz-placeholder {
    /* Firefox 19+ */
    color: #001d23;
}

.contact_area :-ms-input-placeholder {
    /* IE 10+ */
    color: #001d23;
}

.contact_area :-moz-placeholder {
    /* Firefox 18- */
    color: #001d23;
}

.blog_reply ::-moz-selection {
    color: #151948;
}

.blog_reply ::-moz-selection {
    color: #151948;
}

.blog_reply ::selection {
    color: #151948;
}

.blog_reply::placeholder {
    color: #151948;
}

.blog_reply ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #151948;
}

.blog_reply ::-moz-placeholder {
    /* Firefox 19+ */
    color: #151948;
}

.blog_reply :-ms-input-placeholder {
    /* IE 10+ */
    color: #151948;
}

.blog_reply :-moz-placeholder {
    /* Firefox 18- */
    color: #151948;
}

/* Padding Top Css */
.pt-350 {
    padding-top: 350px;
}

.pt-300 {
    padding-top: 300px;
}

.pt-280 {
    padding-top: 280px;
}

.pt-250 {
    padding-top: 250px;
}

.pt-200 {
    padding-top: 200px;
}

.pt-190 {
    padding-top: 190px;
}

.pt-180 {
    padding-top: 180px;
}

.pt-170 {
    padding-top: 170px;
}

.pt-160 {
    padding-top: 160px;
}

.pt-150 {
    padding-top: 150px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-95 {
    padding-top: 95px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-85 {
    padding-top: 85px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-65 {
    padding-top: 65px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-55 {
    padding-top: 55px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-10 {
    padding-top: 10px;
}

/* Padding Bottom Css */
.pb-350 {
    padding-bottom: 350px;
}

.pb-250 {
    padding-bottom: 250px;
}

.pb-200 {
    padding-bottom: 200px;
}

.pb-190 {
    padding-bottom: 190px;
}

.pb-180 {
    padding-bottom: 180px;
}

.pb-170 {
    padding-bottom: 170px;
}

.pb-160 {
    padding-bottom: 160px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-135 {
    padding-bottom: 135px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-95 {
    padding-bottom: 95px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-85 {
    padding-bottom: 85px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-65 {
    padding-bottom: 65px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-55 {
    padding-bottom: 55px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-10 {
    padding-bottom: 10px;
}

/* Padding Left Css */
.pl-120 {
    padding-left: 120px;
}

.pl-110 {
    padding-left: 110px;
}

.pl-100 {
    padding-left: 100px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-0 {
    padding-left: 0px;
}

/* Padding Right Css */
.pr-120 {
    padding-right: 120px;
}

.pr-110 {
    padding-right: 110px;
}

.pr-100 {
    padding-right: 100px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-10 {
    padding-right: 10px;
}

/* Margin Top Css */
.mt-200 {
    margin-top: 200px;
}

.mt-190 {
    margin-top: 190px;
}

.mt-180 {
    margin-top: 180px;
}

.mt-170 {
    margin-top: 170px;
}

.mt-160 {
    margin-top: 160px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-95 {
    margin-top: 95px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-10 {
    margin-top: 10px;
}

/* Margin Bottom Css */
.mb-200 {
    margin-bottom: 200px;
}

.mb-190 {
    margin-bottom: 190px;
}

.mb-180 {
    margin-bottom: 180px;
}

.mb-170 {
    margin-bottom: 170px;
}

.mb-160 {
    margin-bottom: 160px;
}

.mb-150 {
    margin-bottom: 150px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-95 {
    margin-bottom: 95px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-65 {
    margin-bottom: 65px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-10 {
    margin-bottom: 10px;
}

/* Margin Left Css */
.ml-200 {
    margin-left: 200px;
}

.ml-190 {
    margin-left: 190px;
}

.ml-180 {
    margin-left: 180px;
}

.ml-170 {
    margin-left: 170px;
}

.ml-160 {
    margin-left: 160px;
}

.ml-150 {
    margin-left: 150px;
}

.ml-140 {
    margin-left: 140px;
}

.ml-130 {
    margin-left: 130px;
}

.ml-120 {
    margin-left: 120px;
}

.ml-110 {
    margin-left: 110px;
}

.ml-100 {
    margin-left: 100px;
}

.ml-95 {
    margin-left: 95px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-75 {
    margin-left: 75px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-65 {
    margin-left: 65px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-55 {
    margin-left: 55px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-0 {
    margin-left: 0px;
}

/* Margin Right Css */
.mr-200 {
    margin-right: 200px;
}

.mr-190 {
    margin-right: 190px;
}

.mr-180 {
    margin-right: 180px;
}

.mr-170 {
    margin-right: 170px;
}

.mr-160 {
    margin-right: 160px;
}

.mr-150 {
    margin-right: 150px;
}

.mr-140 {
    margin-right: 140px;
}

.mr-130 {
    margin-right: 130px;
}

.mr-120 {
    margin-right: 120px;
}

.mr-110 {
    margin-right: 110px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-95 {
    margin-right: 95px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-75 {
    margin-right: 75px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-65 {
    margin-right: 65px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-55 {
    margin-right: 55px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-45 {
    margin-right: 45px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-10 {
    margin-right: 10px;
}



a{
	text-decoration:none;
}
a:hover{
	color:rgb(205, 30, 25, 1);
}

video{
	width:100%;
	object-fit: cover;
	overflow:hidden;
}

h2{
	font-size:1.6vw;
	line-height:1.4;
}
h3
{
	font-size:1.0vw;
}
h4{
	font-size:0.8vw;
}

p{
	font-size:0.8vw;
	line-height:1.5;
}
/*===============================================
Template Name: Solar Panel-HTML5 Template
Author:  https://themeforest.net/user/website stock
Description: Description
Version: 1.0.0
Text Domain: Solar Panel 
Tags: alternative energy, company, eco, eco-friendly, ecology, environment, nature, recycling, renewable energy, solar energy, solar power, corporate, business, technology, software, company.
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. Solar Panel  Header Top Menu Area Css
02. Solar Panel  Nav Menu Area Css 
03. Solar Panel  Slider Area Css
04. Solar Panel  Section Title Css
05. Solar Panel  Service Area css
06. Solar Panel  About Area Css
07. Solar Panel  Counter Area Css
08. Solar Panel  Testimonial Area Css
09. Solar Panel  Process Area Css
10. Solar Panel  Team Area Css
11. Solar Panel  Faq Area Css
12. Solar Panel  Call Do Section Css
13. Solar Panel  Form Box Css
14. Solar Panel  Blog Area Css
15. Solar Panel  footer Area Css
16. Solar Panel  Subscribe Area Css
17. Solar Panel  Prossess Ber Css
18. Solar Panel  Scrollup Section
19. Solar Panel  Breadcumb Area Css
20. Solar Panel  abouts_areas Css
21. Solar Panel  Pricing Section Css
22. Solar Panel  Contact  US Css
23. Solar Panel  Blog Sidber Widget CSS
24. Solar Panel  Search Box Css
25. Solar Panel  Loader Css
=======================*/

/*==================================================
 <-- Solar Panel  Header Top Menu Area Css
===================================================*/

/*@font-face {
    font-family: 'Jost'; 
    src: url('.../static//Jost-Black.ttf') format('truetype'); 
}










body {
font-family: 'Jost', sans-serif;  
}
*/

.mkt p{
	max-width:30vw;
}

.mangf h2{
	padding-bottom:1vw;
	position:relative;
}


.mangf h2::after {
    content: "";
    position: absolute;
    width: 5vw;
    border-bottom: 4px solid rgb(205, 30, 25, 0.9);
    left: 0%;
    bottom: 0%;
}

.tgw{
	width:60%;
}
.tgw li{
	cursor:pointer;
}
.tgw li:hover{
	color:rgb(205, 30, 25, 1);
}

.mzatt{
	width:100%;
	overflow:hidden;
	background:rgb(247, 247, 247, 1);
	border-radius:3px;
	margin-bottom:1.5vw;
}
.mzatta{
	width:100%;
	overflow:hidden;
}
.mzattb{
	margin:2vw;
}


.logo{
    width:75%;
}
.logo img{
    width:100%;
}


.solar-topbar-section {
    padding: 18px 0;
    background: #19142d;
}

.solar-top-menu ul {
    list-style: none;
}

.solar-top-menu ul li {
    display: inline-block;
    margin-right: 36px;
    position: relative;
}

.solar-top-menu ul li a::after {
    position: absolute;
    content: "";
    height: 30px;
    width: 2px;
    background: #3a3a42;
    left: -22px;
    top: -2px;
    opacity: 0.702;
}

.solar-top-menu ul li.line a::after {
    display: none;
}

.solar-top-menu ul li a {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
}


.solar-top-menu ul li a i {
    color: rgb(205, 30, 25, 1);
    font-size: 15px;
    margin-right: 7px;
}

.solar-top-content-menu {
    text-align: right;
}

.solar-top-content {
    display: inline-block;
    margin-right: 25px;
    position: relative;
}

.solar-top-content select#Language {
    background: no-repeat;
    border: none;
    font-size: 17px;
    color: #ffffff;
    font-weight: 400;
    outline: 0;
}

.solar-top-content::before {
    position: absolute;
    content: "";
    height: 30px;
    width: 2px;
    opacity: 0.702;
    background: #3a3a42;
    right: -22px;
}

.solar-top-content option {
    background: #19142d;
    font-size: 16px;
}

.solar-top-social-icon {
    display: inline-block;
}

.solar-top-social-icon ul li {
    display: inline-block;
    margin-left: 13px;
}

.solar-top-social-icon ul li a i {
    color: #ffffff;
    font-size: 15px;
    transition: .5s;
}

.solar-top-social-icon ul li a:hover i {
    color: rgb(205, 30, 25, 1);
}


/*==================================================
 <-- Solar Panel  Header  Menu Area Css
===================================================*/

.solar-header-section {
    background: #ffffff;
    position: relative;
    z-index: 999;
    position: relative;
	-webkit-transform: translateY(0%) translateX(0%);
  -ms-transform: translateY(0%) translateX(0%);
  transform: translateY(0%) translateX(0%);
  opacity:1; 
  transition: all 0.5s ease-out;
}

/*.solar-header-section::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 215%;
    top: 0%;
    left: -182%;
    background: rgb(205, 30, 25, 1);
    transform: skew(-30deg, 0deg);
    z-index: -1;
}
*/
.solar-header-section.nyon{
	-webkit-transform: translateY(-100%) translateX(0%);
  -ms-transform: translateY(-100%) translateX(0%);
  transform: translateY(-100%) translateX(0%);
  opacity:0; 
transition: all 0.5s ease-out;  
}




.solar-menu {
    text-align: right;
}

.solar-menu ul {
    list-style: none;
	position:relative;
}





.solar-menu ul li {
    display: inline-block;
	position:relative;
	margin:0 1.5vw;
}





 .solar-menu ul li::before{
    content:"";
	position:absolute;
	width:0%;
	bottom:0%;
	left:0%;
	height:0.1vw;
	background:rgb(205, 30, 25, 1);
	transition: all 1s ease-out;
  }
   .solar-menu ul li:hover::before{
    width:100%;
	transition: all 1s ease-out;
  }


.solar-menu ul li a {
    display: inline-block;
    color: #141422;
    font-size:24px;
    font-weight: 500;
    padding:30px 0px;
    text-decoration: none;
    transition: .5s;
}

.widlan{
    padding:0.5vw 1vw 0.5vw 0.5vw;
    line-height:2;
	font-size:1.0vw;
	
}



.prob-section{
	position:relative;
	width:100vw;
	overflow:hidden;
}

.bvidf{
	position:absolute;
	width:100%;
	overflow:hidden;
	left:0%;
	top:50%;
	-webkit-transform: translateY(-50%) translateX(0%);
  -ms-transform: translateY(-50%) translateX(0%);
  transform: translateY(-50%) translateX(0%);
	text-align:center;
}

.bvidf.zel{
	
	text-align:left;
}


.bvidf h2{
	line-height:1.1;
}
.mktd .cre p{
    overflow:hidden;
	margin:0 auto;
}
.mktd p{
	max-width:40vw;
}

.bvidf.hei h2, .bvidf.hei p{
	color:rgba(36, 36, 36, 1);
}

.mktd p{
	max-width:40vw;
}


.mkttlf{
	text-align:center;
}

.sizd{
	width:100%;
	overflow:hidden;
}

.sizdn{
	width:100%;
	overflow:hidden;
	border-bottom:1px solid rgb(226, 226, 226, 1);
	margin-bottom:2vw;
	cursor:pointer;
}
.sizdn.dnon{
	border-bottom:none;
}
.sizdn h2{
	position:relative;
	padding-bottom:1vw;
	margin-top:0;
	font-size:1.4vw;
}
.sizdn.dnon h2:after{
    position: absolute;
    content: "";
    width: 3vw;
    border-bottom: 2px solid rgb(205, 30, 25, 1);
    left: 0%;
    bottom: 0%;
}
.sizdn p{
	margin-top:0;
	opacity:0;
	height:0;
	margin-bottom:0;
	-webkit-transform: translateY(50%) translateX(0%);
  -ms-transform: translateY(50%) translateX(0%);
  transform: translateY(50%) translateX(0%);
 transition: 1s ease-out;
}
.sizdn.dnon p{
	margin-top:1vw;
	opacity:1;
	height:auto;
	-webkit-transform: translateY(0%) translateX(0%);
  -ms-transform: translateY(0%) translateX(0%);
  transform: translateY(0%) translateX(0%);
  transition: 1s ease-out;
}


.bg-dir {
    background-color: rgba(205, 30, 25, 1) !important
}

.bg-dio {
    background-color: rgba(31, 187, 173, 1)!important
}

.progwen{
	font-weight:bold;
	font-size:1.6vw;
}

.progwen.wr{
	color:rgba(205, 30, 25, 1);
}
.progwen.wg{
	color:rgba(31, 187, 173, 1);
}
.nrt{
	position:relative;
}

.proggf{
	position:absolute;
	top:0;
	left:5%;
	color:#fff;
	font-size:0.8vw;
	line-height:1.2;
}

.gress{
	position:absolute;
	width:2vw;
	height:2vw;
	border-radius:50%;
	top:50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  background:#fff;
}

.tophei{
	border-top:2px solid rgba(36, 36, 36, 1);
}







.res1{
	border:0.4vw solid rgb(205, 30, 25, 1);
	left:40%;
}
.res2{
	border:0.4vw solid  rgb(31, 187, 173, 1);
	left:70%;
}

.progress-bar{
	border-radius:0.5vw;
}

.bvidf h2{
	color:rgb(255,255,255,1);
	font-size:3vw;
}
.bvidf p{
	color:rgb(255,255,255,1);
	font-size:1vw;
	margin-top:1.0vw;
}

.bvidf.xiao h2{
	color:rgb(255,255,255,1);
	font-size:2.4vw;
	line-height:1.2;
}
.bvidf.xiao p{
	color:rgb(255,255,255,1);
	font-size:0.8vw;
	margin-top:1.0vw;
}
.bvidf.xiao.np p,.bvidf.xiao.np h2{
	max-width:25vw;
}

.qualtu{
	width:100%;
}



.solar-menu ul li a:hover{
    color: rgb(205, 30, 25, 1);
}

.solar-menu ul li a i {
    font-size: 12px;
    margin-left: 4px;
}

.solar-search-button {
    text-align: right;
}

.solar-social-menu {
    display: inline-block;
}

.solar-social-menu ul li {
    display: inline-block;
    margin-left: 10px;
}

.solar-social-menu ul li a i {
    color: #141422;
    font-size: 21px;
}

a.handbag {
    position: relative;
}

a.handbag:before {
    position: absolute;
    content: "0";
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    background: rgb(205, 30, 25, 1);
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 100%;
    left: 11px;
    top: -8px;
}



.qualtnew-section{
	position:relative;
	width:100%;
}



.qlhd{
    position: relative;
    width: 100%;
}
.qlhdn{
	position:relative;
	width:100%;
	height:100vh;
}

.qlhdnf{
	position:absolute;
	width:100%;
	left:0%;
	top:50%;
	-webkit-transform: translateY(-50%) translateX(0%);
  -ms-transform: translateY(-50%) translateX(0%);
  transform: translateY(-50%) translateX(0%);
  overflow:hidden;
}

.qlhdnfa{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:5vw;
}

.qlhdnfan{
	position:relative;
	width:100%;
	overflow:hidden;
	z-index:1;
	opacity:0;
	transition: all 1s ease-out;
}
.qlhdnfan.fanf{
	position:absolute;
	left:0%;
    top:0%;	
}
.qlhdnfan.faon{
	z-index:2;
	opacity:1;
	transition: all 1s ease-out;
}


.prdthd{
	position:relative;
	width:100%;
	height:400vh;
}

.prdthdn{
    position: -webkit-sticky;
    position: sticky;
    left: 0%;
    top: 0%;
    width: 100%;
}

.mbli{
	position:relative;
	width:100%;
	height:100vh;
	overflow:hidden;
}
.mblin{
	position:relative;
	width:100%;
	height:100vh;
	overflow:hidden;
	z-index:1;
	opacity:0;
	transition: all 1s ease-out;
}

.mblin.mbuon{
	z-index:2;
	opacity:1;
	transition: all 1s ease-out;
}


.mblin .sonica img{
	height:100vh;
	object-fit: cover;
}

.mblin.mbuf{
	position:absolute;
	width:100%;
	height:100vh;
	left:0%;
	top:0%;
	overflow:hidden;
}

.mbudh{
	position:absolute;
	left:0%;
	bottom:3vw;
  z-index:4;
  width:100%;
  display: flex;
    gap: 3.5vw;
    justify-content: center;
    align-items: center;
}


.mbubg{
	position:absolute;
	width:100%;
	height:100vh;
	left:0%;
	top:0%;
	z-index:3;
	overflow:hidden;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%,rgba(0, 0, 0, 0.01) 50%,rgba(0, 0, 0, 0) 51%);
}



.mudh a{
	color:rgb(255,255,255,0.7);
	font-size:1vw;
}
.mudh.mudon a{
	color:rgb(255,255,255,1);
}
.mudh{
	position:relative;
	padding-bottom:1vw;
}
.mudh::before{
	 content:"";
	 position:absolute;
     width:100%;
	 height:2px;
	 left:0%;
	 bottom:0%;
	 background:rgb(255,255,255,0.7);
	 transition: 1s ease-out;
}

.mudh::after{
	  content:"";
	  position:absolute;
      width:0%;
	  height:2px;
	  left:0%;
	  bottom:0%;
	  background:rgb(255,255,255, 1);
	  transition: 1s ease-out;
}
.mudh.mudon::after{
      width:100%;
	  transition: 1s ease-out;
}









.mdycdw{
	position:absolute;
	width:100%;
	overflow:hidden;
	left:0%;
	top:50vh;
	z-index:-1;
	opacity:0;
}

.mdycdw ul li{
	position:relative;
	width:100%;
	height:50vh;
	overflow:hidden;
}






/* sticky css */

.sticky-nav {
    left: 0;
    margin: auto;
    top: 0;
    width: 100%;
    position: fixed !important;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    -webkit-animation: 300ms running fadeInDown;
    animation: 500ms running fadeInUp;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    transition: 0.5s !important;
    /*background: #e3e3e3!important;*/
    z-index: 9999 !important;
    animation-name: slideInDown;
    padding: 0 30px;
  }

/* sub menu area css */
.solar-menu ul .sub-menu {
    background: rgba(247, 247, 247, 1);
    position: absolute;
    top: 125%;
    border-radius: 5px;
    width:12vw;
    text-align: left;
    margin: 0;
    -webkit-box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
    transition: .5s;
    visibility: hidden;
    opacity: 0;
    z-index: 11;
  }
  .solar-menu ul .sub-menu ul li {
    display: inline-block;
    margin-left: 0;
    width: 100%;
  }
  
  .solar-menu ul .sub-menu ul li::before {
	opacity:0;
  }
  
  .solar-menu ul .sub-menu ul li a {
    display: inline-block;
    padding: 0.5vw 1.2vw;
	font-size:0.8vw;
    text-align: left;
    width: 100%;
    visibility: inherit !important;
    color: #202020;
    margin: 0;
  }
  .solar-menu ul .sub-menu ul li a:hover {
    background:rgb(214,9,45,1) !important;
    color: #fff;
  }
  .solar-menu ul li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    top: 99%;
  }
  



.solar-menu ul .sub-menu.ovda{
    position:fixed;
    top:86px;
	left:0%;
    border-radius:3px;
    width:100%;
    text-align: left;
    margin: 0;
    -webkit-box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
    transition: .5s;
    visibility: hidden;
    opacity: 0;
    z-index: 11;
}

.solar-menu ul li:hover .sub-menu.ovda {
    visibility: visible;
    opacity: 1;
    top:86px;
  }

.fenpro{
	width:100%;
	overflow:hidden;
}

.fenpro dl dd{
	overflow:hidden;
	font-size:0.9vw;
	line-height:1.5;
	padding:1vw;
	border-radius:3px;
}

.fenpro dl dd.qpon{
	color:rgb(205, 30, 25, 1);
}
.fenpro dl dd i{
	font-size:0.6vw;
	margin-left:0.5vw;
}

.qpxtu{
	margin:1vw;
	overflow:hidden;
}
.qpxtu p{
	width:100%;
	text-align:center;
	font-size:0.8vw;
}
.qpxtu p a{
	padding:0 !important;
	font-size:0.8vw !important;
	line-height:1.5 !important;
}

.qpxtua{
	width:100%;
	overflow:hidden;
}


.qpx{
	width:100%;
	overflow:hidden;
	display:none;
}

.qpx.qpxon{
	width:100%;
	overflow:hidden;
	display:block;
}







/* header style two */

.solar-header-section.style-two {
    background: #fff;
}

.solar-header-section.style-two::before {
    display: none;
}

/* logo style two */

.logo.style-two::before {
    display: none;
}

.logo.style-two::after {
    display: none;
}


/* sola btn */

.solar-btn {
    display: inline-block;
    margin-left: 32px;
}

.solar-btn a {
    display: inline-block;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    background: rgb(205, 30, 25, 1);
    color: #fff;
    padding: 13px 25px;
    border-radius: 8px;
    position: relative;
    z-index: 1;
}

.solar-btn a::before {
    position: absolute;
    content: "";
    background-color: #19142d;
    width: 100%;
    height: 0%;
    left: 50%;
    top: 50%;
    border-radius: 8px;
    transform: translate(-50%, -50%) rotate(0deg);
    z-index: -1;
    transition: all 500ms ease;
}

.solar-btn a:hover::before {
    height: 104%;
}

/* slider btn */

.solar-btn.slider1 {
    margin: 0;
}

.solar-btn.slider2 {
    margin-left: 14px;
}

.solar-btn.slider2 a {
    background: #fff;
    color: #0f0f0f;
}

.solar-btn.slider2 a:hover{
    color: #ffffff;
}

/* about btn */

.solar-btn.about {
    margin: 0;
}

.solar-btn.about a {
    padding: 16px 33px;
}

/* about style two btn */

.solar-btn.about.about2 {
    margin-top: 50px;
}

/* contact us btn */

.solar-btn.contact-us a {
    background: #fff;
    color: #1c1632;
}

.solar-btn.contact-us a:hover{
    color: #ffffff;
}

/* choose btn */

.solar-btn.choose {
    margin: 0;
}

.solar-btn.choose a {
    padding: 0.5vw 1vw;
}

/* protfolio btn */

.solar-btn.protfolio {
    text-align: right;
    display: inherit;
    margin-left: 0;
    margin-top: -33px;
}

.solar-btn.protfolio a {
    padding: 14px 20px;
}       

.solar-btn.protfolio a:hover{
    color:rgb(205, 30, 25, 1);
}

.solar-btn.protfolio a::before{
    background: #ffffff; 
}

/* call back section btn */

.solar-btn.call-back a::before {
    background: #ffff;
}

.solar-btn.call-back a:hover{
    color: rgb(205, 30, 25, 1);
}

/*==================================================
 <-- Solar Panel  Slider Section Css
===================================================*/

.slider-section {
    height:100vh;
    position: relative;
}


.santt-section{
    position: relative;
    width: 100%;
    margin-top: 2vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nkik{
	width:100%;
	overflow:hidden;
}
.nkika{
	width:100%;
	overflow:hidden;
	background:#F8F8F8;
	border-radius:3px;
}
.nkika h4{
	text-align:center;
	color:rgb(205, 30, 25, 1);

	margin-top:3vw;
}
.nkika h2{
	text-align:center;

	margin-top:1vw;
}





.nktu{
	width:90%;
	margin:0 auto;
	margin-top:1vw;
}
.nktu img{
	width:100%;
}



.nkikb{
	width:90%;
	margin:0 auto;
	margin-top:1.5vw;
}

.nkikb h2{
	text-align:center;
	font-size:0.8vw;
}
.nkikb p{
	text-align:center;
	margin-top:1vw;
	min-height:5vw;
	overflow:hidden;
	white-space: normal;
}


.section-bvid{
	width:100%;
	overflow:hidden;
}



.dlvd-section{
	width:100%;
	overflow:hidden;
	margin-top:3vw;
	border-radius:3px;
}
.dlvd-section video{
	border-radius:3px;
}


.abt-section{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:5vw;
}
.about-sa{
	position:relative;
	width:100%;
	overflow:hidden;
}

.rispic img{
	width:100%;
	border-radius:3px;
}

.about-sb{
    position: absolute;
    width: 100%;
    overflow: hidden;
    left: 0%;
    bottom: 0%;
}

.about-sc{
    position: absolute;
    width: 100%;
    overflow: hidden;
    left: 0%;
    top: 10%;
    text-align: center;
}

.abtok{
	width:100%;
}

.abtok h2{
	text-align:center;

}

.abtok p{
	text-align:center;

	margin-top:1.5vw;
}

.abt{
	margin-top:2vw;
}


.abton a {
    display: inline-block;
    text-decoration: none;
    font-size: 0.8vw;
    font-weight: 500;
    letter-spacing: 1px;
    background: rgb(205, 30, 25, 1);
    color: #fff;
    padding: 0.5vw 1vw;
    border-radius: 8px;
-webkit-transform: translateY(0%) translateX(5%)skew(-10deg);
-ms-transform: translateY(0%) translateX(5%)skew(-10deg);
transform: translateY(0%) translateX(5%)skew(-10deg); 
    position: relative;
    z-index: 1;
}

.abton.actr a {
    display: inline-block;
    text-decoration: none;
    font-size: 0.8vw;
    font-weight: 500;
    letter-spacing: 1px;
    background:none;
	
    color: #fff;
    padding: 0.5vw 1vw;
    border-radius: 8px;
    -webkit-transform: translateY(0%) translateX(5%) skew(-10deg);
    -ms-transform: translateY(0%) translateX(5%)skew(-10deg);
    transform: translateY(0%) translateX(5%) skew(-10deg);
    position: relative;
    z-index: 1;
}
.siztu{
	border-radius:10px;
	overflow:hidden;
}
.abton{
	overflow:visible;
}


.abton.aabt a{
	position:relative;
	overflow:visible;
}



.abton a::before {
    position: absolute;
    content: "";
    background-color: rgb(205, 30, 25, 1);
    width: 100%;
    height:100%;
    left: 0%;
    top: 0%;
    border-radius: 8px;
    z-index: -1;
    transition: all 500ms ease;
	transform: scale(1);
}
.abton a:hover::before {
    transition: all 500ms ease;
	transform: scale(1.1);
}

.abton.actr a:hover{

}


.abton.actr a::before {
    position: absolute;
    content: "";
    background-color: none;
	border:1px solid rgb(255,255,255,0.9);	
    width: 100%;
    height:100%;
    left: 0%;
    top: 0%;
    border-radius: 8px;
    z-index: -1;
    transition: all 500ms ease;
	transform: scale(1);
}
.abton.actr a:hover::before {
    transition: all 500ms ease;
	transform: scale(1.1);
}




.abt-tb{
	position:relative;
	width:100%;
	text-align:center;
}

.abt-tb p{
	max-width:50vw;
	margin:0 auto;
	margin-top:1vw;
}

.abtt{
	margin-top:1.5vw;
}

.abt-tc{
	position:absolute;
}

.abt-tc.ca{
	left:6.8%;
	bottom:43%;
}

.abt-tc.cb{
	left:37.5%;
	bottom:72%;
}

.abt-tc.cc{
	left:52%;
	top:40%;
}
.abt-tc.cd{
	left:64.5%;
	bottom:60%;
}
.abt-tc.cf{
	left:73.5%;
	top:41%;
}
.abt-tc.ch{
	left:73%;
	top:47%;
}

.abt-tc.csh{
	left:73.5%;
	top:24.5%;
}





.abt-section.abg{
	margin-top:0;
}




.abdian{
	position:relative;
	width:0.8vw;
	height:0.8vw;
	border-radius:50%;
	background: rgba(205, 30, 25, 1);
	margin:0 auto;
}
.abdian::before,.abdian::after{position: absolute;
left:0%;
top:0%;
width:0.8vw;
	height:0.8vw; border-radius: 50%;content: '';border:1px solid rgba(205, 30, 25, 0.6); }

.abdian::before{animation: scale 2s infinite; }
.abdian::after{animation: scale2 2s infinite; }
        @keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2.5); opacity: 0;}}
        @keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(4);opacity:0;}}
.abxian{
	width:4vw;
	height:0.1vw;
	overflow:hidden;
	background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(205, 30, 25, 1));
} 

.abxian.fz{
	width:4vw;
	height:0.1vw;
	overflow:hidden;
	background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(205, 30, 25, 1));
}

     
.abxian.kx{
	width:0.1vw;
	height:4vw;
	overflow:hidden;
	background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(205, 30, 25, 1));
	margin:0 auto;
}
.abxian.kx.tx{
	width:0.1vw;
	height:4vw;
	overflow:hidden;
	background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(205, 30, 25, 1));
	margin:0 auto;
}
.abxian.kx.tx.jc{
	width:0.1vw;
	height:6vw;
	overflow:hidden;
	background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(205, 30, 25, 1));
	margin:0 auto;
}
.no-padding-left-right > .col,
.no-padding-left-right > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.sgdian{
	width:14vw;
}

.sgdiana{
	width:14vw;
	height:4vw;
	background-image: linear-gradient(to right, rgba(205, 30, 25, 1) 0%, rgba(205, 30, 25, 1) 31%, rgba(255,255,255,0.9) 31%,rgba(255,255,255,0.9) 100%);
	border-radius:3px;
	border:1px solid rgba(205, 30, 25, 1);
}

.sgdiana .row{
    height: 4vw;
}

.sgdiana .abtexta{
	width:4.2vw;
}


.sgdianb.wq1{
	width:0.1vw;
	height:4vw;
	margin:0 auto;
	background-image: linear-gradient(to bottom, rgba(205, 30, 25, 1), rgba(205, 30, 25, 1));
}
.sgdianc.wq1{
	width:5vw;
	height:0.1vw;
	margin-left:2.05vw;
	background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(205, 30, 25, 1));
}

.sgdiand.ss1{
    position: relative;
    width: 0.8vw;
    height: 0.8vw;
    border-radius: 50%;
    background: rgba(205, 30, 25, 1);
    margin-left:1vw;
	margin-top:-0.45vw;
}
.sgdiand.sshk{
    position: relative;
    width: 0.8vw;
    height: 0.8vw;
    border-radius: 50%;
    background: rgba(205, 30, 25, 1);
}
.sgdiahksx.wq1{
	width:0.1vw;
	height:4vw;
	background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(205, 30, 25, 1));
	margin-left:0.35vw;
}

.sgdiahkhx.wq1{
	width:2vw;
	height:0.1vw;
	background-image: linear-gradient(to right, rgba(205, 30, 25, 1), rgba(205, 30, 25, 1));
	margin-left:0.35vw;
}

.sgdiana.yhk{
	margin-left:2vw;
	margin-top:-2vw;
}

.sgdiana.ysh{
	margin-left:2.2vw;
}

.sgdiashhx.wq1{
	width:2vw;
	height:0.1vw;
	background-image: linear-gradient(to right, rgba(205, 30, 25, 1), rgba(205, 30, 25, 1));
	margin-top:-2vw;
	margin-left:0.35vw;
}

.sgdiashsx.wq1{
	width:0.1vw;
	height:3.5vw;
	background-image: linear-gradient(to top, rgba(255, 0, 0, 0), rgba(205, 30, 25, 1));
	margin-left:0.35vw;
}

.sgdiand.sssh{
	position: relative;
    width: 0.8vw;
    height: 0.8vw;
    border-radius: 50%;
    background: rgba(205, 30, 25, 1);
}




.sgdiand::before,.sgdiand::after{position: absolute;
left:0%;
top:0%;
width:0.8vw;
	height:0.8vw; border-radius: 50%;content: '';border:1px solid rgba(205, 30, 25, 0.6); }

.sgdiand::before{animation: scal 2s infinite; }
.sgdiand::after{animation: scal2 2s infinite; }
        @keyframes scal{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2.5); opacity: 0;}}
        @keyframes scal2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(4);opacity:0;}}





.abtext{
	width:14vw;
	height:4vw;
	background-image: linear-gradient(to right, rgba(205, 30, 25, 1) 0%, rgba(205, 30, 25, 1) 31%, rgba(255,255,255,0.9) 31.00001%,rgba(255,255,255,0.9) 100%);
	border-radius:3px;
	border:1px solid rgba(205, 30, 25, 1);
}

.abtext .row{
	height:4vw;
}

.abtexta{
	width:3.6vw;
	text-align:center;
	color:#fff;
	font-size:0.8vw;
}

.abtextab{
	font-size:0.6vw;
    line-height:1.8;
	width:90%;
}



.abtext.tk{
	width:17vw;
}

.tk .abtexta{
	width:4.5vw;
}


.mapna{
	width:100%;
	text-align:center;
}
.mapna a{
	margin:1vw 2vw;
	cursor:pointer;
	color:rgb(36,36,36,1);
	font-size:1vw;
}


.mapna a:hover,.mapna a.ahdon{
	
	color:rgb(205, 30, 25, 1);
}
.mapnb{
	position:relative;
	width:100%;
	overflow:hidden;
}

.mapnba{
	position:relative;
	width:100%;
	overflow:hidden;
}
.mapndi{
	position:absolute;
	width:0.5vw;
	height:0.5vw;
}
.mapndian1{
	left:47%;
	top:3%;
}
.mapndian2{
	left:2.3%;
	top:43%;
}
.mapndian3{
	left:79.56%;
	top:25.32%;
}
.mapndian4{
	left:78.95%;
	top:19.88%;
}
.mapndian5{
	left:79.38%;
	top:29.26%;
}
.mapndian6{
	
	left:78.65%;
	top:26.45%;
}
.mapndian7{
	left:79.68%;
	top:20.45%;
}

.mapndian1.mpdon{
	display:block;
}

.mapndin{
	position:relative;
	width:0.5vw;
	height:0.5vw;
	border-radius:50%;
	background: rgba(205, 30, 25, 1);
	margin:0 auto;
}
.mapndin::before,.mapndin::after{position: absolute;
left:0%;
top:0%;
width:0.5vw;
	height:0.5vw; border-radius: 50%;content: '';border:1px solid rgba(205, 30, 25, 0.6); }

.mapndin::before{animation: scale 2s infinite; }
.mapndin::after{animation: scale2 2s infinite; }



.mapndi.dads .mapndin{
	width:0.8vw;
	height:0.8vw;
}


.mapndi.dads .mapndin::before,.mapndi.dads .mapndin::after{
width:0.8vw;

height:0.8vw;
	}


.mpnwen{
	position:absolute;
	opacity:0;
	-webkit-transform: translateY(30px) translateX(0%);
    -ms-transform: translateY(30px) translateX(0%);
    transform: translateY(30px) translateX(0%);
	transition: 1s ease-out;
}


.mpnwen.mpwon{
	opacity:1;
	-webkit-transform: translateY(0px) translateX(0%);
    -ms-transform: translateY(0px) translateX(0%);
    transform: translateY(0px) translateX(0%);
	transition: 1s ease-out;
}


.mpwen1{
	left:36.5%;
	top:5%;
	width:17vw;
}
.clmp2{
	left:-0.25%;
	top:44%;
	width:17vw;
}
.clmp3{
	left:69.3%;
	top:27%;
	width:17vw;
}
.clmp4{
	left:57.5%;
	top:4.5%;
	width:17vw;
}
.clmp5{
    left:80%;
	top:5%;
	width:16vw;
}

.clmp6{
	left:57%;
	top:11%;
	width:17vw;
}

.clmp7{
	left:68.9%;
	top:29%;
	width:17vw;
}


.mpnwenn{
	position:relative;
	width:100%;
	overflow:hidden;
}

.mpnt{
	width:100%;
	overflow:hidden;
}

.mpnw{
	position:absolute;
	left:11%;
	top:25%;
	width:78%;
}

.mpnw h2{
	font-size:1vw;
	color:rgba(205, 30, 25, 1);
}
.mpnw p{
	font-size:0.6vw;
	line-height:1.4;
}
.mpnw p b{
	color:rgb(21,21,21,1);
}


.mpnw4{
    left: 11%;
    top:8%;
    width:73%;
}

.mptf{
	 transform: rotate(180deg);
}

.mpnw5{
    left:17%;
    top:8%;
    width:73%;
}








.abtus-section{
	position:relative;
	width:100%;
	overflow:hidden;
}
.abtpr-section{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:5vw;
}
.abtpr-aba{
	position:relative;
	width:100%;
}
.abtpr-abaa{
	width:100%;

}

.abtpr-abaan{
	margin:0;
}

.abtpr-abaan h2{
}

.abtpr-abaan h2 a{
	font-size:0.8vw;
	padding:0.1vw 0.5vw;
	border:1px solid #777;
	margin-left:1vw;
	border-radius:3px;
	margin-top:-0.1vw;
}

.abtpr-abaan h2 a:hover{
	border:1px solid rgb(205, 30, 25, 0.8);
    background:rgb(205, 30, 25, 1);
	color:#fff;
}


.abtpr-abaan p{
	line-height:1.6;
	margin-top:1vw;
}


.kanklk{
	width:100%;
	overflow:hidden;
	margin-top:2vw;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
	border-radius:10px;
}
.kanklk .row{
	margin:1vw 0;
}
.kank{
	position:relative;
	width:100%;
	overflow:hiden;
}

.kankr{
	float:left;
	margin-left:0.5vw;
}
.kankr p{
	font-size:1vw;
	margin-top:0;
	text-align:right;
	font-weight:bold;
}
.kankl{
	float:left;
	color:rgb(205, 30, 25, 1);
	font-size:1.1vw;
	line-height:1.5;
}


.abtpr-abb{
	position:absolute;
	width:100%;
	overflow:hidden;
	left:0%;
	top:20%;
}
.clkvid{
	position:relative;
	width:100%;
	overflow:hidden;
}

.clkvidf{
	position:absolute;
	width:3vw;
	font-size:3vw;
	color:#fff;
	opacity:0.8;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}


.abtsz-section{
   margin-top:3vw;
}


.danns {
    position: relative;
	width:100%;
    overflow: hidden;
    border-top: 1px solid #C1C7CC;
    border-bottom: 1px solid #C1C7CC;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1vw;
    padding-bottom: 1vw;
}










.jgtt{
	width:100%;
}
.drtl{
	width:4vw;
	overflow:hidden;
	float:left;
}
.drtl img{
	width:100%;
}

.drtr{
	float:left;
	margin-left:1vw;
	padding-left:1vw;
	border-left:1px solid #C1C7CC;
	margin-top:0.6vw;
}




.drtr h2{
	margin-top:0;
	margin-bottom:0;
}
.drtr p{
	line-height:1;
	margin-top:0.2vw;
	margin-bottom:0;
}

.jidi-section{
	position:relative;
	width:100%;
	overflow:hidden;
}
.jidi-ta{
	position:relative;
	width:100%;
	overflow:hidden;
	z-index:1;
}

.jidiqh{
	width:100%;
	overflow:hidden;
}


.ckhpg{
	width:100%;
	overflow:hidden;
}


.thumbnail.oll {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom:5%;
  right:5%;
  left:auto;
  -webkit-transform: translateY(0%) translateX(0%);
  -ms-transform: translateY(0%) translateX(0%);
  transform: translateY(0%) translateX(0%);
  z-index: 99; }
.thumbnail.oll li {
    display: inline-block; }
.thumbnail.oll li a {
      display: block;
      margin: 4px; 
	  width:3vw;
	  height:0.3vw;
	  background:rgb(255,255,255,0.8);
	  border-radius:3px;
	  }

.thumbnail.oll li.active a{
background:rgb(205, 30, 25, 0.8);
}


.jidi-tb{
	position:absolute;
	width:50%;
	left:10%;
	bottom:0%;
	overflow:hidden;
	z-index:2;
}

.jidiwen{
	width:100%;
	overflow:hidden;
	border-radius:3px;
}

.jidiwenn{
	margin:4vw 3vw;
	overflow:hidden;
}
.jidiwenn h2{
	
}

.jidiwenn h3{
	
	margin-top:1vw;
}

.jidiwenn p{
	margin-top:2vw;
	line-height:1.6;
}



.visc-section{
	width:100%;
	overflow:hidden;
	margin-top:1vw;
}
.hbgtm{
	position:relative;
	background: linear-gradient(to right, rgb(205, 30, 25, 0) 0%,rgb(205, 30, 25, 0.6) 10%, rgb(205, 30, 25, 0.6) 90%, rgb(205, 30, 25, 0) 100%);
	border-radius:3px;
}
.yhky{
	margin:2vw 10vw;
	overflow:hidden;
}

.yhky h2{
	color:#fff;
}
.yhky p{
	margin-top:1vw;
	color:#fff;
}

.hbgtm::before{
	content:"";
	position:absolute;
	background:rgb(255, 255, 255, 0.9);
	width:1px;
	height:60%;
	top:20%;
	left:50%;
	overflow:hidden;
}
.whycz-section{
	width:100%;
	overflow:hidden;
	background:rgba(247, 247, 247, 1);
	padding-bottom:5vw;
}
.whycza{

}

.vcrcle{
	position:relative;
	width:15vw;
	height:15vw;
	margin:0 auto;
	overflow:hidden;
}
.vcrcle h2{
	width:100%;
	text-align:center;
	position:relative;
	padding-bottom:1vw;
	margin-top:2vw;
	font-size:1.4vw;
}
.vcrcle h2::before{
	content:"";
	position:absolute;
	width:10vw;
	border-bottom:1px solid rgba(226, 226, 226, 1);
	left:50%;
	bottom:0%;
	 -webkit-transform: translateY(0%) translateX(-50%);
  -ms-transform: translateY(0%) translateX(-50%);
  transform: translateY(0%) translateX(-50%);
}

#cookieConsent {
    position: fixed;
	bottom: 0;
    left: 0;
	width:100%;
    color: #454545;
    padding: 15px;
    text-align: center;
    z-index: 1000;
}

.coknn{
	width:100%;
	max-width:800px;
	margin:0 auto;
	overflow:hidden;
	background:#f2f3f7;
	border: 1px solid #eee;
	padding-bottom:40px;
    border-radius:4px;
}

.coklef{
	width:80%;
	margin:0 auto;
	margin-top:40px;
}
.coklef h2{
	font-size:20px;
	line-height:2;
	color:#333;
	text-align:left;
}
.coklef p{
	font-size:15px;
	line-height:2;
	color:#454545;
	text-align:left;
}
.coklef p a{
	color:#C40B13;
}

.cokrit{
	width:80%;
	margin:0 auto;
	margin-top:20px;
	text-align:center;
}

.cokrit button{
    background-color: #C40B13;
    border: none;
    color: black;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-left: 15px;
    cursor: pointer;
	color:#fff;
}

.cokrit button:hover{
     background-color: rgba(210, 9, 43, 0.8);
}


.cokrit button.reve{
    background-color: #999999;
    margin-left:0px;
	color:#fff;
}

.cokrit button.reve:hover{
    background-color: #212121;
}




.vcrcle p{
	width:100%;
	text-align:center;
	font-size:0.8vw;
}

.vcrcle::before{
	content:"";
	position:absolute;
	width:15vw;
	height:15vw;
	left:0%;
	top:0%;
    border:0.5vw solid rgb(193, 199, 204, 1);
    border-radius:50%;	
}

.vcrcle:hover::before{
    border:0.5vw solid rgb(205, 30, 25, 1);	
}


.gain{
	background:rgba(247, 247, 247, 1);
	border-radius:3px;
}

.dblog{
	margin-left:3vw;
	margin-right:3vw;
	
}
.dblog h2{
	position: relative;
    padding-bottom: 1vw;
}
.dblog h2::before {
    position: absolute;
    content: "";
    height: 4px;
    width: 5vw;
    background: rgb(205, 30, 25, 1);
    left: 0%;
    bottom:0%;
}


.stime{
	font-size:0.7vw;
}
.stime i{
	margin-right:0.5vw;
	color:rgb(205, 30, 25, 1);	
}

.whyczb{
	margin-top:2vw;
}
.lucy{
	width:100%;
	overflow:hidden;
}
.lucya{
	width:3vw;
}

.lucy h2{
	font-size:1.0vw;
	margin-top:0.5vw;
}
.lucy p{
	margin-top:1vw;
}
.ourqul-section{
	width:100%;
	margin-top:5vw;
}

.ourqul-qula{
	width:100%;
	text-align:center;
}

.ourqul-qula p{
	margin-top:1vw;
}

.dingz-tcyy{
	position:fixed;
	width:100%;
	height:100vh;
	left:100%;
	top:0%;
	background:rgb(0,0,0,0.6);
	transform:scale(0);
	opacity:0;
	transition: all 0.7s ease-out;
	z-index:9997;
}
.dingz-tcyy.dzon{
	left:0%;
	top:0%;
	transform:scale(1);
	opacity:1;
	transition: all 0.7s ease-out;
	z-index:9997;
}


.mtui{
	text-align:center;
}
.mtui a{
	font-size:1.0vw !important;
	margin-left:1vw;
	margin-right:1vw;
}




.dingz-tc{
	position:fixed;
	width:25vw;
	left:200%;
	top:50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
	background:rgb(255,255,255,1);
	border-radius:5px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
	overflow:hidden;
	transform:scale(0.2);
	opacity:0;
	transition: all 0.7s ease-out;
	z-index:9998;
}
.dingz-tc.dzon{
	left:50%;
	top:50%;
	transform:scale(1);
	opacity:1;
	transition: all 0.7s ease-out;
	-webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.dingza{
	width:100%;
	background:rgba(205, 30, 25, 1);
}

.dingzan{
	width:90%;
	margin:0 auto;
	overflow:hidden;
}

.dingzaa{
	width:5vw;
	overflow:hidden;
	float:left;
}
.dingzab{
	color:#fff;
	float:right;
	font-size:1.6vw;
	line-height:1.6;
	width:1.5vw;
	text-align:center;
	cursor:pointer;
}

.dingzb{
	width:100%;
}

.dingzbn{
	width:90%;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:3vw;
}

.dingzbna{
	width:100%;
	margin-top:1vw;
}
.dingzbna h2{
	font-size:1.0vw;
}

.dingzbna p{
	font-size:0.8vw;
	line-height:1.3;
	margin-top:0.4vw;
}

.dingzbnb{
	width:100%;
	margin-top:1.5vw;
}

.dzint{
	width:100%;
}
.dzint input{
	width:100%;
	font-size:0.8vw;
	padding: 0.25vw 0.5vw;
    background: rgb(197, 197, 197, 0.1);
    border: none;
    border-radius: 8px;
    line-height: 2;
}

.dzint textarea{
	width:100%;
	font-size:0.8vw;
	padding: 0.25vw 0.5vw;
    background: rgb(197, 197, 197, 0.1);
    border: none;
    border-radius: 8px;
    line-height: 2;
	max-height:150px;
}


.dingzbnb .row{
	margin-top:1vw;
}
.dztj{
	margin-top:1vw;
}
.dztj input{
	width:100%;
	font-size:0.8vw;
	padding: 0.25vw 0.5vw;
    background: rgba(205, 30, 25, 1);
	color:#fff;
	text-align:center;
    border: none;
    border-radius: 8px;
    line-height: 2;
}











.ourqul-section .page-center-1200 {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1200px!important;
    padding: 0 20px;
    width: 100%;
}

.desktop-lifecycle{
	margin-top:2vw;
}

.ourqul-section h2 {
    text-align: center
}

.ourqul-section .h2-section-heading {
    padding-bottom: 56px
}

.ourqul-section .section-sub-heading {
    padding-top: 16px
}

.ourqul-section .mobile-lifecycle {
    display: none
}

.ourqul-section svg .pointer-links a {
    transition: all .2s ease
}

.ourqul-section svg .pointer-links a:hover path {
    fill: #00aae5
}

.ourqul-section svg .pointer-circle {
    transform-origin: center;
    transition: transform .3s ease
}

.ourqul-section svg .pointer-circle:hover {
    transform: scale(1.2)
}

.ourqul-section svg #prototyping {
    transform-origin: 868.5px 209px
}

.ourqul-section svg #micro-electonics {
    transform-origin: 948.5px 143px
}

.ourqul-section svg #pcb-assembly {
    transform-origin: 1041.5px 109px
}

.ourqul-section svg #box-build-assembly {
    transform-origin: 1149px 100.5px
}

.ourqul-section svg #mechatronics-machining {
    transform-origin: 1243px 134.5px
}

.ourqul-section svg #injection-moulding {
    transform-origin: 1323px 200.5px
}




@media(max-width: 1200px) {
    .ourqul-section svg {
        height:100%;
        width: 100%
    }
	
	.solar-menu ul li {
    margin: 0 0.5vw;
}
.abtextab {
    line-height:1.8;
}	
	
}

@media(max-width: 767px) {
    .ourqul-section {
        padding:50px 0!important
    }

    .ourqul-section .h2-section-heading {
        padding-bottom: 40px
    }

    .ourqul-section .desktop-lifecycle {
        display: none
    }

    .ourqul-section .mobile-lifecycle {
        display: block
    }

    .ourqul-section .mobile-lifecycle .section_link a {
        display: inline-block
    }

    .ourqul-section .mobile-lifecycle .section_link svg {
        height: auto;
        width: 340px
    }

    .ourqul-section .mobile-lifecycle .down-arrow svg {
        height: auto;
        padding: 20px 0;
        width: 86px
    }

    .ourqul-section .mobile-pointer-link {
        align-items: center;
        border: 1px solid #c6c6c6;
        border-radius: 7px;
        display: flex;
        gap: 15px;
        margin-top: 16px;
        padding: 11px 20px 11px 13px
    }

    .ourqul-section .mobile-pointer-link svg {
        height: auto;
        width: auto
    }

    .ourqul-section .mobile-pointer {
        padding-bottom: 6px
    }

    .ourqul-section .mobile-pointer a {
        text-decoration: none
    }

    .ourqul-section .mobile-pointer-link span {
        color: #132b45;
        display: inline-block;
        font-family: Fira Sans;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: .6px;
        line-height: 1;
        text-align: center;
        text-transform: uppercase
    }
}

@media(max-width: 400px) {
    .ourqul-section .mobile-lifecycle .section_link svg {
        height:auto;
        width: 280px
    }

    .ourqul-section .mobile-lifecycle .down-arrow svg {
        width: 66px
    }

    .ourqul-section .mobile-pointer-link {
        padding: 11px 8px!important
    }

    .ourqul-section .mobile-pointer-link span {
        font-size: 17px!important
    }

    .ourqul-section .mobile-pointer-link svg {
        width: 35px
    }
}

@media(max-width: 350px) {
    .ourqul-section .mobile-pointer-link span {
        font-size:15px!important
    }
}



.gover-section{
	width:100%;
	margin-top:5vw;
}

.gover-la{
	margin-top:1vw;
}
.gover-la h2{
	color:rgb(205, 30, 25, 1);
}
.gover-la p{
	margin-top:2vw;
}

.clzsshu{
	width:100%;
	overflow:hidden;
}

.figtu{
	width:100%;
	overflow:hidden;
}
.tywz-section{
	position:relative;
	width:100%;
	overflow:hidden;
}
.tyw{
	width:100%;
	overflow:hidden;
}

.rdra-section{
	width:100%;
	margin-top:5vw;
}

.rdra-lb{
	
}

.rdra-lbal{
	float:left;
	padding-right:0.5vw;
}
.rdra-lbal h3{
	font-size:2.1vw;
	color:rgb(205, 30, 25, 1);
	margin-top:0;
}
.rdra-lbar{
}
.rdra-lbar p{

}
.rdra-lbb h3{
	color:rgb(205, 30, 25, 1);
}
.rdra-lbb p{
	margin-top:0.5vw;
}

.rdra-lc{
	margin-top:2vw;
}

.rddtob .rdra-lc{
	min-height:10vw;
}

.vhescnn figure{
	text-align:center;
	padding:1vw;
}

.vhescnn strong{
	font-size:1.1vw;
	color:#212121;
}
.vhescnn p{
	font-size:0.8vw;
}


.rdra-lc.tc{
	width:90%;
}
.rdra-ld{
	margin-top:2vw;
}
.rdra-ld h4{
	margin-bottom:0.5vw;
}

.rdra-ld p{
	position:relative;
	overflow:hidden;
	margin-bottom:0.2vw;
	padding-left:0.8vw;
}
.rdra-ld p::before{
	content:"";
	position:absolute;
	overflow:hidden;
	width:0.2vw;
	height:0.2vw;
	border-radius:50%;
	background:rgb(205, 30, 25, 0.9);
	left:0%;
	top:0.6vw;
}


.boder{
	border:1px solid rgb(0,0,0,0.4);
}


.slide-tt-item .owl-dots{
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 5%;
    right: 5%;
    left: auto;
    -webkit-transform: translateY(0%) translateX(0%);
    -ms-transform: translateY(0%) translateX(0%);
    transform: translateY(0%) translateX(0%);
    z-index: 99;
	display: flex;
}

.slide-tt-item .owl-dots span{
    display: block;
    margin: 4px;
    width: 3vw;
    height: 0.3vw;
    background: rgb(255, 255, 255, 0.8);
    border-radius: 8px;
	float:left;
}

.slide-tt-item .owl-dots .owl-dot{
    overflow:visible;
}

.slide-tt-item .owl-dots .owl-dot.active span{
    background: rgb(205, 30, 25, 0.8);
}



.ta-item .owl-nav {
    position: absolute;
	width:96%;
    bottom:auto;
	top:50%;
    right:2%;
	-webkit-transform: translateY(-50%) translateX(0%);
    -ms-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}
.ta-item .owl-nav .owl-prev{
    float:left;
}
.ta-item .owl-nav .owl-next{
    float:right;
}

.ta-item .owl-prev i {
    color: rgb(255, 255, 255, 1);
	box-shadow: 0px 0px 5px 0px rgba(255, 255, 255,0);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255,0);
	-moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255,0);
	background:none;
}

.ta-item .owl-next i {
    color: rgb(255, 255, 255, 1);
	box-shadow: 0px 0px 5px 0px rgba(255, 255, 255,0);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255,0);
	-moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255,0);
	background:none;
}

.ta-item .owl-prev i:hover {
    color: rgb(255,255,255,0.7);
	background:none;
}

.ta-item .owl-next i:hover {
    color: rgb(255,255,255,0.7);
	background:none;
}

.ta-item .owl-prev i::after {
	background:none;
}




.rdra-section.gree{
	background:rgb(242,242,242,1);
	padding-bottom:3vw;
	overflow:hidden
}


.gren{
	margin-top:3vw;
	overflow:hidden;
}


.rdrb-ld{
	margin-top:2vw;
}

.rdrb-ld ul li{
	font-size:1vw;
	font-weight:bold;
	line-height:4;
	border-bottom:1px solid rgb(0,0,0,0.1);
}

.rdrb-ld ul li span{
	float:right;
	opacity:0;
	transition: 1s ease-out;
	margin-right:1vw;
}
.rdrb-ld ul li:hover span{
	opacity:1;
	transition: 1s ease-out;
	margin-right:0vw;
}
.rdrb-ld ul li span i{
	color:rgb(205, 30, 25, 1);
}


.rdrb-ld ul li.active span{
	opacity:1;
	transition: 1s ease-out;
	margin-right:0vw;
}

.rdrb-ld ul li.active{
	color:rgb(205, 30, 25, 1);
}





.gronn{
	width:100%;
	overflow:hidden;
}

.gronna{
	width:50%;
	overflow:hidden;
	margin:0 auto;
}

.gronn p{
	text-align:center;
	margin-top:1vw;
}


.gronna.bch{
	width:40%;
	overflow:hidden;
	margin:0 auto;
}


.zerobb{
	position:relative;
	width:100%;
	overflow:hidden;
}


.gjb{
	position:relative;
	width:100%;
	margin-top:5vw;
	height:1200vh;
}


.yxdd{
	position:absolute;
	z-index:-1;
	width:100%;
	height:78%;
	top:5%;
	left:0%;
	overflow:hidden;
}

.yxdd ul{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}

.yxdd ul li{
	position:relative;
	width:100%;
	height:8.333%;
	overflow:hidden;
}




.gjba{
    position: -webkit-sticky;
    position: sticky;
    left: 0%;
    top:0%;
    width:100%;
	z-index:2;
}


.gbatr{
	position:relative;
	width:100%;
	height:100vh;
}

.gbatrg{
	position:absolute;
	width:100%;
	left:0%;
	top:50%;
	-webkit-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    transform:  translateY(-50%);
}

.gbatrgx{
	position:relative;
	width:100%;
}
.gbatrgy{
	position:relative;
	width:100%;
	overflow:hidden;
}
.gbatrgy ul{
	position:relative;
	width:100%;
	overflow:hidden;
	display:flex;
	justify-content: center;
}
.gbatrgy ul li{
	padding:0;
	margin:0 0.5vw;
	width:0vw;
	height:0vw;
	border-radius:50%;
	border:0.25vw solid rgba(226, 226, 226, 1);
	transition: 1s ease-out;
}

.gbatrgy ul li.nvon{
	border:0.25vw solid rgba(205, 30, 25, 1);
	transition: 1s ease-out;
}


.gbatrgxn{
	position:relative;
	width:900%;
	margin-left:0%;
}

.colrss{
	position:relative;
	width:100%;
	overflow:hidden;
	border-radius:10px;
}
.colrssa{
	position:relative;
	width:100%;
	overflow:hidden;
}



.colrssa img {
  transition: filter 0.3s ease; /* 添加过渡效果，使变化更加平滑 */
}

.colrss:hover .colrssa img {
  filter: blur(10px); /* 悬停时应用模糊效果 */
}









.colrss::before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
    left: 0%;
    top: 0%;
    z-index: 2;
    overflow: hidden;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0) 51%);
	transition: 1s ease-out;
}
.colrss:hover::before{
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.01) 70%, rgba(0, 0, 0, 0) 71%);
	transition: 1s ease-out;
}

.colrssb{
	position:absolute;
	width:90%;
	left:5%;
	bottom:5%;
	overflow:hidden;
	z-index:3;
}
.colrssb h2{
	color:#fff;
}
.colrssb p{
	color:#fff;
	font-size:0.8vw;
	display: -webkit-box;
    -webkit-line-clamp: 2;           /* 限制显示 2 行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	transition: 1s ease-out;
	margin-top:0.5vw;
}

.colrss:hover .colrssb p{
    display: -webkit-box;
    -webkit-line-clamp:20;           /* 限制显示 2 行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	transition: 1s ease-out;
}






.rddtoa{
	position:relative;
	width:100%;
	overflow:hidden;
}
.rddtob{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:-4vw;
	padding-bottom:2vw;
}

.sgyy{
	width:100%;
	background:rgb(255,255,255,1);
	border-radius:10px;
	overflow:hidden;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
}
.sgyyn{
	margin:3vw 0;
	overflow:hidden;
}


.otrt.trton{
	display:block;
}
.otrt{
	display:none;
}


.mdel{
	border-bottom:1px solid rgb(0,0,0,0.1);
	margin-left:2vw;
	margin-right:1vw;
	padding-bottom:1vw;
}
.mdel.mr{
	margin-left:1vw;
	margin-right:2vw;
}


.whyy{
	position:relative;
	width:100%;
	overflow:hidden;
}
.whyy1{
	position:relative;
	width:100%;
	overflow:hidden;
}
.whyy11{
	position:absolute;
	width:100%;
	overflow:hidden;
	left:0%;
	top:0;
	opacity:0;
	transition: 1s ease-out;
}

.mdel:hover{
	color:rgb(205, 30, 25, 1);
	transition: 1s ease-out;
}
.mdel:hover .whyy1{
	opacity:0;
	transition: 1s ease-out;
}

.mdel:hover .whyy11{
	opacity:1;
	transition: 1s ease-out;
}

.mdel.mdlon{
	color:rgb(205, 30, 25, 1);
	transition: 1s ease-out;
}
.mdel.mdlon .whyy1{
	opacity:0;
	transition: 1s ease-out;
}

.mdel.mdlon .whyy11{
	opacity:1;
	transition: 1s ease-out;
}


.rdmcr-section{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:5vw;
	background:rgba(247, 247, 247, 1);
	padding-bottom:5vw;
}

.rdmcr-mca{
	position:relative;
	width:100%;
	overflow:hidden;
	
}

.rdmcr-mcaa{
	position:relative;
	width:100%;
	overflow:hidden;
}
.rdmcr-mcab{
	width:100%;
	overflow:hidden;
	text-align:center;
}

.rdmcr-mcab h2{
	position:relative;
	padding-bottom:1vw;
}

.rdmcr-mcab h2::before{
	content:"";
	position:absolute;
	width:5vw;
	height:0.1vw;
	background:rgb(205, 30, 25, 1);
	left:50%;
	bottom:0%;
	-webkit-transform:  translateX(-50%);
    -ms-transform:  translateX(-50%);
    transform:  translateX(-50%);
}




/* 适用于大多数现代浏览器 */
::placeholder {
    color: rgb(0,0,0,0.3); /* 替换为你想要的颜色 */
    opacity: 1; /* Firefox 默认会给 placeholder 添加一些透明度，所以你可能需要将其设置为 1 */
}

/* 更旧版本的 Mozilla Firefox (< v58) */
:-moz-placeholder { /* Firefox 19+ */
    color: rgb(0,0,0,0.3); /* 替换为你想要的颜色 */
    opacity: 1;
}

/* Internet Explorer 10+ */
::-ms-input-placeholder {
   color: rgb(0,0,0,0.3); /* 替换为你想要的颜色 */
}

/* Microsoft Edge */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: rgb(0,0,0,0.3); /* 替换为你想要的颜色 */
}



.rdmcr-mcab p{
	margin-top:1vw;
}


.rdmcr-mcb{
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:2vw;
	padding-top:2vw;
}



.sonic{
	position:relative;
	width:100%;
	overflow:hidden;
}
.sonica{
	position:relative;
	width:100%;
	overflow:hidden;
}

.sonicb{
	position:absolute;
	width:100%;
	left:0%;
	bottom:50%;
	overflow:hidden;
}

.sonicb h2{
	color:#fff;
}

.sonicb p{
	color:#fff;
}






.lajik{
	width:100%;
	overflow:hidden;
	background:rgb(255,255,255,0.9);
	border-radius:10px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0,0.1);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0,0.1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0,0.1);
}
.lajikn{
	margin:1vw;
	overflow:hidden;
}
.lajika{
	width:50%;
	margin:0 auto;
	overflow:hidden;
}

.lajikn h3{
	position:relative;
	width:100%;
	text-align:center;
	overflow:hidden;
	padding-bottom:0.5vw;
}
.lajikn h3::before{
	content:"";
	position:absolute;
	bottom:0%;
	left:50%;
	width:3vw;
	height:0.1vw;
	background:rgb(205, 30, 25, 1);
	-webkit-transform:  translateX(-50%);
    -ms-transform:  translateX(-50%);
    transform:  translateX(-50%);
	
}
.lajikn p{
	text-align:center;
    margin-top:1vw;
}



.mor-section{
	width:100%;
	margin-top:5vw;
}

.mor-la{
	position:relative;
	width:100%;
	overflow:hidden;
}

.mor-la h2{
	position:absolute;
	top:30%;
	left:0%;	
}

.mor-ra{
	width:100%;
	overflow:hidden;
	background:rgb(205, 30, 25, 0.8);
	border-radius:3px;
}
.mor-ran{
	margin:2vw 2vw;
	overflow:hidden;
}

.mor-ran p{
	color:#fff;
	line-height:1.6;
}


.siyc{
	background:rgba(247, 247, 247, 1);
	border-radius:10px;
}



.qualta{
	text-align:center;
}



.vsa-section{
	width:100%;
	margin-top:5vw;
}


.vsaa{
	position: relative;
    display: inline-block;
	width:100%;
}
.vsaa h2{
	width:100%;
    font-weight:bold;
    position: relative;
    padding-bottom:1vw;
}

.sosa h2::before {
    position: absolute;
    content: "";
    height: 4px;
    width: 5vw;
    background: rgb(205, 30, 25, 1);
    left: 0%;
    bottom:0%;
}

.sosa.cnt h2::before {
    position: absolute;
    content: "";
    height: 4px;
    width: 5vw;
    background: rgb(205, 30, 25, 1);
    left: 50%;
    bottom:0%;
	-webkit-transform:  translateX(-50%);
    -ms-transform:  translateX(-50%);
    transform:  translateX(-50%);
}


.vsab{
	width:100%;
	margin-top:1vw;
}
.vsab p{

}

.vsatu{
	width:100%;
	overflow:hidden;
	margin-top:2vw;
}


.mktail{
	position:relative;
	width:100%;
	height:200vh;
}

.colorcc{
	position: sticky;
    left: 0%;
    top: 0%;
	width:100%;
	height:100vh;
	background:#F7F7F7;
}
.colorcn{
	position:relative;
	width:100%;
	height:100vh;
}

.colorcnf{
	position:absolute;
	width:100%;
	left:0%;
	top:50%;
	 -webkit-transform: translateY(-50%) translateX(0%);
  -ms-transform: translateY(-50%) translateX(0%);
  transform: translateY(-50%) translateX(0%);
}






.sosv{
	overflow:hidden;
}

.sosv img{
	transform: scale(1);
    transition: 1s ease-out;
}

.sosv:hover img{
	transform: scale(1.05);
    transition: 1s ease-out;
}


.kktu-section{
	width:100%;
	margin-top:5vw;
}

.cliktu{
	position:relative;
	width:100%;
	overflow:hidden;
}

.cliktuf{
	position:absolute;
	width:100%;
	left:0%;
	top:0%;
	overflow:hidden;
}

.cliktufn{
	margin:1.2vw;
	overflow:hidden;
}

.cliktufn h2{
font-size:1.2vw;
}
.cliktufn p{
	margin-top:1vw;
	font-size:0.7vw;
}

.col-row{
    flex-direction: column; /* 设置纵向排列 */
}


.cliktu img{
	object-fit: cover;
	height:40vh;
}
.cliktu.tu2 img{
	object-fit: cover;
	height:82.2vh;
}

.vctat-section{
	width:100%;
	margin-top:5vw;
	overflow:hidden;
}

.tessea{
	background:rgb(67,67,67,0.8);
	border-radius:3px;
}

.vtcpic{
	width:100%;
	overflow:hidden;
}
.ctacm{
	background:rgb(205, 30, 25, 1);
	overflow:hidden;
	border-radius:3px;
}

.ctacmn{
	margin:3vw;
}


.ctacm h2{
	color:#fff;
}

.ctacm p{
	color:#fff;
	margin-top:1vw;
}

.ctctm{
	margin-top:2vw;
}





.slider-content h4 {
    font-size: 24px;
    line-height: 24px;
    color: #fefefe;
    font-weight: 500;
    margin-bottom: 28px;
}

.slider-content h1 {
    font-size: 75px;
    line-height: 72px;
    color: #ffffff;
    font-weight: 600;
}

.slider-content p {
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
    width: 53%;
    margin: 37px 0 50px;
}


/* owl nav css */

.slider-section .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}

.owl-nav {
    position: absolute;
    bottom: 42%;
    right: 60px;
}

.owl-prev i {
    width: 62px;
    height: 62px;
    line-height: 62px;
    background: rgb(205, 30, 25, 1);
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    color: #ffffff;
    font-size: 24px;
    transition: .5s;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.owl-prev i:hover{
    color: rgb(205, 30, 25, 1);
 }

 .owl-prev i::after{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    right: 0;
    bottom: 0;
    background: #ffffff;
    transform: scale(0);
    border-radius: 50%;
    z-index: -1;
    transition: .5s;
}

.owl-prev i:hover::after{
    transform:scale(1);
}

 .owl-next i {
    width: 62px;
    height: 62px;
    line-height: 62px;
    background: #ffffff;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    color: rgb(205, 30, 25, 1);
    font-size: 24px;
    transition: .5s;
    position: relative;
    z-index: 1;
}

 .owl-next i:hover{
    color:#ffffff ;
 }

 .owl-next i::after{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    right: 0;
    bottom: 0;
    background: rgb(205, 30, 25, 1);
    transform: scale(0);
    border-radius: 50%;
    z-index: -1;
    transition: .5s;
}

.owl-next i:hover::after{
    transform:scale(1);
}


/* slider style two */

.slider-section.style-two {
    background: url(../image/slider2.jpg);
}

.slider-section.style-two.three{
    background: url(../image/slider4.jpg);
}

.slider-content.style-two {
    background: #ffffff;
    padding: 47px 60px 64px;
    border-radius: 0px 0px 155px 0px;
}
.slider-content.style-two h4 {
    color: #1c1632;
    margin-bottom: 16px;
}

.slider-content.style-two h1 {
    color: #1c1632;
    font-size: 60px;
    line-height: 68px;
    margin-bottom: 54px;
}

/*==================================================
 <-- Solar Panel  About Section Css
===================================================*/
.cuol-section{
	width:100%;
	margin-top:5vw;
}
.cloa{
	position:relative;
	width:100%;
	overflow:hidden;
}
.cloaf{
	position:absolute;
	width:100%;
	overflow:hidden;
	left:0%;
	top:2vw;
}
.cloaf h2{
	width:80%;
	margin:0 auto;
	color:#fff;
}

.clob{
	width:100%;
	overflow:hidden;
}

.cloba{
	width:100%;
	overflow:hidden;
	background:rgb(248, 248, 248,0.95);
}

.cloba{
	width:100%;
	overflow:hidden;
	text-align:center;
}

.cloba h4{
	margin-top:2vw;
	color: rgb(205, 30, 25,0.95);
}
.cloba h2{
	margin-top:1vw;
}
.cloban{
	width:80%;
	margin:0 auto;
	margin-top:2vw;
}

.clobb{
	text-align:center;
	width:100%;
	overflow:hidden;
	margin-top:1vw;
}

.clobb h2{
	font-size:1.2vw;
}
.clobb p{
	margin-top:1vw;
}

.bige-section{
	width:100%;
	margin-top:5vw;
}




.rabpc{
	width:20vw;
	margin:0 auto;
	overflow:hidden;
}
.rabpc h2{
	font-size:1.2vw;
	margin:1.5vw 0 0.5vw;
}

.ppr{
	padding-bottom:2vw;
	margin-left:2vw;
	margin-right:2vw;
	margin-bottom:2vw;
	border-radius:10px;
}

.ppr:hover{
	background:#fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
}


.bige-section tr th, .bige-section tr td{
	text-align:center;
	padding:0.5vw 1vw;
}

.bige-section tr th:first-child, .bige-section tr td:first-child{
	text-align:left;
	padding:0.5vw 1vw;
}

.bige-section tr td.tdhui{
	background:rgba(247, 247, 247, 1);
}




.tuij-section{
	width:100%;
	margin-top:5vw;
}

.judin{
	margin-top:2vw;
}

.tjp{
	width:100%;
	overflow:hidden;
	margin-top:2vw;
}

.tjp.ap{
	position:relative;
}





.tjpn{
	width:100%;
	overflow:hidden;
}

.tjp h2{
	text-align:center;
	margin-top:1vw;
	font-size:1.0vw;
}


.dofen{
	position:absolute;
	left:0%;
	width:100%;
	bottom:1vw;
	text-align:center;
	-webkit-transform: translateY(50%) translateX(0%);
  -ms-transform: translateY(50%) translateX(0%);
  transform: translateY(50%) translateX(0%);
  transition: 1s ease-out;
}
.tjp:hover .dofen{
	-webkit-transform: translateY(0%) translateX(0%);
  -ms-transform: translateY(0%) translateX(0%);
  transform: translateY(0%) translateX(0%);
  transition: 1s ease-out;
}

.dofen h2{
	width:100%;
	text-align:center;
	margin-top:0vw;
	font-size:1vw;
	color:#fff;
}
.dofen p{
	width:100%;
	text-align:center;
	margin-top:1vw;
	font-size:0.7vw;
	color:#fff;
	opacity:0;
	transition: 1s ease-out;
}
.tjp:hover .dofen p{
	opacity:1;
  transition: 1s ease-out;
}

.dofen p a{
	padding:0.5vw 1vw;
	border:1px solid #fff;
	border-radius:3px;
	color:#fff;
}


.progress{
	height:1vw !important;
	border-radius:0.5vw;
	overflow:visible !important;
}



.tapp-section{
	width:100%;
	overflow:hidden;
	margin-top:5vw;
	padding-bottom:5vw;
}



.tappt{
	width:100%;
	text-align:center;
	margin-top:3vw;
}

.tappt h2{
	position:relative;
	padding-bottom:1vw;
}

.tappt h2::before{
	content:"";
	position:absolute;
	width:80px;
	height:2px;
	background:rgb(205, 30, 25, 1);
	left:50%;
	bottom:0%;
	margin-left:-40px;
}


.tapp-section .tjp{
	margin-top:3vw;
}
.tapp-section .tjp h2{
	color:#fff;
}


.cont-section{
	width:100%;
	margin-top:5vw;
	padding-bottom:5vw;
	overflow:hidden;
	position:relative;
}

.cont-section .tappt h2{
	color:#1c1632;
}

.tappp{
	width:100%;
	margin-top:2vw;
}

.tiji{
	margin-top:1vw;
}

.vkang{
	width:100%;
}
.vkang input{
	width:100%;
	padding:0.25vw 0.5vw;
	background:rgb(197,197,197,0.1);
	border:none;
	border-radius:3px;
	line-height:2;
}

.vkangtext textarea{
	width:100%;
	padding:0.25vw 0.5vw;
	background:rgb(197,197,197,0.1);
	border:none;
	border-radius:3px;
	line-height:2;
	max-height:220px;
}

.vkangtj input{
	width:100%;
	padding:0.25vw 0.5vw;
	background:rgb(205, 30, 25, 1);
	border:none;
	border-radius:3px;
	color:#fff;
	line-height:2;
	transition: all 1s ease-out;
}


.vkangtj input:hover{
	background:rgb(255,18,59,1);
	transition: all 1s ease-out;
}



.bantu-section{
	position:relative;
	width:100%;
	overflow:hidden;
}

.bantuf{
	position:absolute;
	width:100%;
	left:0%;
	top:50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	
}

.banfw{
	width:100%;
	color:#fff;
}


.banfw h2{
	color:#fff;
	font-size:2.0vw;
}

.banfw p{
	color:#fff;
	margin-top:1vw;
	font-size:1.2vw;
	line-height:1.5;
}

.bradhn{
	padding:0.5vw 0;
}


.ccpp-section{
	width:100%;
	margin-top:2vw;
}

.slider-92911 {
  position: relative; }

/* Carousel 4*/
.testimony-29101 .image {
  width:75%;
  margin:0 auto;
  background-size: cover;
  background-position: center center; }
  @media (max-width: 991.98px) {
    .testimony-29101 .image {
      height: 300px; } }



@media (max-width: 991.98px) {
  .testimony-29101 .image, .testimony-29101 .text {
    width: 100%;
    display: block !important; } }

.slide-one-item {
  /*-webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);*/ 
 }
  @media (max-width: 991.98px) {
    .slide-one-item .owl-nav {
      display: none; } }
  .slide-one-item .owl-nav .owl-prev,
  .slide-one-item .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #000; }
    .slide-one-item .owl-nav .owl-prev span,
    .slide-one-item .owl-nav .owl-next span {
      font-size: 30px; }
    .slide-one-item .owl-nav .owl-prev:hover,
    .slide-one-item .owl-nav .owl-next:hover {
      color: #000; }
    .slide-one-item .owl-nav .owl-prev:active, .slide-one-item .owl-nav .owl-prev:focus,
    .slide-one-item .owl-nav .owl-next:active,
    .slide-one-item .owl-nav .owl-next:focus {
      outline: none; }
  .slide-one-item .owl-nav .owl-prev {
    left: 20px; }
  .slide-one-item .owl-nav .owl-next {
    right: 20px; }
  .slide-one-item .owl-dots {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    z-index: 2; }
.slide-one-item .owl-dots .owl-dot {
      display: inline-block; }
.slide-one-item .owl-dots .owl-dot > span {
        -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
        -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
        transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
        display: inline-block;
        width: 15px;
        height: 3px;
        background: rgba(0, 123, 255, 0.4);
        margin: 3px; }
.slide-one-item .owl-dots .owl-dot.active > span {
        width: 15px;
        background: #007bff; }

.thumbnail {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 99; }
  
.manm{
	width:100%;
}  
  
  .thumbnail li {
    display: inline-block; }
	
	
	
.thumbnail li a {
      display: block;
      margin: 4px; }
.thumbnail li a img {
        width:12vw;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
		border:1px solid rgba(226, 226, 226, 1);
		border-radius:10px;
}       
.thumbnail li.active a img {
     border:1px solid rgba(205, 30, 25, 1);
	 }



.my-container{
	border: 1px solid #F0F0F0; 
	width: 250px; 
	height: 250px;
}

.prot-des{
	width:100%;
}
.prot-desa{
	width:100%;
}
.prot-desa h2{
	position:relative;
	width:100%;
	padding-bottom:1vw;
}
.prot-desa h2::before{
	content:"";
	position:absolute;
	width:100%;
	height:4px;
	background:rgba(26, 28, 29, 1);
	left:0%;
	bottom:0%;
}
.prot-desa p.prot-xh{
	font-size:1.2vw;
	font-weight:300;
	margin-top:1vw;
	font-weight:bold;
}

.prot-desa p.prot-xh span{
	color:rgb(205, 30, 25, 1);
}


.prot-desb{
	width:100%;
	margin-top:1vw;
}

.prot-desb table tbody tr td{
	padding:1vw 0.2vw;
}


.prot-desbbt{
	width:100%;
	margin-top:2vw;
}
.prot-desbbta.abton{
	text-align:center;
}
.prot-desbbta.abton a {
    display:block;
	width:100%;
    text-decoration: none;
    font-size: 0.8vw;
    font-weight: 500;
    letter-spacing: 1px;
    background: rgb(205, 30, 25, 1);
/* border: 0px solid rgb(205, 30, 25, 1); */
    color: #fff;
    padding: 10px 0px;
    border-radius: 8px;
    position: relative;
    z-index: 1;
}

.prot-desbbta.abton.prbt1 a {
    background:none;
    color: #fff;
}

.prot-desbbta.abton.prbt1 a::before {
    position: absolute;
    content: "";
    background-color: rgba(36, 36, 36, 1);
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    border-radius: 8px;
    z-index: -1;
    transition: all 500ms ease;
    transform: scale(1);
}


.prot-desbbta.abton.prbt1:hover a::before {
    transition: all 500ms ease;
    transform: scale(1.1);
}


.vvoo h2{
	width:100%;
	background:rgba(247, 247, 247, 1);
	line-height:2;
	text-indent:2vw;
}



.prot-desbbta.abton.prbt1 a:hover{
    color: #fff;
}


.vsabg{
	width:100%;
	margin-top:2vw;
}

.vsabg table caption span{
	color:rgb(205, 30, 25, 1);
}

.vsabg table tbody tr td{
	padding:1vw 2vw;
}

.cre h2 span{
	color:rgb(205, 30, 25, 1);
}


caption{
margin-top:1vw;	
}

.msv{
	display:none;
}
.msv.msvon{
	display:block;
}

 

.vsabtappw{
	width:100%;
	margin-top:2vw;
	background:
}


.vsabtappa{
	position:relative;
	width:100%;
	overflow:hidden;
	font-size:7.2vw;
	font-weight:bold;
	text-align:center;
	background-image: linear-gradient(180deg, rgba(226, 226, 226, 0.40) 0%, rgba(247, 247, 247, 0) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
	overflow:hidden;
	line-height:1;
}

.vsabtapp{
	position:relative;
	width:100%;
	margin-top:-3vw;
}
.vsabtapp.vlu{
	margin-top:2vw;
}
.tjapp{
	width:100%;
	text-align:center;
}
.tjappa{
	width:100%;
	overflow:hidden;
}

.tjapp h2{
	font-size:1.0vw;
	margin-top:1vw;
}


.abt-ta{
	position:relative;
	width:100%;
	overflow:hidden;
}


.abta-section{
	position:relative;
}


.vlu .tjapp h2{
	text-align:left;
}
.vlu .tjapp h3{
	text-align:left;
	margin-top:1vw;
	font-size:0.8vw;
}
.vlu .tjapp h3 a{
	padding:0.5vw 1vw;
	border:1px solid rgb(205, 30, 25, 1);
	color:rgb(205, 30, 25, 1);
	border-radius:3px;
}

.dhppp{
	margin-top:1vw;
}
.dhppp p{
	padding-left:1vw;
	position:relative;
	color:rgba(102, 102, 102, 1);
	font-size:0.8vw;
	text-align:left;
}
.dhppp p::before{
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	border-radius:50%;
	background:rgba(102, 102, 102, 1);
	left:0%;
	top:0.5vw;
}


.about-section {
    padding: 120px 0 177px;
}

.about-thumb {
    position: relative;
}

.about-thumb img {
    width: 100%;
}

.about-counter {
    position: absolute;
    background: rgb(205, 30, 25, 1);
    width: 180px;
    height: 158px;
    border-radius: 8px;
    text-align: center;
    top: 0;
    right: 0;
}

.about-counter-text {
    position: relative;
    padding: 28px 0 0;
}

.about-counter-text::before {
    position: absolute;
    content: "";
    width: 171px;
    height: 150px;
    border: 1px dashed #fff;
    left: 4px;
    right: 0;
    bottom: 0;
    top: 4px;
}

.about-numbar h4 {
    font-size: 40px;
    color: #ffffff;
    font-weight: 600;
    display: inline-block;
}

.about-numbar span {
    font-size: 40px;
    color: #ffffff;
    font-weight: 600;
}

.about-text h5 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    margin: 5px;
}

/* about counter two */

.about-counter-two {
    position: absolute;
    margin-top: -68px;
    left: 17%;
    color: #fff;
    background-color: #fff;
    padding: 0px 25px 11px;
    border: 2px solid #f00;
    border-radius: 8px;
    width: 325px;
    height: 125px;
}

.about-counter-img {
    margin-right: 34px;
    margin-top: 9px;
}

.about-number-two h4 {
    display: inline-block;
    font-size: 36px;
    color: rgb(205, 30, 25, 1);
    font-weight: 500;
    margin-bottom: 9px;
}

.about-number-two span {
    font-size: 36px;
    color: rgb(205, 30, 25, 1);
    font-weight: 500;
}

.about-number-two h5 {
    font-size: 18px;
    color: #434141;
    font-weight: 500;
    margin: 0;
}


/* about section title */

.about-section-sub-title {
    position: relative;
    display: inline-block;
    padding: 0 50px 0;
    margin: 0 -50px 0;
}

.about-section-sub-title::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 35px;
    background: rgb(205, 30, 25, 1);
    top: 6px;
    right: 0;
}

.about-section-sub-title::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 35px;
    background: rgb(205, 30, 25, 1);
    top: 15px;
    right: -12px;
}

.about-section-sub-title h4 {
    font-size: 24px;
    line-height: 24px;
    color: rgb(205, 30, 25, 1);
    font-weight: 500;
    margin: 0;
}

.about-section-main-title h2 {
    font-size: 48px;
    line-height: 60px;
    color: #1c1632;
    font-weight: 600;
    margin-bottom: 23px;
}

.about-content-discription p {
    font-size: 16px;
    line-height: 24px;
    color: #434141;
    font-weight: 400;
    margin-bottom: 32px;
}

.about-list {
    margin-bottom: 40px;
}

.about-list ul li {
    font-size: 18px;
    color: #1c1632;
    font-weight: 500;
    margin-bottom: 17px;
}

.about-list ul li i {
    color: rgb(205, 30, 25, 1);
    margin-right: 7px;
}



/* about tab css */

.tab ul {
    list-style: none;
}

.tab ul li {
    display: inline-block;
    margin-right: 18px;
}

.tab ul li a {
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    background: #1c1632;
    padding: 6px 15px;
    border-radius: 8px;
    margin-bottom: 40px;
}

.tab ul li.current a {
    background: rgb(205, 30, 25, 1) !important;
}



/* about style two */

.about-video-icon {
    position: absolute;
    right: 95px;
    bottom: 16%;
    margin: auto;
    border-radius: 100%;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-blue 1s linear infinite;
    -webkit-transition: .5s;
}

.about-video-icon a {
    height: 65px;
    width: 65px;
    background: rgb(205, 30, 25, 1);
    display: inline-block;
    line-height: 65px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 32px;
}

.about-counter-two.style-two {
    width: 446px;
    height: 119px;
    border-radius: 8px;
    filter: drop-shadow(0px 1px 25.5px rgba(0,0,0,0.1));
    background-color: #ffffff;
    border: navajowhite;
    padding: 17px 33px 0;
    left: 30px;
    bottom: -22px;
}

.about-number-two.style-two {
    float: left;
    margin-right: 26px;
    position: relative;
}

.about-number-two.style-two::before {
    border-radius: 50%;
    position: absolute;
    content: "";
    height: 85px;
    width: 85px;
    border: 2px dotted #ffaa19;
    left: -10px;
    right: 0;
    margin: auto;
}

.about-number-two.style-two h4 {
    height: 65px;
    width: 65px;
    background: rgb(205, 30, 25, 1);
    color: #fff;
    line-height: 65px;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
}

.about-counter-content h5 {
    font-size: 24px;
    line-height: 34px;
    color: #1c1632;
    font-weight: 500;
}

.tpr-item{
	padding-bottom:5vw;
}


.tpr-item .owl-nav {
    position: absolute;
    bottom:0%;
    right: 50%;
	-webkit-transform: translateY(0%) translateX(50%);
    -ms-transform: translateY(0%) translateX(50%);
    transform: translateY(0%) translateX(50%);
	width:15vw;
}


.owl-carousel.tpr-item .owl-nav .owl-prev {
    float:left;
}
.owl-carousel.tpr-item .owl-nav .owl-next {
    float:right;
}


.tpr-item .owl-prev i:hover {
	color:#fff;
}
.tpr-item .owl-prev i {
    width: 62px;
    height: 62px;
    line-height: 62px;
    background:none;
	color:rgb(205, 30, 25, 1);
}
.tpr-item .owl-prev i::after {
    background:none;
}


.tpr-item .owl-prev:hover i::after {
   
    background:rgb(205, 30, 25, 1);
}

.tpr-item .owl-dots{
	 position: absolute;
    bottom:38px;
    right: 50%;
	-webkit-transform: translateY(0%) translateX(50%);
    -ms-transform: translateY(0%) translateX(50%);
    transform: translateY(0%) translateX(50%);
	display:flex;
}


.tpr-item .owl-dot{
    width:0.5vw;
	height:0.5vw;
	background:rgb(0,0,0,0.1);
	border-radius:50%;
	margin:0  0.2vw;
}
.tpr-item .owl-dot.active{
	background:rgb(205, 30, 25, 1);
}


.ckew{
border-top:1px solid rgb(0,0,0,0.1);
border-bottom:1px solid rgb(0,0,0,0.1);
}

.lswen h2{
	color:rgb(205, 30, 25, 1);
	font-size:2vw;
	line-height:1.5;
}
.lswen p{
	color:rgb(0, 0, 0, 0.4);
	font-size:0.8vw;
	line-height:1.5;
}
.lstu{
	width:5vw;
	overflow:hidden;
	float:right;
}

.lspq{
	margin:1vw 2vw;
}
.morg-section{
	position:relative;
	width:100%;
	overflow:hidden;
}
.morga{
	position:relative;
	width:100%;
	overflow:hidden;
}

.morgb{
	position:absolute;
	width:100%;
	left:0%;
	top:50%;
	-webkit-transform: translateY(-50%) translateX(0%);
    -ms-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
	overflow:hidden;
}
.morgbb h2{
	position:relative;
	color:#fff;
	padding-bottom:1vw;
}
.morgbb h2::after{
	content:"";
	position:absolute;
	width:5vw;
	height:0.1vw;
	background:rgb(205, 30, 25, 1);
	bottom:0%;
	left:0%;
}
.morgbb p{
	color:#fff;
}


.cblb{
	position:relative;
}
.cblb::before{
	position:absolute;
	content:"";
	background:rgb(0,0,0,0.1);
	width:1px;
	height:4vw;
	left:0;
	top:50%;
	-webkit-transform: translateY(-50%) translateX(0%);
    -ms-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}
/* about progress bar  */


.about-section.span.process-bar {
    font-size: 18px;
}

/* about section style two */

.about-section.style-two {
    padding: 122px 0 131px;
}

/* about section style three */

.about-section.style-three {
    padding: 120px 0 177px;
}

/*==================================================
 <-- Solar Panel  Section title Css
===================================================*/

.section-sub-title {
    position: relative;
    display: inline-block;
}

.section-sub-title::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 35px;
    background: rgb(205, 30, 25, 1);
    left: 0;
    top: 19px;
}

.section-sub-title::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 35px;
    background: rgb(205, 30, 25, 1);
    left: -12px;
    top: 28px;
}

.section-sub-title h4 {
    font-size: 24px;
    color: rgb(205, 30, 25, 1);
    font-weight: 500;
    margin-bottom: 7px;
    position: relative;
    padding: 0 50px 0;
}

.section-sub-title h4::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 35px;
    background: rgb(205, 30, 25, 1);
    right: 0;
    top: 9px;
}

.section-sub-title h4::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 35px;
    background: rgb(205, 30, 25, 1);
    right: -12px;
    top: 17px;
}

.section-main-title h2 {
    font-size: 48px;
    color: #1c1632;
    font-weight: 600;
    margin-bottom: 42px;
}
.section-main-title h2.nover {
    font-size:36px;
    color: #1c1632;
    font-weight:500;
    margin-bottom: 42px;
}
.section-main-title h2.nover b{
    font-size:36px;
    font-weight: 600;
}


.boom-section{
	margin-top:5vw;
}






/* contact us section title */

 .section-main-title.contact-us h2 {
    color: #ffff;
    margin-bottom: 17px;
}

/* pricing section title */

.section-sub-title.pricing::before {
    display: none;
}

.section-sub-title.pricing::after {
    display: none;
}

.section-main-title.pricing {
    margin-bottom: 42px;
}

.section-sub-title.pricing h4 {
    padding-left: 0;
}

.section-main-title.pricing h2 {
    margin-bottom: 0;
    line-height: 48px;
}

/* choose us section title */

.section-sub-title.choose::before {
    display: none;
}

.section-sub-title.choose::after {
    display: none;
}

.section-sub-title.choose h4 {
    padding-left: 0;
}

.section-main-title.choose h2 {
    margin-bottom: 22px;
}

/* protfolio section title */

.section-sub-title.protfolio::before {
    display: none;
}

.section-sub-title.protfolio::after {
    display: none;
}

.section-sub-title.protfolio h4 {
    padding-left: 0;
}

.section-main-title.protfolio h2 {
    color: #ffffff;
}


/* offer section title */

.section-sub-title.offer::before {
    display: none;
}

.section-sub-title.offer::after {
    display: none;
}

.section-sub-title.offer h4 {
    padding-left: 0;
}

.section-main-title.offer {
    margin-bottom: 39px;
}

.section-main-title.offer h2 {
    margin-bottom: 0;
    line-height: 49px;
}

/* blog-section title */

.section-main-title.blog h2 {
    margin-bottom: 103px;
}

/* subscribe section title */

.section-main-title.Subscribe h2 {
    line-height: 28px;
    color: #fff;
}

/* faq section title */

.section-sub-title.faq::before {
    display: none;
}

.section-sub-title.faq::after {
    display: none;
}

.section-sub-title.faq h4 {
    margin-bottom: 0px;
    padding-left: 0;
}

.section-sub-title.faq h4::before {
    display: none;
}

.section-sub-title.faq h4::after {
    display: none;
}

.section-main-title.faq h2 {
    font-size: 40px;
    margin-bottom: 16px;
}


/*==================================================
 <-- Solar Panel  Service Section Css
===================================================*/

.service-section {
    padding: 106px 0 110px;
    background: #f2f2f2;
}

.service-thumb img {
    width: 100%;
}

.service-content {
    background: url(../image/servie-hover.png);
    background-repeat: no-repeat;
    padding: 0 34px 20px;
    position: relative;
    z-index: 1;
    margin: -130px 23px 33px;
}

.service-content::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0%;
    background: url(../image/service-shape.png);
    background-repeat: no-repeat;
    left: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(370px) rotateY(90deg) translate(0px, 50px);
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    z-index: -1;
}

.service-box:hover .service-content::before{
    opacity: 1;
    visibility: visible;
    transform: perspective(370px) rotateY(0deg) translate(0px, 0px);
    height: 100%;
}

.service-icon-thumb {
    background: #ffffff;
    width: 90px;
    height: 100px;
    line-height: 88px;
    text-align: center;
    border-radius: 0px 0px 45px 45px;
    margin-bottom: 30px;
    transition: .5s;
}

.service-box:hover .service-icon-thumb{
    background: rgb(205, 30, 25, 1);
}

.service-icon-thumb img {
    width: auto;
    transition: .5s;
}

.service-box:hover .service-icon-thumb img{
    filter: brightness(0)invert(1);
}

.service-text a {
    text-decoration: none!important;
}

.service-text h4 {
    line-height: 24px;
    color: #e2e2e2;
    font-weight: 500;
}

.service-text h4 a {
    font-size: 26px;
    font-weight: 500;
}

.service-box:hover .service-text h4 {
    color: rgb(205, 30, 25, 1);
}

.service-text p {
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
    margin: 20px 0 45px;
    position: relative;
}

.service-text p::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 310px;
    background: #e8e8e8;
    bottom: -28px;
    opacity: 0.600;
}

.service-text a {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    text-decoration: underline;
    color: #ffffff;
    font-weight: 400;
    transition: .5s;
}
.service-box:hover .service-text a {
    color: rgb(205, 30, 25, 1);
}

.service-text a i {
    font-size: 12px;
    margin-left: 8px;
}

/* service box style two */

.service-box {
    margin-bottom: -24px;
}


.cornne{
	position:relative;
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cornnel{
	width:5vw;
	overflow:hidden;
	margin-right:1vw;
}

.cornner{
	width:12vw;
	overflow:hidden;
}
.zerobb .cornner h2{
	text-align:left;
	color: rgb(205, 30, 25, 1);
    font-size: 2vw;
    line-height: 1.5;
}
.zerobb.cornner p{
	text-align:left;
    font-size: 0.8vw;
    line-height: 1.5;
}

/*==================================================
 <-- Solar Panel  Contact Us Section Css
===================================================*/

.contact-us-section {
    position: relative;
}

.contact-us-section::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: url(../image/contact-us.png);
    background-repeat: no-repeat;
}

.row.contact-us {
    background: rgb(205, 30, 25, 1);
    padding: 50px 0 50px;
}

.contact-us-discription p {
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
}



.prot-desb p{
	color:#212529;
}
.prot-desb p b{
	margin-right:8px;
}
.prot-desb p a{
	color:#585858;
	text-decoration:underline;
}
.prot-desb p a:hover{
	color:rgb(205, 30, 25);
}



/*==================================================
 <-- Solar Panel  Pricing Section Css
===================================================*/

.pricing-section {
    padding: 138px 0 92px;
}

/* accrodion css */

.accordion li {
    list-style: none;
    position: relative;
    z-index: 1;
    background: #f3f3f3;
    margin-bottom: 27px;
    border-radius: 8px;
}

.accordion li a {
    display: block;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    color: inherit;
    padding: 11px 35px 11px;
    text-decoration: none;
    margin-bottom: 11px;
}
.accordion a.active {
    background: rgb(205, 30, 25, 1);
    color: #fff;
}
.accordion li p {
    display: none;
    font-size: 16px;
    line-height: 26px;
    color: #434141;
    padding: 0 38px 17px;
    margin: 0;
    width: 91%;
}

.accordion a:before {
    width: 2px;
    height: 16px;
    background: rgb(205, 30, 25, 1);
    position: absolute;
    right: 37px;
    content: " ";
    top: 18px;
    transform: rotate(0deg);
    transition: all 0.2s ease-in-out;
}

.accordion a:after {
    width: 16px;
    height: 2px;
    background: rgb(205, 30, 25, 1);
    position: absolute;
    right: 30px;
    content: " ";
    top: 25px;
    transition: all 0.2s ease-in-out;
}

.accordion a.active:after {
    transform: rotate(0deg);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #ffffff;
}

.accordion a.active:before {
    display: none;
}

a.active {
    color: #1c1632;
}

/* pricing box */

.pricing-box {
    background: #f3f3f3;
    padding: 34px 45px 30px;
    position: relative;
    border-radius: 8px;
    z-index: 1;
    margin-bottom: 55px;
}

.pricing-box::before {
    position: absolute;
    content: "";
    height: 0%;
    width: 100%;
    background: rgb(205, 30, 25, 1);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    border-radius: 8px;
    z-index: -1;
    transition: all 500ms ease;
}

.pricing-box:hover::before {
    height: 104%;
}

.pricing-info {
    display: flex;
    justify-content: space-between;
    margin: 0 8px 0px 67px;
}

.pricing-year h4 {
    font-size: 16px;
    color: rgb(205, 30, 25, 1);
    font-weight: 400;
    border: 1px solid rgba(205, 30, 25, 0.251);
    padding: 6px 16px;
    border-radius: 8px;
    transition: .5s;
}

.pricing-box:hover .pricing-year h4{
    background: #ffffff;
}

.pricing-rate h2 {
    font-size: 30px;
    color: #1c1632;
    font-weight: 500;
    line-height: 24px;
    transition: .5s;
}

.pricing-box:hover .pricing-rate h2{
    color: #ffffff;
}

.pricing-rate h2 span {
    font-size: 16px;
}

.pricing-icon {
    float: left;
    margin-top: 27px;
    margin-right: 28px;
}

.pricing-icon i {
    background: #1c1632;
    height: 38px;
    width: 38px;
    display: inline-block;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 2px;
    transition: .5s;
}

.pricing-box:hover .pricing-icon i{
    background: #ffffff;
    color:rgb(205, 30, 25, 1);
}

.pricing-content {
    overflow: hidden;
}

.pricing-content h4 {
    font-size: 30px;
    line-height: 55px;
    color: #1c1632;
    font-weight: 500;
    transition: .5s;
}

.pricing-box:hover .pricing-content h4{
    color: #ffffff;
}

.pricing-content p {
    font-size: 16px;
    line-height: 24px;
    color: #434141;
    font-weight: 400;
    transition: .5s;
}

.pricing-box:hover .pricing-content p{
    color: #ffffff;
}

.pricing-value {
    position: absolute;
    top: -27px;
    right: 65px;
}

.pricing-value h5 {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    background: #1c1632;
    display: inline-block;
    padding: 5px 13px;
    border-radius: 8px;
    transition: .5s;
}

.pricing-box:hover .pricing-value h5{
    background: #f3f3f3;
    color:rgb(205, 30, 25, 1);
}


/*==================================================
 <-- Solar Panel  Call Do Section Css
===================================================*/

.call-do-action-section {
    padding: 120px 0 120px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 800px;
    margin-bottom: -330px;
}

.single-video {
    position: relative;
    top: 64px;
}

.video-icon a {
    height: 105px;
    width: 105px;
    background: rgb(205, 30, 25, 1);
    text-align: center;
    display: inline-block;
    line-height: 105px;
    border-radius: 100%;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-blue 1s linear infinite;
    -webkit-transition: .5s;
}

.video-icon a i {
    color: #ffffff;
    font-size: 76px;
}

/* call do action style two */

.call-do-action-section.style-two{
    background: url(../image/call-do-bg2.jpg);
}


/*==================================================
 <-- Solar Panel  Choose Us Section Css
===================================================*/
.choose-us-section {
    padding: 0 0 122px;
}

.row.choose {
    background: url(../image/choose-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 90px 70px 91px;
    border-radius: 8px;
}
.choose-us-discription p {
    font-size: 16px;
    line-height: 24px;
    color: #434141;
    font-weight: 400;
    margin-bottom: 65px;
}

.choose-us-thumb {
    float: left;
    margin-right: 35px;
    margin-top: -10px;
}

.choose-us-list {
    margin-bottom: 60px;
}

.choose-us-list ul {
    list-style: none;
}

.choose-us-list ul li {
    font-size: 18px;
    color: #1c1632;
    font-weight: 400;
    display: block;
    margin-bottom: 14px;
}

.choose-us-list ul li i {
    height: 20px;
    width: 20px;
    background: rgb(205, 30, 25, 1);
    color: #fff;
    display: inline-block;
    line-height: 23px;
    font-size: 19px;
    border-radius: 50%;
    margin-right: 10px;
}

.choose-us-info {
    display: inline-flex;
}

.choose-us-icon {
    margin-left: 32px;
}

.choose-us-icon i {
    width: 60px;
    height: 60px;
    border-radius: 32px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: rgb(205, 30, 25, 1);
    background: rgba(245,161,139,0.322);
    display: inline-block;
}

.choose-us-phone h5 {
    font-size: 18px;
    line-height: 24px;
    color: #1c1632;
    font-weight: 400;
}

.choose-us-phone {
    margin-left: 30px;
}

.choose-us-phone h5 {
    font-size: 18px;
    line-height: 24px;
    color: #1c1632;
    font-weight: 400;
    margin: 0;
}

.choose-us-phone h5 span {
    display: block;
    line-height: 42px;
    font-weight: 500;
}



/* choose form box */

.choose-contact-box {
    background: rgb(205, 30, 25, 1);
    padding: 26px 82px 42px;
    border-radius: 8px;
}

.choose-contact-title h4 {
    font-size: 32px;
    line-height: 40px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 37px;
}

.form-box {
    position: relative;
}

.form-box input {
    width: 100%;
    height: 50px;
    padding-left: 30px;
    background: #ffffff;
    border: 0;
    outline: 0;
    border-radius: 8px;
    color: #3e3e3f;
    margin-bottom: 23px;
}

.form_box input::placeholder {
    color: #6d6d6d;
}

.form-box select {
    width: 100%;
    height: 50px;
    padding-left: 30px;
    background: #ffffff;
    border-radius: 8px;
    border: 0;
    outline: 0;
    color: #3e3e3f;
    margin-bottom: 23px;
}


.form-box textarea {
    width: 100%;
    height: 100px;
    padding-left: 30px;
    background: #ffffff;
    border-radius: 8px;
    color: #3e3e3f;
    border: 0;
    outline: 0;
    margin-bottom: 23px;
}

.form-box textarea::placeholder {
    padding: 8px 0px 0;
}


.form-box i {
    position: absolute;
    right: 30px;
    top: 11px;
    color: rgb(205, 30, 25, 1);
}

.form-box-button button {
    width: 270px;
    height: 60px;
    border-radius: 8px;
    background-color: #1c1632;
    border: 0;
    outline: 0;
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: .5s;
}
.form-box-button button:hover{
    color:rgb(205, 30, 25, 1) ;
}

.form-box-button button::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    transform: scale(0.0, 1);
    opacity: 0;
    border-radius: 8px;
    z-index: -1;
    transition: .5s;
}

.form-box-button button:hover::before{
    background: #ffffff;
    opacity: 1;
    transform: scale(1,1);
}

/* Solar Panel choose us section style two */

.choose-us-section.style-two {
    padding: 0 0 110px;
}

/*==================================================
 <-- Solar Panel  Protfolio Section Css
===================================================*/

.protfolio-section {
    background: #1c1632;
    padding: 106px 0 108px;
}

.protfolio-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #282828;
    padding: 35px 0 0;
}

.protfolio-item-content {
    display: flex;
    align-items: center;
}

.protfolio-item-numbar {
    margin-right: 22px;
}

.protfolio-item-numbar span {
    opacity: 0.800;
    font-size: 24px;
    line-height: 36px;
    color: #e2e2e2;
    font-weight: 500;
    transition: .5s;
}

.protfolio-item:hover .protfolio-item-numbar span{
    color: rgb(205, 30, 25, 1);
}

.protfolio-item-title h3 {
    font-size: 24px;
    line-height: 21px;
    color: #e2e2e2;
    font-weight: 500;
}

.protfolio-item-title h3 a {
    text-decoration: none;
    color: #e2e2e2;
    transition: .5s;
}

.protfolio-item:hover .protfolio-item-title h3 a{
    color: rgb(205, 30, 25, 1);
}

.protfolio-itme-hover {
    margin-top: -24px;
    opacity: 0;
    transition: .5s;
}

.protfolio-item:hover .protfolio-itme-hover{
    opacity: 1;
}

.protfolio-item-icon i {
    color: #fff;
    font-size: 30px;
    transition: .5s;
}

.protfolio-item:hover .protfolio-item-icon i {
    color: rgb(205, 30, 25, 1);
}

/* protfolio item style two */

.protfolio-item.style-two {
    border-bottom: 1px solid #282828;
    padding: 35px 0 20px;
}


/*==================================================
 <-- Solar Panel  Offer Section Css
===================================================*/

.offer-section {
    padding: 108px 0 118px;
}

.offer-items-box {
    background: url(../image/offer-item.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 20px 18px;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 30px;
}

.offer-items-box::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../image/offer-hover.png);
    width: 0;
    transform: translateY(100%);
    z-index: -1;
    transition: .5s;
    border-radius: 8px;
}

.offer-items-box:hover::before{
    width: 100%;
    transform: translateY(0);
}

.offer-icon-thumb img{
    transition: .5s;
}

.offer-items-box:hover .offer-icon-thumb img{
    filter: brightness(0)invert(1);
}

.offer-content h4 {
    font-size: 24px;
    line-height: 24px;
    color: #1c1632;
    font-weight: 500;
    padding: 10px 0 16px;
    transition: .5s;
}

.offer-items-box:hover .offer-content h4{
    color: #ffffff;
}
.offer-content p {
    font-size: 16px;
    line-height: 24px;
    color: #434141;
    font-weight: 400;
    transition: .5s;
}

.offer-items-box:hover .offer-content p{
    color: #ffffff;
}

.offer-thumb {
    margin-left: -100px;
    margin-top: 60px;
}

.offer-thumb img {
    width: 100%;
}


/* progressbar css */

.process-ber-plugin {
    padding: 36px 0 0;
}

span.process-bar {
    font-size: 20px;
    color: #1c1632;
    font-weight: 500;
    position: relative;
}

.barfiller {
    width: 562px;
    height: 10px;
    position: relative;
    margin-bottom: 25px;
    margin-top: 11px;
    border-radius: 8px;
    background-color: #c9ccd2;
}

.barfiller .fill {
    display: block;
    position: relative;
    width: 0px;
    height: 100%;
    z-index: 1;
}

.barfiller .tipWrap {
    display: none;
}

.barfiller .tip {
    font-size: 18px;
    color: #1c1632;
    font-weight: 500;
    top: -37px;
    padding: 1px 6px;
    left: 0px;
    position: absolute;
}

.stat-bar:nth-of-type(1) .stat-bar-rating {
    animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
}

span.fill {
    background: rgb(205, 30, 25, 1)!important;
    border-radius: 8px;
}


/* offer section style two */

.offer-section.style-two {
    padding: 0 0 120px;
}

/*==================================================
 <-- Solar Panel  Team Section Css
===================================================*/

.team-section {
    padding: 106px 0 286px;
    background: #f6f6f6;
    margin-bottom: -200px;
}

.team-items-box {
    margin-bottom: 127px;
}

.team-thumb {
    position: relative;
}

.team-thumb img {
    width: 100%;
}

.team-icon {
    position: absolute;
    top: 44px;
    right: 10px;
    transform: translate(-50%, 50%);
    transition: .5s;
    opacity: 0;
}

.team-items-box:hover .team-icon {
    top: -48px;
    opacity: 1;
}

.team-icon ul {
    list-style: none;
}

.team-icon ul li {
    display: block;
    margin-top: 8px;
}

.team-icon ul li a i {
    height: 32px;
    width: 32px;
    background: #fff;
    text-align: center;
    line-height: 32px;
    color: rgb(205, 30, 25, 1);
    border-radius: 5px;
    position: relative;
    z-index: 1;
    transition: .5s;
}

.team-icon ul li a:hover i{
    color: #ffffff;
}

.team-icon ul li a i::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(205, 30, 25, 1);
    transform: scale(0);
    border-radius: 5px;
    z-index: -1;
    transition: .5s;
}

.team-icon ul li a i:hover::after{
    transform: scale(1);
}

.team-main-icon {
    position: absolute;
    bottom: 7px;
    left: 0;
    right: 44px;
    margin: auto;
    transform: translateX(50%);
    z-index: 999;
}

.team-main-icon a {
    height: 40px;
    width: 40px;
    background: rgb(205, 30, 25, 1);
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
     position: relative;
    z-index: 1;
}

.team-main-icon a::before{
     position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    transform: scale(0);
    border-radius: 50%;
    z-index: -1;
    transition: .5s;
}

.team-items-box:hover .team-main-icon a::before{
    transform: scale(1);
}

.team-main-icon a i{
    transition: .5s;
}

.team-items-box:hover .team-main-icon a i{
    color: rgb(205, 30, 25, 1);
}

.team-content {
    text-align: center;
    background: #1c1632;
    position: absolute;
    bottom: -94px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    padding: 30px 0 18px;
    border-bottom: 2px solid rgb(205, 30, 25, 1);
    z-index: 1;
}

.team-content::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 100%;
    margin: auto;
    background: rgb(205, 30, 25, 1);
    transition: .5s;
    z-index: -1;
}

.team-items-box:hover .team-content::before{
    width: 100%;
}

.team-content h4 a {
    font-size: 25px;
    line-height: 30px;
    color: #e2e2e2;
    font-weight: 500;
    text-decoration: none;
}

.team-content span {
    font-size: 16px;
    line-height: 32px;
    color: #9a9898;
    font-weight: 400;
    transition: .5s;
}

.team-items-box:hover .team-content span{
    color: #e2e2e2;
}


/* home page two team section css */

.team-icon.style-two {
    right: 40%;
}

.team-items-box:hover .team-icon.style-two{
    top: 8px;
}

.team-main-icon.style-twoa i {
    position: relative;
}

.team-main-icon.style-two a i::after {
    position: absolute;
    content: "";
    height: 14px;
    width: 2px;
    background: #ffffff;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 15px;
    opacity: 0;
    transition: .5s;
}

.team-items-box:hover .team-main-icon.style-two a i::after{
    background: rgb(205, 30, 25, 1);
    opacity: 1;
}

/* team style two css */

.team-section.style-two {
    padding: 102px 0 286px;
}


/*==================================================
 <-- Solar Panel  Appointment Section Css
===================================================*/

.row.appointment {
    background: #ffffff;
    filter: drop-shadow(0px 1px 25.5px rgba(0,0,0,0.15));
    padding: 88px 85px 87px;
}

.choose-us-icon.appointment {
    margin-left: 0;
}

/* appointment form box css */

.choose-contact-box.appointment {
    padding: 46px 54px 44px;
}

.form-box.appointment input {
    height: 56px;
    margin-bottom: 27px;
}

.form-box-button.appointment button {
    width: 190px;
    height: 56px;
    font-size: 18px;
    font-weight: 400;
}


/*==================================================
 <-- Solar Panel  Blog Section Css
===================================================*/

.blog-section {
    padding: 104px 0 120px;
}

.blog-items-box {
    border: 1px solid #fbe0dd;
    padding: 0 0 26px;
    border-radius: 8px;
    position: relative;
}

.blog-thumb {
    margin-top: -62px;
}

.blog-date {
    position: absolute;
    top: 136px;
    right: -57px;
    transform: rotate(-90deg);
}

.blog-date span {
    font-size: 20px;
    color: #1c1632;
    font-weight: 500;
}

.blog-date span i {
    color: rgb(205, 30, 25, 1);
    font-size: 16px;
    margin-right: 6px;
}

.blog-content {
    padding: 0 29px 0;
}

.blog-meta {
    margin: 16px 0 -3px;
}

.blog-meta span {
    font-size: 16px;
    line-height: 34px;
    color: #1c1632;
    font-weight: 400;
    padding-right: 50px;
}

.blog-meta span i {
    color: rgb(205, 30, 25, 1);
    font-size: 18px;
    margin-right: 6px;
}

.blog-title {
    margin-bottom: 12px;
}

.blog-title h4 a {
    font-size: 24px;
    line-height: 34px;
    text-decoration: underline;
    color: #1c1632;
    font-weight: 500;
    transition: .5s;
}

.blog-items-box:hover .blog-title h4 a {
    color: rgb(205, 30, 25, 1);
}

.blog-bottom-shape {
    display: inline-block;
    margin-right: 15px;
}

.blog-bottom-title {
    display: inline-block;
    margin-right: 44px;
}

.blog-bottom-title h5 {
    font-size: 16px;
    line-height: 34px;
    color: #1c1632;
    font-weight: 400;
}

.blog-btn {
    display: inline-block;
}

.blog-btn a {
    font-size: 18px;
    line-height: 34px;
    text-decoration: underline;
    color: #1c1632;
    font-weight: 500;
}

.blog-items-box:hover .blog-btn a{
    color: rgb(205, 30, 25, 1);
}

.blog-btn a i {
    margin-left: 8px;
}

/* blog section style two  */

.blog-section.style-two {
    padding: 120px 0 118px;
}

/* blog section style three */

.blog-section.style-three {
    padding: 118px 0 50px;
}

/*==================================================
 <-- Solar Panel  Subscribe Section Css
===================================================*/

.subscribe-section {
    background: rgb(205, 30, 25, 1);
    padding: 70px 0 41px;
}

/* subscribe form */

.form-box.Subscribe input {
    width: 88%;
    height: 60px;
    margin-bottom: 14px;
}

.form-box.Subscribe i {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #1c1632;
    top: 0;
    right: 18px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    border-radius: 8px;
    font-size: 20px;
}

.checkbox-box label {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
}

.checkbox-box label a{
    color: #ffffff;
}


/*==================================================
 <-- Solar Panel  Footer Section Css
===================================================*/

.footer-section {
    padding: 5vw 0 0;
	border-top:1px solid rgb(0,0,0,0.3);
}


.ftlog{
	width:80%;
	overflow:hidden;
}


.rlink{
	margin-top:2vw;
}


.fotd{
	width:100%;
	overflow:hidden;
	margin-top:3vw;
}




.fotline{
	padding:1vw 0 1vw;
	border-top: 1px solid rgba(111,111,111,0.15);
}


.sftcb{
	width:100%;
	overflow:hidden;
	float:right;
}

.sftcba{
	width:0.9vw;
	overflow:hidden;
	float:right;
}
.sftcba i{
	font-size:0.9vw;
	color:rgb(205, 30, 25, 1);
	line-height:1.5;
}
.sftcba i::before{
-webkit-animation:ggeer 3s linear 0s infinite;
}

@-webkit-keyframes ggeer{
	  0%{
		  transform:rotate(0deg);
-ms-transform:rotate(0deg); 	/* IE 9 */
-moz-transform:rotate(0deg); 	/* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg); }
     100%{transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); }
	 }



.sftcbb{
	font-size:0.7vw;
	line-height:2;
	color:#acacac;
	margin-right:10px;
	float:right;
}
.sftcbb a{
	color:#acacac;
}






.footer-wiget-text p {
    font-size:0.8vw;
    line-height: 28px;
    color:rgb(0,0,0,0.7);
    font-weight: 400;
    margin: 21px 0 21px;
}

.footer-wiget-social ul {
    list-style: none;
}

.footer-wiget-social ul li {
    display: inline-block;
    margin-right: 14px;
}

.footer-wiget-social ul li a i {
    color: rgb(205, 30, 25, 1);
    font-size: 20px;
    transition: .5s;
}

.footer-wiget-social ul li a:hover i{
    color: #ffffff;
}

.footer-wiget-title h4 {
    font-size:1.0vw;
    line-height:2;
    font-weight: 600;
    transition: .5s;
}
.footer-wiget-title h4 a{
   font-weight:bold;
}
.footer-wiget-title h4:hover{

}

.footer-wiget-menu ul {
    list-style: none;
}

.footer-wiget-menu ul li {
    list-style: none;
    margin-top: 6px;
	font-size:0.8vw;
    font-weight: 400;
    text-decoration: none;
    transition: .5s;
	color:rgb(0,0,0,0.7);
}

.footer-wiget-menu ul li a {
    display: inline-block;
    font-size:0.8vw;
    font-weight: 400;
    text-decoration: none;
    transition: .5s;
	color:rgb(0,0,0,0.7);
}

.footer-wiget-menu ul li a:hover{
color: rgb(205, 30, 25, 1);
}

.footer-wiget-contact-menu ul {
    list-style: none;
}

.footer-wiget-contact-menu ul li {
    display: block;
    opacity: 0.710;
    font-size:0.8vw;
    line-height:2;
    color: #e2e2e2;
    font-weight: 400;
    margin: 5px 0 12px;
    transition: .5s;
}

.footer-wiget-contact-menu ul li:hover{
    color: rgb(205, 30, 25, 1) ;
}

.footer-wiget-contact-menu ul li a{
    display: inline-block;
    color: rgb(205, 30, 25, 1);
    text-decoration: none;
    transition: .5s;
}

.footer-wiget-contact-menu ul li a:hover{
    color: #ffffff;
}

/* footer thumb */

.footer-thumb {
    margin: -120px 127px -199px;
    position: relative;
}

/* copyrightext css */

.row.footer-line {
    border-top: 1px solid rgba(111,111,111,0.271);
    padding: 45px 0 0;
    margin: 83px 0 0;
}

.copyright-text p {
    opacity: 0.800;
    font-size: 0.7vw;
    line-height: 27px;
    color:rgb(0,0,0,0.8);
    font-weight: 400;
	margin-bottom:0;
}

.copyright-text span{
	margin-left:3vw;
}

.copyright-text span i{
	margin-left:0.2vw;
	color: rgb(205, 30, 25, 1);
}


.copyright-text span i::before{
-webkit-animation:ggeer 3s linear 0s infinite;
}

@-webkit-keyframes ggeer{
	  0%{
		  transform:rotate(0deg);
-ms-transform:rotate(0deg); 	/* IE 9 */
-moz-transform:rotate(0deg); 	/* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg); }
     100%{transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); }
	 }




.copyright-text p a {
    color:rgb(0,0,0,0.8);
}

.copyright-text p a:hover{
    color: rgb(205, 30, 25, 1);
}

.footer-condition ul {
    list-style: none;
}

.footer-condition ul li{
    display: inline-block;
}

.footer-condition ul li a {
    display: inline-block;
    margin-right: 50px;
    font-size: 18px;
    line-height: 34px;
    color: #ffffff;
    font-weight: 400;
    transition: .5s;
    text-decoration: none;
}

.footer-condition ul li a:hover{
    color: rgb(205, 30, 25, 1);
}



/*==================================================
 <-- Solar Panel  Home Pages Two  Css
===================================================*/

/* testimonial section css */

.testimonial-section {
    padding: 0 0 114px;
}

.testi-item-box {
    text-align: center;
    background-color: #ffffff;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    padding: 44px 37px 40px;
    border-top: 3px solid rgba(205, 30, 25,0.800);
    position: relative;
    margin: 0 10px 3px;
}

.testi-item-box::before {
    position: absolute;
    content: "";
    height: 3px;
    width: 0%;
    background: #1c1632;
    top: -3px;
    left: 0;
    right: 0;
    margin: auto;
    transition: .5s;
}

.testi-item-box:hover::before{
    width: 100%;
}

.testi-title h4 {
    font-size: 24px;
    line-height: 44px;
    color: #1c1632;
    font-weight: 500;
}

.testi-title span {
    font-size: 20px;
    line-height: 26px;
    color: rgb(205, 30, 25, 1);
    font-weight: 500;
}

.testi-discription p {
    font-size: 16px;
    line-height: 28px;
    color: #434141;
    font-weight: 400;
    margin: 10px 0 5px;
}

.testi-icon i {
    color: rgb(205, 30, 25, 1);
    margin: 0 2px 0;
    font-size: 14px;
    opacity: 0.800;
}


/* owlcarousel css */

.testimonial-section .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none;
}

.testimonial-section .owl-carousel .owl-item img {
    display: inline-block;
}

.testimonial-section .owl-dots {
    text-align: center;
    margin-top: 31px;
}

.testimonial-section .owl-dot {
    margin-right: 9px;
    height: 14px;
    width: 14px;
    border: 2px solid rgb(205, 30, 25, 1);
    border-radius: 50%;
    display: inline-block;
}

.testimonial-section .owl-dot.active {
    height: 14px;
    width: 14px;
    background: rgb(205, 30, 25, 1);
    border-radius:50%;
}


/*==================================================
 <-- Solar Panel  Home Pages Two Call Back  Css
===================================================*/

.call-back-section {
    background: url(../image/call-back-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0 100px;
}

.call-back-content {
    background: #1c1632;
    padding: 63px 0 77px;
}

.call-back-numbar h3 {
    font-size: 42px;
    line-height: 44px;
    color: #ffffff;
    font-weight: 600;
}

.call-back-discription p {
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 400;
    padding: 20px 0 23px;
    width: 84%;
    margin: auto;
}



/*==================================================
 <-- Solar Panel  Breatcame  Css
===================================================*/
.breatcome-section {
    background: url(../image/breatcame-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 130px 0;
}

.breatcome-content {
    position: relative;
}

.breatcome-title h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 19px;
}

.bratcome-text {
    position: absolute;
    right: 0;
    bottom: -149px;
    background: #f4fbff;
    padding: 23px 35px;
    border-radius: 5px 5px 0 0;
}

.bratcome-text ul {
    list-style: none;
}

.bratcome-text ul li {
    display: inline-block;
    margin-right: 15px;
    font-size: 16px;
    line-height: 27px;
    color: #434141;
    font-weight: 500;
}

.bratcome-text ul li a {
    display: inline-block;
    font-size: 16px;
    color: #434141;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    transition: .5s;
}

.bratcome-text ul li a:hover{
    color: rgb(205, 30, 25, 1);
}

.bratcome-text ul li a::before {
    position: absolute;
    content: "/";
    left: 50px;
}


/*==================================================
 <-- Solar Panel  Blog  Css
===================================================*/

.blog-items-box.style-two {
    border: none;
    margin-bottom: 10px;
}

.blog-thumb.style-two {
    margin: 0;
}

.blog-thumb.style-two img {
    width: 100%;
}

.blog-content.style-two {
    background-color: #ffffff;
    filter: drop-shadow(0px 3px 12.5px rgba(0,0,0,0.1));
    padding: 27px 29px 34px;
    border-radius: 0px 0px 6px 6px;
}

.blog-meta.style-two {
    margin: 0;
}

.blog-disctiption p {
    font-size: 16px;
    line-height: 28px;
    color: #434141;
    font-weight: 400;
}

/* pagination css */

.as-pagination {
    margin-top: 18px;
}

.as-pagination ul {
    list-style: none;
}

.as-pagination ul li {
    display: inline-block;
}

.as-pagination ul li a {
    display: inline-block;
    font-size: 16px;
    color: #292930;
    font-weight: 500;
    border: 1px solid #dddddd;
    height: 38px;
    width: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 8px;
    margin-left: 5px;
    transition: .5s;
    text-decoration: none;
    position: relative;
    transition: .5s;
}

.as-pagination ul li a:hover{
    color: #ffffff;
}

.as-pagination ul li a::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(205, 30, 25, 1);
    transform: scale(0);
    border-radius: 8px;
    z-index: -1;
    transition: .5s;
}

.as-pagination ul li a:hover::before{
    transform: scale(1);
}


/* sidebar css */

.widget_search form {
    position: relative;
}

.widget_search input {
    border-radius: 4px;
    padding-left: 20px;
    height: 60px;
    width: 100%;
    position: relative;
    color: #606060;
    font-weight: 400;
    border: 0;
    border: 1px solid #dddddd;
    outline: 0;
}

button.icons {
    border: 0;
    font-size: 18px;
    color: #fff;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    background: rgb(205, 30, 25, 1);
    border-radius: 0 3px 3px 0;
}

.categories-title h4 {
    font-size: 24px;
    margin-bottom: 25px;
}

.widget-categories-menu {
    margin-bottom: 45px;
}

.widget-categories-menu ul li {
    list-style: none;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    position: relative;
    margin-bottom: 10px;
}

.widget-categories-menu ul li::after{
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    transition: all 0.5s linear 0s;
    background-color:rgb(205, 30, 25, 1);
    content: "";
}

.widget-categories-menu ul li:hover::after{
    width: 100%;
    right: auto;
    left: 0;
}

.widget-categories-menu ul li a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    transition: .5s;
    font-weight: 500;
}

.widget-categories-menu ul li a:hover{
    color:rgb(205, 30, 25, 1) ;
}
.widget-categories-menu ul li a span {
    float: right;
}

.sidber-widget-recent-post {
    margin: 44px 0 62px;
}

.recent-widget-thumb {
    float: left;
    margin-right: 16px;
    margin-top: -15px;
    transition: .5s;
}

.recent-widget-content a {
    font-size: 20px;
    line-height: 26px;
    color: #292930;
    font-weight: 600;
    display: block;
    text-decoration: none;
    margin-bottom: 6px;
    transition: .5s;
}

.recent-widget-content a:hover{
    color:rgb(205, 30, 25, 1) ;
}
.recent-widget-content span {
    font-size: 16px;
    line-height: 26px;
    color: #434141;
    font-weight: 400;
}

.recent-widget-content span i {
    font-size: 13px;
    margin-right: 4px;
}

.widget-tags a {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #dddddd;
    padding: 3px 14px;
    margin: 11px 5px;
    border-radius: 2px;
    font-size: 16px;
    color: #434141;
    font-weight: 400;
    position: relative;
    transition: .5s;
    z-index: 1;
}

.widget-tags a:hover {
    color: #fff;
}

.widget-tags a:before {
    position: absolute;
    content: "";
    left: -2px;
    top: 0px;
    height: 102%;
    width: 0%;
    background: rgb(205, 30, 25, 1) ;
    z-index: -1;
    border-radius: 8px;
    transition: .5s;
}

.widget-tags a:hover:before {
    width: 104%;
}

.ba-blog-widget-title {
    font-size: 24px;
    margin: 27px 0 22px;
}

.ba-blog-widget-subscribe-form form {
    position: relative;
}

.ba-blog-widget-subscribe-form input {
    border: 0;
    width: 100%;
    padding-right: 30px;
    outline: 0;
    border-bottom: 1px solid #DDD;
    color: #434141;
    padding-bottom: 3px;
    transition: all 0.3s linear 0s;
}

.ba-blog-widget-subscribe-form input:focus {
    border-color: rgb(205, 30, 25, 1);
}

.ba-blog-widget-subscribe-form button[type=submit] {
    padding: 0;
    position: absolute;
    right: 0;
    bottom: 2px;
    background: transparent;
    border: 0;
    color: rgb(205, 30, 25, 1) ;
}


/*==================================================
 <-- Solar Panel  Blog Details Css
===================================================*/

.blog-content.style-two.inner {
    background: none;
}

.blog-disctiption.inner {
    margin-bottom: 32px;
}

.blog-details-thumb img {
    width: 100%;
}

.blog-details-list {
    margin-bottom: 32px;
}

.blog-details-list ul li {
    list-style: none;
    margin-bottom: 12px;
    font-size: 18px;
    color: #292930;
    font-weight: 600;
}

.blog-details-list ul li i {
    font-size: 22px;
    padding-right: 8px;
}

.blog-details-list ul li.active{
    color: rgb(205, 30, 25, 1);
}

.blog-details-title h5 {
    font-size: 24px;
    line-height: 26px;
    color: #292930;
    font-weight: 600;
    margin-bottom: 15px;
}

blockquote {
    filter: drop-shadow(0 0 45px rgba(0,0,0,0.1));
    background-color: #ffffff;
    padding: 25px 34px 30px;
    text-align: center;
}

.blog-details-social-box {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 4px 0;
    padding-bottom: 9px;
}

.ba-blog-details-social-icons h6 {
    display: inline-block;
    margin-right: 15px;
    color: #e6004a;
}

.ba-blog-details-social-icons a {
    margin-right: 10px;
    vertical-align: middle;
}

.ba-blog-details-social-icons a:hover {
    color: rgb(205, 30, 25, 1);
}

.ba-blog-details-social-icons a i{
    font-size: 20px;
    color: #292930;
    font-weight: 600;
}

.text-sm-end {
    text-align: right!important;
}

.ba-blog-details-comment-count i {
    font-size: 15px;
    color: rgb(205, 30, 25, 1);
}

.ba-blog-details-comment-count span {
    display: inline-block;
    margin-left: 10px;
}

.ba-section-title-2 {
    position: relative;
    padding-bottom: 16px;
}

.ba-section-title-2::after {
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 90px;
    background: rgb(205, 30, 25, 1);
    content: "";
    left: 0;
}

.ba-blog-comment-list ul {
    list-style: none;
}

.ba-blog-comment-list ul li .ba-blog-comment-box {
    border-bottom: 1px solid #DDD;
    padding-bottom: 38px;
}

.ba-blog-comment-list ul li .ba-blog-comment-box.inner-2 {
    border-bottom: none;
}

.ba-blog-comment-list ul li .ba-blog-comment-box.inner {
    margin: 25px 67px 28px;
}

.ba-blog-comment-list ul li .image {
    float: left;
    margin-right: 30px;
}

.ba-blog-comment-list ul li .content {
    overflow: hidden;
}

.ba-blog-comment-list .title {
    margin-bottom: 5px;
}

.text-sm-end {
    text-align: right!important;
}

.ba-blog-comment-list ul li .replay-link {
    text-decoration: none;
}


/* comment box css */

.choose-contact-box.inner {
    background: 0;
    padding: 0;
}

.choose-contact-title.inner h4 {
    font-size: 24px;
    color: #292930;
    position: relative;
    margin-bottom: 50px;
}

.choose-contact-title.inner h4::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 90px;
    background: #e6004a;
    bottom: -10px;
}

.form-box.inner textarea {
    width: 100%;
    height: 220px;
}

.form-box-button.inner button {
    width: 196px;
    height: 55px;
    border-radius: 5px;
    background-color: rgb(205, 30, 25, 1);
}


/*==================================================
 <-- Solar Panel  Service Innerp Page Css
===================================================*/

.service-section.style-two {
    padding: 106px 0 78px;
}

.service-box.style-two {
    margin-bottom: 40px;
}


/*==================================================
 <-- Solar Panel  Project Grid Innerp Page Css
===================================================*/

.project-grid-section {
    padding: 118px 0 88px;
}

.protfolio-menu ul {
    list-style: none;
}

.protfolio-menu ul li {
    display: inline-block;
    padding: 12px 33px;
    font-size: 18px;
    color: #ffffff;
    background: #1c1632;
    font-weight: 500;
    margin: 0px 13px 50px;
    border-radius: 5px;
    cursor: pointer;
}

.protfolio-menu ul li.current_menu_item {
    position: relative;
    color: #ffffff;
    z-index: 1;
}

.protfolio-menu ul li.current_menu_item::before {
    position: absolute;
    content: "";
    background: rgb(205, 30, 25, 1);
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    border-radius: 5px;
    z-index: -1;
    transition: .5s;
}

.protfolio-menu ul li.current_menu_item:hover::before{
    transform: scale(1);
}

/* project grid box */

.project-thumb img {
    width: 100%;
}

.project-content {
    background: #1c1632;
    padding: 22px 42px 30px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}

.project-content::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(205, 30, 25, 1);
    border-radius: 5px;
    transform: scale(0);
    z-index: -1;
    transition: .5s;
}

.project-grid-box:hover .project-content::before{
    transform: scale(1);
}

.project-content h4 {
    font-size: 24px;
    line-height: 30px;
    color: #e2e2e2;
    font-weight: 500;
    margin-bottom: 14px;
}

.project-content span {
    font-size: 16px;
    line-height: 30px;
    color: #dddddd;
    font-weight: 400;
}


/*==================================================
 <-- Solar Panel  Error Innerp Page Css
===================================================*/

.error-section {
    padding: 118px 0 120px;
}

/*==================================================
 <-- Solar Panel  Contact Us Innerp Page Css
===================================================*/

.contact-section {
    padding: 118px 0 120px;
    background: #eaeaea;
}

.contact-sub-title h4 {
    font-size: 17px;
    color: rgb(205, 30, 25, 1);
    font-weight: 400;
}

.contact-main-title h2 {
    font-size: 40px;
    color: #0d1c37;
    font-weight: 700;
}

.contact-discription p {
    font-size: 15px;
    line-height: 46px;
    color: #383737;
    font-weight: 400;
    margin-bottom: 37px;
}

/* contact box item */

.contact-box-item {
    margin-bottom: 30px;
}

.contact-icon {
    float: left;
    margin-right: 22px;
    margin-top: -4px;
}

.contact-icon i {
    height: 60px;
    width: 60px;
    background: #292930;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 23px;
    position: relative;
    z-index: 1;
}

.contact-icon i::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    background: rgb(205, 30, 25, 1);
    border-radius: 50%;
    transform: scale(0);
    transition: .5s;
    z-index: -1;
}

.contact-icon:hover i::after{
    transform: scale(1);
}

.contact-adress h5 {
    font-size: 24px;
    color: #0d1c37;
    font-weight: 500;
}

.contact-adress span {
    font-size: 15px;
    line-height: 29px;
    color: #383737;
    font-weight: 400;
}

/* contact-box */

.choose-contact-box.contact-inner {
    background: none;
    padding: 0;
}

.form-box.contact-inner select {
    width: 100%;
}

.form-box.contact-inner textarea {
    width: 100%;
    height: 186px;
}

.form-box-button.contact-inner button {
    width: 165px;
    height: 50px;
    border-radius: 4px;
}


/*==================================================
 <-- Solar Panel  Faq Innerp Page Css
===================================================*/

.faq-section {
    padding: 108px 0 94px;
}

.faq-discription p {
    font-size: 16px;
    line-height: 28px;
    color: #434141;
    font-weight: 400;
    margin-bottom: 33px;
}

/* faq contact css */

.choose-contact-box.faq {
    background: #f8f8f8;
    padding: 46px 82px 60px;
}
.choose-contact-title.faq h4 {
    font-size: 30px;
    line-height: 34px;
    color: #292930;
    font-weight: 600;
    margin-bottom: 47px;
}

.form-box.faq input {
    height: 62px;
    background-color: #f2f2f2;
    border: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 13px;
}

.form-box.faq textarea {
    width: 100%;
    height: 118px;
    border-radius: 5px;
    background-color: #f2f2f2;
    border: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 45px;
}
.form-box-button.faq button {
    width: 216px;
    height: 62px;
    border-radius: 5px;
    background-color: rgb(205, 30, 25, 1);
}


/*==================================================
 <-- Solar Panel  Service Details Innerp Page Css
===================================================*/

.service-details-section {
    padding: 120px 0 77px;
}

.service-details-thumb img {
    width: 100%;
}

.service-details-thumb-two img{
    width: 100%;
}

.service-details-title h4 {
    font-size: 26px;
    color: #0d1c37;
    font-weight: 700;
    padding: 13px 0;
}

.service-details-discription p {
    font-size: 16px;
    color: #434141;
    font-weight: 400;
    font-family: "Jost";
    padding: 4px 0 31px 0;
    margin: 0;
}

.widget_search.box {
    padding: 29px 22px 30px;
    border-radius: 4px;
    margin-bottom: 30px;
    background: #f5f5f5;
}
.widget-categories-box.two {
    padding: 47px 22px 5px;
    border-radius: 4px;
    margin-bottom: 30px;
    background: #f5f5f5;
}

.widget-categories-menu ul li {
    list-style: none;
    padding: 13px;
    position: relative;
    margin-bottom: 10px;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: .5s;
}

.widget-categories-menu.asd ul li::after {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 2px;
    height: 53px;
    transition: all 0.5s linear 0s;
    background-color: rgb(205, 30, 25, 1);
    content: "";
     z-index: -1;
}

.widget-categories-menu.asd ul li:hover::after {
    width: 100%;
   
}

.widget-categories-menu.asd ul li a{
    transition: .5s;
}

.widget-categories-menu.asd ul li:hover a {
    color: #fff!important;
}

.widget-content {
    padding: 0 21px 31px;
    border-radius: 4px;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.widget-content h4 {
    padding: 28px 0 15px;
    font-size: 24px;
    color: #292930;
    font-weight: 600;
}

.widget-content p {
    font-size: 16px;
    color: #434141;
    font-weight: 400;
    margin: 0;
}

.widget-info-social-link ul li {
    list-style: none;
    padding: 21px 0 0;
}

.widget-info-social-link ul li a {
    text-decoration: none;

}

.widget-info-social-link ul li span {
    font-size: 17px;
    color: #292930;
    font-weight: 500;
    transition:.3s;
}

.widget-info-social-link ul li a i {
    font-size: 24px;
    color: rgb(205, 30, 25, 1);
    font-weight: 400;
    padding-right: 9px;
}

.widget-info-social-link ul li span:hover {
    color: rgb(205, 30, 25, 1);
}

/* service style three */

.service-section.style-three {
    padding: 15px 0 75px;
    background: none;
    margin-bottom: 0;
}



/*==================================================
 <-- Solar Panel  Team Details Innerp Page Css
===================================================*/

.team-details-section {
    padding: 118px 0 118px;
}

.ba-team-details-author-skill-area {
    margin-bottom: 30px;
}

.team-details-author-img img {
    width: 100%;
}

.team-details-author-name {
    margin-bottom: 14px;
}

.team-details-author-name h4 {
    font-size: 24px;
    line-height: 60px;
    color: #292930;
    font-weight: 600;
}

.team-details-author-name span {
    font-size: 16px;
    line-height: 36px;
    color: #434141;
    font-weight: 400;
}

.team-details-author-experience ul li {
    list-style: none;
    margin-bottom: 12px;
}

.team-details-author-experience ul li .label {
    min-width: 152px;
    float: left;
    font-size: 16px;
    color: #434141;
    font-weight: 500;
}

.team-details-author-experience ul li .value {
    overflow: hidden;
    display: block;
}

.team-details-author-experience ul li .value {
    overflow: hidden;
    display: block;
    text-decoration: none;
    font-size: 16px;
    color: #434141;
}

.team-card-box-social a {
    display: inline-block;
    margin-right: 15px;
    height: 40px;
    width: 40px;
    background: #f3f3f3;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.team-card-box-social a::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(205, 30, 25, 1);
    border-radius: 50%;
    transform: scale(0);
    transition: .5s;
    z-index: -1;
}

.team-card-box-social a:hover::before{
    transform: scale(1);
}

.team-card-box-social a i{
    transition: .5s;
}

.team-card-box-social a:hover i{
    color: #ffffff;
}

/* progress bar css */

span.process-bar.style-two {
    font-size: 16px;
}

.barfiller.style-two {
    width: 100%;
}

.team-details-title h4 {
    font-size: 24px;
    line-height: 60px;
    color: #292930;
    font-weight: 600;
}


/* form box css */

.choose-contact-title.inner.team h4::before {
    display: none;
}

.choose-contact-title.inner.team h4 {
    border-bottom: 1px solid  #dddddd;
    padding: 0px 0 13px;
    margin-bottom: 28px;
}

.form-box.inner.team input {
    border: 1px solid #dddddd;
    margin-bottom: 16px;
}

.form-box.inner.team textarea {
    border: 1px solid #dddddd;
    height: 135px;
}

.form-box-button.inner.team button:hover::before {
    background: #1c1632;
}


/*==================================================
 <-- Solar Panel  Project Details Inner Page Css
===================================================*/

.project-details-section {
    padding: 118px 0 120px;
}

.project-details-section .info-area {
    padding-left: 60px;
}

.project-details-section .sub-title h5 {
    font-size: 25px;
    font-weight: 700;
    text-transform: capitalize;
}

.project-details-section .info li {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.project-details-section .info li h6 {
    font-weight: 700;
    text-transform: capitalize;
    width: 50%;
}

.project-details-section .info li p {
    width: 50%;
    text-transform: capitalize;
}

.project-details-section .info li ul li {
    border: 0;
    padding: 0;
    padding-right: 15px;
}

.project-details-section .title h4 {
    font-size: 29px;
    line-height: 44px;
    text-transform: capitalize;
    font-weight: 700;
}

.project-details-section .list-part {
    padding-top: 10px;
}

.project-details-section .desc-list {
    padding-top: 20px;
}

.project-details-section .desc-list li {
    position: relative;
    padding: 5px 0 5px 30px;
    list-style: none;
}

.project-details-section .desc-list li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: rgb(205, 30, 25, 1);
}




/*** 
====================================================================
    Search Popup
====================================================================
***/
.search-popup{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0,0,0,0.90);
    -webkit-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition: all 1500ms cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
}
.search-popup{
    width: 100%;
}
.search-active .search-popup{
    transform: translateY(0%);
    margin-top: 0;
}
.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background-color:rgb(205, 30, 25, 1);
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-bottom: 3px solid #ffffff;
    -webkit-transition: all 500ms ease;
    height: 70px;
    line-height: 70px;
    text-align: center;
}
.search-active .search-popup .close-search{
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}
.search-popup form{
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin:-35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.search-active .search-popup form{
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}
.search-popup .form-group{
    position:relative;
    margin:0px; 
    overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
    position:relative;
    display:block;
    font-size:18px;
    line-height: 50px;
    color:#000000;
    height:70px;
    width:100%;
    padding: 10px 30px;
    background-color: #ffffff;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    font-weight:500;
    text-transform:capitalize;
}
.search-popup .form-group input[type="submit"], .search-popup .form-group button {
    position: absolute;
    right: 30px;
    top: 0px;
    height: 70px;
    line-height: 70px;
    background: transparent;
    text-align: center;
    font-size: 24px;
    color: rgb(205, 30, 25, 1);
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    border: none;
}
.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
    color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder{
    color:#000000;
}
.search-popup .close-search.style-two{
    position: absolute;
    right: 25px;
    left: auto;
    color:#ffffff;
    width:auto;
    height:auto;
    top:25px;
    margin:0px;
    border:none;
    background:none !important;
    box-shadow:none !important;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.flaticon-multiply:before {
    content: inherit;
}
button.close-search i {
    font-size: 25px;
    color: #fff;
    display: inline-block;
}
span.flaticon-multiply i {
    display: inline-block;
    color: rgb(205, 30, 25, 1);
}




/*
 ============================================================== 
 Solar Panel  Scrollup Section 
 ============================================================== */
.scroll-area {
    position: relative;
    z-index: 999;
}

.scroll-area .go-top {
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 30px;
    color: #ffffff;
    background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    z-index: 9999;
    width: 45px;
    text-align: center;
    height: 45px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.9s ease-out 0s;
    -moz-transition: all 0.9s ease-out 0s;
    transition: all 0.9s ease-out 0s;
    border-radius: 10px;
}

.scroll-area .go-top i {
    position: absolute;
    top: 50%;
    left: -4px;
    right: 0;
    margin: 0 auto;
    font-size: 15px;
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.scroll-area .go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%;
}

.scroll-area .go-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: linear-gradient(to right, #00132b 0%, #00132b 100%);
    background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    ;
    border-radius: 100%;
}

.scroll-area .go-top:focus,
.scroll-area .go-top:hover {
    color: #fff;
}

.scroll-area .go-top:focus::before,
.scroll-area .go-top:hover::before {
    opacity: 1;
    visibility: visible;
}

.scroll-area .go-top:focus i:first-child,
.scroll-area .go-top:hover i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden;
}

.scroll-area .go-top:focus i:last-child,
.scroll-area .go-top:hover i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%;
}

.scroll-area .go-top.active {
    top: 95%;
    -webkit-transform: translateY(-98%);
    -moz-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible;
    border-radius: 0;
    right: 30px;
    border-radius: 100%;
}

.top-wrap {
    position: relative;
}

.top-wrap .go-top-button {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    top: 3px;
    z-index: 1;
    background: rgb(205, 30, 25,0.8);
}

.top-wrap .go-top-button i {
    font-size: 20px;
    font-weight: 700;
    padding-left: 4px;
    color: #fff;
}

.top-wrap .go-top-button::after {
    z-index: -1;
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 45px;
    height: 45px;
    -webkit-animation: ripple 1.6s ease-out infinite;
    -moz-animation: ripple 1.6s ease-out infinite;
    animation: ripple 1.6s ease-out infinite;
    opacity: 0;
    background-image: -moz-linear-gradient(0deg, #69DDCC 0%, #69DDCC 100%);
    background-image: -webkit-linear-gradient(0deg, #fb8a42 0%, #fb8a42 100%);
    border-radius: 100%;
}

.top-wrap .go-top-button:hover {
    background-color: #222;
    color: #fff;
}

@-webkit-keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0);
        box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0)
    }
}

/*
 ============================================================== 
 Solar Panel  Bounce Animation Css 
 ============================================================== */
/* bounce-animate */
.bounce-animate {
    animation-name: float-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.bounce-animate2 {
    animation-name: float-bob2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob2;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob2;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob2;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.bounce-animate3 {
    animation-name: float-bob3;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob3;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob3;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob3;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.bounce-animate4 {
    animation-name: float-bob4;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob4;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob4;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob4;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.bounce-animate5 {
    animation-name: float-bob5;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob5;
    -moz-animation-duration: 6s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob5;
    -ms-animation-duration: 6s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob5;
    -o-animation-duration: 6s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.bounce-animate-slow {
    animation-name: float-bob5;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob5;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob5;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob5;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.bounce-animate-3 {
    animation-name: float-bob6;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob6;
    -moz-animation-duration: 6s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob6;
    -ms-animation-duration: 6s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob6;
    -o-animation-duration: 6s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@keyframes float-bob {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

@keyframes float-bob2 {
    0% {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
    }
}

@keyframes float-bob3 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}

@keyframes float-bob4 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}

@keyframes float-bob5 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}

@keyframes float-bob6 {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}


@keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}



/*--==============================================->
   Solar Panel  Animation Dance 
 ==================================================-*/
/**/
.dance3 {
    -webkit-animation: dance3 8s alternate infinite;
    animation: dance3 8s alternate infinite;
}

@keyframes dance3 {
    0% {
        -webkit-transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

.dance {
    -webkit-animation: dance 2s alternate infinite;
    animation: dance 2s alternate infinite;
}

@keyframes dance {
    0% {
        -webkit-transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1.2);
    }
}

.dance2 {
    -webkit-animation: dance2 4s alternate infinite;
    animation: dance2 4s alternate infinite;
}

@keyframes dance2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(25px, -25px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, -25px, 25px);
    }
}

.watermark-animate {
    -webkit-animation: watermark-animate 8s infinite;
    animation: watermark-animate 8s infinite;
    animation-direction: alternate-reverse;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes watermark-animate {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}




/*===========================
<-- Solar Panel  Loader Css 
=============================*/
.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 666;
}

.loader {
    position: relative;
    display: block;
    z-index: 201;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    transition: all 1s 1s ease;
    border: 3px solid transparent;
    border-top-color: rgb(205, 30, 25, 1);
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.loader:before {
    position: absolute;
    content: '';
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-left-color: #1c1632;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader:after {
    position: absolute;
    content: '';
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-right-color: #fff;
    -webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    -o-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
}

/*/ Here the Magic /*/

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-wrapper .loder-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #111;
    z-index: 2;
}

.loader-wrapper .loder-section.left-section {
    left: 0;
    transition: 1s 1.4s ease;
}

.loader-wrapper .loder-section.right-section {
    right: 0;
    transition: 1s 1.4s ease;
}

/*/ When page loaded /*/
.loaded .loder-section.left-section {
    left: -100%;
}

.loaded .loder-section.right-section {
    right: -100%;
}

.loaded .loader-wrapper {
    visibility: hidden;
}

.loaded .loader {
    top: -100%;
    opacity: 0;
} 


@media (min-width:1440px){
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
        max-width:80vw;
        width:80vw;
    }
}







/*** 
====================================================================
    Search Popup
====================================================================
***/
.play-popup{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0,0,0,0.90);
    -webkit-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition: all 1500ms cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
}
.play-popup{
    width: 100%;
}
.play-active .play-popup{
    transform: translateY(0%);
    margin-top: 0;
}
.play-popup .close-play {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background-color:rgb(205, 30, 25, 1);
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-bottom: 3px solid #ffffff;
    -webkit-transition: all 500ms ease;
    height: 70px;
    line-height: 70px;
    text-align: center;
}
.play-active .play-popup .close-play{
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}
.play-popup .playwd{
    position: absolute;
    width:80vw;
    top: 50%;
    left:10%;
    transform: translateY(-40%) translateX(0%);
	border-radius:3px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.play-active .play-popup .playwd{
    transform: translateY(-50%) translateX(0%);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.playwd video{
	width:100%;
}


.play-popup .close-play.style-two{
    position: absolute;
    right: 25px;
    left: auto;
    color:#ffffff;
    width:auto;
    height:auto;
    top:25px;
    margin:0px;
    border:none;
    background:none !important;
    box-shadow:none !important;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.flaticon-multiply:before {
    content: inherit;
}
button.close-play i {
    font-size: 25px;
    color: #fff;
    display: inline-block;
}
span.flaticon-multiply i {
    display: inline-block;
    color: rgb(205, 30, 25, 1);
}

.prdua-section{
	width:100%;
	overflow:hidden;
	margin-top:5vw;
}
.prduaa{
	width:100%;
}
.prduaa h2{
	text-align:center;
	position:relative;
	padding-bottom:1vw;
	
}
.prduaa h2::before{
	content:"";
	position:absolute;
	width:8vw;
	height:4px;
	background:rgb(205, 30, 25, 1);
	left:50%;
	bottom:0%;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.prduaa p{
	text-align:center;
	margin-top:1vw;
	padding-bottom:2vw;
}


.prdub-section{
	position:relative;
	width:100%;
	margin-top:5vw;
}


.clsen{
	margin-top:2vw;
}

.pmtop{
	margin-top:1vw;
}

.produqh{
	position:relative;
	width:100%;
	overflow:hidden;
	z-index:1;
}


.produqhtu{
	width:99.5%;
	overflow:hidden;
}


.mslni{
	position:absolute;
	width:100%;
	left:0%;
	bottom:2vw;
	z-index:2;
}

.mstit{
	text-align:center;
}

.prthhqa{
	width:100%;
	overflow:hidden;
	background:rgba(247, 247, 247, 1);
	border-radius:3px;
}

.bontext{
	margin:0 4vw;
	overflow:hidden;
}

.bontext h2{
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:1vw;
}
.bontext h2::after{
	position:absolute;
	content:"";
	width:5vw;
	height:0.1vw;
	background:rgb(205, 30, 25, 1);
	overflow:hidden;
	left:0%;
	bottom:0%;
}

.bontext p{
	font-size:0.8vw;
}





.btur img{
	display:block;
}

.btur img.btr{
	display:none;
}
.zslink .row:hover .btur img{
	display:none;
}

.zslink .row:hover .btur img.btr{
	display:block;
}

.zslink .row:hover p{
	color:rgb(205, 30, 25, 1);
}




.mztit{
	width:100%;
	text-align:center;
}

.mzstun{
	position:relative;
	width:100%;
	overflow:hidden;
	border-radius:3px;
}
.mzstun p{
	position:absolute;
	width:100%;
	overflow:hidden;
	color:#fff;
	left:0%;
	bottom:0.5vw;
	text-align:center;
}


.grin{
	background:rgba(247, 247, 247, 1);
	border-radius:3px;
}

.mzswen{
	margin:3vw 2.5vw;
	text-align:center;
	
}

.vews{
	position:relative;
}
.vews::before{
	position:absolute;
	content:"";
	left:0%;
	top:50%;
	-webkit-transform: translateY(-50%) translateX(0%);
-ms-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%); 
    width:1px;
	height:5vw;
	border-left:1px solid rgba(193, 199, 204, 1);
}



.whycza{
	position:relative;
	width:100%;
	overflow:hidden;
}


.whyczax{
	position:relative;
	width:100%;
	height:25vw;
	overflow:hidden;
	background:url('../image/whycz.jpg')no-repeat  center center / cover;
	background-attachment:fixed;
	background-size:100% 100%;
}

.whyczaa{
	width:100%;
	overflow:hidden;
	margin-top:5vw;
}

.whyczaa h2{
	color:#fff;
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:1vw;
}
.whyczaa h2::after{
	position:absolute;
	content:"";
	width:5vw;
	height:0.1vw;
	background:rgb(205, 30, 25, 1);
	overflow:hidden;
	left:0%;
	bottom:0%;
}


.whyczaa p{
	color:#fff;
}


.cter h2,.cter p{
	text-align:center;
}



.whyczb{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:-5vw;
	padding-bottom:2vw;
}

.juzhen{
	width:100%;
	overflow:hidden;
	height:22vw;
	background:#fff;
	border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
}
.juzhenn{
	margin:2vw;
	overflow:hidden;
}

.juzhenna{
	width:3vw;
	overflow:hidden;
}

.juzhenn h2{
	font-size:1.0vw;
}


.hesr{
	background:rgba(247, 247, 247, 1);
	border-radius:10px;
}


.hesr .row  h3, .hesr .row  p{
	width:80%;
	margin-left:10%;
}

.hesr .row  h3{
    position: relative;
    padding-bottom:1vw;
	line-height:1.5;
	font-size:1.6vw;
	font-weight:bold;
}

.hesr .row  h3::before {
    position: absolute;
    content: "";
    height: 4px;
    width: 5vw;
    background: rgb(205, 30, 25, 1);
    left: 0%;
    bottom:0%;
}

.sosa h2{
    position:relative;
    padding-bottom:1vw;
}

.sosa.cnt h2{
    text-align:center;
}


.thumbprt{
	width:100%;
	display:flex;
	justify-content: space-between;
}

.thumbprt li p {
	  position:relative;
      display: block; 
	   color:rgb(255,255,255,0.5);
	  padding-bottom:0.5vw;
	  cursor:pointer;
	  -webkit-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition: all 1500ms cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
}
.thumbprt.colr li p{
	  color:434141;
	  padding-bottom:1.5vw;
}
.thumbprt li.active p{
      color:rgb(255,255,255,1);
      -webkit-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition: all 1500ms cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */	  
}
.thumbprt.colr li.active p{
      color:rgb(205, 30, 25,1);	  
}

.thumbprt li p::before{
	  content:"";
	  position:absolute;
      width:100%;
	  height:0.1vw;
	  left:0%;
	  bottom:0%;
	  background:rgb(255,255,255,0.5);
}

.thumbprt.colr li p::before{
	  background:rgba(226, 226, 226, 1);
}


.thumbprt li p::after{
	  content:"";
	  position:absolute;
      width:0%;
	  height:0.1vw;
	  left:0%;
	  bottom:0%;
	  background:rgb(255, 255, 255, 0);
	  -webkit-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition: all 1500ms cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
}
.thumbprt li.active p::after{
      width:100%;
	  background:rgb(255, 255, 255, 1);
      -webkit-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition: all 1500ms cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */	  
}

.thumbprt.colr li p::after{
	  background:rgb(205, 30, 25, 0);
}
.thumbprt.colr li.active p::after{
	  background:rgb(205, 30, 25, 1);  
}



.dmtp-7v{
	margin-top:7vw !important;
}

.dmtp-5v{
	margin-top:5vw !important;
}

.dmtp-3v{
	margin-top:3vw !important;
}
.dmtp-2v{
	margin-top:2vw !important;
}
.dmtp-1v{
	margin-top:1vw !important;
}


.prtxe-section{
	position:relative;
	width:100%;
	overflow:hidden;
}

.prtxea{
	position:relative;
	width:100%;
	overflow:hidden;
}



.prtxeb{
	position:absolute;
	width:100%;
	height:300%;
	left:20%;
	top:-50%;
	overflow:hidden;
	background:rgb(205, 30, 25, 0.2);
	transform: rotate(-58deg);
	-webkit-transform: rotate(-58deg);
	-moz-transform: rotate(-58deg);
	-o-transform: rotate(-58deg);
}
.prtxec{
	position:absolute;
	width:100%;
	height:300%;
	left:23%;
	top:-50%;
	overflow:hidden;
	background:rgb(205, 30, 25, 0.3);
	transform: rotate(-58deg);
	-webkit-transform: rotate(-58deg);
	-moz-transform: rotate(-58deg);
	-o-transform: rotate(-58deg);
}


.prtxed{
	position:absolute;
	width:60%;
	overflow:hidden;
	right:0%;
	top:50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.prtxed h2{
	color:#fff;
	text-align:center;
}

.prtxedn{
	max-width:30vw;
	margin:0 auto;
	overflow:hidden;
}
.husha-section{
	width:100%;
	overflow:hidden;
	background: rgba(240, 244, 248, 1);
	padding-bottom:5vw;
}
.husha-cn{
	width:100%;
	position:relative;
	overflow:hidden;
	background:rgb(255,255,255,0.9);
	border-radius:3px;
}

.husha-cnr{
	width:100%;
	overflow:hidden;
}

.husha-cnra{
	width:100%;
	display:none;
}
.husha-cnra.act{
	display:block;
}

.husha-cnl{
	width:100%;
}


.husha-cnln{
	margin:2vw;
	overflow:hidden;
}

.husha-cnlna{
	width:100%;
	overflow:hidden;
	display:none;
}
.husha-cnlna.act{
	display:block;
}

.husha-cnlnb{
	position:absolute;
	width:42%;
	bottom:5%;
}

.ginf1{
	left:4%;
}

.ginf2{
	right:4%;
}


.zeroban-section{
	position:relative;
	width:100%;
	overflow:hidden;
}

.zerobana{
	width:100%;
	overflow:hidden;
}

.zerobanb{
	position:absolute;
	width:100%;
	left:0%;
	top:50%;
	-webkit-transform: translateY(-50%) translateX(0%);
    -ms-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
	overflow:hidden;
}

.zerobanb h2{
	color:#fff;
	text-align:center;
	font-size:2.0vw;
}
.zerobanb p{
	color:#fff;
	text-align:center;
	font-size:1.2vw;
}

.zbnb{
	width:100%;
	overflow:hidden;
}

.zrobtu{
	width:4vw;
	float:right;
	overflow:hidden;
}

.zrobwen{
	width:100%;
	overflow:hidden;
}
.zrobwen h2{
	text-align:left;
	font-size:1.6vw;
}
.zrobwen p{
	text-align:left;
	font-size:0.8vw;
}

.zrolb{
	position:relative;
}

.zrolb::before{
	content:"";
	position:absolute;
	border-left:1px solid rgb(255,255,255,0.9);
	height:3vw;
	left:0%;
	top:50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}


.zerobb h2{
	text-align:center;
	font-size:1.0vw;
}



.zerobc{
    height:300vh;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    overflow: visible;
}
.zerobca{
    position: -webkit-sticky;
    position: sticky;
    left: 0%;
    top:0vw;
    width: 100%;
	height:500vh;
}
.zerobca .container{
    margin-top:7vw;
}	
	

.gjbb{
	position:absolute;
	width:100%;
	overflow:hidden;
	left:0%;
	top:0%;
	z-index:1;
}

.gjbbnm{
	position:relative;
	width:100%;
	overflow:hidden;
	height:100vh;
}
.gjbbnmn{
	position:absolute;
	left:0%;
	top:50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}





#zbtit{
	position:relative;
	width:100%;
	height:100vh;
	overflow:hidden;
}
#zbtit ul{
	position:absolute;
	width:100%;
	top:50%;
	left:0%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}



#zbtit ul li{
	width:100%;
	overflow:hidden;
	font-size:1vw;
	line-height:3;
	border-bottom:1px solid rgb(0,0,0,0.1);
}



.xiajg.xgon{
	color:rgb(205, 30, 25, 1);
}

.gjbcc{
	width:100%;
	overflow:hidden;
}

.geduan{
	position:relative;
	width:100%;
	overflow:hidden;
}



.must{
	position:absolute;
	width:100%;
	height:100vh;
	overflow:hidden;
	left:0%;
	top:0%;
	z-index:11;
}
.mustn{
	position:relative;
	width:100%;
	height:100vh;
	overflow:hidden;
}



#clor{
	position:relative;
	width:100%;
	overflow:hidden;
}


.vrdsb{
	position:relative;
	width:100%;
	overflow:hidden;
}
.vrdsbw1 .vrdsb.dsb1{
	display:block;
}
.vrdsbw2 .vrdsb.dsb1{
	display:block;
}
.vrdsbw3 .vrdsb.dsb1{
	display:block;
}


.vrdsbw4 .vrdsb.dsb1{
	display:block;
}
.vrdsbw5 .vrdsb.dsb2{
	display:block;
}
.vrdsbw6 .vrdsb.dsb3{
	display:block;
}
.vrdsbw7 .vrdsb.dsb4{
	display:block;
}
.vrdsbw8 .vrdsb.dsb5{
	display:block;
}
.vrdsbw9 .vrdsb.dsb6{
	display:block;
}

.vrdsbw10 .vrdsb.dsb7{
	display:block;
}
.vrdsbw11 .vrdsb.dsb8{
	display:block;
}
.vrdsbw12 .vrdsb.dsb9{
	display:block;
}

.vrdsbw13 .vrdsb.dsb10{
	display:block;
}
.vrdsbw14 .vrdsb.dsb11{
	display:block;
}
.vrdsbw15 .vrdsb.dsb12{
	display:block;
}
.vrdsbw16 .vrdsb.dsb12{
	display:block;
}
.vrdsbw17 .vrdsb.dsb12{
	display:block;
}
.vrdsbw18 .vrdsb.dsb12{
	display:block;
}
.vrdsba{
	width:100%;
	overflow:hidden;
}

.vrdsbb{
  position:absolute;
  width:61%;
  left:0%;
  top:63%;
  overflow:hidden;
}

.vrdsbbn{
	margin:1vw 2vw;
	overflow:hidden;
}

.vrdsbbn h2{
	color:#fff;
	position:relative;
	font-size:1.5vw;
}



.vrdsbbn p{
	color:#fff;
	font-size:0.7vw;
	margin-top:0.5vw;
}


.vrdsbc{
	position:absolute;
	font-size:5vw;
	right:2vw;
	bottom:3vw;
	color:#fff;
	font-weight:bold;
	display:none;
}



.zclod{
    height:900vh;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    overflow: visible;
}
.zcloda{
    position: -webkit-sticky;
    position: sticky;
    left: 0%;
    top:7vw;
    width: 100%;
	height:100vh;
}

.zclodaa{
	position:relative;
	width:100%;
}

#nava{
	position:absolute;
	width:100%;
	left:0%;
	top:0%;
	overflow:hidden;
	text-align:center;
}


#nava h2{
	position:relative;
	padding-bottom:1vw;
}
#nava h2::before{
	position:absolute;
	content:"";
	width:3vw;
	border-bottom:4px solid rgb(205, 30, 25, 1);
	left:50%;
	bottom:0%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}




#navb{
	position:relative;
	width:100%;

}


.zdaacn{
	position:relative;
	width:100%;
	height:100%;
}

#navc{
	position:absolute;
	width:15vw;
	left:40%;
	top:53%;
}

#navd{
	position:absolute;
	width:15vw;
	left:50%;
	bottom:60%;
}
#nave{
	position:absolute;
	width:15vw;
	left:55%;
	bottom:60%;
}
#navf{
	position:absolute;
	width:15vw;
	left:52%;
	top:50%;
}
#navh{
	position:absolute;
	width:15vw;
	left:61%;
	top:55%;
}


.zddian{
	width:0.3vw;
	height:0.3vw;
	background:rgb(205, 30, 25, 1);
	border-radius:50%;
	overflow:hidden;
	margin:0 auto;
}
.zdxian{
	border-left:1px solid rgb(205, 30, 25, 1);
	margin:0 auto;
	width:0px;
}
.zdxian.kx1{
	height:7vw;
}
.zdxian.kx2{
	height:9vw;
}
p.nvd{
	width:100%;
	text-align:center;
	line-height:3;
	margin-bottom:0;
}
.kla{
	
}
.kla img{
	width:100%;
	height:auto;
}
#navb img{
	display:none;
}

.zdaab1 img.zdab1{
	display:block !important;
	transform: scale(1);
	-webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}








.husha-cnlnb .owl-nav {
    position: absolute;
    bottom: auto;
    right: auto;
	width:110%;
	top:50%;
	left:-5%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index:-1;
}


.husha-cnlnb .owl-prev, .husha-cnlnb .owl-next{
    width: 1.5vw;
    height: 1.5vw;
    line-height: 1.5;
	background:none;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    color: rgb(0,0,0,0.6);
    font-size: 1vw;
    transition: .5s;
    z-index: 1;
}
.husha-cnlnb .owl-prev{
    float:left;
}
.husha-cnlnb .owl-next{
	float:right;
}



.husha-cnlnb .owl-prev i {
    width: 1.5vw;
    height: 1.5vw;
    line-height: 1.5;
	background:none;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    color: rgb(0,0,0,0.6);
    font-size: 1vw;
    transition: .5s;
    position: relative;
    z-index: 1;
}

.husha-cnlnb .owl-prev i:hover{
    color: #fff;
	background: rgb(205, 30, 25, 1);
}

.husha-cnlnb .owl-prev i::after{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    right: 0;
    bottom: 0;
	background: rgb(205, 30, 25, 1);
    transform: scale(0);
    border-radius: 50%;
    z-index: -1;
    transition: .5s;
}

.husha-cnlnb .owl-prev i:hover::after{
    transform:scale(1);
}

.husha-cnlnb .owl-next i {
    width: 1.5vw;
    height: 1.5vw;
    line-height: 1.5;
    text-align: center;
	background:none;
    display: inline-block;
    border-radius: 50%;
    color: rgb(0,0,0,0.6);
    font-size: 1vw;
    transition: .5s;
    position: relative;
    z-index: 1;
}

.husha-cnlnb .owl-next i:hover{
    color:#ffffff ;
 }

.husha-cnlnb .owl-next i::after{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    right: 0;
    bottom: 0;
    background: rgb(205, 30, 25, 1);
    transform: scale(0);
    border-radius: 50%;
    z-index: -1;
    transition: .5s;
}

.husha-cnlnb .owl-next i:hover::after{
    transform:scale(1);
}


.prtrt{
	position:relative;
	width:100%;
	overflow:hidden;
	border-radius:3px;
}

.prtrt p{
	position:absolute;
	width:100%;
	text-align:center;
	margin-bottom:0;
	left:0%;
	top:50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
	color:#fff;
	opacity:0;
	z-index:2;
	 -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.prtrt:hover p{
	opacity:1;
	 -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.prtrt::before{
	content:"";
	position:absolute;
	width:0%;
	height:0%;
	left:50%;
	top:50%;
	background:rgb(205, 30, 25, 0.6);
	opacity:0;
	z-index:1;
	 -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}
.prtrt:hover::before{
	width:100%;
	height:100%;
	left:0%;
	top:0%;
	opacity:1;
	 -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}


.rdrdfd{
	width:60%;
	margin:0 auto;
	overflow:hidden;
}



.qualqh-section{
	position:relative;

}

.qualqh-tn{
	position:relative;
	width:100%;
	overflow:hidden;
}





.thumqual{
    list-style: none;
	width:100%;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 99;
	display:flex;
	gap:3.5vw;
	justify-content:center;
	align-items:center;
	background:rgb(255,255,255,0.8);
}

.thumqual li p {
	  position:relative;
      display: block; 
	  padding:1vw 0vw;
	  font-size:0.8vw;
	  cursor:pointer;
	  margin-top:1vw;
	  margin-bottom:1vw;
	  -webkit-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition: all 1500ms cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
}

.thumqual li.active p{
      color:rgb(205, 30, 25, 1);
      -webkit-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition: all 500ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition: all 1500ms cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */	  
}




.thumqual li p::after{
	  content:"";
	  position:absolute;
      width:0%;
	  height:2px;
	  left:0%;
	  bottom:0%;
	  background:rgb(205, 30, 25, 1);
	  transition: 1s ease-out;
}
.thumqual li.active p::after{
      width:100%;
	  transition: 1s ease-out;
}

.section-boom{
	position:relative;
	width:100%;
	overflow:hidden;
}








.section-boom video{
	border-radius:10px;
	width:100%;
}


video{
	object-fit: contain;
	mix-blend-mode:darken;
}
video:focus {
outline:none;
}



.zerobcw{
	position:relative;
}



.zindexsticky {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

.zindexsticky .sticky-nbsp {
    width: 100%;
    height:500vh
}

.zindexbox3b {
    width: 100%;
    height: 100vh;
    position: sticky;
    z-index: 1;
    top: 0;
    background: #000000;
    overflow: hidden
}

.zindexbox3b .videobox {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.zindexbox3b .videobox::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    pointer-events: none;
    background: #000000;
    opacity: .4
}

.zindexbox3b .videobox video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.zindexbox3b .textbox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    overflow: hidden
}

.zindexbox3b .textbox .info {
    width: 100%;
    height: auto;
    text-align: center
}

.zindexbox3b .textbox .info .cn1 {
    color: #ffffff;
    line-height: 1.16666667
}

.zindexbox3b .textbox .info .cn2 {
    font-size: .72rem;
    background-image: linear-gradient(0deg, rgba(169,169,169,0.5) 0%, rgba(255,255,255,0.5) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: inline-block
}



















@media (max-width: 991px) {
    .zindexbox3b .textbox .info .cn2 {
        font-size:var(--font36)
    }
}

.publicfontcolor {
    background-image: linear-gradient(93deg, #2a65db 0%, #57bccc 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    line-height: 1.13333333em;
    display: inline-block
}

.publicfontcolor2 {
    background-image: linear-gradient(93deg, #d0d0d0 0%, #9f9f9f 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    line-height: 1.13333333em;
    display: inline-block
}

.zindexbox2arrow {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    position: absolute;
    right: .15rem;
    bottom: .15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.11);
    z-index: 3;
    transition: all .5s
}

@media (max-width: 991px) {
    .zindexbox2arrow {
        width:.76rem;
        height: .76rem;
        background-color: #000
    }
}

.zindexbox2arrow img,.zindexbox2arrow svg {
    width: 37.5%;
    height: 37.5%
}

.zindexbox2arrow img path,.zindexbox2arrow svg path {
    fill: #Fff;
    opacity: 1;
    stroke: none
}

.zindexbox2arrow:hover {
    background-color: #000
}

.zindexbox5 {
    background-color: #FFFFFF;
    width: 100%;
    height: 200vh;
    position: relative;
    z-index: 10;
    display: none
}

.zindexbox5 .zindexbox5a {
    width: 100%;
    height: 100vh;
    position: sticky;
    left: 0;
    top: 0;
    position: -webkit-sticky
}

.zindexbox5 .zindexbox5a .bgimg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 .5rem
}

.zindexbox5 .zindexbox5a .bgimg img {
    width: 100%
}

.zindexbox5 .zindexbox5a .imgbox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6rem
}

.zindexbox5 .zindexbox5a .imgbox video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.zindexbox5 .zindexbox5a .imgbox .imgbox1 {
    opacity: 0;
    transition: all .5s
}

.zindexbox5 .zindexbox5a .imgbox .imgbox1.on {
    opacity: 1
}

.zindexbox5 .zindexbox5a .box {
    position: absolute;
    left: 0;
    bottom: .3rem;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center
}



.zindexbox5b .most{
	position:absolute;
	width:100%;
	overflow:hidden;
	text-align:center;
	left:0%;
    bottom:auto;
	top:25%;
    transform: translate(0%, 0%);
	opacity:0;
}
.zindexbox5b .most h2{
	position: relative;
    padding-bottom: 1vw;
	text-align:center;
	width:100%;
}
.zindexbox5b .most h2::before{
	position:absolute;
	content:"";
	width:3vw;
	border-bottom:2px solid rgb(205, 30, 25, 1);
	left:50%;
	bottom:0%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.zindexbox5b .most p{
	width:100%;
	max-width:50vw;
	margin:0 auto;
	margin-top:1vw;
	text-align:center;
}





@media (max-width: 991px) {
    .zindexbox5 .zindexbox5a .box {
        bottom:1rem
    }
}

.zindexbox5 .zindexbox5a .box .box2 {
    margin: 0 25px;
    position: relative;
    cursor: pointer
}

.zindexbox5 .zindexbox5a .box .box2:last-child .line4 {
    display: none
}

.zindexbox5 .zindexbox5a .box .box2 .cn1 {
    width: 30px;
    color: #999999;
    transition: all .5s
}

.zindexbox5 .zindexbox5a .box .box2 .line {
    position: absolute;
    width: 2px;
    height: 19px;
    background-color: #c5c5c5;
    left: 50%;
    transform: translateX(-50%);
    bottom: .4rem;
    transition: all .5s
}

.zindexbox5 .zindexbox5a .box .box2 .line2 {
    position: absolute;
    width: 2px;
    height: 19px;
    left: 35px;
    bottom: .4rem
}

.zindexbox5 .zindexbox5a .box .box2 .line2 span {
    display: block;
    position: absolute;
    width: 2px;
    height: 9px;
    background-color: #c5c5c5;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%
}

.zindexbox5 .zindexbox5a .box .box2 .line3 {
    position: absolute;
    width: 2px;
    height: 19px;
    left: -5px;
    bottom: .4rem
}

.zindexbox5 .zindexbox5a .box .box2 .line3 span {
    display: block;
    position: absolute;
    width: 2px;
    height: 9px;
    background-color: #c5c5c5;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%
}

.zindexbox5 .zindexbox5a .box .box2 .line4 {
    position: absolute;
    width: 2px;
    height: 19px;
    left: 55px;
    bottom: .4rem
}

.zindexbox5 .zindexbox5a .box .box2 .line4 span {
    display: block;
    position: absolute;
    width: 2px;
    height: 13px;
    background-color: #c5c5c5;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%
}

.zindexbox5 .zindexbox5a .box .box2.on .cn1 {
    color: var(--color-main2)
}

.zindexbox5 .zindexbox5a .box .box2.on .line {
    background-color: var(--color-main2)
}

.zindexbox5b {
    width: 100%;
    height: 500vh;
    position: relative;
    z-index: 10;
    background: #FFFFFF
}

.zindexbox5b .frame-box {
    display: none
}

.zindexbox5b .canvas-box {
    width: 100%;
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: hidden
}

.zindexbox5b .canvas-box canvas {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate(-50%, -55%)
}

.zindexbox5b .canvas-box .bgimg {
    width: 100%;
    height: 100%;
    padding: 0 .5rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .zindexbox5b .canvas-box .bgimg {
        padding:2rem .5rem;
        align-items: start
    }
}

.zindexbox5b .canvas-box .classify {
    position: absolute;
    left: 0;
    bottom: .3rem;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center
}

@media (max-width: 991px) {
    .zindexbox5b .canvas-box .classify {
        bottom:20px
    }
}

.zindexbox5b .canvas-box .classify .one {
    margin: 0 25px;
    position: relative;
    cursor: pointer
}

.zindexbox5b .canvas-box .classify .one:last-child .line4 {
    display: none
}

.zindexbox5b .canvas-box .classify .one .cn1 {
    width: 30px;
    color: #999999;
    transition: all .5s
}

.zindexbox5b .canvas-box .classify .one .line {
    position: absolute;
    width: 2px;
    height: 19px;
    background-color: #c5c5c5;
    left: 50%;
    transform: translateX(-50%);
    bottom: .4rem;
    transition: all .5s
}

.zindexbox5b .canvas-box .classify .one .line2 {
    position: absolute;
    width: 2px;
    height: 19px;
    left: 35px;
    bottom: .4rem
}

.zindexbox5b .canvas-box .classify .one .line2 span {
    display: block;
    position: absolute;
    width: 2px;
    height: 9px;
    background-color: #c5c5c5;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%
}

.zindexbox5b .canvas-box .classify .one .line3 {
    position: absolute;
    width: 2px;
    height: 19px;
    left: -5px;
    bottom: .4rem
}

.zindexbox5b .canvas-box .classify .one .line3 span {
    display: block;
    position: absolute;
    width: 2px;
    height: 9px;
    background-color: #c5c5c5;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%
}

.zindexbox5b .canvas-box .classify .one .line4 {
    position: absolute;
    width: 2px;
    height: 19px;
    left: 55px;
    bottom: .4rem
}

.zindexbox5b .canvas-box .classify .one .line4 span {
    display: block;
    position: absolute;
    width: 2px;
    height: 13px;
    background-color: #c5c5c5;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%
}

.zindexbox5b .canvas-box .classify .one.on .cn1 {
    color: var(--color-main2)
}

.zindexbox5b .canvas-box .classify .one.on .line {
    background-color: var(--color-main2)
}


















.qulqp-section{
	position:relative;
	width:100%;
	overflow:hidden;
}

.qulqp-qa{
	position:relative;
	width:100%;
	overflow:hidden;
}

.qulqp-qb{
	position:absolute;
	width:100%;
	overflow:hidden;
	top:20%;
	left:0%;
}
.qulqp-qbn{
	width:100%;
	max-width:50vw;
	overflow:hidden;
}
.qulqp-qbn h2{
	color:#fff;
}
.qulqp-qbn p{
	color:#fff;
}



.qulcuo-section{
	position:relative;
	width:100%;
	overflow:hidden;
	background: rgba(240, 244, 248, 1);
	padding-bottom:5vw;
}
.qulcuo-ca::before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:3vw;
	left:40%;
	background:rgb(205, 30, 25, 0.9);
	overflow:hidden;
	z-index:1;
	border-radius:3px;
}
.qulcuo-ca{
	position:relative;
	overflow:hidden;
	padding-bottom:3vw;
}
.qulcuo-ca .row{
	position:relative;
	z-index:2;
}
.qulc-wen{
	margin:2vw;
	overflow:hidden;
}

.qulc-wen h2, .qulc-wen p{
	color:#fff;
}


.qulkuan-section{
	position:relative;
	width:100%;
	overflow:hidden;
}
.qulkuan-kuana{
	position:relative;
	width:100%;
	overflow:hidden;
}

.qulkuan-kuanb{
	position:absolute;
	width:100%;
	height:100%;
	left:0%;
	top:0%;
	overflow:hidden;
}

.qulkuan-kuanb .container,.qulkuan-kuanb .row{
	height:100%;
}


.qulk-wen{
	position:relative;
	background:rgb(205, 30, 25, 0.9);
	overflow:hidden;
	margin:3vw;
	border-radius:3px;
}

.qulk-wenn{
	margin:3vw 2vw 8vw 2vw;
	overflow:hidden;
}

.qulk-wenn h2, .qulk-wenn p{
	color:#fff;
}


.qullt-section{
	width:100%;
	padding-bottom:5vw;
	overflow:hidden;
}

.qullt-section{
	width:100%;
	overflow:hidden;
}

.qultiao{
	width:100%;
	overflow:hidden;
}
.qultiao .biaotu{
	width:100%;
	overflow:hidden;
	-webkit-transform: translateY(2vw);
    -moz-transform: translateY(2vw);
    transform: translateY(2vw);
	 -webkit-transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */	
}


.bloga-section .biaotu img{
	object-fit: cover;
    height:25vw;
}
/*.blogna img{
	object-fit: cover;
    height:12vw;
}*/



.qultiao p{
	opacity:0;
	text-align:center;
	 -webkit-transform: translateY(2vw);
    -moz-transform: translateY(2vw);
    transform: translateY(2vw);
	 -webkit-transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */	
}
.qultiao:hover .biaotu{
	-webkit-transform: translateY(0vw);
    -moz-transform: translateY(0vw);
    transform: translateY(0vw);
	 -webkit-transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */	
}

.qultiao:hover p{
	opacity:1;
	 -webkit-transform: translateY(0vw);
    -moz-transform: translateY(0vw);
    transform: translateY(0vw);
	 -webkit-transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition: all 800ms cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -moz-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    -o-transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300);
    transition-timing-function: cubic-bezier(0.400, 0.000, 0.035, 0.300); /* easeInOutQuint */	
}


.biaotu{
	width:100%;
	overflow:hidden;
}

.zslink{
	width:100%;
}
.zslink .row{
	border-bottom:1px solid rgb(0,0,0,0.3);
	padding-bottom:0.5vw;
	margin-top:0.5vw;
	position:relative;
}
.zslink p{
	margin-bottom:0;
	position:relative;
}

.bvre{
	position:absolute;
	right:1vw;
	top:50%;
	width:1vw;
	text-align:right;
	color:rgb(205, 30, 25, 0.8);
	font-size:1vw;
	 -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
	opacity:0;
	transition: all 1s ease-out;
}
.zslink .row:hover .bvre{
	right:0vw;
	opacity:1;
	transition: all 1s ease-out;
}

.zslink p a{
	font-size:0.7vw;
}
.zslink p a i{
	color:rgb(205, 30, 25, 0.9);
}


.zdiezs{
	position:relative;
	width:100%;
}

.tzshu .owl-nav {
    position: absolute;
    bottom: auto;
    right: auto;
	width:110%;
	top:50%;
	left:-5%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index:-1;
}


.tzshu .owl-prev, .tzshu .owl-next{
    width: 1.5vw;
    height: 1.5vw;
    line-height: 1.5;
	background:rgb(205, 30, 25, 0.6);
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    color: rgb(255,255,255,0.9);
    font-size: 1vw;
    transition: .5s;
    z-index: 1;
}
.tzshu .owl-prev{
    float:left;
}
.tzshu .owl-next{
	float:right;
}



.tzshu .owl-prev i {
    width: 1.5vw;
    height: 1.5vw;
    line-height: 1.5;
	background:none;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    color: rgb(255,255,255,0.8);
    font-size: 1vw;
    transition: .5s;
    position: relative;
    z-index: 1;
}

.tzshu .owl-prev i:hover{
    color: #fff;
	background: rgb(205, 30, 25, 1);
}

.tzshu .owl-prev i::after{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    right: 0;
    bottom: 0;
	background: rgb(205, 30, 25, 1);
    transform: scale(0);
    border-radius: 50%;
    z-index: -1;
    transition: .5s;
}

.tzshu .owl-prev i:hover::after{
    transform:scale(1);
}

.tzshu .owl-next i {
    width: 1.5vw;
    height: 1.5vw;
    line-height: 1.5;
    text-align: center;
	background:none;
    display: inline-block;
    border-radius: 50%;
    color: rgb(255,255,255,0.8);
    font-size: 1vw;
    transition: .5s;
    position: relative;
    z-index: 1;
}

.tzshu .owl-next i:hover{
    color:#ffffff ;
 }

.tzshu .owl-next i::after{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    right: 0;
    bottom: 0;
    background: rgb(205, 30, 25, 1);
    transform: scale(0);
    border-radius: 50%;
    z-index: -1;
    transition: .5s;
}

.tzshu .owl-next i:hover::after{
    transform:scale(1);
}




.owl-carousel.tzshu .owl-item {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform 0.5s ease-in-out;
    opacity: 0.7; /* 默认透明度 */
    filter: alpha(opacity=70); /* IE8 及以下版本 */
	z-index:1;	
}

.owl-carousel.tzshu .owl-item.active {
    opacity: 1; /* 活动项（非中心）的透明度 */
    filter: alpha(opacity=80); /* IE8 及以下版本 */
	transition: transform 0.5s ease-in-out;
	z-index:2;
}

.qzstu-section{
	width:100%;
	overflow:hidden;
	padding-bottom:5vw;
}



p.dtail{
	font-size:0.7vw;
}
p.dtail i{
	color:rgb(205, 30, 25, 1.0);
}

p.dtail span{
	float:right;
}

p.dtail span i{
	color:rgb(205, 30, 25, 1.0);
	font-size:1.6vw;
}





.bloga-section{
	width:100%;
	padding-bottom:5vw;
}



.blogn{
	margin-bottom:2vw;
	overflow:hidden;
}
.blogna{
	width:100%;
	overflow:hidden;
	border-radius:10px;
}
.blogna img{
	object-fit: cover;
    height:30vh;
}




h1.blogtit{
	position:relative;
	font-size:0.8vw;
	margin:1vw 0vw 0vw 0vw;
	padding-bottom:1vw;
	font-weight:bold;
}

h1.blogtit::before{
	position:absolute;
	content:"";
	left:0%;
	bottom:0%;
	width:100%;
	border-bottom:1px solid rgba(226, 226, 226, 1);
}
h1.blogtit::after{
	position:absolute;
	content:"";
	left:0%;
	bottom:0%;
	width:0%;
	border-bottom:1px solid rgba(205, 30, 25, 1);
	transition: all 0.5s ease-out;
}
.blogn:hover h1.blogtit::after{
	width:100%;
	transition: all 0.5s ease-out;
}


.blogn:hover h1.blogtit{
	
}

.develop .owl-item{
	opacity:0 !important;
	transition: all 1s ease-out !important;
}

.develop .owl-item.active{
	opacity:1 !important;
	transition: all 0s ease-out !important;
}


p.blogtim{
	font-size:0.7vw;
	margin:1vw 0vw 0vw 0vw;
}
p.blogtim i{
	color:rgb(205, 30, 25, 1.0);
	margin-left:0vw;
	transition: 1s ease-out;
}
.blogn:hover p.blogtim i{
	margin-left:0.5vw;
	transition: 1s ease-out;
}

.blogn:hover p.blogtim a{
	color:rgb(205, 30, 25, 1.0);
}


.bradhn i{
	color:rgb(205, 30, 25, 1.0);
}

.clunx{
	width:100%;
	border-bottom:1px solid rgba(226, 226, 226, 1);
	margin:1vw 0 2vw;
}

.chushui{
	display:block;
	margin:0 auto;
	text-decoration: none;
    font-size:0.8vw;
    font-weight: 500;
    letter-spacing: 1px;
    background: rgb(205, 30, 25, 1);
    color: #fff;
    padding:0.5vw 1vw;
    border-radius: 8px;
    position: relative;
    z-index: 1;
	border:none;
}


.blogpn{
	margin-bottom:2vw;
}

.ginx{
	border-top:1px solid rgba(226, 226, 226, 1);
	border-bottom:1px solid rgba(226, 226, 226, 1);
	padding:1.5vw 0;
}

.blogpns{
	width:100%;
	overflow:hidden;
}
.blogpns.nsl{
	text-align:left;
}
.blogpns.nsc{
	text-align:center;
}
.blogpns.nsr{
	text-align:right;
}

.blogpns i{
	margin-right:0.5vw;
}

.blogpns.nsr i{
	margin-left:0.5vw;
	margin-right:0;
}

.blogsm{
	padding-bottom:5vw;
}
.blgsm h2{
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:1vw;
}
.blgsm h2::before{
	content:"";
	position:absolute;
	width:5vw;
	height:0.1vw;
	background:rgb(205, 30, 25, 1);
	left:0%;
	bottom:0%;
}

/*tech*/
.teban{
	position:relative;
	width:100%;
	overflow:hidden;
}		  
.teban img{
	width:100%;
    display:block;
}		  
.tecf{
	position:absolute;
	width:100%;
    left:0%;
	top:20%;
	overflow:hidden;
}

.tecf h2{
	color:#fff;	
}

.tecf h2 strong{
	font-size:2.5vw;
	color:rgb(205, 30, 25, 1);	
}

.tecf p{
	color:#fff;
}


.timax{
	position:relative;
	width:75vw;
	margin:0 auto;
	overflow:hidden;
	margin-top:5vw;
}
.timaxx{
	position:relative;
	width:100;
	overflow:hidden;
}
.timaxxn{
	width:60%;
	float:right;
}


.timaxxn .swiper-slide{
	opacity:0;
    transition: all 0.5s ease-out;
}
.timaxxn .swiper-slide.swiper-slide-next{
	opacity:0.3;
    transition: all 0.5s ease-out;
}

.timaxxn .swiper-slide.swiper-slide-active{
	opacity:1;
    transition: all 0.5s ease-out;
}
	
.timaxxn .swiper-slide.swiper-slide-next .mwr{
	transform: scale(0.8);
    transition: all 0.5s ease-out;
	margin-top:-15%;
	margin-right:-10%;
	margin-left:auto;
}

.timaxxn .swiper-slide.swiper-slide-active .mwr{
	transform: scale(1.0);
    transition: all 0.5s ease-out;
	margin-top:auto;
	margin-right:auto;
	margin-left:auto;
}		  
.timaxxn .swiper-slide .mwr{
	transform: scale(0.8);
    transition: all 0.5s ease-out;
	margin-top:-15%;
	margin-left:-10%;
	margin-right:auto;
}		  
		  
.kabj{
	width:5vw;
	height:10vw;
}

.timaxxf{
	position:absolute;
	bottom:0%;
	left:0%;
	width:5vw;
	overflow:hidden;
}
.timaxxfn{
	position:relative;
	width:100%;
	overflow:hidden;
}		  
.timaxxfn .swiper-button-prev, .timaxxfn .swiper-container-rtl .swiper-button-next {
    left:0px;
    right: auto;
}

.timaxxfn .swiper-button-prev, .timaxxfn .swiper-button-next {
    position: absolute;
    top:auto;
	bottom:0%;
    width:1vw;
    height:1vw;
    margin-top:0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FF3030 ;
}
.timaxxfn .swiper-button-prev:after,.timaxxfn .swiper-button-next:after {
    font-family: swiper-icons;
    font-size:1vw;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}


		  
.timaxxfn .swiper-pagination-fraction,.timaxxfn .swiper-pagination-custom,.timaxxfn .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom:0;
    left: 0;
    width: 100%;
}

.timaxxfn .swiper-button-next,.timaxxfn .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    left: auto;
}


.timaxxfn .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}		  
.xxfwen{
	position:absolute;
	width:35%;
	left:0%;
	top:25%;
	overflow:hidden;
}

.xxfwen h2{
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:1vw;
}
.xxfwen h2::before{
	content:"";
	position:absolute;
	bottom:0%;
	left:0%;
    width:3vw;
	height:0.15vw;
	overflow:hidden;
	background:rgb(205, 30, 25, 1);
}


.modix{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:5vw;
}
.modix img{
	width:100%;
	display:block;
	object-fit: cover;
	transform: scale(1.0);
    transition: all 1s ease-out;
}
.modix:hover img{
	transform: scale(1.05);
    transition: all 1s ease-out;
}



.modixf{
	position:absolute;
	width:100%;
	left:0%;
	top:25%;
	overflow:hidden;
}
.modixfn{
	width:75vw;
	margin:0 auto;
	overflow:hidden;
}
.modixfn h2{
	color:#fff;
}		  
.modixfn p{
	color:#fff;
	max-width:20vw;
}		  

.motox{
	width:75vw;
	margin:0 auto;
	overflow:hidden;
	margin-top:5vw;
}

.motoxl{
	width:40%;
	float:left;
	overflow:hidden;
	margin-top:4vw;
}

.motoxl h2{
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:1vw;
}
.motoxl h2::before{
	content:"";
	position:absolute;
	bottom:0%;
	left:0%;
    width:3vw;
	height:0.15vw;
	overflow:hidden;
	background:rgb(205, 30, 25, 1);
}



.motoxr{
	width:50%;
	float:right;
	overflow:hidden;
}
.motoxr img{
	width:100%;
	display:block;
    transform: scale(1.0);
    transition: all 1s ease-out;
}
.motoxr:hover img{
	transform: scale(1.05);
    transition: all 1s ease-out;
}



.motoxx{
	width:75vw;
	margin:0 auto;
	overflow:hidden;
}
.motoxx img{
	width:100%;
	display:block;
}


.mhuas{
	position:relative;
	width:100%;
	overflow:hidden;
	background: linear-gradient(to right, #F8F8F8 0%, #F8F8F8 50%, #fff 50.01%, #fff 100%);
	margin-top:5vw;
}

.mhuastu{
	width:62%;
	float:right;
	overflow:hidden;
	margin-top:5vw;
	margin-bottom:5vw;
}





.mhuastu .swiper-slide{
	opacity:0;
    transition: all 0.5s ease-out;
}
.mhuastu .swiper-slide.swiper-slide-next{
	opacity:0.3;
    transition: all 0.5s ease-out;
}

.mhuastu .swiper-slide.swiper-slide-active{
	opacity:1;
    transition: all 0.5s ease-out;
}
	
.mhuastu .swiper-slide.swiper-slide-next .mwr{
	transform: scale(0.95);
    transition: all 0.5s ease-out;
	margin-top:-15%;
	margin-right:-10%;
	margin-left:auto;
}

.mhuastu .swiper-slide.swiper-slide-active .mwr{
	transform: scale(1.0);
    transition: all 0.5s ease-out;
	margin-top:auto;
	margin-right:auto;
	margin-left:auto;
}		  
.mhuastu .swiper-slide .mwr{
	transform: scale(0.95);
    transition: all 0.5s ease-out;
	margin-top:-15%;
	margin-left:-10%;
	margin-right:auto;
}		  
		  
.kabj{
	width:5vw;
	height:10vw;
}






.mhuf{
	position:absolute;
	bottom:5vw;
	left:12.5vw;
	width:5vw;
	overflow:hidden;
}
.mhuaf{
	position:relative;
	width:100%;
	overflow:hidden;
}		  
.mhuaf .swiper-button-prev, .mhuaf .swiper-container-rtl .swiper-button-next {
    left:0px;
    right: auto;
}

.mhuaf .swiper-button-prev, .mhuaf .swiper-button-next {
    position: absolute;
    top:auto;
	bottom:0%;
    width:1vw;
    height:1vw;
    margin-top:0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FF3030 ;
}
.mhuaf .swiper-button-prev:after,.mhuaf .swiper-button-next:after {
    font-family: swiper-icons;
    font-size:1vw;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.gbor{
	border:1px solid rgb(226,226,226,1);
	border-radius:3px;
}

.adres{
	overflow:hidden;
	margin:2vw 3vw;
}
.adresa{
	width:3vw;
	margin:0 auto;
}

.adres p{
	text-align:center;
	font-size:0.7vw;
}

.bordl{
	position:relative;
}
.bordl::before{
	position:absolute;
	content:"";
	height:5vw;
	left:0%;
	top:50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
	border-left:1px solid rgb(226,226,226,1);
}
		  
.mhuaf .swiper-pagination-fraction,.mhuaf .swiper-pagination-custom,.mhuaf .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom:0vw;
    left: 0;
    width: 100%;
}

.mhuaf .swiper-button-next,.mhuaf .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    left: auto;
}


.mhuaf .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}		  

.mhuzf{
	position:absolute;
	width:20%;
	top:20%;
	left:12.5vw;
	overflow:hidden;
}

.mhuzf h2{
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:1vw;
}
.mhuzf h2::before{
	content:"";
	position:absolute;
	bottom:0%;
	left:0%;
    width:3vw;
	height:0.15vw;
	overflow:hidden;
	background:rgb(205, 30, 25, 1);
}

.vdtw{
	width:75vw;
	margin:0 auto;
	overflow:hidden;
	margin-top:5vw;
}



.vdtw h2{
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:1vw;
}
.vdtw h2::before{
	content:"";
	position:absolute;
	bottom:0%;
	left:0%;
    width:3vw;
	height:0.15vw;
	overflow:hidden;
	background:rgb(205, 30, 25, 1);
}
.vdtwn{
	position:relative;
	width:100%;
	overflow:hidden;
}
.vdtwn img{
	width:100%;
	display:block;
transform: scale(1.0);
    transition: all 1s ease-out;
}
.vdtwn:hover img{
	transform: scale(1.05);
    transition: all 1s ease-out;
}



/*tech*/

















.chushui::before {
    position: absolute;
    content: "";
    background-color: #19142d;
    width: 100%;
    height: 0%;
    left: 50%;
    top: 50%;
    border-radius: 8px;
    transform: translate(-50%, -50%) rotate(0deg);
    z-index: -1;
    transition: all 500ms ease;
}
.chushui:hover::before {
    height:100%;
    transition: all 500ms ease;
}




.vhesan{
	margin-left:0px;
	margin-right:1vw;
}
.inner_yblog_form{
	position:relative;
	width:100%;
	overflow:hidden;
	padding: 1vw 0 1vw;
    box-shadow: 0 0 1vw 0 rgb(0 0 0 / 5%);
	border-radius:3px;  
	background:#fff;
}
.rupla{
	margin-left:1vw;
	margin-right:2vw;
}



.rupla input{
    width:100%;
    outline: none;
    height:2.5vw;
	padding-left:1vw;
    border: 1px solid #efefef;
}

.ruplb{
	position:absolute;
	width:2.5vw;
	right:1vw;
	top:1vw;
    overflow:hidden;
    cursor:pointer;	
}
.ruplbn{
	position:relative;
	width:100%;
	overflow:hidden;
}

.ruplbna{
	position:relative;
	width:100%;
	text-align:center;
	font-size:0.8vw;
	line-height:2.5vw;
	background:rgba(210, 9, 43, 0.8);
	color:#fff;
	overflow:hidden;
}

.ruplbnb{
	position:absolute;
	width:100%;
	left:0%;
	top:0%;
	overflow:hidden;
}
.ruplbnb input{
	width:100%;
	font-size:0.8vw;
	line-height:2.5vw;
	height:2.5vw;
	opacity:0;
	cursor:pointer;	
}

.ruplb:hover .ruplbna{
	background:rgba(210, 9, 43, 0.5);
}

.mwenl    {
    width: 100%;
    box-shadow: 0 0 1vw 0 rgb(0 0 0 / 5%);
	border-radius:4px;  
	overflow:hidden;
	margin-top:30px;
}
.mwenln{
	margin:1vw;
    overflow:hidden; 
}
.mwenln  h2{
	margin-bottom:0.5vw;
	margin-top:0.5vw;
    padding-bottom: 0.8vw;
    position: relative;
	font-size:1.0vw;
}
.mwenln h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 26%;
    border-radius: 50%;
    border: 1px solid rgba(210, 9, 43, 0.8);
}

.mwenln ul li{
    width: 100%;
    border-bottom: 1px solid #dddddd;
    padding: 0.7vw 0 0.7vw;
    margin-top: 0;
	overflow:hidden;
	font-size:0.8vw;
}
.mwenln ul li:last-child{
    border-bottom:none;
}

.mwenln ul li a{
   color:#777;
}
.mwenln ul li a:hover{
   color:rgba(210, 9, 43, 0.6);
}


.vhesb{
	width:66.66%;
	float:right;
	overflow:hidden;
}

.vhesb.skq{
	width:100%;
	float:left;
	overflow:hidden;
}


.vhesb ul li{
	width:33.33%;
	float:left;
    margin-bottom:40px;   	
}

.vhesb.skq ul li{
	width:100%;
	float:left;
    margin-bottom:40px;   	
}

.blop{
	margin:0px 20px;
	overflow:hidden;
   background-color: #fff;
   box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
   border-radius:4px;  
}
.blopic{
	width:100%;
	overflow:hidden;
	
}
.blopic img{
	width:100%;
	display:block;
	transition: all 0.5s ease-in-out;
	transform: scale(1.0);
}
.blopic:hover img{
	transition: all 0.5s ease-in-out;
	transform: scale(1.05);
}
.blowen{
	margin:20px 20px 30px;
	overflow:hidden;
}

.blowen h2{
	font-size:20px;
	line-height:1.2;
	margin-top:5px;
	margin-bottom:10px;
}
.blowen h2 a{
}
.blogte{
	line-height:1.2;
	padding-bottom:10px;
}
.blogte i{
	color:rgba(210, 9, 43, 0.6);
}

.blowen p{
}
a.relb{
	display: inline-block;
    margin:1vw 0 0;
    padding:10px 25px;
    border: 1px solid #dddddd;
    font-size: 16px;
    font-weight: 400;
    color: #777;
    text-transform: capitalize;
    border-radius:4px; 	
}
a.relb:hover{
    border: 1px solid rgba(210, 9, 43, 0.9);
    color: #fff;
    background:rgba(210, 9, 43, 0.9);
}



.vhescnn{
	width:100%;
	overflow:hidden;
	padding-bottom:5vw;
}

.vhescnn h1{
	font-size:1.6vw;
}

.clunh{
	font-size:0.7vw;
}

.clunh i{
	color:rgba(210, 9, 43, 0.6);
}

.mozsy{
	position:relative;
	width:100%;
	overflow:hidden;
}

.mozsya{
	position:relative;
	width:100%;
	overflow:hidden;
}


.lanqf{
	position:absolute;
	width:100%;
	height:100%;
	left:0%;
	top:0%;
	overflow:hidden;
}
.lanqf ul{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.lanqf ul li{
	position:relative;
	width:25%;
	float:left;
	height:100%;
	overflow:hidden;
	cursor:pointer;
}

.lanqf ul li.piu{
	background:rgb(26,151,207,0.4);
}

.lanqf ul li::before{
	content:"";
	position:absolute;
	width:1px;
	height:100%;
	left:0%;
	top:0%;
	background:#fff;
	overflow:hidden;
}

.shuan{
	position:absolute;
	left:50%;
	top:35%;
	width:1vw;
	height:1vw;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.shuann{
	position:relative;
	width:1vw;
	height:1vw;
	border-radius:50%;
	background:rgb(255,255,255,0.9);
}

.shuann::before{
	content:"";
	position:absolute;
	width:1.8vw;
	height:1.8vw;
	left:50%;
	top:50%;
	border-radius:50%;
	background:rgb(255,255,255,0.3);
	-moz-transform: translateX(-50%)translateY(-50%);
	-webkit-transform: translateX(-50%)translateY(-50%);
	transform: translateX(-50%)translateY(-50%);
}
.shuann::after{
	content:"";
	position:absolute;
	width:3vw;
	height:3vw;
	left:50%;
	top:50%;
	border-radius:50%;
	background:rgb(255,255,255,0.2);
	-moz-transform: translateX(-50%)translateY(-50%);
	-webkit-transform: translateX(-50%)translateY(-50%);
	transform: translateX(-50%)translateY(-50%);
}
.piu .shuann{
	 -webkit-animation:kme2 2s linear 0s infinite;
}

@-webkit-keyframes kme2{
	 0%{opacity:0.5;}
	 50%{opacity:1;}
	 100%{opacity:0.5;}
	 }

.piu .shuann::before{
	 -webkit-animation:kme 2.5s linear 0s infinite;
}

@-webkit-keyframes kme{
	 0%{opacity:1;}
	 50%{opacity:0.6;}
	 100%{opacity:1;}
	 }
.piu .shuann::after{
	 -webkit-animation:kme1 3s linear 0s infinite;
}

@-webkit-keyframes kme1{
	 0%{opacity:0.9;}
	 50%{opacity:0.5;}
	 100%{opacity:0.9;}
	 }



.siyel{
	width:80%;
	display:none;
	margin-left:10%;
}


.siyel.sok{
	display:block;
}

.hazi{
	position:absolute;
	width:100%;
	top:50%;
	text-align:Center;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	line-height:2;
}


.fabp-section{
	width:100%;
	overflow:hidden;
	padding-bottom:30vw;
}

.fabpbg{
	width:100%;
	overflow:hidden;
	background:#f9fbfc;
	padding-bottom:5vw;
}

.tdhu{
	width:100%;
	position:relative;
	overflow:hidden;
	background:rgb(255,255,255,1);
}
.tdhua{
	margin:2vw;
	position:relative;
	overflow:hidden;
}

.tdhub{
	position:absolute;
	width:55%;
	left:0;
	top:5vw;
	background:rgb(255,255,255,0.7);
}
.tdhub p{
	margin:1.5vw;
	text-align: justify;
}
.tdhub.bx{
	right:0;
	left:auto;
}

.cnter h2, .cnter p{
	text-align:center;
}
.fazgun{
	position:relative;
	width:100%;
	overflow:hidden;
}
.fazgun p{
	position:absolute;
	width:100%;
	color:#fff;
	left:1.5vw;
	top:1.5vw;
}

.foticon{
	width:100%;
	text-align:right;
}

.foticon a{
	width:2vw;
	height:2vw;
	margin-right:0.5vw;
	border-radius:3px;
	text-align:center;
}


.foticon a img{
	width:2vw;
	height:2vw;
	display:inline;
}
.foticon a img.cll{
	display:none;
}
.foticon a:hover img{
	display:none;
}
.foticon a:hover img.cll{
	display:inline;
}
.hdit{
	width:100%;
	overflow:hidden;
	background:rgba(210, 9, 43, 0.9);
	height:0.7vw;
}


.grok{
	position:relative;
}
.groka{
	width:100%;
	overflow:hiidden;
}


.grokb{
	position:absolute;
	width:100%;
	left:0%;
	top:50%;
	-moz-transform: translateX(0%)translateY(-50%);
	-webkit-transform: translateX(0%)translateY(-50%);
	transform: translateX(0%)translateY(-50%);
}


.develop ul li p{
	color:#434141;
}


.develop .thumbprt {
    margin-top:1vw;
}



.custom-pager{
	position:absolute;
	width:50%;
	overflow:hidden;
	left:3%;
	bottom:10px;
	font-size:16px;
}
@media(max-width:2000px) {
.zindexbox5b .most {
    bottom:auto;
	top:25%;
}

.solar-menu ul li a {
    font-size: 20px;
}



}

@media(max-width: 1660px) {

.solar-menu ul li a {
    display: inline-block;
    color: rgb(20, 20, 34);
    font-size:20px;
    font-weight: 500;
    padding:20px 0px;
    text-decoration: none;
    transition: 0.5s;
}

.solar-menu ul li:hover .sub-menu.ovda {
    top: 66px;
}

}

@media(max-width: 1450px) {


.qlhdnfa{
	position:relative;
	width:80%;
	margin:0 auto;
	overflow:hidden;
	margin-top:5vw;
}

.zindexbox5b .most {
        top:25%;
		bottom:auto;
    }



.cliktu img{
	object-fit: cover;
	height:30vw;
}
.cliktu.tu2 img{
	object-fit: cover;
	height:61.5vw;
}


	
.zerobca{
    top:0vw;
}
.zerobca .container{
    margin-top:10vw;
}	

#navb{
	margin-top:10%;
}

	
 .sftcba {
    width:14px ;
}  
.develop .thumbprt {
    margin-top:20px;
}
.develop h3 {
   font-size:18px;
}
.develop p {
   font-size:14px;
}	
.stime {
    font-size: 14px;
}

.dblog h2{
	font-size:20px;
}






.dblog p{
	font-size:14px;
}

.abton a {
    font-size: 14px;
    padding: 10px 15px;
}

h1.blogtit {
    font-size:16px;
	line-height:1.5;
    margin: 10px 0vw 0vw 0vw;
}
p.blogtim {
    font-size:14px;
    margin: 10px 0vw 0vw 0vw;
}

	.copyright-text p {
		font-size:14px;
    line-height: 2;
}
.sftcbb {
    font-size:14px;
}
.sftcba i {
    font-size:14px;
    line-height:2;
}
h2 {
    font-size: 28px;
}
p{
    font-size: 14px;
}

.footer-wiget-title h4 {
    font-size: 18px;
}

.footer-wiget-menu ul li a {
    font-size: 14px;
}

.cliktufn h2{
	font-size:20px;
}
.cliktufn p{
	font-size:14px;
}
	
}



.gtav{
	width:90%;
	overflow:hidden;
	margin-left:5%;
	display:none;
}
.owl-carousel.slide-tm-item{
	display:block;
	padding-bottom:60px;
}


.ta-item.slide-tm-item .owl-nav {
        width:100%;
		top:auto;
        bottom:-30px;
        right:auto;
        left:70%;
    }
.ta-item.slide-tm-item .owl-nav .owl-next {
    float:left;
}

.ta-item.slide-tm-item  .owl-next i {
    background: rgb(255, 255, 255, 0.5);
    color: rgb(0, 0, 0, 0.8);
	border:1px solid rgb(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255,0.75);
}
.ta-item.slide-tm-item  .owl-prev i {
    background: rgb(255, 255, 255, 0.5);
    color: rgb(0, 0, 0, 0.8);
	border:1px solid rgb(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255,0.75);
}


.onke{
	position:relative;
}

.onkf{
	position:absolute;
	width:100%;
	overflow:hidden;
	left:0%;
	top:45%;
}

.onkfn{
	margin:30px 40px;
}

.onkfn h2{
	color:#fff;
	font-size:16px;
	line-height:1.5;
	position:relative;
	padding-bottom:10px;
}
.onkfn h2::before {
    content: "";
    position: absolute;
    width:30px;
    height: 1px;
    background: rgb(255, 255, 255, 0.8);
    left: 0%;
    bottom: 0%;
}
.onkfn p{
	color:#fff;
	font-size:12px;
	line-height:1.3;
}

}


@media(max-width:768px) {
	

	
	
	
.mkt p {
    max-width:100vw;
}	





    .cliktu img {
        object-fit: cover;
        height:100vw;
    }
.cliktu.tu2 img {
    object-fit: cover;
    height:70vh;
}

.sizdn.dnon p{
	margin-top:10px;
}

.mzattb {
    margin:20px;
    overflow: hidden;
}

.mzatt {
    width: 100%;
    overflow: hidden;
    background: rgb(247, 247, 247, 1);
    border-radius: 8px;
    margin-bottom: 20px;
}

.mktd p {
    max-width:100vw;
}

.sizdn h2 {
    font-size: 20px;
	padding-bottom:10px;
}
.sizdn.dnon h2:after {
    width:50px;
}
.siztu{
	margin-top:40px;
}
.jindut{
	margin-top:40px;
}

.proggf {
    font-size:14px;
}

.progwen {
    font-size: 24px;
	margin-top:10px;
}

	
.gtav{
	display:block;
}
	
.gjb{
	display:none;
}	

.zindexbox5b .most p {
    max-width:90vw;
    margin-top:10px;
}

.zerobana img{
	object-fit: cover;
    height: 80vw;
}



.bloga-section .biaotu img {
    object-fit: cover;
    height:50vw;
}

.blogna img {
    object-fit: cover;
    height:50vw;
}



.my-5 .thumbnail li a img {
    width:10vw;
}

.prot-desa p.prot-xh {
    font-size:14px;
    margin-top:10px;
}

.adresa {
    width:10vw;
}
.adres p {
    font-size:14px;
}


.prot-desbbta.abton a {
    font-size:12px;
    padding: 10px 0px;
}
.prot-desbbt {
    margin-top:40px;
}

.vsabg table tbody tr td {
    padding: 15px 15px;
	font-size:12px;
}
caption {
    margin-top:10px;
	font-size:12px;
}

.tjapp h2 {
    font-size:16px;
    margin-top:20px;
}
.tjapp{
	margin-bottom:40px;
}

.vsa-section {
    margin-top:40px;
}


.prot-desb table tbody tr td {
    padding: 15px 10px;
}


.bantu-section img{
    object-fit: cover;
    height: 50vw;
}
.banfw h2 {
    font-size:20px;
}


.banfw p {
    font-size:14px;
}











.abta-section,.abt-section{
		display:none;
	}
.groka img {
    object-fit: cover;
    height: 50vh;
}


.abton.actr a {
    font-size:14px;
    padding: 7px 15px;
}

.ctacmn{
	margin:20px;
}

.ftlog{
	margin-bottom:20px;
}


.foticon {
    width: 100%;
    text-align:center;
	margin-top:40px;
}

.tecf {
    top:0%;
}

			  
.tecf h2{
    font-size:8vw;
}	
.tecf h2 strong {
    font-size: 10vw;
}		  
.tecf p {
    display:none;
}			  

.timaxxfn .swiper-pagination ,.mhuaf .swiper-pagination{
   line-height:1;
}

.lswen h2 {

    font-size:24px;
}
.lswen p{

    font-size:14px;
}



.timax {
    width:80vw;
}			  
.timaxxn {
    width:100%;
    float: right;
}			  
			  
.xxfwen {
    position: relative;
    width:100%;
    left: 0%;
    top:5vw;
    overflow: hidden;
}			  

.timaxxf {
    bottom:auto;
	top:50vw;
    left:auto;
	right:0%;
    width:30%;
}
.timaxxfn .swiper-button-prev, .timaxxfn .swiper-button-next {
    width:4vw;
    height:4vw;
}
.timaxxfn .swiper-button-prev:after, .timaxxfn .swiper-button-next:after {
    font-size:4vw;
}

.xxfwen h2::before {
    width:15vw;
    height:0.8vw;
}
.xxfwen h2 {
    padding-bottom:5vw;
}			  

.modixf {
    position: relative;
    top:5vw;
}
.modixfn {
    width:80vw;
}
.modixfn h2, .modixfn p{
    color:#212121;
    max-width:100vw;
}






.motox {
    width: 80vw;
}
	
.motoxl {
    width:100%;
    margin-top:0;
}

.motoxr {
    width:100%;
    float:left;
    overflow: hidden;
	margin-top:5vw;
}


.motoxl h2::before {
    width:15vw;
    height:0.8vw;
}
.motoxl h2 {
    padding-bottom:5vw;
}


.mhuzf {
    position: relative;
    width:80vw;
    top:10vw;
    left: 10vw;
    overflow: hidden;
	padding-bottom:20vw;

}


.mhuzf  h2::before {
    width:15vw;
    height:0.8vw;
}
.mhuzf  h2 {
    padding-bottom:5vw;
}
.mhuastu {
    width:80%;
    float: right;
    overflow: hidden;
    margin-top: 5vw;
    margin-bottom: 5vw;
}




.mhuf {
    bottom:auto;
	top:55vw;
    left:auto;
	right:0%;
    width:100%;
}
.mhuaf{
	width:30%;
	margin:0 auto;
}

.mhuaf .swiper-button-prev, .mhuaf .swiper-button-next {
    width:4vw;
    height:4vw;
}
.mhuaf .swiper-button-prev:after, .mhuaf .swiper-button-next:after {
    font-size:4vw;
}
.vdtw {
    width:80vw;
}

.vdtw  h2::before {
    width:15vw;
    height:0.8vw;
}
.vdtw  h2 {
    padding-bottom:5vw;
}




.bvidf.xiao.np p, .bvidf.xiao.np h2 {
    max-width:100vw;
}

.tpr-item .owl-nav {
    display:none;
}

.tpr-item .owl-dots {
    bottom:0vw;
}

.tpr-item .owl-dot {
    width:25px;
    height:4px;
    background: rgb(0, 0, 0, 0.1);
    border-radius:1px;
    margin: 0 0vw;
}

.lstu {
    width:100%;
}

.cblb::before {
    position: absolute;
    content: "";
    background: rgb(0, 0, 0, 0.1);
    width:100%;
    height:1px;
    left: 0;
    top:0%;
    -webkit-transform: translateY(-50%) translateX(0%);
    -ms-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}


.rdrb-ld ul li {
    font-size:14px;
    line-height:3;
}

.mdel{
	font-size:14px;
}

.sgyy {
    box-shadow:none;
}

.rdmcr-mcb{
	margin-top:40px;
}



.bvidf p {
    font-size:18px;
}
.bvidf h2 {
    font-size: 24px;
}
.section-main-title h2.nover b {
    font-size:36px;
}
.section-main-title h2.nover{
    font-size:24px;
}

.nkika h4 {
    margin-top:40px;
}
h4 {
    font-size:14px;
}
h2 {
    font-size:24px;
}
p {
    font-size:14px;
}


.nkika h2 {
    margin-top:10px;
}
.nkikb p {
    text-align: left;
    margin-top:10px;
    min-height:auto;
	padding-bottom:20px;
}
.boom-section {
    margin-top:40px;
}


.morga img {
	object-fit: cover;
    height:100vh;
}

.morgbb h2{
   padding-bottom:15px;
}
.morgbb h2::after {
    width:50px;
    height:2px;
}


.rddtoa img{
	object-fit: cover;
    height:50vw;
}

.rdra-ld h4 {
    margin-bottom:10px;
}

.rdra-ld p {
    margin-bottom:5px;
    padding-left:10px;
}


.rdra-ld p::before {
    width:4px;
    height:4px;
    top:10px;
}
.rdmcr-mcab h2 {
    padding-bottom:10px;
}
.rdmcr-mcab h2::before {
    width:50px;
    height:2px;
}

.sonicb {
	-webkit-transform: translateY(50%) translateX(0%);
    -ms-transform: translateY(50%) translateX(0%);
    transform: translateY(50%) translateX(0%);
}

.sonica img{
	object-fit: cover;
    height:100vw;
}

.bontext h2{
   padding-bottom:10px;
}
.bontext h2::after {
    width:50px;
    height:2px;
}
.qualtu img{
	object-fit: cover;
    height:50vw;
}

.mztit{
	width: 100%;
    padding-right: var(--bs-gutter-x, 2rem);
    padding-left: var(--bs-gutter-x, 2rem);
	margin:0 auto;
}

.vews::before{
	 position: absolute;
    content: "";
    background: rgb(0, 0, 0, 0.1);
    width:80%;
    height:1px;
    left:10%;
    top:0%;
    -webkit-transform: translateY(-50%) translateX(0%);
    -ms-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}

.mzstun{
	margin-bottom:20px;
}


.whyczaa p {
    display:none;
}

.juzhen {
    height:auto;
	margin-bottom:20px;
}
.juzhenn {
    margin:30px;
}
.juzhenna {
    width:50px;
}

.juzhenn h2{
    font-size:16px;
}
.vcrcle h2{
	text-align:center !important;
	font-size:20px;
	margin-top:70px;
	padding-bottom:10px;
}

.vcrcle h2::before {
    width:175px;
    border-bottom: 2px solid rgb(205, 30, 25, 1);
}

.vcrcle p {
    font-size:16px;
}



.vcrcle {
    width:350px;
    height:350px;
	margin-top:20px;
}

.vcrcle::before {
    width:350px;
    height:350px;
    border: 5px solid rgb(205, 30, 25, 1);
}



.stime {
    font-size:14px;
}


.dblog {
    margin-left:20px;
    margin-right:20px;
    margin-top:40px;
    margin-bottom:40px;
}

.abtt {
    margin-top:20px;
}

.blgsm h2 {
     padding-bottom:10px;
}
.blgsm h2::before{
    width:50px;
    height:2px;
}



.ginx {
    padding: 15px 0;
}














.santt-section {
margin-top: 40px;
}

.abt-tb {
    position: absolute;
    width: 100%;
    left: 0%;
    top: 15%;
    text-align: center;
}

.abt-section.abg{
    margin-top:40px;
}
    .abt-tb {
        top:0%;
    }

.abt-tb p {
display:none;
}

.abt-tb .abtt{
	display:none;
}
.abtext , .abxian{
	display:none;
}

.sosa h2{
    padding-bottom:15px;
}


.sosa h2::before {
    position: absolute;
    content: "";
    height: 2px;
    width:50px;
    background: rgb(205, 30, 25, 1);
    right:auto;
    bottom:0px;
	left:0%;
}
.sosa h2::after{
    display:none;
}

.tessea {
    background: rgb(67, 67, 67, 0.8);
    border-radius:0px;
	padding-bottom:40px;
}

.tessea .vtcpic {
   margin-top:40px;
}

.abton a {
    font-size:14px;
	padding: 7px 15px;
}
.ctctm {
    margin-top:20px;
}
.footer-section {
	border-top: none;
}

.ftlog {
    width:180px;
}
.footer-wiget-title h4 {
    font-size:18px;
    line-height: 1.6;
	padding: 0 0 10px;
}
.footer-wiget-menu ul li a {
    font-size: 14px;
}
.rlink{
    margin-top:40px;
	padding-bottom:40px;
}

.foticon a {
     width:40px;
    height:40px;
    margin-right:5px;
	margin-left:5px;
}

.foticon a img {
    width:40px;
    height:40px;
}

.dmtp-5v{
    margin-top: 40px !important;
}
 

.dmtp-2v{
    margin-top: 20px !important;
}
.dmtp-1v{
    margin-top: 10px !important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    width:100%;
    padding-right: var(--bs-gutter-x, 2rem);
    padding-left: var(--bs-gutter-x, 2rem);
    margin-right: auto;
    margin-left: auto;
} 
.cliktufn {
    margin:20px;
    overflow: hidden;
}


.fotline {
padding: 10px 0 10px;
}

.col-sm-8{
        flex: 0 0 auto;
        width:66.66%;
}
.col-sm-9{
        flex: 0 0 auto;
        width:75%;
}
.col-sm-3{
        flex: 0 0 auto;
        width:25%;
}
.col-sm-4{
        flex: 0 0 auto;
        width:33.33%;
}
.col-sm-6{
        flex: 0 0 auto;
        width:50%;
}
.col-sm-7{
        flex: 0 0 auto;
        width:58.33%;
}
.col-sm-5{
        flex: 0 0 auto;
        width:41.66%;
}
 .sftcba {
    width:12px ;
}  
	
	.copyright-text p {
		font-size:12px;
    line-height: 2;
}
.sftcbb {
    font-size:12px;
}
.sftcba i {
    font-size:12px;
    line-height:2;
} 

.vsa-section.dpro{
    margin-top:100px;
}

.cuol-section {
    margin-top: 40px;
}

.cloa{
	margin-bottom:20px;
}
.cloba h4{
	margin-top:40px;
}
.cloaf {
    top:20px;
}

.bige-section{
	overflow-x: scroll;
}
.bige-section table{
	min-width:1200px;
}
.tjp h2 {
    margin-top:10px;
    font-size: 14px;
}

.vkang{
	margin-top:20px;
}
.tiji {
    margin-top:0;
}
.vkangtext{
	margin-top:20px;
}

.tappt h2 {
    padding-bottom:15px;
}
.tappp {
    margin-top:20px;
}

.cont-section {
    margin-top:40px;
    padding-bottom:40px;
}

.tappt {
    margin-top: 40px;
}

.tapp-section .tjp{
    margin-top:40px;
}

.tapp-section {
    margin-top:40px;
    padding-bottom:40px;
}

.tuij-section {
    margin-top: 40px;
}
.rdra-lbal h3 {
    font-size:36px;
}
.rdra-lbal {
    padding-right:10px;
}
h3 {
    font-size:18px;
}
.rdra-lc{
    margin-top:20px;
}

.slider-92911{
	margin-top:40px;
}
.rdra-section {
    margin-top:40px;
}


.ta-item .owl-nav {
    width:100%;
    top:50%;
	right: 0%;
	left:0%;
	
}
.rdrb-la{
	margin-top:40px;
}


.rdmcr-mca img{
	width: 100%;
    display: block;
    object-fit: cover;
	height:80vw;
}

.lajik{
	margin-bottom:20px;
}


.mor-ran {
    margin:20px 20px;
}

.prdua-section {
    margin-top:40px;
}


.prduaa h2{
	text-align:center;
	position:relative;
	padding-bottom:1vw;
	
}
.prduaa h2::before{
	content:"";
	position:absolute;
	width:8vw;
	height:4px;
	background:rgb(205, 30, 25, 1);
	left:50%;
	bottom:0%;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


.prduaa p {
    margin-top:10px;
    padding-bottom: 20px;
}

.prdub-section {
    margin-top:40px;
}


.thumbprt {
    display:none;
}

.prtxea img{
	width: 100%;
    display: block;
    object-fit: cover;
	height:80vw;
}

.prtxed {
    width:80%;
    right:10%;
}
.prtxedn {
    max-width:60vw;
}

.husha-cnln {
    margin:20px;
}

.husha-cnr {
display:none;
}

.husha-cnlnb {
    position:relative;
    width:100%;
    bottom:auto;
	margin-top:20px;
	padding-bottom:20px;
}
.vkangtj{
	margin-top:20px;
}

.thumqual{
	display:none;
}
.qulqp-qa img{
	width: 100%;
    display: block;
    object-fit: cover;
	height:120vw;
}

.qulqp-qbn {
    max-width:80vw;
}

.qulcuo-ca::before{
    top:0;
    left:0%;
}
.qulc-wen {
    margin: 20px;
}

.qulkuan-kuana img{
	width: 100%;
    display: block;
    object-fit: cover;
	height:100vw;
}

.qulk-wenn {
    margin: 20px 20px 30px 20px;
    overflow: hidden;
}

.dmtp-3v {
    margin-top: 40px !important;
}

.qullt-section img{
	margin-top:20px;
	margin-bottom:20px;
}


.qultiao .biaotu {
    -webkit-transform: translateY(0vw);
    -moz-transform: translateY(0vw);
    transform: translateY(0vw);
}

.qultiao p {
    opacity:1;
    -webkit-transform: translateY(0vw);
    -moz-transform: translateY(0vw);
    transform: translateY(0vw);
}

.zslink{
	display:none;
}
.zdiezs{

}
.tzshu .owl-prev, .tzshu .owl-next {
    width:30px;
    height:30px;
}
.tzshu .owl-next i {
    width:30px;
    height:30px;
    line-height:1.5;
    font-size:20px;
	margin-left:0;
}
.tzshu .owl-prev i {
    width:30px;
    height:30px;
    line-height:1.5;
    font-size:20px;
	margin-left:0;
}

.zdiezs {
    width:85%;
	margin:0 auto;
}

.tzshu .owl-nav {
    width: 130%;
    left: -15%;
}


.abtpr-abaan h2 a {
    font-size:14px;
    padding: 7px 10px;
    margin-left:10px;
    margin-top:5px;
}


.abtpr-abaan p {
    line-height: 1.6;
    margin-top:20px;
}

.kankl {
 font-size:18px;
}
.kankr {
    margin-left:10px;
}
.kankr p {
    font-size:14px;
    margin-top: 0;
}

.clkvidf {
    width:50px;
    font-size:50px;
}

.abtsz-section{
	display:none;
}

.visc-section {
    margin-top:40px;
}

.hbgtm::before {
    width:40%;
    height:1px;
    top: 50%;
    left: 30%;
}

.lucya {
    width:60px;
	margin-top:20px;
}

.whyc-section h2{
	margin-bottom:40px;
}


.lucy h2 {
    font-size: 16px;
    margin-top: 10px;
	margin-bottom:10px;
}

.whycza{
    margin-top:40px;
}

.ourqul-qula {
	padding-right: var(--bs-gutter-x, 2rem);
    padding-left: var(--bs-gutter-x, 2rem);
}

.ourqul-qula p {
    margin-top:20px;
	text-align:left;
}

.ourqul-section h2 {
    text-align:left;
}

.bvidf.xiao h2{
	font-size:20px;
}

.bvidf.xiao p{
	display:none;
}

.tdhub {
    width:80%;
    left: 0;
    bottom:30px;
}


.tdhub p {
    margin:20px;
}

.tdhua h3{
	margin-top:20px;
	margin-bottom:20px;
}

.tdhub.bx {
    right: 0;
    left: auto;
    bottom:auto;
	top:40px;
}

.hazi {
    font-size:8px;
}


.tywz-section img{
	width: 100%;
    display: block;
    object-fit: cover;
	height:80vw;
}
.bradhn{
    padding: 7px 0;
}

p.dtail {
    font-size:14px;
}
p.dtail span i{
    font-size: 16px;
}
h1.blogtit {
    font-size:16px;
    margin: 15px 15px 10px 15px;
}
p.blogtim {
    font-size:14px;
    margin: 10px 15px 20px 15px;
}

.blogn {
    margin-bottom:40px;
}

.chushui {
    font-size:14px;
    padding: 7px 15px;
}


.vhesan{
	display:none;
}

.vhescnn h1 {
    font-size:24px;
	margin-bottom: 10px;
}

.clunh {
    font-size: 14px;
    margin-bottom: 40px;
}


.vhescnn img{
	max-width: 100%;
    height: auto;
}

.mean-container .mean-nav ul li a.mean-expand{
	top:0px;
}

.abt-tc.ca {
    left:2%;
    bottom: 49.5%;
}
.abt-tc.cb {
    left:35%;
    bottom:72%;
}


.abt-tc.cc {
    left:70%;
    top: 63%;
}
.abt-tc.cd {
    left:71%;
    top:62.5%;
}
.abt-tc.cf {
    left: 72.5%;
    top:61%;
}



}













/**/
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1600px) {
    
    /* topbar css */

    .solar-top-menu ul li {
        margin-right: 38px; 
    }

    /* header area */

    .solar-header-section::before {
        width: 210%;
    }

    /* solar menu css */

    .solar-menu ul li a i {
        margin-left: 0px;
    }

    .solar-menu ul li {
        margin-right: 15px;
    }
    
    .solar-social-menu ul li {
        margin-left: 5px;
    }

    .solar-btn {
        margin-left: 15px;
    }

    /* about section */

    .about-section {
        padding: 110px 0 110px;
    }

    .about-counter {
        width: 159px;
        height: 142px;
    }

    .about-counter-text::before {
        display: none;
    }

    .about-section-sub-title h4::before {
        left: 34%;
    }

    .about-section-sub-title h4::after {
        left: 36%;
    }

    .about-list ul li i {
        margin-right: 3px;
    }

    /* about style three */

    .about-section.style-three {
        padding: 110px 0 108px;
    }


    /* contact us section title */

    .section-main-title.contact-us h2 {
        font-size: 40px;
        margin-left: -130px;
    }

    /* choose us section title */

    .section-main-title.choose h2 {
        font-size: 46px;
    }

    /* service section */

    .service-content {
        padding: 0 17px 24px;
    }

    /* contact us section */

    .contact-us-section::before {
        display: none;
    }

    .contact-us-discription p {
        margin-left: -130px;
    }

    /* pricing section */

    .accordion li p {
        width: 100%;
    }

    .pricing-content p {
        font-size: 15px;
    }

    /* choose us section */

    .choose-us-list ul li {
        font-size: 17px;
    }

    .choose-us-list ul li i {
        margin-right: 5px;
    }

    .solar-btn.choose a {
        padding: 16px 17px;
    }

    .choose-contact-title h4 {
        font-size: 31px;
    }

    .form-box select {
        width: 100%;
    }

    .form-box textarea {
        width: 100%;
    }

    /* protfolio section */

    .protfolio-thumb img {
        width: 100%;
    }

    .protfolio-item {
        padding: 12px 0 0;
    }

    /*offer section title */

    .offer-items-box {
        padding: 40px 17px 18px;
    }

    .offer-content h4 {
        font-size: 21px;
    }


    /* blog section */

    .blog-date {
        display: none;
    }

    .blog-content {
        padding: 0 10px 0;
    }

    .blog-meta span {
        padding-right: 30px;
    }

    .blog-bottom-shape {
        margin-right: 4px;
    }

    .blog-bottom-title {
        margin-right: 27px;
    }

    /* footer section */

    .footer-section {
        padding: 109px 0 0px;
    }

    .footer-thumb {
        margin: -110px 0px -173px;
    }

    .copyright-text p {
        font-size: 13px;
    }

    .footer-condition ul li {
        margin-right: 31px;
    }

    .footer-condition ul li a {
        margin-right: 0px
    }


    /* home page style two */

    .slider-content.style-two h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .section-main-title.offer h2 {
        line-height: 43px;
        font-size: 43px;
    }

    .offer-thumb {
        margin-top: 100px;
    }

    /* about inner page css */

    .about-section.style-two {
        padding: 110px 0 106px;
    }
	
	/* project grid inner page css */
	
	.project-content {
		padding: 22px 28px 30px;
	}


    /* project details  inner page css */

    .projetct-details-image img {
        width: 100%;
    }

    .image img {
        width: 100%;
    }

    /* faq inner page ccc */

    .section-main-title.faq h2 {
        font-size: 36px;
    }



}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {

    /* stiky nav */

    .sticky-nav {
       top: -2px;
    }

     /* topbar css */

     .solar-topbar-section {
        padding: 14px 0;
    }

     .solar-top-menu ul li {
        margin-right: 8px;
    }

    .solar-top-menu ul li a {
        font-size: 13px;
    }

    .solar-top-menu ul li a i {
        font-size: 13px;
        margin-right: 3px;
    }

    .solar-top-menu ul li ::after {
        display: none;
    }

    .solar-top-content select#Language {
        font-size: 16px;
    }

    .solar-top-social-icon ul li a i {
        font-size: 14px;
    }


    /* solar header section */

    .solar-header-section::before {
        width: 210%;
    }

    .solar-header-section .logo a img {
        width: 100%;
    }

    /* solar menu css */


    .solar-menu ul li {
       
    }

    .solar-menu ul li a {
        font-size: 16px;
    }

    .solar-menu ul li a i {
        margin-left: 0px;
        font-size: 10px;
    }
    
    .solar-social-menu ul li {
        margin-left: 5px;
    }

    .solar-social-menu ul li a i {
        font-size: 15px;
    }

    .solar-btn {
        margin-left: 10px;
    }

    .solar-btn a {
        font-size: 16px;
        padding: 12px 12px;
    }


    /* slider section */

    .slider-content h1 {
        font-size: 65px;
    }

    /* about section */

    .about-section {
        padding: 110px 0 110px;
    }

    .about-counter {
        width: 133px;
        height: 118px;
    }

    .about-counter-text {
        padding: 16px 0 0;
    }

    .about-numbar h4 {
        font-size: 30px;
    }

    .about-numbar span {
        font-size: 30px;
    }

    .about-text h5 {
        font-size: 16px;
    }

    .about-counter-text::before {
        display: none;
    }

    .about-section-main-title h2 {
        font-size: 42px;
    }

    .about-list ul li {
        font-size: 16px;
    }

    .about-list ul li i {
        margin-right: 0px;
    }

    .solar-btn.about a {
        padding: 14px 24px;
    }


    /* contact us section title */

    .section-main-title.contact-us h2 {
        font-size: 40px;
        margin-left: -130px;
    }

    /* service section */

    .service-icon-thumb {
        background: #ffffff;
        width: 80px;
        height: 90px;
        line-height: 78px;
    }

    .service-content {
        padding: 0 17px 24px;
    }

    .service-text h4 {
        font-size: 23px;
        line-height: 0px;
    }

    .service-text h4 a {
    font-size: 24px;
    line-height: 6px;
}
    /* contact us section */

    .contact-us-section::before {
        display: none;
    }

    .contact-us-discription p {
        margin-left: -130px;
    }

    /* pricing section */

    .section-main-title.pricing h2 {
        line-height: 41px;
        font-size: 42px;
    }

    .accordion li a {
        padding: 11px 24px 11px;
    }

    .accordion li p {
        width: 100%;
        padding: 0 24px 17px;
    }

    .pricing-content p {
        font-size: 15px;
    }

    .pricing-box {
        padding: 34px 24px 30px;
    }

    /* choose us section */

    .section-main-title.choose h2 {
        font-size: 38px;
    }

    .choose-us-thumb {
        margin-right: 15px;
    }

    .choose-us-list ul li {
        font-size: 16px;
    }

    .choose-us-list ul li i {
        margin-right: 5px;
    }

    .solar-btn.choose a {
        padding: 12px 12px;
        font-size: 16px;
    }

    .choose-us-icon {
        margin-left: 9px;
    }

    .choose-us-icon i {
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 20px;
    }

    .choose-us-phone {
        margin-left: 7px;
    }

    .choose-us-phone h5 {
        font-size: 16px;
    }

    .choose-contact-box {
        padding: 26px 35px 42px;
    }

    .choose-contact-title h4 {
        font-size: 22px;
        margin-bottom: 24px;
    }

    .form-box-button button {
        width: 100%
    }


    /* protfolio section */

    .protfolio-thumb img {
        width: 100%;
    }

    .protfolio-item {
        padding: 0px 0 0;
    }

    .protfolio-item-numbar {
        margin-right: 14px;
    }

    .protfolio-item-title h3 {
        font-size: 17px;
        line-height: 18px;
    }

    .protfolio-item-icon i {
        font-size: 25px;
    }

    /*offer section title */

    .section-main-title.offer h2 {
        line-height: 43px;
        font-size: 38px;
    }

    .offer-items-box {
        padding: 25px 10px 10px;
    }

    .offer-content h4 {
        font-size: 18px;
    }

    .offer-content p {
        font-size: 14px;
    }

    .barfiller {
        width: 400px;
    }

    /* team section */

    .team-items-box:hover .team-icon {
        top: -70px;
    }

    /* appointment section */

    .choose-contact-box.appointment {
        padding: 46px 20px 44px;
    }


    /* blog section */

    .blog-thumb img {
        width: 100%;
    }

    .blog-date {
        display: none;
    }

    .blog-content {
        padding: 0 10px 0;
    }

    .blog-meta span {
        padding-right: 19px;
    }

    .blog-bottom-shape {
        margin-right: 0px;
    }

    .blog-bottom-title {
        margin-right: 0px;
    }

    .blog-btn a {
        font-size: 16px;
    }

    .blog-btn a i {
        margin-left: 4px;
    }

    /* footer section */

    .footer-section {
        padding: 109px 0 6px;
    }

    .footer-wiget-log a img {
        width: 100%;
    }

    .footer-wiget-text p {
        font-size: 15px;
    }

    .footer-wiget-menu ul li a {
        display: inline-block;
        font-size: 16px;
    }

    .footer-wiget-contact-menu ul li {
        font-size: 16px;
    }

    .footer-thumb {
        margin: -110px 0px -207px;
    }

    .footer-condition ul li {
        margin-right: 12px;
        font-size: 16px;
    }

    .footer-condition ul li a {
        margin-right: 0px;
        font-size: 16px;
    }


    /* home page style two */

    .slider-content.style-two {
        padding: 47px 24px 64px;
    }

    .slider-content.style-two h1 {
        font-size: 46px;
        line-height: 60px;
    }

    .offer-thumb {
        margin-top: 100px;
    }

    /* about inner page css */

    .about-section.style-two {
        padding: 110px 0 110px;
    }

    .about-video-icon {
        right: 60px;
    }

    .about-counter-two.style-two {
        width: 100%;
        left: 0;
        bottom: -82px;
    }

    .about-content-discription p {
        margin-bottom: 25px;
    }

    span.process-bar {
        font-size: 17px;
    }

    .barfiller .tip {
        font-size: 16px;
    }

    .solar-btn.about.about2 {
        margin-top: 20px;
    }

    /* team section */

    .team-icon.style-two {
        right: 36%;
    }

    .team-items-box:hover .team-icon.style-two {
        top: -78px;
    }

    /* call back section */

    .call-back-discription p {
        width: 100%;
    }
	
	/* service details inner page css */
	 
	.service-section.style-three {
		padding: 15px 0 67px;
	}
	 

    /* project grid inner page css */

    .projecti-grid-section {
        padding: 110px 0 80px;
    }

    .project-content h4 {
        font-size: 17px;
        line-height: 26px;
    }


    /* project details  inner page css */

    .projetct-details-image img {
        width: 100%;
    }

    .image img {
        width: 100%;
    }

     /* blog inner page css */

     .blog-bottom-shape.style-two {
        margin-right: 10px;
    }

     .blog-bottom-title.style-two {
        margin-right: 50px;
    }

    /* blog details inner page */

    .blog-details-thumb {
        margin-top: 35px;
    }

    .ba-blog-details-social-icons a i {
        font-size: 16px;
    }

    .content-main p {
        font-size: 14px;
    }

    .choose-contact-box.inner {
        margin-top: -50px;
    }

    /* team details inner page css */

    .team-details-author-img {
        margin-bottom: 30px;
    }

    .process-ber-plugin {
        display: none;
    }


    /* faq inner page css */

    .section-main-title.faq h2 {
        font-size: 36px;
    }

    .choose-contact-box.faq {
        padding: 46px 40px 60px;
    }



}
  


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
   .zbnb {
    display:none;
}

.zerobanb h2 {
    font-size:24px;
}
.zerobanb p {
    font-size:14px;
}
.zerobb h2 {
    font-size:14px;
}

#zbtit{
	display:none;
}
.vrdsbbn p {
    font-size: 10px;
}

.vrdsbc {
    font-size:36px;
    right:5%;
    bottom:10%;
}



    .solar-topbar-section {
        display: none;
    }

    .solar-header-section {
        display: none;
    }

    /* slider section */

    .slider-list.owl-carousel.owl-loaded.owl-drag {
        display: inline-block;
    }

    .slider-section {
        height: 700px;
        display: block !important;
    }

    .slider-content {
        padding: 142px 0 0;
    }

    .slider-content h1 {
        font-size: 56px;
        line-height: 54px;
    }

    .slider-content p {
        width: 76%;
        margin: 29px 0 43px;
    }

    /* about section */

    .about-section {
        padding: 66px 0 72px;
    }

    .about-thumb {
        margin-bottom: 90px;
    }

    /* about syle two */

    .about-section.style-three {
        padding: 72px 0 75px;
    }

    /* service section */

    .service-section {
        padding: 58px 0 36px;
    }

    .service-box {
        margin-bottom: 0px;
    }

    .service-content {
        padding: 0 20px 20px;
        margin: -130px 10px 33px;
    }

    /* service box style two */

    .service-box.style-two {
        margin-bottom: 30px;
    }

    /* contact us section  */

    .row.contact-us {
        padding: 50px 30px 50px;
    }

    .contact-us-section::before {
        display: none;
    }

    .section-main-title.contact-us h2 {
        font-size: 34px;
    }

    .solar-btn.contact-us {
        text-align: right !important;
        display: block;
    }

    /* pricing section */

    .pricing-section {
        padding: 58px 0 18px;
    }

    ul.accordion {
        margin-bottom: 70px;
    }

    /* choose us section  */

    .choose-us-section {
        padding: 0 0 74px;
    }

    .row.choose {
        padding: 60px 70px 72px;
    }

    .choose-us-content {
        margin-bottom: 40px;
    }

    /* choose us style two  */

    .choose-us-section.style-two {
        padding: 0 0 58px;
    }

    /* protfolio section */

    .protfolio-section {
        padding: 60px 0 71px;
    }

    .section-main-title.protfolio h2 {
        font-size: 38px;
    }

    /* offer section */

    .offer-section {
        padding: 60px 0 72px;
    }

    .offer-items-box {
        padding: 40px 16px 18px;
        margin-bottom: 0px;
    }

    .offer-thumb {
        margin-left: 0px;
        margin-top: 60px;
        text-align: center;
    }

    .offer-thumb img {
        width: 80%;
    }

    /* offer style two */

    .offer-section.style-two {
        padding: 0 0 72px;
    }

    /* team section  */

    .team-section {
        padding: 58px 0 236px;
    }

    .team-items-box {
        margin-bottom: 130px;
    }
	
	 /* team style two  */
	  
	.team-section.style-two {
		padding: 57px 0 238px;
	}

    /* appointemnt section */

    .row.appointment {
        padding: 75px 16px 75px;
    }

    .section-main-title.offer h2 {
        line-height: 41px;
        font-size: 34px;
    }

    /* blog section */

    .blog-section {
        padding: 56px 0 0px;
    }

    .blog-items-box {
        margin-bottom: 75px;
    }

    .blog-thumb img {
        width: 100%;
    }

    .blog-date {
        display: none;
    }

    .blog-content {
        padding: 0 15px 0;
    }

    .blog-meta span {
        padding-right: 34px;
    }

    .blog-bottom-shape {
        margin-right: 4px;
    }

    .blog-bottom-title {
        margin-right: 9px;
    }

    /* subscirbe section */

	.section-main-title.Subscribe h2 {
		font-size: 40px;
		line-height: 18px;
	}

    /* footer section */

    .footer-section {
        padding: 72px 0 0px;
    }

    .footer-wiget {
        margin-bottom: 40px;
    }

    .footer-thumb {
        display: none;
    }

    .row.footer-line {
        margin: 40px 0 0;
    }

    .copyright-text p {
        font-size: 16px;
    }

    .footer-condition ul li {
        margin-right: 0px;
    }

    .footer-condition ul li a {
        margin-right: 0px;
        font-size: 16px;
    }


    /* home page style two css */

    .slider-section.style-two {
        height: 615px;
    }

    .slider-content.style-two {
        padding: 72px 22px 64px;
        margin: 72px 0 0px;
    }

    /* offer section  */

    .offer-items-box {
        margin-bottom: 30px;
    }

    /* testimonial section */

    .testimonial-section {
        padding: 0px 0 40px;
    }
  
    .testi-discription p {
        font-size: 15px;
    }

    .testimonial-section .owl-dot {
        display: none;
    }

    /* call back section */

    .call-back-section {
        padding: 72px 0 72px;
    }

    /* about us innnr page  */

    .about-section.style-two {
        padding: 74px 0 60px;
    }

    /* service inner page  */

    .service-section.style-two {
        padding: 58px 0 32px;
    }

    /* service details inner page */

    .service-details-section {
        padding: 73px 0 45px;
    }

    .service-section.style-three {
        padding: 0px 0 36px;
    }

    /* project grid inner page css */

    .project-grid-section {
        padding: 72px 0 40px;
    }

    .protfolio-menu ul li {
        padding: 10px 24px;
        margin: 0px 5px 50px;
    }

    .project-content h4 {
        font-size: 18px;
    }

    /* project details inner page */

    .project-details-section {
        padding: 72px 0 72px;
    }

    .projetct-details-image img {
        width: 100%;
    }

    .project-details-section .info li {
        padding: 4px 0;
    }

    .project-details-section .info li h6 {
        font-size: 16px;
    }

    .project-details-section .info li p {
        font-size: 13px;
        margin: 10px 0px 0;
    }

    .image {
        text-align: center;
    }

    .image img {
        width:80%;
    }

    /* blog inner page  */

    .blog-section.style-two {
        padding: 72px 0 72px;
    }

    .blog-bottom-title {
        argin-right: 9px;
	}

    .as-pagination {
        margin-bottom: 50px;
    }

    .recent-widget-thumb {
        margin-top: -4px;
    }

    /* blog details inner page */

    .blog-section.style-three {
        padding: 72px 0 74px;
    }

    blockquote {
        padding: 25px 12px 30px;
    }

    .ba-blog-comment-list {
        margin-bottom: 0;
    }

    /* team details inner page  */

    .team-details-section {
        padding: 60px 0 74px;
    }

    .team-details-author-img {
        margin-top: 35px;
    }

    .team-details-author-name {
        margin-bottom: 4px;
    }

    .team-details-author-experience ul li .value {
        font-size: 13px;
    }

    /* faq inner page  */

    .faq-section {
        padding: 57px 0 74px;
    }

    .choose-contact-box.faq {
        padding: 46px 38px 60px;
    }

    /* error inner page  */

    .error-section {
        padding: 73px 0 74px;
    }

    /* contact us inner page */

    .contact-section {
        padding: 60px 0 72px;
    }



   
}

/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
    
	
	
    .solar-topbar-section {
        display: none;
    }

    .solar-header-section {
        display: none !important;
    }

    /* slider section */

    .slider-list.owl-carousel.owl-loaded.owl-drag {
        display: inline-block;
    }

    .slider-section {
        height: 700px;
        display: block !important;
        padding: 45px 0 0;
    }

    .slider-content {
        padding: 120px 0 0;
    }

    .slider-content h1 {
        font-size: 56px;
        line-height: 54px;
    }

    .slider-content p {
        width: 76%;
        margin: 29px 0 43px;
    }

    /* owl nav css */

    .owl-nav {
        right: 8px;
    }

    .owl-prev i {
        width: 55px;
        height: 55px;
        line-height: 55px;
    }

    .owl-next i {
        width: 55px;
        height: 55px;
        line-height: 55px;
    }

    /* about section */

    .about-section {
        padding: 66px 0 72px;
    }

    .about-thumb {
        margin-bottom: 90px;
    }

    .about-counter {
        width: 151px;
        height: 134px;
    }

    .about-counter-text {
        padding: 14px 0 0;
    }

    .about-counter-text::before {
        display: none;
    }

    /* about style three */

    .about-section.style-three {
        padding: 72px 0 75px;
    }

    /* service section */

    .service-section {
        padding: 58px 0 36px;
    }

    .service-box {
        margin-bottom: 0px;
    }

    .service-content {
        padding: 0 20px 20px;
        margin: -130px 70px 33px;
    }

    /* contact us section  */

    .row.contact-us {
        padding: 50px 30px 50px;
    }

    .contact-us-section::before {
        display: none;
    }

    .section-main-title.contact-us h2 {
        font-size: 34px;
    }

    .solar-btn.contact-us {
        margin: 15px 0 0;
    }

    /* pricing section */

    .pricing-section {
        padding: 58px 0 18px;
    }

    ul.accordion {
        margin-bottom: 70px;
    }

    /* choose us section  */

    .choose-us-section {
        padding: 0 0 74px;
    }

    .row.choose {
        padding: 60px 7px 72px;
    }

    .choose-us-content {
        margin-bottom: 40px;
    }

    /* choose style two */

    .choose-us-section.style-two {
        padding: 0 0 58px;
    }

    /* protfolio section */

    .protfolio-section {
        padding: 60px 0 71px;
    }

    .section-main-title.protfolio h2 {
        font-size: 38px;
    }

    .solar-btn.protfolio {
        margin-left: 0;
        margin-bottom: 42px;
        display: inline-block;
    }

    .protfolio-thumb img {
        width: 100%;
    }

    .protfolio-item-title h3 {
        font-size: 20px;
    }

    /* offer section */

    .offer-section {
        padding: 60px 0 72px;
    }

    .offer-items-box {
        padding: 40px 16px 18px;
        margin-bottom: 0px;
    }

    .barfiller {
        width: 100%;
    }

    .offer-thumb {
        margin-left: 0px;
        margin-top: 60px;
        text-align: center;
    }

    .offer-thumb img {
        width: 80%;
    }

    /* offer style two */

    .offer-section.style-two {
        padding: 0 0 72px;
    }
   

    /* team section  */

    .team-section {
        padding: 58px 0 236px;
    }

    .team-items-box {
        margin-bottom: 130px;
    }
	
    /* team style two  */
	  
	.team-section.style-two {
		padding: 57px 0 238px;
	}


    /* appointemnt section */

    .row.appointment {
        padding: 75px 16px 75px;
    }

    .section-main-title.offer h2 {
        line-height: 41px;
        font-size: 34px;
    }

    .choose-us-info {
        margin-bottom: 40px;
    }
    

    /* blog section */

    .blog-section {
        padding: 56px 0 0px;
    }

    .blog-items-box {
        margin-bottom: 95px;
    }

    .blog-thumb img {
        width: 100%;
    }

    .blog-date {
        display: none;
    }

    .blog-content {
        padding: 0 15px 0;
    }

    .blog-meta span {
        padding-right: 34px;
    }

    .blog-bottom-shape {
        margin-right: 4px;
    }

    .blog-bottom-title {
        margin-right: 9px;
    }

    /* subscirbe section */

	.section-main-title.Subscribe h2 {
		font-size: 40px;
		line-height: 18px;
	}

    /* footer section */

    .footer-section {
        padding: 72px 0 0px;
    }

    .footer-wiget {
        margin-bottom: 40px;
    }

    .footer-thumb {
        display: none;
    }

    .row.footer-line {
        margin: 40px 0 0;
    }

    .copyright-text p {
        font-size: 16px;
    }

    .footer-condition ul li {
        margin-right: 24px;
    }

    .footer-condition ul li a {
        margin-right: 0px;
        font-size: 16px;
    }


    /* home page style two css */

    .slider-section.style-two {
        height: 615px;
    }

    .slider-content.style-two {
        padding: 72px 22px 64px;
        margin: 72px 0 0px;
    }

    .slider-content.style-two h1 {
        font-size: 47px;
        line-height: 60px;
    }

    /* about section title */

    .about-video-icon {
        right: 73px;
        bottom: 21%;
    }


    /* offer section  */

    .offer-items-box {
        margin-bottom: 30px;
    }

    /* choose us section */

    .choose-contact-box {
        padding: 26px 40px 42px;
    }

    /* testimonial section */

    .testimonial-section {
        padding: 0px 0 40px;
    }

    .section-main-title h2 {
        font-size: 42px;
    }

    .testi-discription p {
        font-size: 15px;
    }

    .testimonial-section .owl-dot {
        display: none;
    }

    /* call back section */

    .call-back-section {
        padding: 72px 0 72px;
    }

    /* about us innnr page  */

    .about-section.style-two {
        padding: 74px 0 60px;
    }

    /* service inner page  */

    .service-section.style-two {
        padding: 58px 0 32px;
    }

    /* service details inner page */

    .service-details-section {
        padding: 73px 0 45px;
    }

    .service-section.style-three {
        padding: 0px 0 36px;
    }

    .service-details-thumb-two {
        margin-bottom: 30px;
    }

    /* project grid inner page css */

    .project-grid-section {
        padding: 72px 0 40px;
    }

    .protfolio-menu ul li {
        padding: 8px 14px;
        margin: 0px 2px 50px;
        font-size: 16px;
    }

	.project-content h4 {
		font-size: 26px;
	}

    /* project details inner page */

    .project-details-section {
        padding: 72px 0 72px;
    }

    .projetct-details-image {
        margin-bottom: 20px;
    }

    .projetct-details-image img {
        width: 100%;
    }

    .project-details-section .info-area {
        margin-bottom: 20px;
    }

    .project-details-section .info li {
        padding: 4px 0;
    }

    .project-details-section .info li h6 {
        font-size: 16px;
    }

    .project-details-section .info li p {
        font-size: 13px;
        margin: 10px 0px 0;
    }

    .image {
        text-align: center;
    }

    .image img {
        width:80%;
    }

    /* blog inner page  */

    .blog-section.style-two {
        padding: 72px 0 72px;
    }

    .blog-bottom-title {
        margin-right: 50px;
    }

    .as-pagination {
        margin-bottom: 50px;
    }

    .recent-widget-thumb {
        margin-top: -4px;
    }

    /* blog details inner page */

    .blog-section.style-three {
        padding: 72px 0 74px;
    }

    .blog-title h4 a {
        font-size: 20px;
    }

    .blog-details-thumb {
        margin-bottom: 30px;
    }

    .blog-details-title h5 {
        font-size: 21px;
    }

    blockquote {
        padding: 25px 12px 30px;
        font-size: 14px;
    }

    .ba-blog-comment-list {
        margin-bottom: -60px;
    }

    .ba-blog-comment-list ul li .ba-blog-comment-box {
        padding-bottom: 20px;
    }

    .ba-blog-comment-list ul li .ba-blog-comment-box.inner {
        margin: 25px 0px 30px;
    }

    .ba-blog-comment-list ul li .image {
        float: none;
        text-align: left;
        margin-bottom: 15px;
    }

    .ba-blog-comment-list ul li .image img {
        width: 30%;
    }

    /* team details inner page  */

	.team-details-section {
		padding: 40px 0 74px;
	}

    .team-details-author-img {
        margin-top: 35px;
    }

    .team-details-author-content {
        margin-bottom: -40px;
    }

    .team-details-author-name {
        margin-bottom: 4px;
    }

    .team-details-author-experience ul li .value {
        font-size: 13px;
    }

    /* faq inner page  */

    .faq-section {
        padding: 57px 0 80px;
    }

    .choose-contact-box.faq {
        padding: 46px 38px 60px;
    }

    /* error inner page  */

    .error-section {
        padding: 73px 0 74px;
    }

    /* contact us inner page */

    .contact-section {
        padding: 60px 0 72px;
    }

}




/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {
    
    .solar-topbar-section {
        display: none;
    }

    .solar-header-section {
        display: none;
    }

    /* slider section */

    .slider-list.owl-carousel.owl-loaded.owl-drag {
        display: inline-block;
    }

    .slider-section {
        height: 700px;
        display: block !important;
        padding: 45px 0 0;
    }

    .slider-content {
        padding: 120px 0 0;
    }

    .slider-content h1 {
        font-size: 46px;
        line-height: 44px;
    }

    .slider-content p {
        width: 92%;
        margin: 29px 0 43px;
    }

    /* owl nav css */

    .owl-nav {
        right: 8px;
    }

    .owl-prev i {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .owl-next i {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    /* about section */

    .about-section {
        padding: 66px 0 72px;
    }

    .about-thumb {
        margin-bottom: 90px;
    }

    .about-counter {
        width: 134px;
        height: 118px;
    }

    .about-counter-text {
        padding: 22px 0 0;
    }

    .about-numbar h4 {
        font-size: 25px;
    }

    .about-numbar span {
        font-size: 25px;
    }

    .about-text h5 {
        font-size: 16px;
    }

    .about-counter-text::before {
        display: none;
    }

    .about-section-sub-title h4 {
        font-size: 20px;
    }

    .about-section-main-title h2 {
        font-size: 32px;
        line-height: 46px;
        margin-bottom: 17px;
    }

    .about-list {
        margin-bottom: 20px;
    }

	.about-list ul li {
		margin-bottom: 10px;
		margin-left: 0px;
		font-size: 16px;
	}

     /* about style three */

     .about-section.style-three {
        padding: 72px 0 75px;
    }

    /* service section */

    .service-section {
        padding: 58px 0 36px;
    }

    .service-box {
        margin-bottom: 0px;
    }

    .service-content {
        padding: 0 20px 20px;
        margin: -130px 70px 33px;
    }

    /* contact us section  */

    .row.contact-us {
        padding: 50px 30px 50px;
    }

    .contact-us-section::before {
        display: none;
    }

    .section-main-title.contact-us h2 {
        font-size: 29px;
    }

    .solar-btn.contact-us {
        margin: 15px 0 0;
    }

    /* pricing section */

    .pricing-section {
        padding: 58px 0 18px;
    }

    ul.accordion {
        margin-bottom: 70px;
    }
	
	.accordion li p {
		font-size: 14px;
	}
	
	.pricing-box {
		padding: 34px 38px 30px;
	}

    /* choose us section  */

    .choose-us-section {
        padding: 0 0 74px;
    }

    .row.choose {
        padding: 60px 7px 72px;
    }

    .choose-us-content {
        margin-bottom: 40px;
    }

    /* choose style two */

    .choose-us-section.style-two {
        padding: 0 0 58px;
    }

    /* protfolio section */

    .protfolio-section {
        padding: 60px 0 71px;
    }

    .section-main-title.protfolio h2 {
        font-size: 38px;
    }

    .solar-btn.protfolio {
        margin: 0px 0 42px;
        text-align: left;
    }

    .protfolio-thumb img {
        width: 100%;
    }

    .protfolio-item-title h3 {
        font-size: 16px;
    }

    /* offer section */

    .offer-section {
        padding: 60px 0 72px;
    }

    .offer-items-box {
        padding: 40px 16px 18px;
        margin-bottom: 0px;
    }

    .barfiller {
        width: 100%;
    }

    .offer-thumb {
        margin-left: 0px;
        margin-top: 60px;
        text-align: center;
    }

    .offer-thumb img {
        width: 80%;
    }

     /* offer style two */

    .offer-section.style-two {
        padding: 0 0 72px;
    }

   

    /* team section  */

    .team-section {
        padding: 58px 0 236px;
    }

    .team-items-box {
        margin-bottom: 130px;
    }
	
	/* team style two  */
	  
	.team-section.style-two {
		padding: 57px 0 238px;
	}


    /* appointemnt section */

    .row.appointment {
        padding: 75px 16px 75px;
    }

    .section-main-title.offer h2 {
        line-height: 41px;
        font-size: 34px;
    }

    .choose-us-info {
        margin-bottom: 40px;
    }
    

    /* blog section */

    .blog-section {
        padding: 56px 0 0px;
    }

    .blog-items-box {
        margin-bottom: 95px;
    }

    .blog-thumb img {
        width: 100%;
    }

    .blog-date {
        display: none;
    }

    .blog-content {
        padding: 0 15px 0;
    }

    .blog-meta span {
        padding-right: 34px;
    }

    .blog-bottom-shape {
        margin-right: 4px;
    }

    .blog-bottom-title {
        margin-right: 9px;
    }

    /* subscirbe section */

	.section-main-title.Subscribe h2 {
		font-size: 40px;
		line-height: 18px;
	}

    /* footer section */

    .footer-section {
        padding: 72px 0 0px;
    }

    .footer-wiget {
        margin-bottom: 40px;
    }

    .footer-thumb {
        display: none;
    }

    .row.footer-line {
        margin: 40px 0 0;
    }

    .copyright-text p {
        font-size: 16px;
    }

    .footer-condition ul li {
        margin-right: 10px;
    }

    .footer-condition ul li a {
        margin-right: 0px;
        font-size: 16px;
    }

    /* home page style two css */

    .slider-section.style-two {
        height: 615px;
    }

	.slider-content.style-two {
		padding: 72px 18px 64px;
		margin: 72px 0 0px;
	}

    .slider-content.style-two h1 {
        font-size: 34px;
        line-height: 50px;
    }

    /* about section title */

    .about-video-icon {
        right: 73px;
        bottom: 24%;
    }

    .about-counter-two.style-two {
        left: 5px;
    }

    .about-content-discription p {
        font-size: 14px;
        margin-bottom: 15px;
    }


    /* offer section  */

    .offer-items-box {
        margin-bottom: 30px;
    }

    /* choose us section */

    .choose-contact-box {
        padding: 26px 40px 42px;
    }

    .choose-us-thumb {
        margin-right: 12px;
    }

    .choose-us-list ul li i {
        margin-right: 3px;
        height: 16px;
        width: 16px;
        font-size: 16px;
        line-height: 16px;
    }

    .choose-us-list ul li {
        font-size: 14px;
    }

    .solar-btn.choose a {
        padding: 10px 12px;
        font-size: 14px;
    }

    .choose-us-icon {
        margin-left: 14px;
    }

    .choose-us-icon i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }

    .choose-us-phone {
        margin-left: 10px;
    }

    .choose-us-phone h5 {
        font-size: 16px;
        line-height: 20px;
    }

    /* testimonial section */

    .testimonial-section {
        padding: 0px 0 40px;
    }

    .testimonial-section .owl-dot {
        display: none;
    }

    .section-sub-title h4 {
        font-size: 20px;
    }

    .section-main-title h2 {
        font-size: 34px;
    }

    .testi-discription p {
        font-size: 15px;
    }

    /* call back section  */

    .call-back-section {
        padding: 72px 0 72px;
    }

    .call-back-discription p {
        width: 100%;
    }

    /* about us innnr page  */

    .about-section.style-two {
        padding: 74px 0 60px;
    }

    /* service inner page  */

    .service-section.style-two {
        padding: 58px 0 32px;
    }

    /* service details inner page */

    .service-details-section {
        padding: 73px 0 45px;
    }

    .service-section.style-three {
        padding: 0px 0 36px;
    }

    .service-details-thumb-two {
        margin-bottom: 30px;
    }

    /* project grid inner page css */
	
    .project-grid-section {
        padding: 72px 0 40px;
    }

	.protfolio-menu ul li {
		padding: 8px 11px;
		margin: 0px 3px 50px;
		font-size: 14px;
	}

	.project-content h4 {
		font-size: 26px;
	}

    /* project details inner page */

    .project-details-section {
        padding: 72px 0 72px;
    }

    .projetct-details-image {
        margin-bottom: 20px;
    }

    .projetct-details-image img {
        width: 100%;
    }

    .project-details-section .info-area {
        margin-bottom: 20px;
    }

    .project-details-section .info li {
        padding: 4px 0;
    }

    .project-details-section .info li h6 {
        font-size: 16px;
    }

    .project-details-section .info li p {
        font-size: 13px;
        margin: 10px 0px 0;
    }

    .image {
        text-align: center;
    }

    .image img {
        width:80%;
    }

    .project-details-section .desc-list li p {
        font-size: 14px;
    }

    /* blog inner page  */

    .blog-section.style-two {
        padding: 72px 0 72px;
    }

    .blog-bottom-title {
        margin-right: 50px;
    }

    .as-pagination {
        margin-bottom: 50px;
    }

    .recent-widget-thumb {
        margin-top: -18px;
    }

    /* blog details inner page */

    .blog-section.style-three {
        padding: 72px 0 74px;
    }

    .blog-title h4 a {
        font-size: 18px;
    }

    .blog-details-thumb {
        margin-bottom: 30px;
    }

    .blog-details-title h5 {
        font-size: 18px;
    }

    blockquote {
        padding: 25px 12px 30px;
        font-size: 12px;
    }

    .ba-blog-details-social-icons h6 {
        margin-right: 3px;
    }

    .ba-blog-details-social-icons a i {
        font-size: 14px;
    }

    .ba-blog-comment-list {
        margin-bottom: -60px;
    }

    .ba-blog-comment-list ul li .ba-blog-comment-box {
        padding-bottom: 20px;
    }

    .ba-blog-comment-list ul li .ba-blog-comment-box.inner {
        margin: 25px 0px 30px;
    }

    .ba-blog-comment-list ul li .image {
        float: none;
        text-align: left;
        margin-bottom: 15px;
    }

    .ba-blog-comment-list ul li .image img {
        width: 30%;
    }

    /* team details inner page  */

	.team-details-section {
		padding: 40px 0 74px;
	}

    .team-details-author-img {
        margin-top: 35px;
    }

    .team-details-author-content {
        margin-bottom: -40px;
    }

    .team-details-author-name {
        margin-bottom: 4px;
    }

    .team-details-author-experience ul li .value {
        font-size: 13px;
    }

    /* faq inner page  */

    .faq-section {
        padding: 57px 0 80px;
    }

    .choose-contact-box.faq {
        padding: 46px 38px 60px;
    }

    /* error inner page  */

    .error-section {
        padding: 73px 0 74px;
    }

    /* contact us inner page */

    .contact-section {
        padding: 60px 0 72px;
    }



}


/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px)  {

    .solar-topbar-section {
        display: none;
    }

    .solar-header-section {
        display: none;
    }

    /* slider section */

    .slider-list.owl-carousel.owl-loaded.owl-drag {
        display: inline-block;
    }

    .slider-section {
        height: 600px;
        display: block !important;
    }

    .slider-content {
        padding: 110px 0 0;
    }

    .slider-content h4 {
        font-size: 21px;
        margin-bottom: 24px;
    }

    .slider-content h1 {
        font-size: 28px;
        line-height: 29px;
    }

    .slider-content p {
        width: 100%;
        margin: 22px 0 28px;
        font-size: 14px;
    }

    .solar-btn.slider1 a {
        padding: 10px 10px;
        font-size: 14px;
    }

    .solar-btn.slider2 a {
        padding: 10px 10px;
        font-size: 14px;
    }

    /* owl nav css */

    .owl-nav {
        right:0%;
        bottom:auto;
        left:0%;
        margin: auto;
    }

    .owl-prev i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .owl-next i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        margin-left: 13px;
    }

    /* about section */

    .about-section {
        padding: 66px 0 72px;
    }

    .about-thumb {
        margin-bottom: 90px;
    }

    .about-counter {
        display: none;
    }

    .about-counter-text::before {
        display: none;
    }

    .about-counter-two {
        left: 0%;
        width: 100%;
        height: 100px;
    }

    .about-number-two h4 {
        font-size: 28px;
    }

    .about-section-sub-title h4 {
        font-size: 18px;
        line-height: 18px;
    }

    .about-section-main-title h2 {
        font-size: 26px;
        line-height: 37px;
        margin-bottom: 17px;
    }

    .tab ul li {
        margin-right: 3px;
    }

    .tab ul li a {
        font-size: 14px;
        padding: 6px 13px;
        margin-bottom: 30px;
    }

    .about-list {
        margin-bottom: 20px;
    }
	
	.about-list ul li {
		margin-right: 0;
		font-size: 11px;
	}
	
	.about-list ul li i {
		margin-right: 0;
		font-size: 12px;
	}

    .solar-btn.about a {
        padding: 10px 18px;
        font-size: 16px;
    }

     /* about style three */

     .about-section.style-three {
        padding: 72px 0 75px;
    }


    /* service section */

    .service-section {
        padding: 58px 0 36px;
    }

    .service-box {
        margin-bottom: 0px;
    }

    .service-content {
        padding: 0 12px 20px;
    }

	.service-text h4 a {
		font-size: 22px;
	}

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

    /* contact us section  */

    .row.contact-us {
        padding: 50px 30px 50px;
    }

    .contact-us-section::before {
        display: none;
    }

    .section-main-title.contact-us h2 {
        font-size: 23px;
    }

    .contact-us-discription p {
        font-size: 16px;
    }

    .solar-btn.contact-us {
        margin: 15px 0 0;
    }

    .solar-btn.contact-us a {
        font-size: 15px;
        padding: 10px 15px;
    }

    /* pricing section */

    .pricing-section {
        padding: 58px 0 18px;
    }

    .section-main-title.pricing h2 {
        line-height: 30px;
        font-size: 26px;
    }

    ul.accordion {
        margin-bottom: 70px;
    }

    .accordion li a {
        font-size: 19px;
        padding: 11px 8px 11px;
        margin-bottom: 11px;
    }

    .accordion a:before {
        display: none;
    }

    .accordion a:after {
        display: none;
    }

    .accordion li p {
        font-size: 16px;
        padding: 0 10px 17px;
        width: 100%;
    }

    .pricing-box {
        padding: 34px 5px 30px;
    }

    .pricing-info {
        margin: 0 8px 0px 39px;
    }

    .pricing-year h4 {
        font-size: 15px;
        padding: 6px 12px;
    }

    .pricing-rate h2 {
        font-size: 24px;
    }

    .pricing-icon {
        margin-right: 10px;
    }

    .pricing-icon i {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 18px;
    }

    .pricing-content h4 {
        font-size: 25px;
    }

    .pricing-content p {
        font-size: 14px;
    }

    .pricing-value h5 {
        font-size: 14px;
        padding: 5px 10px;
    }

    /* choose us section  */

    .choose-us-section {
        padding: 0 0 74px;
    }

    .row.choose {
        padding: 60px 7px 72px;
    }

    .choose-us-content {
        margin-bottom: 40px;
    }

    .choose-us-thumb {
        margin-right: 12px;
    }

    .choose-us-list ul li i {
        margin-right: 3px;
        height: 16px;
        width: 16px;
        font-size: 16px;
        line-height: 16px;
    }

    .choose-us-list ul li {
        font-size: 14px;
    }

    .solar-btn.choose a {
        padding: 10px 12px;
        font-size: 14px;
    }

    .choose-us-icon {
        margin-left: 14px;
    }

    .choose-us-icon i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }

    .choose-us-phone {
        margin-left: 10px;
    }

    .choose-us-phone h5 {
        font-size: 16px;
        line-height: 20px;
    }

    .choose-contact-box {
        padding: 26px 40px 42px;
    }

    /* choose style two */

    .choose-us-section.style-two {
        padding: 0 0 58px;
    }

    /* protfolio section */

    .protfolio-section {
        padding: 60px 0 71px;
    }

    .section-sub-title.protfolio h4 {
        padding-left: 0;
        font-size: 17px;
    }

    .section-main-title.protfolio h2 {
        font-size: 32px;
    }

    .solar-btn.protfolio {
        margin: 0px 0 42px;
        text-align: left;
    }

    .protfolio-thumb {
        margin-bottom: 30px;
    }

    .protfolio-thumb img {
        width: 100%;
    }

    .protfolio-item {
        padding: 16px 0 0;
        display: block;
        text-align: center;
    }

    .protfolio-item-title h3 {
        font-size: 16px;
    }

    .protfolio-item-content {
        display: block;
    }

    .protfolio-itme-hover {
        margin-top: 2px;
    }

    .protfolio-item-icon {
        display: none;
    }


    /* offer section */

    .offer-section {
        padding: 60px 0 72px;
    }

    .barfiller {
        width: 100%;
    }

    .offer-thumb {
        margin-left: 0px;
        margin-top: 60px;
        text-align: center;
    }

    .offer-thumb img {
        width: 80%;
    }

    .offer-items-box {
        margin-bottom: 30px;
        padding: 19px 6px 10px;
        text-align: center;
    }

    .offer-content h4 {
        font-size: 16px;
    }

    .offer-content h4 {
        font-size: 16px;
        padding: 0px 0 4px;
    }
	
	.offer-content p {
		font-size: 14px;
	}

    /* offer style two */

    .offer-section.style-two {
        padding: 0 0 72px;
    }

    /* team section  */

    .team-section {
        padding: 58px 0 236px;
    }

    .team-items-box {
        margin-bottom: 130px;
    }
	
	 /* team style two  */
	  
	.team-section.style-two {
		padding: 57px 0 238px;
	}


    /* appointemnt section */

    .row.appointment {
        padding: 75px 16px 75px;
    }

    .section-main-title.offer h2 {
        line-height: 27px;
        font-size: 26px;
    }

    .choose-us-info {
        margin-bottom: 40px;
        display: none;
    }

    .choose-contact-box.appointment {
        padding: 37px 9px 34px;
    }
    

    /* blog section */

    .blog-section {
        padding: 56px 0 0px;
    }

    .blog-items-box {
        margin-bottom: 95px;
    }

    .blog-thumb img {
        width: 100%;
    }

    .blog-date {
        display: none;
    }

    .blog-content {
        padding: 0 15px 0;
    }

    .blog-meta span {
        padding-right: 14px;
    }

    .blog-bottom-shape {
        margin-right: 4px;
    }

    .blog-bottom-title {
        margin-right: 9px;
    }

    .blog-bottom-title h5 {
        font-size: 14px;
    }

    .blog-btn a {
        font-size: 14px;
    }

    /* subscirbe section */

    .section-main-title.Subscribe h2 {
        font-size: 33px;
        line-height: 16px;
    }
    
    /* footer section */

    .footer-section {
        padding:40px 0 0px;
    }

    .footer-wiget {
        margin-bottom: 20px;
    }

    .footer-thumb {
        display: none;
    }

    .row.footer-line {
        margin: 40px 0 0;
    }

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

    .footer-condition ul li {
        margin-right: 0px;
        font-size: 16px;
    }

    .footer-condition ul li a {
        margin-right: 7px;
        font-size: 16px;
    }


    /* home page style two css */

    .slider-section.style-two {
        height: 615px;
    }

    .slider-content.style-two {
        padding: 72px 15px 64px;
        margin: 72px 0 0px;
    }

    .slider-content.style-two h4 {
        font-size: 18px;
    }

    .slider-content.style-two h1 {
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 30px;
    }

    /* about section title */

    .about-video-icon {
        right: 38px;
        bottom: 14%;
    }

    .about-video-icon a {
        height: 45px;
        width: 45px;
        line-height: 45px;
        font-size: 24px;
    }

    .about-counter-two.style-two {
        display: none;
    }

    .about-content-discription p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    span.process-bar {
        font-size: 13px;
    }

    .barfiller .tip {
        font-size: 15px;
        top: -35px;
        padding: 1px 24px;
    }

    /* contact form */

    .choose-contact-box {
        padding: 26px 10px 42px;
    }

    .choose-contact-title h4 {
        font-size: 25px;
        margin-bottom: 23px;
    }

    .form-box-button button {
        width: 100%;
        height: 56px;
        font-size: 17px;
    }

    /* choose us section */

    .choose-us-thumb {
        margin-right: 12px;
        margin-left: -12px;
        float: none;
        margin-bottom: 16px;
    }

    .choose-us-list ul li {
        font-size: 15px;
    }

    .choose-us-list ul li i {
        margin-right: 3px;
    }

    .solar-btn.choose a {
        padding: 16px 16px;
    }

    .choose-us-icon {
        margin-left: 14px;
    }

    .choose-us-phone {
        margin-left: 10px;
    }

    /* testimonial section */

    .testimonial-section {
        padding: 0px 0 40px;
    }

    .section-sub-title h4 {
        font-size: 18px;
    }

    .section-main-title h2 {
        font-size: 27px;
    }

    .testi-item-box {
        padding: 44px 8px 40px;
    }

    .testi-discription p {
        font-size: 15px;
    }

    .testimonial-section .owl-dot {
        display: none;
    }

    /* call back section  */

    .call-back-section {
        padding: 72px 0 72px;
    }

    .call-back-numbar h3 {
        font-size: 24px;
        line-height: 33px;
    }

    .call-back-discription p {
        width: 100%;
    }

    /* about us innnr page  */

    .about-section.style-two {
        padding: 74px 0 60px;
    }

    /* service inner page  */

    .service-section.style-two {
        padding: 58px 0 32px;
    }

    /* service details inner page */

    .service-details-section {
        padding: 73px 0 45px;
    }

    .service-section.style-three {
        padding: 0px 0 36px;
    }

    .service-details-thumb-two {
        margin-bottom: 30px;
    }

    /* project grid inner page css */

	.project-grid-section {
        padding: 72px 0 40px;
    }

    .protfolio-menu ul li {
        padding: 6px 14px;
        margin: 0px 0px 27px;
        font-size: 16px;
    }
	
	.project-content {
		padding: 14px 23px 24px;
	}

	.project-content h4 {
		font-size: 20px;
	}

    /* project details inner page */

    .project-details-section {
        padding: 72px 0 72px;
    }

    .projetct-details-image {
        margin-bottom: 20px;
    }

    .projetct-details-image img {
        width: 100%;
    }

    .project-details-section .info-area {
        margin-bottom: 20px;
        padding-left: 0;
    }

    .project-details-section .info li {
        padding: 4px 0;
    }

    .project-details-section .info li h6 {
        font-size: 16px;
    }

    .project-details-section .info li p {
        font-size: 13px;
        margin: 10px 0px 0;
    }

    .project-details-section .title h4 {
        font-size: 24px;
    }

    .image {
        text-align: center;
    }

    .image img {
        width:80%;
    }
    .image.rispic img{
        width:100%;
    }
    .project-details-section .desc-list li p {
        font-size: 14px;
    }

    /* blog inner page  */

    .blog-section.style-two {
        padding: 72px 0 72px;
    }

    .blog-bottom-shape.style-two {
        display: none;
    }

    .blog-bottom-title.style-two {
        margin-right: 30px;
    }
	
	.blog-content.style-two {
		padding: 27px 8px 34px;
	}

    .as-pagination {
        margin-bottom: 50px;
    }

    .recent-widget-thumb {
        margin-top: -3px;
    }

    /* blog details inner page */

    .blog-section.style-three {
        padding: 72px 0 74px;
    }

    .blog-meta.style-two span {
        font-size: 14px;
        padding-right: 11px;
    }

    .blog-title h4 a {
        font-size: 18px;
    }

    .blog-disctiption p {
        font-size: 14px;
    }

    .blog-details-thumb {
        margin-bottom: 30px;
    }

    .blog-details-list ul li {
        font-size: 14px;
    }

    .blog-details-list ul li i {
        font-size: 16px;
    }

    .blog-details-title h5 {
        font-size: 18px;
    }

    blockquote {
        padding: 25px 0px 30px;
        font-size: 11px;
    }

    .blog-details-social-box {
        display: none;
    }

    .ba-blog-comment-list {
        margin-bottom: -60px;
    }

    .ba-blog-comment-list ul li .ba-blog-comment-box {
        padding-bottom: 20px;
    }

    .content-main p {
        font-size: 14px;
    }

    .ba-blog-comment-list ul li .ba-blog-comment-box.inner {
        margin: 25px 0px 30px;
    }

    .ba-blog-comment-list ul li .image {
        float: none;
        text-align: left;
        margin-bottom: 15px;
    }

    .ba-blog-comment-list ul li .image img {
        width: 30%;
    }

    /* form box */

    .form-box.inner textarea {
        height: 120px;
    }

    /* team details inner page  */
	
	.team-details-section {
		padding: 40px 0 74px;
	}

    .team-details-author-img {
        margin-top: 35px;
    }

    .team-details-author-content {
        margin-bottom: -40px;
    }

    .team-details-author-name {
        margin-bottom: 4px;
    }

    .team-details-author-experience ul li .value {
        font-size: 13px;
    }

    /* faq inner page  */

    .faq-section {
        padding: 57px 0 80px;
    }

    .section-main-title.faq h2 {
        font-size: 27px;
    }

    .choose-contact-box.faq {
        padding: 46px 13px 60px;
    }

    .choose-contact-title.faq h4 {
        font-size: 24px;
    }

    .faq-discription p {
        font-size: 17px;
    }

    .form-box-button.faq button {
        width: 100%;
        height: 55px;
    }

    /* error inner page  */

    .error-section {
        padding: 73px 0 74px;
    }

    .error-thumb img {
        width: 100%;
    }

    /* contact us inner page */

    .contact-section {
        padding: 60px 0 72px;
    }

    .contact-discription p {
        font-size: 16px;
        line-height: 30px;
    }

    .contact-icon {
        margin-right: 7px;
    }


    /* breatcome css */

    .breatcome-title h1 {
        font-size: 36px;
    }

    .bratcome-text {
        left: 0;
    }


    

}

@media(max-width: 1750px) {
   	.solar-menu ul li {
    margin: 0 1vw;
}
.tpr-item {
    padding-bottom:100px;
}
.swiper-pagination{
	font-size:0.8vw;
	line-height:1.5;
}

	
}

@media(max-width: 1450px) {

.timaxxf {
    left: auto;
	right:0%;
}

.mhuf {
    bottom: 0vw;
    right: 12.5vw;
	left:auto;
}

.morgbb h2{
	font-size:24px;
}
.morgbb p{
	font-size:14px;
}

.juzhen{
	height:35vw;
}
.juzhenn h2 {
    font-size:18px;
}
.juzhenna p{
	font-size:14px;
}

.whyczaa p{
	font-size:14px;
}
	
}

@media(max-width: 768px) {


    .timaxxfn .swiper-pagination, .mhuaf .swiper-pagination{
		font-size:14px;
        line-height:1.3;
    }

   .zbnb {
    display:none;
}

.zerobanb h2 {
    font-size:24px;
}
.zerobanb p {
    font-size:14px;
}
.zerobb h2 {
    font-size:14px;
}

#zbtit{
	display:none;
}
.vrdsbbn p {
    display:none;
}

.vrdsbc {
    font-size:36px;
    right:5%;
    bottom:10%;
}

.vrdsbbn h2::after {
    display:none;
}

.zdaac1{
	transform: scale(0);
	opacity:0;
}
.zdaac2{
	transform: scale(0);
	opacity:0;
}
.zdaac3{
	transform: scale(0);
	opacity:0;
}
.zdaac4{
	transform: scale(0);
	opacity:0;
}
.zdaac5{
	transform: scale(0);
	opacity:0;
}
.zdaac6{
	transform: scale(0);
	opacity:0;
}
.zdaac7{
	transform: scale(0);
	opacity:0;
}
.zdaac8{
	transform: scale(0);
	opacity:0;
}
.zdaac9{
	transform: scale(0);
	opacity:0;
}
.zdaac10{
	transform: scale(0);
	opacity:0;
}
.zdaac11{
	transform: scale(0);
	opacity:0;
}
.zdaac12{
	transform: scale(0);
	opacity:0;
}

.zerobca .container{
        margin-top:20vh;
    }

.vrdsbbn {
    margin:20px;
    overflow: hidden;
}

#navb {
        margin-top:20vh;
    }


.zdaab49 img.zdab46{
	display:block !important;
	-webkit-transform: translateY(30%)scale(0.5);
    -moz-transform: translateY(30%)scale(0.5);
    transform: translateY(30%)scale(0.5);
}
.zdaab50 img.zdab47{
	display:block !important;
	-webkit-transform: translateY(35%)scale(0.6);
    -moz-transform: translateY(35%)scale(0.6);
    transform: translateY(35%)scale(0.6);
}
.zdaab51 img.zdab48{
	display:block !important;
	-webkit-transform: translateY(40%)scale(0.7);
    -moz-transform: translateY(40%)scale(0.7);
    transform: translateY(40%)scale(0.7);
}
.zdaab52 img.zdab49{
	display:block !important;
	-webkit-transform: translateY(130%)scale(0.8);
    -moz-transform: translateY(130%)scale(0.8);
    transform: translateY(130%)scale(0.8);
}
.zdaab53 img.zdab50{
	display:block !important;
	-webkit-transform: translateY(130%)scale(0.8);
    -moz-transform: translateY(130%)scale(0.8);
    transform: translateY(130%)scale(0.8);
}
.zdaab54 img.zdab51{
	display:block !important;
	-webkit-transform: translateY(130%)scale(0.8);
    -moz-transform: translateY(130%)scale(0.8);
    transform: translateY(130%)scale(0.8);
}
.zdaab55 img.zdab52{
	display:block !important;
	-webkit-transform: translateY(130%)scale(0.8);
    -moz-transform: translateY(130%)scale(0.8);
    transform: translateY(130%)scale(0.8);
}
.zdaab56 img.zdab53{
	display:block !important;
	-webkit-transform: translateY(130%)scale(0.8);
    -moz-transform: translateY(130%)scale(0.8);
    transform: translateY(130%)scale(0.8);
}
.zdaab57 img.zdab53{
	display:block !important;
	-webkit-transform: translateY(130%)scale(0.8);
    -moz-transform: translateY(130%)scale(0.8);
    transform: translateY(130%)scale(0.8);
}
.zdaab58 img.zdab53{
	display:block !important;
	-webkit-transform: translateY(130%)scale(0.8);
    -moz-transform: translateY(130%)scale(0.8);
    transform: translateY(130%)scale(0.8);
}
.zdaab59 img.zdab53{
	display:block !important;
	-webkit-transform: translateY(130%)scale(0.8);
    -moz-transform: translateY(130%)scale(0.8);
    transform: translateY(130%)scale(0.8);
}	
	
	
	
}

@media(max-width:768px) {
	
.bvidf p {
   
    font-size:14px;
    margin-top: 10px;
}
.bvidf h2 {
    font-size:24px;
}	
.section-main-title h2.nover {
    font-size: 24px;
}
h2{
	font-size: 24px;
}
p{
    font-size:14px;
}
h4 {
    font-size: 14px;
}
.section-main-title h2.nover b {
    font-size: 24px;
}
.nkika h4 {
    margin-top:40px;
}

.nkika h2 {
    margin-top: 10px;
}

.nkikb p {
    margin-top:20px;
    min-height:auto;
}

.nkik {
    margin-top:20px;
}

.dmtp-5v{
	margin-top:60px !important;
}
.abt-tb p {
    max-width:90vw;
    margin: 0 auto;
    margin-top:10px;
}

.abtt {
    margin-top: 20px;
}

.abton a {
        font-size: 14px;
        padding:7px 20px;
    }
.abt-section.abg{
	display:none;
}
	
.vsa-section {
    margin-top:60px;
}
.sosa h2 {
    padding-bottom:10px;
}	
.sosa h2::before {
    position: absolute;
    content: "";
    height: 2px;
    width:50px;
    background: rgb(205, 30, 25, 1);
    left: 0%;
    bottom: 0%;
}	

.vsab {
    margin-top:10px;
}
.cliktu img {
        object-fit: cover;
        height:400px;
    }

.cliktufn {
    margin:30px;
}

.cliktu.tu2 img {
        object-fit: cover;
        height:600px;
    }
.groka img {
        object-fit: cover;
        height:400px;
    }
.vctat-section {
    margin-top:60px;

}

.abton.actr a {
    font-size:14px;
    padding: 7px 20px;
    border-radius: 3px;
}

.ctacmn {
    margin:30px;
}
.ftlog {
    width:100px;
    overflow: hidden;
	margin-bottom:40px;
}
.footer-wiget-menu ul li {
    margin-top: 6px;
    font-size:14px;
}

.copyright-text p {
        font-size: 14px;
		text-align:center;
		margin-top:10px;
    }

.copyright-text p span{
        display:block;
    }
.foticon{
	text-align:center;
	margin-bottom:10px;
	margin-top:20px;
}

.foticon a img {
    width:40px;
    height:40px;
    display: inline;
}


.foticon a {
    margin-right:5px;
	margin-left:5px
}

.bvidf.xiao h2 {
    font-size: 24px;
	max-width:100vw;
}
.bvidf.xiao p {
    display:none;
}
.bvidf.xiao.np h2{
	max-width:100vw;
}

.cloa img{
        object-fit: cover;
        height:400px;
    }

.cloaf {
    top:40px;
}
.cloaf h2 {
    width: 85%;
}

.clob{
	margin-top:40px;
}
.cloba h4 {
    margin-top:40px;
}
h3 {
    font-size: 16px;
}
.clobb p {
    margin-top: 10px;
}

.bige-section{
	width:100%;
	overflow-x:scroll;
	margin-top:60px;
}

.bige-section .container{
	width:1200px;
}

.rabpc {
    width:300px;
}



.rabpc h2 {
    font-size:24px;
    margin: 10px;
}


.bige-section tr th:first-child, .bige-section tr td:first-child {
    text-align: left;
    padding: 10px 15px;
}

.bige-section tr th, .bige-section tr td{
    text-align: center;
    padding: 10px 15px;
}


.sosa.cnt h2::before {
    height: 2px;
    width: 70px;
}
.tjp h2 {
    margin-top:10px;
    font-size: 18px;
}

.tpr-item .owl-nav {
    width:80vw;
	left:50%;
	right:auto;
    -webkit-transform: translateY(0%) translateX(-50%);
    -ms-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}

.owl-next i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        margin-left: 13px;
    }

.tpr-item .owl-prev i {
    width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;

}
.tpr-item .owl-dot {
    width:8px;
    height:8px;
    background: rgb(0, 0, 0, 0.1);
    border-radius: 50%;
    margin: 0 5px;
}

.tpr-item .owl-dots {
    bottom:32px;
}

.tuij-section {
    margin-top:60px;
}

.tappt h2 {
    padding-bottom:10px;
}

.tapp-section .tjp {
    margin-top: 40px;
}

.dofen {
    bottom:40px;
}

.tappp {
    margin-top:10px;
	margin-bottom:40px;
}
.tiji {
    margin-top:0px;
}

.vkang input {
    padding: 7px 15px;
}
.vkangtext textarea {
    padding: 7px 15px;
    max-height: 180px;
}

.vkangtj input {
    padding: 7px 15px;
	margin-top:20px;
}

.cont-section{
	padding-bottom:100px;
}
.tyw img{
	object-fit: cover;
        height:250px;
}
.copyright-text span i {
    margin-left:5px;
}


.testimony-29101 .image{
        height: auto;
    }
.thumbnail li a img {
    width:80px;
    border-radius:3px;
}
.prot-desa h2{
   padding-bottom:10px;
}
.prot-desa h2::before {
    height: 1px;
	background: rgba(26, 28, 29, 0.1);
}
.prot-desa p.prot-xh {
    font-size: 16px;
    margin-top:10px;
}

.prot-desb table tbody tr td {
    padding: 7px 0px;
	font-size:14px;
}

.col-sm-6{
	width:50%;
}

.prot-desbbt {
    margin-top:40px;
}

.abton a {
    display: inline-block;
    text-decoration: none;
    font-size:14px;
    padding: 10px 0px;
    border-radius: 3px;
    font-weight: 500;
    letter-spacing: 1px;
    background: rgb(205, 30, 25, 1);
    color: #fff;
    -webkit-transform: translateY(0%) translateX(0%) skew(-10deg);
    -ms-transform: translateY(0%) translateX(0%)skew(-10deg);
    transform: translateY(0%) translateX(0%) skew(-10deg);
}

.prot-desbbta.abton a {
    font-size:14px;
    padding: 10px 0px;
    border-radius: 3px;
}
.prot-desbbta.abton a {
    display: block;
    width: 100%;
    text-decoration: none;
    font-size:14px;
    font-weight: 500;
    letter-spacing: 1px;
    background: rgb(205, 30, 25, 1);
    /* border: 0px solid rgb(205, 30, 25, 1); */
    color: #fff;
    border-radius:3px;
    padding: 10px 0px;
    position: relative;
    z-index: 1;
}

.prot-desbbta.abton.prbt1 a::before {
    border-radius: 3px;
}
.tjapp{
	margin-top:40px;
}
.tjapp h2 {
    font-size:16px;
    margin-top:10px;
}

.vlu .tjapp h3 {
    margin-top:20px;
    font-size: 14px;
}

.vlu .tjapp h3 a {
    padding: 7px 15px;
    border: 1px solid rgb(205, 30, 25, 1);
    color: rgb(205, 30, 25, 1);
    border-radius: 3px;
}
.dhppp{
	margin-top:20px;
}
.dhppp p {
    padding-left:15px;
    font-size:14px;
}

.dhppp p::before {
    top: 8px;
}

.tjp {
	width:auto;
    margin-top: 20px;
	padding:0;
}

.d-md-flex{
	overflow:hidden;
	padding:0;
}

.bvidf h2 {
        text-align:center;
    }

.mkt p {
    max-width:100vw;
}

.mangf h2 {
    padding-bottom: 10px;
}
.mangf h2::after {
    width:70px;
    border-bottom: 2px solid rgb(205, 30, 25, 0.9);
}

.dmtp-1v{
	margin-top:10px !important;
}
.mzatt{
	margin-bottom:40px;
}
.mzattb{
	margin:20px 20px 40px 20px;
}

.abton a {
        padding: 7px 15px;
    }

.mktd p {
    display:none;
}

.sizdn h2 {
    position: relative;
    padding-bottom:10px;
    margin-top: 0;
    font-size:24px;
}

.sizdn.dnon h2:after {
    width:70px;
    border-bottom: 2px solid rgb(205, 30, 25, 1);
}
.sizdn.dnon p {
    margin-top:10px;
}

.sizdn {
    margin-bottom:40px;
}

.progress {
    height:14px !important;
    border-radius: 7px;
    overflow: visible !important;
	font-size:12px;
}
.proggf {
    font-size:12px;
    line-height:14px;
}
.gress {
    width:18px;
    height:18px;
}
.res1 {
    border: 3px solid rgb(205, 30, 25, 1);
}
.res2{
    border: 3px solid rgb(31, 187, 173, 1);
}
.progwen {
    font-size: 24px;
	margin-top:10px;
}

.dmtp-3v{
	margin-top:20px !important;
}

.rdra-ld h4 {
    margin-bottom:10px;
}

.rdra-ld {
    margin-top:10px;
	margin-bottom:20px;
}

.col-sm-9{
	width:75%;
}
.col-sm-3{
	width:25%;
}
.lswen h2 {
    font-size:36px;
}
.lswen p {
    font-size:14px;
}

.lstu {
    width:100%;
}

.rdrb-ld ul li {
    font-size:20px;
    font-weight: bold;
    line-height:3;
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
}
.tgw {
    width: 100%;
}

.rddtoa{
	display:none;
}
.whyy {
    width: 50%;
   margin:0 auto;
}
.mdel{
	text-align:center;
}
.sgyy{
	margin-top:20px;
}
.rdmcr-mcab h2::before {
    width:70px;
    height: 2px;
}

.lajik{
	margin-bottom:20px;
}

.lajikn {
    margin: 20px;
}
.lajikn h3{
    padding-bottom:10px;
}
.lajikn h3::before {
    width:70px;
    height: 2px;
}

.morgb {
    position:relative;
    width: 100%;
    left: 0%;
    top: auto;
   margin-top:20px;
   -webkit-transform: translateY(0%) translateX(0%);
    -ms-transform: translateY(0%) translateX(0%);
    transform: translateY(0%) translateX(0%);
}
.morgbb h2{
	font-size:24px;
	color:#1c1632;
	padding-bottom:10px;
}
.morgbb h2::after {
    width:70px;
    height: 2px;
}
.morgbb p {
     color:rgba(102, 102, 102, 1);
    }
.bvidf p {
        text-align:center;
    }

.prduaa h2{
    padding-bottom:10px;
}
.prduaa h2::before {
    width:70px;
    height: 2px;
}
.mudh{
    display:none;
}
.mudh.mudon {
    display:block;
}

.mudh a {
    font-size:16px;
}
.mbudh {
    bottom:40px;
}
.dmtp-2v {
    margin-top: 20px !important;
}

.bontext h2::after {
    width: 70px;
    height: 2px;
}
.bontext p {
    font-size: 14px;
}

.bontext {
    margin:20px 30px;
    overflow: hidden;
}

.qlhdn {
    height: auto;
}

.qlhdnf {
    position: relative;
    width: 100%;
    left: 0%;
    top: 0%;
    -webkit-transform: translateY(0%) translateX(0%);
    -ms-transform: translateY(0%) translateX(0%);
    transform: translateY(0%) translateX(0%);
    overflow: hidden;
	margin-top:20px;
}
.col-sm-12{
	width:100%;
}
.qlhdnfa {
        width:100%;
        margin-top: 5vw;
    }
.thumqual li{
	display:none;
}
.thumqual li.active{
	display:block;
}

.thumqual li p {
    padding: 10px 0vw;
    font-size:16px;
    margin-top:10px;
    margin-bottom:10px;
}
.bontext h2 {
    padding-bottom: 10px;
}
.zslink{
	display:none;
}

.cornnel {
    width:80px;
    margin-right:10px;
}
.cornner {
    width:auto;
}

.cornne {
    justify-content:left;
}

.zerobb .cornner h2 {
    font-size:24px;
}
.cornne{
	background:rgb(0,0,0,0.01);
	border:1px solid rgb(0,0,0,0.03);
	border-radius:3px;
	margin-bottom:20px;
	padding:10px 20px;
}

.gjbb{
	display:none;
}

.gtav {
    display:block;
}


.owl-next i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        margin-left: 13px;
    }
.gjbcc{
	display:none;
}
.gjb{
	display:none;
}


.zindexbox5b .most p {
    max-width:80vw;
    margin-top:10px;
}

.abtpr-abaan p {
    margin-top:10px;
}

.kankr p {
    font-size:20px;
}
.kankl {
    font-size:24px;
    line-height: 2.2;
}

.kankr {
    margin-left:8px;
}
.mzstun{
	margin-top:20px;
}
.whyczax {
    width: 100%;
    height:300px;
	background-attachment:scroll;
    background-size:100% auto;
}

.juzhenn {
    margin:20px;
    overflow: hidden;
}
.juzhenna {
    width:40px;
}
.juzhen {
        height:auto;
		margin-top:20px;
    }

.whyczb {
    margin-top:20px;
}

.vcrcle {
    width:300px;
    height:300px;
	margin-top:20px;
}
.vcrcle::before {
    width:300px;
    height:300px;
	border: 4px solid rgb(193, 199, 204, 1);
}
.vcrcle h2 {
    padding-bottom:10px;
    margin-top:30px;
    font-size:24px;
}
.vcrcle h2::before {
    width:100px;
    border-bottom: 2px solid rgba(226, 226, 226, 1);
}
.vcrcle p {
    font-size: 14px;
}
.mean-container .mean-nav ul li a i{
    font-size: 10px;
}
.mean-container .mean-nav ul li a.mean-expand {
    top: 0px;
}
.hesr .row h3 {
    padding-bottom:10px;
    font-size:20px;
}

.hesr .row h3, .hesr .row p {
    width:90%;
    margin-left: 5%;
}

.hesr .row h3::before {
    height:2px;
    width:50px;
}

.pmtop {
    margin-top: 10px;
}

.thumbprt li{
	display:none;
}
.thumbprt li.active{
	display:block;
}
.siyel {
    width: 90%;
    margin-left: 5%;
}


.tdhua h3{
	display:none;
}
.tdhub {
    width:100%;
    left: 0;
    top: auto;
	bottom:0%;
}
.tdhub p {
    margin:20px 20px 30px 20px;
    text-align:left;
}
.dblog {
    margin-left: 0;
    margin-right: 0;
}
.dblog p{
		margin-top:20px;
    }
.dblog h2 {
    padding-bottom:10px;
}
.dblog h2::before {
    height: 2px;
    width: 50px;
}

.dblog{
	padding-bottom:40px;
}

.bloga-section .biaotu img {
    height:200px;
}

.blogn {
    margin-bottom:20px;
}

.adresa {
    width:50px;
}

.adres p {
    font-size:14px;
}

.mapn-section{
	display:none;
}
.zindexbox5b .most h2{
   padding-bottom:10px;
}

.zindexbox5b .most h2::before {

    width:50px;
}


}