@font-face {
    font-family: "MONTSERRAT-REGULAR";
    src: url("../font/MONTSERRAT-REGULAR.woff2") format("woff2"),
        url("../font/MONTSERRAT-REGULAR.woff") format("woff"),
        url("../font/MONTSERRAT-REGULAR.ttf") format("truetype"),
        url("../font/MONTSERRAT-REGULAR.eot") format("embedded-opentype"),
        url("../font/MONTSERRAT-REGULAR.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kaiti';
    src: url('../fonts/simkai.ttf');
}

/*---=================================
   <!--common Area Css-->
==================================---*/

.container-80{width: 86%; margin: 0 auto;}
.solid-left {border-left: 1px solid #ddd;}
.full img {width: 100%;}
.padding-pannel{padding:80px 0;}


.section-heading-wrap{display:flex;align-items:center;justify-content:space-between; margin-bottom: 30px;}
.section-heading-wrap .section-heading{position: relative;padding: 0 0 15px;}
.section-heading-wrap .section-heading h2{color: #212121;font-size: 48px; font-weight: bold;}
.section-heading-wrap .section-heading h4{color: #cccccc;font-size: 30px;font-family: 'Oswald-Medium';font-weight: 500; }
/* .section-heading-wrap .section-heading:after{content:'';position:absolute;width:54px;bottom:0;left:0;height:5px;
    background:#fd8d1c;transition:all .3s;-webkit-transition:all .3s;overflow:hidden;border-radius:.15em} */
.section-heading-wrap .text-more{font-size: 18px;font-weight: bold;padding-top:74px;}
.section-heading-wrap .text-more a{color: #cccccc;font-weight: 500;font-family: 'Oswald-Medium';}
.section-heading-wrap .text-more i{font-size: 30px;}


.main-btn{position: relative; left: 0; bottom: 30px; line-height: 70px; padding: 0 35px; border:2px solid #e7e7e7; 
    border-radius: 50px; color:#666666;overflow: hidden; -webkit-transition: all .6s;transition: all .6s;font-size: 18px;}
.main-btn:hover{color:#fff; border-color:#fd8d1c;}
.main-btn .bgsqr1,.main-btn .bgsqr2,.main-btn .bgsqr3,.main-btn .bgsqr4{background:#fd8d1c;position: absolute;top:0; width: 0px;height: 100%;-webkit-transition: all 0.4s; transition: all 0.4s; opacity:0.35;}
.main-btn .bgsqr3,.main-btn .bgsqr4{ opacity:0.75;}
.main-btn .bgsqr1{ left:0;}
.main-btn .bgsqr2{ right:0}
.main-btn .bgsqr3{ right:0;}
.main-btn .bgsqr4{ left:0;}
.main-btn:hover .bgsqr1,.main-btn:hover .bgsqr2,.main-btn:hover .bgsqr3,.main-btn:hover .bgsqr4{ width:100%;}
.main-btn:hover .bgsqr3,.main-btn:hover .bgsqr4{-webkit-transition-delay:.4s;transition-delay:.4s;}
.main-btn span{ position:relative; z-index:1;}

.main-btn.line-white{border: 2px solid #fff;color: #fff;}
.main-btn.line-white:hover{color:#fff; border-color:#fd8d1c;}



/*---=================================
   <!--Header Area Css-->
==================================---*/
.header-area{
    width: 100%;
    background: url(../images/index/top_bg.png);
    background-repeat: no-repeat;
    height: 125px;
}
.header-menu{text-align:right;display: flex;align-items: center;}
.header-menu ul{display:inline-block}
.header-menu ul li{display:inline-block;min-width: 140px;position: relative;}
.header-menu ul li a{display:inline-block;font-size:16px;text-transform:uppercase;padding:18px 0;transition:.5s;min-width: 140px;text-align: center;}
.header-menu ul li a:hover{color:#fff;background: url(../images/common/navbg.png); background-repeat: no-repeat;}
.header-menu ul li i{font-size:12px;display:flex;position:relative;left:6px;top:-2px;color:#012766;transition:.5s}
.header-menu ul li a .title{font-size: 16px;color: #333;font-weight: 500;}
.header-menu ul li a .title_en{font-size: 12px;line-height: 20px;color: #fff;}
.header-menu ul li a:hover i{color:#fff}
.header-menu ul li.menu-item-has-children{position:relative}
.header-menu ul li.menu-item-has-children .title::before {
    content: "\e7c1";
    font-family: 'iconfont';
    position: absolute;
    left: 50%;
    margin-left: 44px;
}
.header-menu ul li:nth-child(2).menu-item-has-children .title::before {
    content: "\e7c1";
    font-family: 'iconfont';
    position: absolute;
    left: 50%;
    margin-left: 34px;
}
.header-menu ul li.active a{color: #fff;font-weight: 600;background: url(../images/common/navbg.png);
    background-repeat: no-repeat;}
/* .header-menu ul li.active::after{content: "\e7c4";font-family: "iconfont"; color:#febb77; position: absolute; top: 62px; background-size: 16px 22px; width: 16px;height: 22px;left: 50%;
    margin-left: -8px;} */
 /* .header-menu ul li::after {
     content: "\e7c4";
     font-family: "iconfont";
     color: #fff;
     position: absolute;
     top: 59px;
     background-size: 16px 22px;
     width: 16px;
     height: 22px;
     left: 50%;
     margin-left: -8px;
 } */
.header-menu ul li.active::after{color: #fff;}
.header-menu ul li.active a .title {color: #fff;font-weight: bold;}
.header-menu ul li.active a .title_en { color: #fff;}
.header-menu ul li:hover::after {color: #fff;}
.header-menu ul li:hover a{color:#fff;font-weight: 600;background: url(../images/common/navbg.png); background-repeat: no-repeat;}
.header-menu ul li:hover a .title {color: #fff;font-weight: 600;}
.header-menu ul li:hover a .title_en { color: #fff;}


.header-menu ul li .sub-menu .li::after{display: none;}
.header-menu ul li .sub-menu{position:absolute;width:200px;display:block;text-align:left;background:#fff; opacity:0;visibility:hidden;top:50%;z-index:2;
    margin-top: 30px;
    box-shadow:0 1px 3px rgba(0,0,0,.3);border-top:3px solid #a71e18;border-radius:3px 3px 0 0;left: 50%;margin-left: -100px;}
.header-menu ul li:hover .sub-menu{opacity:1;top:100%;visibility:visible;padding: 20px 0;}
.header-menu ul li .sub-menu .li a{display:block;padding:10px 19px;color:#666;width:200px;text-transform:capitalize;font-size:15px;font-weight:500;text-align: left;}
.header-menu ul li .sub-menu .li a:hover{color:#a71e18;background: none;}

.header-menu ul li:hover .sub-menu .li a{background: none;}

.header-search-button{display:inline-block;margin-left: 10px;width: 50px;text-align: center;}
.header-search-button a{color: #999;}
.header-button{display:inline-block;}
.header-button a{display:inline-block;color:#606061; padding:12px 10px;font-size:16px;font-weight:500;position:relative;z-index:1;transition:.5s}
.header-button a:hover{color:#FD8D1C}
.header-button a:before{position:absolute;content:"";width:0;height:100%;left:50%;top:0;background:#fff;z-index:-1;transition:.5s}
.header-button a:hover:before{width:100%;left:0}
.header-button a i{margin-right: 5px;}
.sticky{left:0;margin:auto;position:fixed!important;top:0;width:100%;
            background: url(../images/index/top_bg.png);
            background-repeat: no-repeat;
            height: 125px;
    -webkit-box-shadow:0 2px 5px -2px rgba(0,0,0,.1);
    box-shadow:0 2px 5px -2px rgba(0,0,0,.1);transition:.5s!important;z-index:922;
    -webkit-animation:.3s running fadeInDown;animation:.5s running fadeInUp;animation-name:slideInDown}



/*---=================================
   <!--Footer Area Css-->
==================================---*/

.footer-area{
border-top: 3px solid #af251c;padding:36px 0 0;position: relative;
background: #1b1b1b url(../images/index/foot_bg.png);
background-repeat: no-repeat;
}
/* .footer-area:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    margin: auto;
    width: 53px;
    height: 26px;
    background: url(../image/common/bg3.png) no-repeat;
    background-size: contain;
} */
.footer-widget-desc p{width:85%;color:#9ca5b5;font-weight:400;margin:22px 0 25px}
.footer-widget-address{display:flex;gap:6px;margin-bottom:18px}
.footer-widget-address-icon i{display:inline-block;color:#3193f4;font-size:20px}
.footer-widget-address-content p{font-size:16px;line-height:26px;color:#fff;font-weight:400;margin:0}
.footer-widget-titel h4{font-size:14px;line-height:26px;color:rgba(255, 255, 255, 0.50);margin-bottom:16px;font-weight: 400;margin-top: 0;}
.footer-widget-titel h4 i{font-size: 20px;color: #cfcfcf; margin-top: 10px;position: relative;top: 4px; margin-right: 10px;}
.footer-widget-titel h4 span{font-weight: 400;font-size: 13px;color: #999999;padding-left: 10px;}
.footer-widget-menu ul li{font-size:14px;line-height:26px;color:rgba(255, 255, 255, 0.70);;font-weight:400;padding-left: 29px; margin-bottom:14px;transition:.5s}
.footer-widget-menu ul li a:hover{color:#7a220a}
.footer-widget-menu ul li i{display:inline-block;font-size:12px;color:#9ca5b5;margin-right:9px;transition:.5s}
.footer-widget-menu ul li a:hover i{color:#7a220a}

.footer-widget-link ul li{float: left; font-size:16px;line-height:26px;color:#333;font-weight:400;padding-left: 37px; margin-bottom:14px;transition:.5s}
.footer-widget-link ul li a{font-weight: 400; font-size: 16px; color: #333333;line-height: 36px;}

.footer-link{margin-top: 30px;}

.footer-widget-right .social-links{margin-top: 25px;}
.footer-widget-right .social-links li { position: relative; display: inline-block;margin: 0px 8px 0px 0px;line-height: 42px;}
.footer-widget-right .social-links li a {
    position: relative;
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: #000000;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}
.footer-widget-right .bblog-links{margin-top: 47px;}
.footer-widget-right .other-links{margin-top: 41px;display: flex;}
.footer-widget-right .other-links .lin-li{margin-right: 10px;}



.footer-widget-campaign{display:flex;align-items:center;gap:19px;margin-bottom:27px}
.widget-campaign-content a{font-size:14px;color:#fff;font-weight:500;width:85%;transition:.5s}
.widget-campaign-content a:hover{color:#fd8d1c}
.widget-campaign-content p{font-size:14px;color:#9ca5b5;font-weight:400;margin:0}
.newsletter-box input{background:#fff;border:transparent;width:94%;height:55px;padding:0 17px;outline:0}
.newslatter-button button{background:#fd8d1c;color:#fff;padding:15px 38px;border:transparent;margin-top:15px}

.footer-bottom-area{padding:14px 0 17px;margin-top: 30px;border-top: 1px solid rgba(255, 255, 255, 0.15);}
.footer-bottom-content p{font-size:14px;line-height:42px;color:rgba(255, 255, 255, 0.40);font-weight:400;margin:0;text-align: center;}
.footer-bottom-list-item{text-align:right}
.footer-bottom-list-item ul li{display:inline-block;margin-left:33px}
.footer-bottom-list-item ul li a{display:inline-block;font-size:14px;line-height:42px;color:#fff;font-weight:400;transition:.5s}
.footer-bottom-list-item ul li a:hover{color:#fd8d1c}
.footer-area .subcom-box{ color: #656565;text-align: center;margin-bottom: 40px;}
.footer-area .subcom-item{ position: relative; display: inline-block; padding: 0 28px; vertical-align: top;}
.footer-area .subcom-item a{color: #999;font-size: 14px;}
.footer-area .subcom-item:hover a{color: #fff;}
.footer-area .subcom-item + .subcom-item:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 5px; border-left: 1px solid #979797;}

.foot-code{margin: 0 auto;text-align: center;}
.foot-code img{width: 110px;height: 110px;}
.foot-code .text{font-size: 12px;color:rgba(255, 255, 255, 0.90); line-height: 32px;text-align: center;}


/*---=================================
   <!--banner Area Css-->
==================================---*/

.index-banner .swiper-pagination-bullet{width: 10px; height: 6px;display: inline-block;border-radius: 30px;background: #fff; opacity: .4;margin-right: 8px;}
.index-banner .swiper-pagination-bullet-active {opacity: 1; background: #a71e18;width: 20px;}
.index-banner .swiper-page{position: relative;}
.index-banner .swiper-page .swiper-pagination{top: -50px;left: 50%;margin-left: -50px;}


/*---=================================
   <!--section_title Area Css-->
==================================---*/

.section_title h1 {
  font-size: 40px;
  text-transform: capitalize;
  margin-top: 0;
  line-height: 1.2;
  font-weight: 800;
  color: #232323;
}

.section_title h5 {
  color: #0c5adb;
  font-size: 18px;
  margin: 0 0 20px;
  position: relative;
  z-index: 1;
  letter-spacing: 0;
  display: inline-block;
}

.section_title h5:before {
  position: absolute;
  content: "";
  z-index: -1;
  right: -10px;
  top: -2px;
  background: #CEDEF8;
  width: 30px;
  height: 26px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 65% 100%);
  transition: .5s;
}

.white.section_title h5 {
  color: #fff;
}

.section_title h5:hover:before {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  width: 107%;
}

.section_content_desc p {
  padding: 18px 0 0;
  color: #232323;
  line-height: 34px;
  font-size: 14px;
}

.section_title h4 {
  color: #0c5adb;
  font-size: 20px;
  font-weight: 600;
  padding: 0 0 15px;
}

.section_title h1 span {
  color: #0C5ADB;
}




/*---=================================
   <!--news Area Css-->
==================================---*/
.news-section{ background: url(../images/bg/bg7.jpg);background-repeat: no-repeat; background-size: 100% 100%; width: 100%;padding: 80px 0;}

.index-ptitle{width: 437px;height: 66px; margin: 0 auto; position: relative;text-align: center;display: flex;}
.index-ptitle .title{
    position: relative;
    z-index: 10;
    /* background: url(../images/index/title_bg.png); */
    background-repeat: no-repeat;
    width: 213px;
    height: 66px;
    line-height: 46px;
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    font-family: 'kaiti';
    color: #202020;
}
.index-ptitle .title::after{
    content: '';
    background: url(../images/index/yz_dd.png);
    background-size: 200px 14px;
    background-repeat: no-repeat;
    width: 220px;
    height: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.index-ptitle .right{position: absolute; right: 57px; bottom: 5px;}
.index-ptitle .title .red{color: #7a220a;}

.news_pannal{margin-top: 30px;}
.single_package{padding: 20px;margin-bottom: 20px;border: 1px solid #fff;background-color: #fff;border-radius: 10px;}
.single_package .pack_image{border-radius: 10px; overflow: hidden;width: 100%;}
.single_package .pack_image img{width: 100%;}
.single_package .package_info h5{font-weight: 400;font-size: 20px; color: #333333;line-height: 36px;}
.single_package .package_info p{font-weight: 300; font-size: 14px;color: #666666;line-height: 26px;margin-top: 10px;}
.single_package .package_locaton{font-weight: 400;font-size: 14px;color: #999999;line-height: 36px;}
.single_package .package_locaton .iconfont{color: #af251c;padding-right: 10px;}
.single_package .package_locaton .time_zone{padding-left: 40px;}
.single_package .package_locaton .icon{margin-right: 10px;}
.single_package .package_locaton .icon img{width: 12px;height: 21px;}
.single_package:hover{
box-shadow: 0px 10px 16px 0px rgba(122, 34, 10, 0.18);
    border-radius: 10px;
    border: 1px solid #af251c;
}


/*---=================================
   <!--news Area Css-->
==================================---*/
.portfolio-section{padding: 80px 0;background:#f9f9f9 url(../images/bg/bg3.jpg);width: 100%; background-repeat: no-repeat;background-size: 100% auto;
 background-position: bottom;
}
.portfolio{overflow:hidden;position:relative}
.portfolio .portfolio-wraper{overflow:hidden;margin-bottom:80px}
.portfolio .portfolio-group{direction:ltr;position:relative; margin: 40px -15px 0 -15px;}
.portfolio .portfolio-img-link{position:relative;display:block;overflow:hidden;outline:0;z-index:1;transition:all .5s ease-in-out 0s}
.portfolio .portfolio-item{position:relative;overflow:hidden;z-index:1;padding:15px 15px 0 15px;
    background-color: #fff;margin-bottom: 30px;}
.portfolio .item{overflow:hidden;background-color: #fff;}
.portfolio .item .overlay-color{z-index:2;opacity:0;transition:all .5s ease-in-out 0s}
.portfolio .item:hover .item-info{bottom:20px;opacity:1}
.portfolio .item:hover .overlay-color{opacity:.5}
.portfolio .item:hover .portfolio-img{transform:rotate(1deg) scale(1.1);transform-origin:center}
.portfolio .item:hover .icon{pointer-events:auto;opacity:1;transform:translate(-50%,-50%) scale(1)}
.portfolio .item .portfolio-img{min-width:100%;height:282px;object-fit:cover;transition:all 1.5s ease 0s}
.portfolio .item .item-info{position:absolute;left:2rem;bottom:-100px;margin:0;opacity:0;z-index:5;transition:all .3s ease-in-out 0s}
.portfolio .item .item-info .info-title{display:block;font-size:1.25rem;font-weight:700;text-transform:capitalize;color:#fff}
.portfolio .item .item-info .tags-list{list-style:none;padding:0;margin:0}
.portfolio .item .item-info .tag-item{display:inline-block;margin-right:.5rem}
.portfolio .item .item-info .tag-link{display:inline-block;font-size:.85rem;text-transform:capitalize;color:#fff;text-decoration:none!important}
.portfolio .item .icon{display:flex;align-items:center;justify-content:center;position:absolute;width:4rem;height:4rem;border-radius:50%;background:rgba(255,255,255,.8);color:#c41119;font-size:1.25rem;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);margin:0;opacity:0;cursor:pointer;pointer-events:none;z-index:5;transition:all .3s ease-in-out 0s}
.portfolio-rounded-with-gaps .item{border-radius:.5rem;overflow:hidden}
.portfolio-squared-with-gaps .item{border-radius:0;overflow:hidden}
.portfolio-squared-no-gaps .portfolio-item{padding:0}
.portfolio-squared-no-gaps .item{border-radius:0;overflow:hidden}
.portfolio .swiper-button-next,.portfolio .swiper-button-prev{background-image:none;background-size:cover;width:3rem;height:3rem}
.portfolio .left-arrow .icon,.portfolio .right-arrow .icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;background:rgba(196,17,25,.8);cursor:pointer;transition:all .3s ease-in-out 0s}
.portfolio .left-arrow .icon:hover,.portfolio .right-arrow .icon:hover{background-color:#07727e}
.overlay-color{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;display:block;transition:all .5s ease-in-out 0s;background:#000;opacity:.5}

.portfolio .portfolio-item .item-title{background: #fff; height: 50px; line-height: 50px; text-align: center; 
    border-top: 1px solid #f5f5f5; color: #202020; padding: 0 10px; font-size: 16px;}

.portfolio.portfolio-nei .portfolio-item{ padding: 0 15px; margin-bottom: 10px;}
.portfolio.portfolio-nei .portfolio-item .item{background-color: #f5f5f5;}




/*=====================================
    Testimonial area style three
 ======================================*/

.testimonial-area {
    background: #fff url(../images/bg/bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 120px 0 90px;
}

.testimoinal-single-box {
    padding: 81px 0 0;
    margin: 0 15px;
}

/*testimonial content*/
.testimonial-content1 {
    border-radius: 5px;
    background-color: #f5f5f5;
    text-align: center;
    padding: 80px 35px 45px;
    position: relative;
    z-index: 1;
}

.testimonial-content1::before {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    filter: drop-shadow(0px 10px 20px rgba(35, 50, 83, 0.07));
    background-image: linear-gradient(-45deg, #a71e18 0%, #9e3935 100%);
    content: "";
    transition: .5s;
    width: 0%;
    border-radius: 5px;
    z-index: -1;
}

.testimonial-content1:after {
    position: absolute;
    content: "";
    left: -15px;
    top: 18px;
    width: 100%;
    height: 100%;
    background: url(../images/common/testi-sp.png);
    background-repeat: no-repeat;
    background-position: center;
    animation: moveLeftBounce 3s linear infinite;
}

/*quote icon*/
.single-quote-icon {
    position: absolute;
    top: -60px;
    right: 0;
    left: 0;
    margin: auto;
}

.quote-icon {
    position: relative;
    z-index: 3;
    /* background: url(../images/index/avatar_kuang.png);
    background-repeat: no-repeat; */
    filter: drop-shadow(0 0 15px rgba(167,30,24, 0.07)); 
   /* background: #eccecc;  */
        width: 95px;
        height: 120px;
        /* background-size: 140px 140px; */
        margin: 0 auto;
        overflow: hidden;
        border: 3px solid #eccecc;
        border-radius: 50%;
        background: #fff;
        /* border: 1px solid rgba(167,30,24,0.1); */
}
/* .quote-icon::after{
    content: '';
    background: url(../images/index/avatar_ico.png);
    background-repeat: no-repeat;
    background-size: 40px 23px;
    width: 40px;
    height: 23px;
    position:absolute;
    right: 0;
    bottom: 15px;
    z-index: 1;
} */
.quote-icon .quote-img{width: 90px;height: 130px;overflow: hidden;position: relative;z-index: 1;}
.quote-icon .quote-img img{width: 100%;}

.quote-icon i {
    font-size: 80px;
    width: 123px;
    height: 115px;
    line-height: 115px;
    display: inline-block;
    color: #0B59DB;
    transition: .5s;
}
.quote-icon img{width: 100%;}

/*testi icon*/
.testi-start-icon i {
    font-size: 16px;
    color: #a71e18;
    display: inline-block;
    padding: 5px 0;
}

.testimonial-title h6 {
    font-size: 22px;
    font-weight: 600;
    transition: .5s;
    color: #000;
}

.testimonial-desc p {
    transition: .5s;
    font-size: 14px;
    color: #999;
    line-height: 28px;
}

.testimonial_list .button{
    position: relative;
    width: 100px;
    margin: 0 auto;
    bottom: -100px;
}

.testimonial_list .more{
    width: 144px;
        height: 44px;
        text-align: center;
        line-height: 40px;
            color: #a71e18;
            border: 2px solid #a71e18;
            border-radius: 20px;
            text-align: center;
        margin: 0 auto;

}
.testimonial_list .more a{
    display: inline-block;
    color: #a71e18;
    width: 100%;
}


.testimonial_list .button .swiper-button-next,
.testimonial_list .button .swiper-button-prev {
    position: absolute;
    bottom: -100px;
    width: 44px;
    height: 44px;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    line-height: 40px;
        color: #a71e18;
        border: 2px solid #a71e18;
        border-radius: 50%;
        text-align: center;
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.testimonial_list .button .swiper-button-prev{
    left: 0;
    right: initial;
    background-image: none;
}
.testimonial_list .button .swiper-button-next{
    right: 0;
    left: inherit;
    background-image: none;
}

.testimonial_list .button .swiper-button-prev::after{
    content: "\e7be";
        font-family: "iconfont";
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -12px;
        margin-top: -20px;
        font-size: 26px;
        color: #a71e18;
}
.testimonial_list .button .swiper-button-next::after {
    content: "\e7bd";
    font-family: "iconfont";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px;
        margin-top: -20px;
    font-size: 26px;
    color: #a71e18;
}
.testimonial_list .button .swiper-button-prev:hover {
    background: #a71e18;
    color: #fff;
}
.testimonial_list .button .swiper-button-prev:hover::after{
    color: #fff;
}

.testimonial_list .button .swiper-button-next:hover {
    background: #a71e18;
    color: #fff;
}
.testimonial_list .button .swiper-button-next:hover::after {
    color: #fff;
}


/*testimonial hover*/

.testimonial-content1:hover:before {
    width: 100%;
    left: 0;
}

.testimonial-content1:hover .quote-icon:after {
    opacity: 0;
}

.testimonial-content1:hover .quote-icon:before {
    opacity: 1;
}

.testimoinal-single-box:hover .quote-icon:before {
    filter: none;
}

.testimonial-content1:hover .testimonial-title h6,
.testimonial-content1:hover .testimonial-desc p,
.testimonial-content1:hover .quote-icon i {
    color: #fff;
}
.testimonial-content1:hover .testi-start-icon i{
    color: #fff;
}

.swiper-container-testimonial{margin-top: 80px;}


/*---=================================
   <!--cta_section Area Css-->
==================================---*/
.cta_section {
    background-image: url(../images/index/adv.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0 0;
    background-size: 100% 100%;
    padding: 120px 0;
    width: 100%
}
.cta_section .cta_content{
    text-align: center;
}
.cta_section .cta_content h2 {
    color: #fff;
    font-size: 42px;
    line-height: 56px;
    margin-bottom: 15px;
    font-weight:bold;
    letter-spacing: 2px;
    font-family:'kaiti';

}

.cta_section .cta_content p {
    color: rgba(255,255,255,0.6);
    line-height: 34px;
}



/*---=================================
   <!--about Area Css-->
==================================---*/
.about-section{
    background: #f5f5f5 url(../images/bg/bg4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0 60px;
    width: 100%;
}

.about-section .more{margin-top: 30px;display: flex;align-items: center;}
.about-section .section_title h1{
    font-family: 'kaiti';
    color: #090909;
    font-weight: 600;
}
.about-section .section_title .zhong{color: #6f0000;font-size: 50px;}
.about-section .section_title p{padding-right: 40px;}
.about-section .biao{margin-left: 20px;}



.row.process-bg {
    position: relative;
    z-index: 1;
}
.process-single-box {
  text-align: center;
  margin-bottom: 30px;
}
.process-contant {
  border-radius: 5px;
  filter: drop-shadow(0px 10px 20px rgba(35,50,83,0.07));
  background-color: #ffffff;
  padding: 22px 22px 15px;
  position: relative;
  border-radius: 5px;
}
.process-contant:before {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  /* background-image: linear-gradient(-45deg, #00237d 0%, #0b59db 100%); */
  background-image: linear-gradient(-45deg, #a71e18 0%, #9e3935 100%);
  transition: .5s;
  border-radius: 5px;
}
.process-contant .icon img{width: 26px;}


/*process icon
================*/

.proces-icon {
    text-align: center;
    position: relative;
    z-index: 1;
    margin: 0 0 35px;
}

.proces-icon:before {
    position: absolute;
    content: "";
    z-index: -1;
    top: -5px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/index/proces1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.proces-icon i {
    display: inline-block;
    font-size: 35px;
    height: 92px;
    line-height: 82px;
    color: #fff;
    text-align: center;
    margin-left: -5px;
}

.upper2.proces-icon i {
    font-size: 55px;
}


/*process title
====================*/

.process-title h3 {
    font-size: 18px;
    padding: 0 0 14px;
    transition: .5s;
    color: #202020;
    font-weight: normal;
}

.process-text p {
    transition: .5s;
    color: #757575;
    font-size: 14px;
}

/*process all hover*/
.process-single-box:hover .process-contant:before {
    width: 100%;
    left: 0;
}

.process-single-box:hover .process-title h3,
.process-single-box:hover .process-text p {
    color: #fff;
}

/* Process shape */

.process-shape {
    position: absolute;
    left: 199px;
    top: -13px;
    z-index: -1;
}

.process-shape-2 {
    position: absolute;
    top: -133px;
    right: 0px;
    z-index: -1;
}


/* 搜索弹框效果 */
.commodity_screen{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.2);overflow:hidden;z-index:4;color:#fff}
.hide{display: none;}

.search-popper{position:relative;top:25px;right:0}
.search-popper .search-box{position:absolute;top:0;right:0;width:285px;height:50px;overflow:hidden;background-color:#fff;z-index:99}
.search-popper .search-box .input-box{position:absolute;top:0;left:0;right:50px;bottom:0}
.search-popper .search-box .input-box input{display:block;margin:0;padding:8px 12px;width:100%;line-height:34px;background:#fff;border:none;color:#333;font-size:14px;transform:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s}
.search-popper .search-box input::-moz-placeholder{color:#b3b3b3;opacity:1}
.search-popper .search-box a{display:block;position:absolute;top:0;right:0;bottom:0;padding:8px 17px;line-height:34px;font-size:16px;background:#a71e18;border-radius:0;cursor:pointer;-webkit-transition:all .2s linear;transition:all .2s linear;color:#fff!important}
.search-popper .search-box a:hover{background:#a71e18;border-color:#a71e18;-webkit-transition:all .3s linear;transition:all .3s linear}
.search-popper .search-box a:hover i{color:#fff!important}




/***************************** 内页************************************** */
.about_banner {
    background: url(../images/banner/banner_about.jpg) no-repeat;
    background-position: center center;
    background-attachment: inherit;
    background-size: cover;
    height: 250px;
}
.bg-color {
    background: rgba(0, 0, 0, 0.3);
}
.wsc-breadCon{color:#999;height:24px;line-height:24px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top: 15px;}
.wsc-bread a,.wsc-bread em,.wsc-bread span,.wsc-bread strong,.wsc-bread h1{font-size:14px;color:#606266;}
.wsc-bread span{margin:0 1px;}

.nei_banner .container{position: relative;height: 250px;overflow: hidden;display: flex;}
.nei_banner .container .wsc-bread{position: absolute;bottom: 10px;}
.nei_banner .container .wsc-breadCon{color: #fff;}
.nei_banner .container .wsc-bread a{color: #fff;}
.nei_banner .wsc-bread a,.nei_banner .wsc-bread em,.nei_banner .wsc-bread span,.nei_banner .wsc-bread strong,.nei_banner .wsc-bread h1{font-size:14px;color:#fff;}

.nei_btitle {
    margin-bottom: 25px;
    align-items: center;
    width: 150px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.nei_btitle h2 {
    font-family: 'kaiti';
    color: #fff;
    position: relative;
    height: 60px;
    align-self:center;
}
.nei_btitle h2::after{
    position:absolute;
    content: '';
    left: 50%;
    margin-left: -40px;
    bottom: 0;
    width: 80px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.40);


}

.contact-main {
    margin-top: 20px;
}
.padding-pannel {
    padding: 60px 0;
}
.about_content .content_atit {
    text-align: left;
    color: #202020;
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    position: relative;
}
.about_content .content_atit::before{
    content: "";
        position: absolute;
        display: inline-block;
        width: 37px;
        height: 3px;
        background: #a71e18;
        bottom: 0;
}
.about_content .content_acont {
    margin-top: 30px;
    /* border-right: 6px solid rgba(229, 229, 229, 1); */
    padding-right: 30px;
    overflow: auto;
    height: 380px;
}
.about_content .content_acont::-webkit-scrollbar-track {
		  background-color: #dcdcdc;
	} /* 滚动条的滑轨背景颜色 */

.about_content .content_acont::-webkit-scrollbar-thumb {
		  background:#a71e18; 
	} /* 滑块颜色 */

.about_content .content_acont::-webkit-scrollbar-button {
		  background-color: #fff;
	} /* 滑轨两头的监听按钮颜色 */

.about_content .content_acont::-webkit-scrollbar-corner {
		  background-color: #fff;
	} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
.about_content .content_acont::-webkit-scrollbar {
    width: 2px;
    height: 0px;
	border-radius:3px;
} /* 这是针对缺省样式 (必须的)*/

.about_content .content_acont p {
    text-align: left;
    color: rgba(64, 64, 64, 1);
    font-size: 16px;
    line-height: 30px;
    text-indent: 2em;
    padding: 5px 0px;
}
.about_time{padding-left: 20px;padding-top: 20px;}
.about_time .text{display: flex;justify-content: space-between;border-bottom: 1px solid rgba(0, 0, 0, 0.07);padding:40px 0 0 0;margin-left: 30px;}
.about_time .text h4{color: #202020;
    font-size: 34px;
    line-height: 1.1;
    font-weight: normal;
    text-align: inherit;}
.about_time .text h4 span{margin-left: 10px;}
.about_time .text p{color: #666;
    font-size: 14px;
    line-height: 28px;} 
.about_time .text-img{width: 60px;}
.about_time .text-img img{width: 100%;}
.about_time .text:last-child{border-bottom: none;}



.wenhua_pannel{background-image: url(../images/index/adv.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;height: 359px;
    display: flex;
}
.wenhua_pannel .title{text-align: center;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    font-family: 'kaiti';
}
.wenhua_pannel .line {width: 30px;height: 1px;background-color: #fff;margin: 20px auto;}
.wenhua_pannel .content {text-align: center; color: #fff;font-size: 16px;line-height: 32px;}

.wenhua_pannel .wenhua_itt{align-self: center;}



.contact-main{margin-top:20px;}

.contact-widget-titel h4{color: #202020;
    font-size: 24px;line-height:26px;margin-bottom:16px;font-weight: normal;margin-top: 0;}
.contact-widget-titel p{font-size: 14px;text-align: left;color: #404040;}
.contact-widget-menu{margin-top: 40px;}
.contact-widget-menu ul li{color: #000;line-height: 56px;font-size: 16px;}
.contact-widget-menu ul li img{width: 26px;object-fit: contain;}
.contact-widget-menu ul li span{margin-left: 30px;font-size: 16px;}

.form-group .form-item-label{color: #404040;line-height: 40px; padding: 0 12px 0 0;width: 80px;}
.form-group .form-item-label.is-required::before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px;
}


.form-horizontal .default-btn {
    background: #a71e18;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    line-height: 45px;
    display: inline-block;
    letter-spacing: 0px;
    padding: 0 35px;
    position: relative;
    border-radius: 2px;
    z-index: 1;
    width: 100%;
    border-radius: 6px;
    margin-top: 20px;
}
.form-horizontal .default-btn:hover{
    background-color: #c02e27;
}
.form-horizontal button{outline: none;border: none;}

.contact_form{box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.12);
    padding: 20px 30px 60px 30px;
    align-items: flex-start;margin-right: 20px;}
.contact_form .form-horizontal{margin-top: 25px;}
.contact_form .form-group{margin-bottom: 15px;}
.contact_form .sm-padding{display: flex;}
.contact_form .form-control {
    background: #fff;
    border: 1px solid #f2f2f2;
    padding: 11px 15px;
    box-shadow: none;
    color: #666;
    outline: none;
    border-radius: 6px;
    width: 100%;
}
.contact_form .form-control::-webkit-input-placeholder {
    font-size: 14px;
}

.contact_form .form-control:-moz-placeholder {
    font-size: 14px;
}

.contact_form .form-control:-ms-input-placeholder {
    font-size: 14px;
}
.contact-widget{margin-left: 60px;margin-top: 20px;}


.com-anchors{width:100%;text-align:center;line-height:50px;background:#fff;transition:all .4s ease}
.com-anchors.fix{position:fixed;width:100%;z-index:10}
.com-anchors li{display:inline-block;width:auto;height:100%;overflow:hidden;text-align:center;background: #f5f5f5; border-radius: 30px;}
.com-anchors a{display:block;cursor:pointer;font-size:16px;font-weight: 400;color: #666666;padding:0 33px;position:relative;transition:all .2s ease}
.com-anchors a:hover{background: #c02e27;border-radius: 25px;color: #fff;}
.com-anchors li.active a{background: #c02e27;border-radius: 25px;color: #fff;}


.inside-mainbox{margin-top:40px;}
.inside-news-tit{font-size:28px;line-height:40px;font-weight:bold;color:#04152C;}
.inside-news-tit h1{font-size:28px;font-weight: 600;line-height: 55px; margin: 0 0 10px; color: #333;}
.inside-news-info{font-size:14px;line-height:20px;margin-top:20px;color:#999;}
.inside-news-info .inside-news-time,.inside-news-info .inside-news-author{display:inline;}
.inside-news-intro{padding:20px;background-color:#F6F7F9;line-height:26px;color:#666;margin-top:30px;}
.inside-news-intro img{width:100%;padding:20px;}
.dm-content{margin-top:30px;}
.wsc-edit{line-height:30px;color:#666;}
.wsc-edit p{margin:15px 0;color: #666;font-size: 14px;}
.wsc-edit img{max-width:100%;height:auto;}

.next-prev-single{ padding:10px 0; color:#444; font-size:14px; overflow:hidden; }
	.next-prev-single p{ width:49%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 14px;color: #666;}
	.next-prev-single p a{ color:#666; text-decoration:none; }
	.next-prev-single .prev{ float:left; }
	.next-prev-single .next{ float:right; }
.inside_wapperbg{background-color: #fff;padding: 20px;}


.side-stand-head{background-color:#3193f4;height:60px;line-height:60px;color:#fff;font-size:14px;margin-bottom:1px;}
.side-stand-head a{display:block;color: #fff;}
.side-stand-head span{padding-left:18px;}


.right-side-news{padding:0 15px;}
.right-side-news .rlist-item{transition:0.3s; border-top: 1px solid #DFE7E9; padding: 10px 0;}
.right-side-news .rlist-item:first-child{border-top:none;}
.right-side-news .rlist-item:first-child{margin-top:0;}
.right-side-news .rlist-info{padding:0;border:0;}
.right-side-news .rlist-tit{font-size:16px;line-height:25px;height:25px;color:#202020;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.right-side-news .rlist-tit a{color: #202020;}
.right-side-news .list-time{margin-top:10px;display:block;}
.right-side-news .rlist-text{margin-top:10px;font-size:12px;line-height:26px;color:#757983;max-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.right-side-news .rlist-item:hover .rlist-tit{color:#202020;}

.list-time{color:#A4A7AF;font-size:12px;display:inline;margin-right:0;}


/* .wsc-breadCon{color:#A4A7AF;height:57px;line-height:57px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wsc-bread a,.wsc-bread em,.wsc-bread span,.wsc-bread strong,.wsc-bread h1{font-size:12px;color:#A4A7AF;}
.wsc-bread span{margin:0 8px;} */


.product-img{width: 445px;height: 445px; margin-bottom: 40px;}
.product-img img{width: 100%;}
.product-section {padding-top: 60px;}

.product_box{}
.product-section{padding-top:60px;}
.proinfo{min-height:305px;}
.proinfo .proname{font-size:24px;line-height:36px;color:#202020;font-weight:bold;margin-bottom:6px;}
.proinfo .proen{font-size:16px;line-height:30px;color:#666;font-weight:bold;text-transform:uppercase;}
.proinfo .hx{width:100%;height:1px;margin:32px 0;position: relative;}
.proinfo .hx::after {
    content: '';
    background: url(../images/index/yz_dd.png);
    background-size: 200px 14px;
    background-repeat: repeat-x;
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.proinfo .xiangxi{font-size:14px;line-height:30px;color:#757983;min-height:90px;overflow:auto;}
.proinfo .probtn{margin-top:26px;height:50px;}
.proinfo .probtn a{display:inline-block;width:178px;height:48px;margin-right:28px;color:#666;font-size:16px;line-height:48px;text-align:center;border:1px solid #ccc;}
.proinfo .probtn a:hover{border-color:#a71e18;color:#fff;background-color:#a71e18;}

.proinfo .probtn .pro-tel { display: inline-block;vertical-align: middle; line-height: 50px;}
.proinfo .probtn .pro-tel strong{font-size: 24px;color: #a71e18 !important;}
.proinfo .probtn .pro-tel i{font-size: 24px; padding-right: 20px;color: #a71e18;}

.content-edit{line-height:30px;color:#202020;padding:20px 0;}
.content-edit p{font-size: 14px;margin-bottom: 0;color: #666;}
.content-edit span {
    font-size: 14px;
    margin-bottom: 0;
    color: #666;
    line-height: 28px;
}
.content-edit img{width:100%;}

.sidebar-widget{margin-top:30px;width:100%;margin-bottom: 30px;}
.sidebar-widget .contact-details{margin-top:20px; padding: 20px;}
.sidebar-widget .contact-details li{display:flex;align-items:center;margin-bottom:20px;}
.sidebar-widget .contact-details li i{color:#2791E5;font-size:13px;margin-right:15px;width:34px;height:34px;
   line-height:34px;text-align:center;border-radius:50%;/* background-color:rgba(255,255,255,0.2);*/
 background-color:rgba(0,129,255,0.2); margin-top: 20px;}

.sidebar-widget .contact-details .contact-text p{margin-bottom: 0; font-size: 14px; color: #666;}
.sidebar-widget .contact-details .contact-text h6{color:#999;font-size: 12px; margin-bottom: 10px;}
.sidebar-widget .contact-details .contact-text{padding-top: 8px;}
.sidebar-widget .contact-details .contact-text .phone{font-size: 24px;color: #2791E5;font-weight: 600;}

.widget-title{position:relative; font-size: 20px;font-weight: 600;}
.widget-title:after{position:absolute;content:"";height:4px;width:58px;left:20px;bottom: 45px;background:linear-gradient(45deg,#fff,#fff) !important;border-radius:6px;}


.project-sidebar{width: 100%;}
.project-sidebar .widget-title{
   background: url(../images/index/menu-1.webp.jpg);
   width: 100%;
   background-size: 100%;
   background-position: bottom;
   height: 110px;
   margin-top: 0;
   color: #fff;
   line-height: 70px;
   text-align: left;
   padding-left: 20px;
   font-weight: normal;
   position: relative;
   padding-top: 0;
}
.project-sidebar .widget-mid{
   background: url(../images/index/menu-2.webp.jpg);
   background-repeat: repeat-y;
    width: 100%;
    background-size: 100%;
}

.project-sidebar .widget-bottom img{
    width: 100%;
}


.member-list{margin-top: 50px;}
.member-list .project-sidebar .widget-title::after{display: none;}
.member-list .project-sidebar .testimonial-content1{background: transparent;padding: 80px 35px 3px;cursor: pointer;}
.member-list .project-sidebar .testimonial-content1::before {
   display: none;
}
.member-list .project-sidebar .testimonial-content1:hover .testimonial-title h6,
.testimonial-content1:hover .testimonial-desc p,
.member-list .project-sidebar .testimonial-content1:hover .quote-icon i {
    color: #202020;
}

.member-list .project-sidebar .testimonial-content1:hover .testi-start-icon i {
    color: #a71e18;
}
.member-list .project-sidebar{
    margin-bottom: 30px;

}

.swiper-container-testimonial .project-sidebar{width: auto;margin: 0 15px;}



.content-kuang{width: 100%;margin-top: 30px;}
.content-kuang .content-top{
        padding-left:20px;
        padding-top: 20px;
        padding-right: 20px;
        background: url(../images/index/content-1.webp.jpg) bottom center / 100% 100% !important;
}
.content-kuang .content-top .content-title{
    padding-top: 10px;
        padding-bottom:20px;
        background: url(../images/index/tt.png) repeat-x bottom !important;

}
.content-kuang .content-mid{
background: url(../images/index/content-2.webp.jpg) repeat-y center / 100% auto !important;
    padding:0 20px !important;
}
.content-kuang .content-top .content-title h2{
    font-size: 24px;
    font-weight: normal;
    color: #202020;
}
.content-kuang .content-bottom img {
    width: 100%;
    vertical-align: super;
}



.mrb-40 {
    margin: 20px;
}

.kefu-img{width: 80px;height: 100px;border-radius: 50%;overflow: hidden;padding: 5px;border: 1px solid #a71e18;display: flex;align-items: center;margin: 0 auto;}
.kefu-img img{width: 90px;height: 90px;border-radius: 50%;}
.kefu-title{font-size: 18px;font-weight: bold;color: #202020;text-align: center;line-height:50px;}
.kefu-tips{background: url(../images/index/kefu-tipsbg.png) no-repeat;
    background-size: 100% auto;
    width: 200px;height: 57px;line-height: 46px;text-align: center;color: #fff;margin: 0 auto; color: #a71e18;font-weight: bold;}

.cs-btn {
        width: 220px;
            margin: 0 auto;
            text-align: center;
}
.cs-btn-one {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    background-color: #a71e18;
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
    overflow: hidden;
    border-radius: 5px;
    cursor: pointer;
    padding: 5px 20px;
}
.radius-30 {
    border-radius: 30px !important;
}
.text-white {
    color: #fff !important;
}
.cs-btn-one:hover{background:#E5555E;color:#ffffff;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}


.bg-gray {
    background: #F4F6FA;
}

.nei-pannel {
    padding: 40px 0;
}

.content_title{border-bottom:0;padding:0;margin-bottom: 30px;}
.content_title .content_text{margin-top:0;float:left;}
.content_title .content_text h3{font-size:22px;line-height:44px;color: #202020;font-weight: normal;padding-top: 0;margin-top: 0;}
.content_title .content_text p{font-size: 14px;line-height: 20px;color: #A4A7AF;}
.content_title .content_more{float:right;color:#A4A7AF;/* margin-top:20px; */line-height:33px;}
.content_title .content_more span{display:inline-block;transition:0.3s;}

.tuijian-bg{
    background: url(../images/bg/bg4.jpg);
        background-repeat: repeat;
}
.tuijian-bg .portfolio .portfolio-group {
    direction: ltr;
    position: relative;
    margin: 0px 0 0 0;
}

.bg-main{
    position: relative;
    background: url(../images/index/nei_topbg.jpg);
    background-repeat: no-repeat;
    z-index: 1;
    background-size: 100%;
}
/* .bg-main:before {
    content: '';
    background: url(../images/index/nei_topbg.jpg);
    background-size: 100%;
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
} */
.bg-main::after {
content: '';
    background: url(../images/index/nei_bottombg.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 100%;
    height: 305px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;

}


.product_imgpannel{
    background: url(../images/bg/bg5.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 40px 0 60px 0;
}

.product_imgpannel .wsc-breadCon{
   margin-top: 0;
}

.bg-main .testimoinal-single-box{margin-bottom: 40px;}


.product-banner{position:relative;}
.product-banner .banner-arrow .swiper-button-prev,
.product-banner .banner-arrow .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 41px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 20px 41px;
    background-position: center;
    background-repeat: no-repeat;
}
.product-banner .banner-arrow .swiper-button-prev{
    background: url(../images/common/bg1.png) no-repeat;
    background-size: 20px 41px;
}
.product-banner .banner-arrow .swiper-button-next{
    background: url(../images/common/bg2.png) no-repeat;
    background-size: 20px 41px;
}

.product_infoimg img{
    width: 80%;
    margin: 0 10%;
}