@font-face{font-family: 'Dins';src:url('../img/fonts/DINPro-Black.otf');}
@font-face{font-family: 'Dinb';src:url('../img/fonts/DINPro-Bold.otf');}
@font-face{font-family: 'Din';src:url('../img/fonts/DINPro-Light.otf.otf');}
@font-face{font-family: 'Dinm';src:url('../img/fonts/DINPro-Medium.otf');}
@font-face{font-family: 'Dinr';src:url('../img/fonts/DINPro-Regular.otf');}
@font-face{font-family: 'popl';src:url('../img/fonts/Poppins-Light.ttf');}
@font-face{font-family: 'popr';src:url('../img/fonts/Poppins-Regular.ttf');}
@font-face{font-family: 'pops';src:url('../img/fonts/Poppins-SemiBold.ttf');}
.popl{ font-family:popl;}
.popr{ font-family:popr;}
.pops{ font-family:pops; line-height:1.2;}
.din{font-family:Din;}
.dins{font-family:Dins;}
.dinm{font-family:Dinm;}
.dinb{font-family:Dinb;}
.dinr{font-family:Dinr;}
.ab{ font-family:Arial Black;}
*{margin:0;padding:0;}
body{overflow-x: hidden;}
.f12{font-size:.75rem;}.f14{font-size:.875rem;}.f16{font-size:1rem;}.f18{font-size:1.125rem;}.f20{font-size:1.25rem;}.f22{font-size:1.375rem;}.f24{font-size:1.5rem;}.f30{font-size:1.875rem;}.f32{font-size:2rem;}.f36{font-size:2.25rem;}.f40{font-size:2.5rem;}.f48{font-size:3rem;}.f64{font-size:4rem;}.f96{font-size:6rem;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt120{margin-top:120px;}
.mt180{margin-top:180px;}
.mr15{margin-right:15px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr80{margin-right:80px;}
.pd50{padding-top:50px; padding-bottom:50px;}
.pd80{padding-top:80px; padding-bottom:80px;}
.pd100{padding-top:5px; padding-bottom:100px;}
.pd120{padding-top:120px; padding-bottom:11px;}
.pt100{padding-top:100px;}
.pb120{padding-bottom:120px;}
.pl50{ padding-left:50px; box-sizing:border-box;}
.pr30{ padding-right:30px; box-sizing:border-box;}
.pr50{ padding-right:50px; box-sizing:border-box;}

.grey, a.grey, .grey a{color:#999;}
.c333, a.c333, .c333 a{color:#333;}
.c666, a.c666, .c666 a{color:#666;}
.c888, a.c888, .c888 a{color:#888;}
.black, a.black, .black a{color:#000;}
.ce6, a.ce6, .ce6 a{color:#e6e6e6;}
.cf7, a.cf7, .cf7 a{color:#f7f7f7;}
.blue, a.blue, .blue a{ color:#0a8d67;}
.blue2{ color:#a0c6e1;}
.white{ color:#fff;}
.yellow{ color:#feb123;}

.i-title{font-size:2.5rem; color:#000; font-family:dinb;background:url(../img/dot-main.png) no-repeat left 48px; background-size:212px 12px;}
.i-title2{font-size:1.875rem;color:#000; font-family:Arial Black;background:url(../img/dot-blue.png) no-repeat left 32px; background-size:212px 12px;}
.i-title3{font-size:2.75rem;color:#000; font-family:Arial Black;background:url(../img/dot-blue.png) no-repeat left 48px; background-size:100px 12px;}
.i-title span, .i-title2 span, .i-title3 span{ float:right;font-family:Arial;}

a, a:hover{transition: all 0.35s;}
.fb{ font-weight:700;}

.navbar-brand{width:90px; height:54px; line-height:300px; overflow:hidden; background:url(../img/logo-btm.png) no-repeat;}
.bg-scroll .navbar-brand{width:90px; height:54px; line-height:300px; overflow:hidden; background:url(../img/logo.png) no-repeat;}
.dropdown:hover .dropdown-menu{display: block; }
.dropdown-menu{margin-top: 0;}
.bg-scroll{ background:#fff; border-bottom:5px solid #feb123;padding:.5rem 1rem;}
.bg-secondary .navbar-nav .nav-link{color:#fff;}
.bg-scroll .navbar-nav .nav-link{color:#333;}
.bg-grey{ background-color:#f6f6f6;}
.dotbg-rb{ background:url(../img/dotbg-rb.png) no-repeat right bottom;}
.title-rline{width:auto; display: table;padding-right: 60px;background: url(../img/dot-main.png) no-repeat right center;background-size: 50px 1px;}

img, video{max-width:100%;}
video{ border-radius:9px;}
.btn-rus{ border-radius:3rem;}
.w60{width:60%; margin-left:auto; margin-right:auto;}
.w75{width:75%; margin-left:auto; margin-right:auto;}
.nav-link{ font-family:Dins;} 
.banner{ height:820px;}
.banner1{background:url(../img/banner1.jpg) no-repeat center bottom;}
.banner2{ background:url(../img/banner1.jpg) no-repeat center bottom;}
.banner3{ background:url(../img/banner1.jpg) no-repeat center bottom;}
.banner-title{width:100%;font-size:3.875rem; font-family:Arial Black; font-weight:700; line-height:1.2;color:#feb123;}
.banner-title1{width:100%;font-size:3.875rem;font-family:Arial black; line-height:1.8;color:#fff; background:url(../img/dot-white.png) no-repeat left bottom; background-size:60px 2px;}
.banner-title2{width:100%; color:#fff; font-size:1.125rem; font-weight:300;}
.banner-title3{width:100%;}
.banner video{min-width:100%; min-height:100%;z-index:-99; position: fixed; overflow:hidden; left:0;  top:0px;}
.banner .btn-down{ position:absolute; bottom:3.5rem; right:50px; z-index:9999; color:#0a8d67}

.banner-pages{height:476px; background-size:100%;}
.banner-pages .banner-title2, .banner-pages2 .banner-title2{width:100%; color:#ccc; font-size:.875rem;font-weight:300;}
.container-index{width:100%;margin-right:auto;margin-left:auto; max-width:1920px;}

.banner-pages2{height:476px; background-size:cover;}
.banner-pages2 .container{padding-top:150px;}
.banner-news{background:#1a1e27 url(../img/banner-news.jpg) no-repeat center bottom;}
.banner-about{background:#1a1e27 url(../img/banner-about.jpg) no-repeat center bottom;}
.banner-product{background:#1a1e27 url(../img/banner-product.jpg) no-repeat center bottom;}
.banner-product1{background:#1a1e27 url(../img/banner-product1.jpg) no-repeat center bottom;}
.banner-product2{background:#1a1e27 url(../img/use-shoes-banner.jpg) no-repeat center bottom;}
.banner-product3{background:#1a1e27 url(../img/use-bags-banner.jpg) no-repeat center bottom;}
.banner-product4{background:#1a1e27 url(../img/Cotton-Rags-banner.jpg) no-repeat center bottom;}
.banner-product5{background:#1a1e27 url(../img/Branded-Items-banner.jpg) no-repeat center bottom;}
.banner-service{background:#1a1e27 url(../img/banner-service.jpg) no-repeat center bottom;}
.banner-innovation{background:#1a1e27 url(../img/banner-innovation.jpg) no-repeat center bottom;}
.banner-contact{background:#1a1e27 url(../img/banner-contact.jpg) no-repeat center bottom;}
.banner-pages .container{padding-top:162px;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:30px;}
.swiper-button-next2, .swiper-button-prev2{
    top: 10%;
	}
.swiper-button-next2{left:auto; right:30%; margin-right:-45px;}
.swiper-button-prev2{left:70%; right:auto; margin-left:-45px;}
.swiper-pagination2 .swiper-pagination-bullet{ background:#ccc;}
.swiper-pagination2 .swiper-pagination-bullet-active{ background:#0a8d67;}

.swiper-button-next4, .swiper-button-prev4{
    top: 95%;
	}
.swiper-button-next4{left:auto; right:50%; margin-right:-45px;}
.swiper-button-prev4{left:50%; right:auto; margin-left:-45px;}
.swiper-pagination4 {right:auto; margin-left:-410px;}
.swiper-pagination4 .swiper-pagination-bullet{ background:#ddd;}
.swiper-pagination4 .swiper-pagination-bullet-active{ background:#00a8ff;}

.num-t{height:88px; line-height:88px; font-family:dinb; font-size:4rem; overflow:hidden; position:relative;}
.num-t p{font-size:1rem; line-height:1rem; position:absolute; left:0; top:40px; padding-right:70px; background:url(../img/dot-blue.png) no-repeat right center; background-size:60px 2px;}
.num-t p span{letter-spacing:.255rem; color:#04518c; font-family:dinb; font-size:1rem; }
.num-t .t{font-size:2.25rem; line-height:1.8; position:absolute; left:0; top:20px;background:url(../img/dot-grey.png) no-repeat left bottom; background-size:40px 2px;}
.num-t .t span{font-size:2.25rem; color:#0a8d67;letter-spacing:0;}
.num-t2{font-family:Din; font-size:8rem; overflow:hidden; position:relative;}
.num-t2 .t{font-size:3.5rem; color:#333; line-height:1.8; position:absolute; left:50%;margin-left:-220px;bottom:0px;text-align:center;}
#mainNav, .dropdown-menu, .nav-item{transition: all 0.35s; font-family:Arial;}
.open li{border-bottom:1px solid #333;}

.btn-white{ background:#fff; color:#000;}
.btn-white:hover{ background:#00a8ff; color:#fff;}
.bg-blue{ background: linear-gradient(to right, #15d127, #0bac7d); color:#fff;transition: all 0.35s;}
.bg-blue:hover{background: linear-gradient(to right, #0bac7d, #0bac7d); color:#fff;transition: all 0.35s;}
.bg-main-border{border:2px solid transparent;background-clip: padding-box, border-box;background-origin: padding-box, border-box; font-family:dinr;background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #15d127, #0bac7d); color:#55bf5f;transition: all 1.5s;}
.bg-main-border:hover{background-image: linear-gradient(to right, #0bac7d, #0bac7d), linear-gradient(to right, #0bac7d, #0bac7d); color:#fff;transition: all 1.5s;}
.btn-yellow{ background:#feb123; color:#fff;}
.btn-yellow:hover{ background:#fe8f23; color:#fff;}
.btn-yellow-border{ background: none; border:4px solid #feb123; color:#feb123;}
.btn-yellow-border:hover{ background:#feb123; color:#fff;}
.btn-white-border{ background: none; border:1px solid #fff; color:#fff;}
.btn-white-border:hover{ background:#feb123;border:1px solid #feb123; color:#fff;}

.bl-main-center{ background:url(../img/dot-main2.png) no-repeat center bottom; padding-bottom:1rem; background-size:50px 4px;}

.crumbs{padding:1rem 0; border-bottom:1px solid #e8e8e8;}
.crumbs .grey{ color:#999;}
.crumbs .grey a{ color:#999;}
.a-menu a{padding:1rem 1.5rem; color:#333; background:#fbfbfb; margin-right:2rem; border:1px solid #f4f4f4; border-radius:3px;box-shadow:0px 5px 5px 0px #f0f0f0;transition: all 0.35s;}
.a-menu a:hover{background:#0a8d67; color:#fff;border:1px solid #0a8d67;box-shadow:0px 5px 5px 0px #f0f0f0;transition: all 0.35s;}
.a-menu a.on{padding:1rem 1.5rem; color:#fff; background:#0a8d67; margin-right:2rem;border:1px solid #0a8d67; border-radius:3px;box-shadow:0px 5px 5px 0px #f0f0f0;transition: all 0.35s;}
.a-menu a.on:hover{background:#0a8d67; color:#fff;border:1px solid #0a8d67;box-shadow:0px 5px 5px 0px #f0f0f0;transition: all 0.35s;}

.i-bg1{background:url(../img/i-bg1.jpg) no-repeat center top; max-width:1920px; margin-left:auto; margin-right:auto;}
.about-num{ background:none;}
.a-num sup{vertical-align: text-top; font-size:1.5rem}
.a-num sub{vertical-align: text-bottom; font-size:1.5rem}
.a-num p{ background:#url(../img/dot-white.png) no-repeat right center; background-size:1px 50px; border-radius:3px; box-sizing:content-box;text-align:center;padding:1rem 0;transition: all 0.35s; color:#fff;}
.a-num p:hover{background:#url(../img/dot-ccc.png) no-repeat right center; color:#fff;transition: all 0.35s; color:#fff;}
.a-num p .timer{ color:#fff;}
.a-num p:hover .timer{ color:#fff;}
.a-num:hover p{transition: all 0.35s; color:#fff;}
.a-num p.nr{ background-size:0 0;}


.i-about{background:url(../img/i-about-bg.png) no-repeat center top;}
.i-about-box{padding-right:5rem;}
.i-about-box2{padding-left:5rem;}

.i-pe-bg{background:url(../img/i-pe-bg.png) no-repeat center top;}
.i-client-bg{ background:#f4faff;}



.i-video{width:660px; height:400px; background-color:#fff; border-radius:.125rem; text-align:left; box-shadow:30px 30px 0 3px #edf3f7;}
.btn-d{padding:0.75rem 2.5rem; border:1px solid #666;}

.bg-left{ background:url(../img/bg-left.png) no-repeat center top; max-width:1920px;}
.bg-right{ background:url(../img/bg-right.png) no-repeat center top; max-width:1920px;}
.i-pro img{max-height:492px; max-width:576px;}
.br-blue{width:140px;background:url(../img/dot-blue.png) no-repeat right center; background-size:40px 1px;}
.br-blue span{ padding-right:1rem; }
.br-white{width:140px;background:url(../img/dot-white.png) no-repeat right center; background-size:40px 1px;}
.br-white span{ padding-right:1rem;}


.i-pro-box .pic{ background:#fff;border-radius:20px;box-shadow:0 5px 10px 10px #f0f0f0; box-sizing:border-box;transition: all 0.35s;}
.i-pro-box .prot{color:#333; padding:30px 0 30px;transition: all 0.35s;}
.i-pro-box:hover .prot{color:#0a8d67;transition: all 0.35s; }
.i-pro-box:hover .pic{transition: all 0.35s;}

.i-blog{ display:flex;}
.i-blog .i-blog-pic{ flex:1;background:#fff; box-shadow:0 5px 10px 10px #f0f0f0;margin:15px;padding:0;}
.i-blog .i-blog-list{ flex:1;background:#fff; box-shadow:0 5px 10px 10px #f0f0f0;margin:15px;padding:0;border-top:10px solid #0a8d67;}
.i-news-box{}
.i-news-box .pic{ max-height:30rem; overflow:hidden;}
.i-news-box .con{ padding:40px;}
.i-news-box2{margin:50px; border-bottom:3px solid #eee; padding:20px 0 50px}

.i-capa-list li{ list-style:none; background:#fff; box-shadow:0 0 10px 0 #e0ece8; padding:1.26rem 2rem; text-align:center; border-radius:3px; margin:0 0 1.5rem 0; font-size:1.25rem; font-weight:bold;transition: all 0.35s;}
.i-capa-list li a{display:block;width:100%; height:100%;}
.i-capa-list li:hover{background: linear-gradient(to right, #15d127, #0bac7d); color:#fff;transition: all 0.35s;}
.i-capa-list li:hover a{ color:#fff;}
.i-capa-list li.on{background: linear-gradient(to right, #15d127, #0bac7d); color:#fff;transition: all 0.35s;}
.i-capa-list li.on a{ color:#fff;}

.i-imp-box .pic{width:100%;padding-bottom:15px;}
.i-imp-box img{max-width:95%; height:auto; box-shadow: 45px 45px 0 0 #f5f5f5;}

.service-bg{background:url(../img/service-bg.png) no-repeat center top; background-size:cover}
.service-img1 img{ box-shadow:35px 35px 0 0 #edf5fb; border-radius:0 30px 30px 0;}
.service-img2 img{ box-shadow:-35px 35px 0 0 #edf5fb; border-radius:30px;}
.service-img3 img{ box-shadow:35px 35px 0 0 #edf5fb; border-radius:30px;}
.service-con{width:70%; padding:7rem 2rem 1rem;}
.service-con2{padding:15rem 7rem 1rem 0;}
.service-con3{padding:15rem 1rem 1rem 7rem;}
.pic-list{ box-shadow:15px 15px 0 0 #edf5fb; border-radius:10px;}


.blog-box{padding-bottom:50px;}
.blog-box .pic{ border-radius:3px;}
.zoom{ overflow:hidden;}
.zoom img{width:100%;transition: all ease-out 0.35s;}
.zoom:hover img{transform: scale(1.1);transition: all ease-out 0.35s;}

.i-client{padding:4rem 0;}
.client-pic img{ max-width:100%;border-radius:100%; border:1rem solid #fff; box-shadow:0 0 20px 0 #ddd;}

.process-box{margin-bottom:3rem;}



.tab-title{width:100%; }
.tab-title li{ list-style:none;}
.cont-box{width:100%; height:724px; overflow:hidden;}
.cont{height:724px; overflow:hidden;margin-top:-724px; opacity:0;transition: all 0.7s;}
.cont.active{transition: all 0.7s; opacity:100;margin-top:0;}
.cont img{ min-width:100%;}
.process-txt{ padding:1.2rem 2rem; margin-bottom:10px; box-sizing:border-box; cursor:pointer;background:#fff url(../img/dot-grey.png) no-repeat left top; background-size:2px 100%; box-sizing:border-box;}
.process-txt p{margin-bottom:0;}
.process-txt.active{ color:#fff; transition:all .5s;background:#176099 url(../img/dot-blue.png) no-repeat left top; background-size:2px 100%; box-sizing:border-box;}


.about-pe .swiper-slide p{ background:rgba(0,0,0,.6); width:100%; box-sizing:border-box; left:0; bottom:0px; line-height:1; position:absolute; padding:1rem; color:#fff; font-size:1rem; font-family:dinb;margin-bottom:0;}
.about-pethumbs{height:100%;}
.about-pethumbs div{ float:left; width:48%; height:23%; box-sizing:border-box; margin:1%;}

.about-bg0{background:url(../img/about-bg0.png) no-repeat center top;}
.about-bg1{background:url(../img/about-bg1.png) no-repeat center top;}
.about-bg2{background:url(../img/about-bg2.png) no-repeat center top;}
.about-bg3{background:url(../img/about-bg3.png) no-repeat center bottom;}

.about-team{padding:5rem 2rem 0;}
.about-team-box .pic{width:100%;padding-bottom:15px;}
.about-team-box img{max-width:95%; height:auto; box-shadow: 1rem 10rem 0 0 #515151;}

.s-menu{margin-top:50px; font-size:18px; text-align:right;}
.s-menu a{ font-size:18px; font-weight:700; margin-right:14px; margin-left:10px;}
.s-menu a.on{color:#feb123;}

.br-white {background: url(../img/dot-white.png) no-repeat right center;background-size: 3rem 1px;padding-right: 4rem;}
.br-grey {background: url(../img/dot-grey.png) no-repeat right center;background-size: 3rem 1px;padding-right: 4rem;}
.br-main {background: url(../img/dot-main.png) no-repeat right center;background-size: 3rem 1px;padding-right: 4rem;}

.shadow{ box-shadow:0 10px 20px 0 #ddd;}
/*.about-zs {padding-bottom:3rem;}
.about-zs .swiper-slide {
      text-align: center;
      background: #fff;
	  padding:.857rem;
	  margin:5rem 0; 

      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(1);
    }
.about-zs .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1.2); z-index:99;
	}
*/


.news-box{width:94%; cursor:pointer; background-color:#f7f7f7; padding:1rem; margin-bottom:1rem; margin-left:auto; margin-right:auto; border-radius:3px;transition:all .5s;}
.news-box:hover{ background-color:#0a8d67; box-shadow:0 10px 20px 0 #488acc; transition:all .5s;}
.news-box:hover p{ color:#fff;}
.news-box .pic{width:100%; height:0; font-size:0; padding-bottom:75%; overflow:hidden;}

.news-left{ border-right:1px solid #e7e7e7; padding-right:4rem;}
.news-right{ padding-left:4rem;}
.news-content, .news-content p, .news-content div{ font-size:1rem; color:#333; line-height:1.8;text-align: justify;} 
.news-content img{ max-width:100%;}
.next{border-top:1px solid #e7e7e7; margin-top:4rem; padding-top:3rem; font-size:1rem;}

.pro-box{width:98%; background-color:#fff; margin-bottom:3rem; margin-left:auto; margin-right:auto; border-radius:5px;transition:all .5s;}
.pro-box p{padding:1rem 0;}
.pro-box:hover p{ color:#0a8d67;}
.pro-box .pic{ background-color:#fff; border:1px solid #efefef;transition:all .5s; border-radius:5px; width:100%;}
.pro-box .pic:hover{ background-color:#fff; border:1px solid #efefef; border-bottom:7px solid #0a8d67; transition:all .5s; border-radius:5px; width:100%; box-shadow:0 20px 20px 0 #eee; }
.pro-box .pic img{transition:all .5s; border-radius:5px; min-width:100%; max-width:100%;}

.product-info{padding-left:5rem;}

.pro-menu{ padding:0; box-sizing:border-box; margin-bottom:2rem;}
.pro-menu ul{ list-style: none;}
.pro-menu li{ list-style:none; box-sizing:border-box; width:100%;}
.pro-menu li a{color:#333;padding:1.2rem 2rem;margin-top:3px; background:#f7f7f7; display:block;font-size:1rem;font-weight:700;transition:all .5s;}
.pro-menu li a:hover{ color:#fff;background:#0a8d67;}
.pro-menu li a.on{background:#0a8d67; color:#fff;transition:all .5s;}
.pro-menu .on i{ color:#fff;}
.pro-menu li.one{ background-color:#ededed; font-size:1.5rem; padding:1rem; font-family:dins;}
.pro-menu li.second{list-style:none;}
.pro-menu li.second a{color:#333;padding:1.2rem 2rem 1.2rem 3rem;margin-top:3px; background:#f7f7f7; display:block;font-size:1rem;font-weight:300;transition:all .5s;}
.pro-menu li.second a:hover{ color:#fff;background:#0a8d67;}
.pro-menu .item a.active{ display:block; background:#0a8d67; color:#fff;font-size:1rem;padding: 1.2rem;margin-bottom: 0.3rem; font-family:pops;transition:all .35s;}

.pro-menu li.active{ border-right:3px solid #0a8d67;}
.pro-menu li.active a{color:#0a8d67;}
.pro-menu li.title{font-size:1.5rem; font-family:dins;padding:1.2rem 2rem;margin-top:3px; background:#ededed;}
.m-promenu .one{font-size:1.25rem; line-height:2;}
.m-promenu .one a.on{color:#0a8d67;}
.m-promenu .second{font-size:1rem; line-height:2; padding-left:1rem;}

.pro-advantage{ border-top:1px solid #f6f6f6;}
.pro-adv{width:95%; background:#fafafa; padding:2rem; margin-bottom:2rem; box-sizing:border-box; box-shadow:15px 15px 0 0 #f5f5f5 ;}

.pro-info{}
.pro-info td{ font-size:1rem; line-height:2.2; color:#999;}
.pro-info td.t{ font-size:1rem; line-height:2.2; color:#333; font-family:pops;}

.pro-video{height:40rem; margin-top:3rem; overflow:hidden;}
.pro-video iframe{height:770px;}
.pro-video video{min-width:100%; max-width:100%; display: inline-block;vertical-align: baseline; z-index:99;}

table{ max-width:100%;}
.gallery-top{width:100%;height:auto; border:1px solid #ddd; box-sizing:border-box; }
.gallery-top .swiper-slide img{min-width:100%;}
.gallery-thumbs{width:100%; height:auto; }
.gallery-thumbs .swiper-slide{ border:1px solid #ddd; box-sizing:border-box; cursor:pointer;}
.gallery-thumbs .swiper-slide-thumb-active{border:1px solid #0a8d67;}
.swiper-button-white{width:1.25rem; font-size:.3rem;}
.gallery-thumbs .swiper-button-next{right:-2px; left:auto;}
.gallery-thumbs .swiper-button-prev{left:-2px; right:auto;}


.flow-box .c{ background:#f0f0f0; color:#333; transition:all .35s; padding:1rem 1rem 1rem 2rem; border-radius:5px;}
.flow-box .c:hover{ background:#0a8d67; color:#fff; transition:all .35s;}


.bdrt{ border-top:1px solid #e7e7e7; padding-top:2rem;}

.contact-box{ background-color:#fff; box-shadow:0 0 10px 0 #eee;}
.contact-con{ padding:2.5rem 3rem;box-sizing: content-box;box-shadow:0 0 10px 0 #eee;}
.contact-form{background-color:#fff;padding:3.5rem; box-sizing:content-box; box-shadow:0 0 10px 0 #eee;}
.contact-table td{padding:0.2rem;}
.modal-close{ position:absolute;right:1rem; top:1rem; cursor:pointer;}
.modal-close:hover{transform: rotate(180deg); transition:all .3s;}
.lh-200{ line-height:3;}

.image{ font-size:0; line-height:1; margin-bottom:0;}

.form-control2{color: #9ad0c1;background-color: rgba(255,255,255,.1);border:0; }
.form-control2::placeholder{color:#9ad0c1;opacity:1}

.pricing-box{ border-radius:10px; border:1px solid #0a8d67; border-bottom-width:4px; text-align:center; font-size:1rem; font-weight:700; padding:2.5rem 0; color:#0a8d67;}
.pricing-box i{ font-size:4rem; color:#0a8d67; font-weight:normal; background:linear-gradient(135deg, #feb123, #0a8d67);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.category-bg1{background:url(../img/category-bg1.jpg) no-repeat center top;}
.cate-box{ border:1px solid #0a8d67; padding:1.5rem; border-radius:10px;}
.cate-box .icon{width:15%; float:left;}
.cate-box .con{ width:85%;float:right;}
.cate-box .icon i{font-size:2.5rem; color:#0a8d67; font-weight:normal; background:linear-gradient(-45deg, #f49e00, #0a8d67);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.category-bg2{background:url(../img/category-bg2.jpg) no-repeat center top;}
.looking-box{ margin:2rem 0;}
.looking-box .icon{width:40%; float:left;}
.looking-box .con{ width:55%;float:right; padding-top:1.5rem;}


.faq .question{width:100%; padding:30px; background:#fff;border-top:3px solid #fff; border-radius:3px;box-shadow:0 10px 10px 0 #eee;margin:30px auto;}
.faq .question.active{border-top:3px solid #0a8d67;}
.faq .question .title{ cursor:pointer; background:url(../img/icon-q.png) no-repeat left top; padding-left:50px; font-family:dinb; font-size:1rem; transition: all ease-out .3s;}
.faq .question .title:hover{ color:#0a8d67;transition: all ease-out .3s;}
.faq .question.active .title{ color:#0a8d67;}
.faq .question.active .title .icon-jia{ display:none;  float:right;}
.faq .question.active .title .icon-jian{ display:block;float:right; color:#0a8d67;}
.faq .question .title .icon-jia{ display:block;float:right;}
.faq .question .title .icon-jian{ display:none;float:right;}
.faq .question .answer {padding-left:50px; padding-bottom:10px;overflow: hidden;display: none; background:url(../img/icon-a.png) no-repeat left top; margin-top:15px;}

/*.video-box{margin-left:auto; margin-right:auto; margin-bottom:70px;}
.video-pic{ position:relative; border-radius:3px;}
.video-pic .mask{ position:absolute; width:100%; height:100%;  background:rgba(0,0,0,.4); z-index:9; transition:all .5s;}
.video-pic:hover .mask{ position:absolute; width:100%; height:100%;  background:rgba(0,0,0,0); z-index:9; transition:all .5s;}
.video-pic .play{position:absolute; left:50%;top:50%; font-size:5rem; margin-left:-2.5rem; margin-top:-3rem; color:#fff; z-index:99;}
.video-pic .play i{font-size:5rem; }
*/
.down-pic, .down-con{width:90%; margin-left:auto; margin-right:auto; margin-bottom:1rem;}
.down-btn{margin-top:50px;}
.down-icon {
  width: 2em;
  height: 2em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
  margin-left:3.5rem;
}
.order1{ order:1;}
.order2{ order:2;}

.qc-pic-l{width:80%; margin-left:5%;margin-right:15%;}
.qc-pic-r{width:85%; margin-left:10%;margin-right:5%;}
.qc-con{width:80%;}
.qc-con2{width:80%; margin-left:20%;}
.qc-con .t, .qc-con2 .t{ background:url(../img/dot-blue2.png) no-repeat 5.5rem bottom; background-size:140px 2px; padding-bottom:1.5rem;}
.qc-con .txt, .qc-con2 .txt{padding-left:5.5rem;}
.imgr{ border-radius:1rem;}
.bg-mf{ background:url(../img/dot-blue2.png) no-repeat center bottom; background-size:100% 65%; }
.bg-01{ background:url(../img/bg-01.jpg) no-repeat center top;}
.bg-02{ background:url(../img/bg-02.jpg) no-repeat center top; background-size:cover; max-width:1920px;}
.mf1{padding-top:50%;}
.mf-line{ letter-spacing:-.2rem; color:#ccc; font-size:0.875rem; font-family:popl;}
.mf-box{width:95%;}

.rd-con{ background-color:#0a8d67; padding:5rem; box-sizing:border-box; margin-left:-5rem;width:80%;}
.rd-con2{ background-color:#0a8d67; padding:5rem; box-sizing:border-box; margin-right:-5rem; z-index:2;}
.rd-con3{ background-color:#0a8d67; padding:5rem; box-sizing:border-box; margin-left:-8rem;width:110%;}
.rd-img{width:85%; box-shadow:0 10px 20px 0 #eee; margin-bottom:2rem;}
.z1{z-index:1;}
.z2{z-index:2;}

.bl-black{background:url(../img/dot-black.png) no-repeat left bottom; background-size:60px 2px; padding-bottom:10px;}
.bl-blue{background:url(../img/dot-main.png) no-repeat left bottom; background-size:60px 2px; padding-bottom:10px;}
.bl-blue2{background:url(../img/dot-blue.png) no-repeat center bottom; background-size:40px 2px; padding-bottom:10px;}
.bl-blue3{background:url(../img/dot-blue.png) no-repeat right bottom; background-size:60px 4px; padding-bottom:10px;}
.bl-red{ background:url(../img/dot-blue.png) no-repeat right center; background-size:3rem 1px; padding-right:4rem;}
.bl-white{background:url(../img/dot-white.png) no-repeat left bottom; padding-bottom:1rem; background-size:60px 2px;}
.bl-white2{background:url(../img/dot-white.png) no-repeat center bottom; background-size:40px 2px;padding-bottom:10px;}
.btm-btn{width:60%; margin-left:auto; margin-right:auto;}
.bl-main{background:url(../img/dot-main.png) no-repeat left bottom; background-size:50px 1px; padding-bottom:10px;}

.footer{padding:4rem 0; background:#0a8d67; color:#fff; margin-top:50px;}
.footer-dark .heading{background:url(../img/dot-white.png) no-repeat left bottom; background-size:30px 1px; padding-bottom:10px;}
a.footer-icon i{ font-size:1.5rem; color:#fff;transition: all 0.35s;}
a.footer-icon:hover i{ font-size:1.5rem; color:#feb123;transition: all 0.35s;}
.copyright{ background:#086c4f; color:#b1c7bf; padding:1rem 0;}
.footer-con{ padding-top:120px;}
.footer a{color:#b0c2de;}
.footer a:hover{color:#fff;}
.footer hr{ background-color:#6cbba4; margin-top:30px;margin-bottom:50px;}


/*page*/
.pagination {margin:0 auto;  }
.pagination li{ float:left; margin-right:15px; margin-left:0; width:auto; padding:0; list-style:none;}
.pagination li:hover a{ color:#fff;}
.pagination li a { display:inline-block; padding:0 20px;height:40px; line-height:40px; border-radius:3px; background:#eaeaea; text-align:center; color:#333;transition: all 0.35s;}
.pagination li a:hover {color:#fff;transition: all 0.35s;}
.pagination li.active a {display:inline-block; height:40px; line-height:40px;background:#0a8d67; color:#fff; text-align:center;transition: all 0.35s;border-radius:3px;}
.pagination a:hover { background:#0a8d67; color:#fff; text-decoration:none transition: all 0.35s;}
.pagination span { display:inline-block;width:40px;height:40px; line-height:40px;width:40px;border-radius:3px; background:#0a8d67;color:#fff; text-align:center;}
@media (max-width: 767.98px){	.i-tech{  padding:4rem 3rem; margin:2rem 15px;box-shadow:0px 20px 20px 0px #eee; position:relative; overflow:hidden; flex:auto;}
}
@media (max-width: 575.98px){
	.container-index{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
	.banner{ height:500px;}
	.banner1{ background-size:cover;}
	.banner-title{ font-size:2rem; line-height:1.2;padding-top:4rem;}
	.banner-title2{ font-size:1rem;}
	.banner-title1{width:100%;font-size:1.5rem; font-weight:700; font-family:din; line-height:1.2;color:#fff; }
	.banner-pages2{height:300px; background-size:cover;}
	.banner-pages2 .container{padding-top:100px;}
	.bg-secondary .navbar-toggler {color: rgba(255, 255, 255, 0.8);border-color: rgba(255, 255, 255, 0.8);}
	.bg-scroll .navbar-collapse{ background-color:#fff;transition: all 0.35s;}
	
	.banner-pages{height:300px; background-size:cover;}
	.banner-pages .container{padding-top:100px;}
	.swiper-button-next1, .swiper-button-prev1{ display:none;}
	.banner video{min-width:100%; max-height:100%;z-index:-99; position: fixed; overflow:hidden; left:0;  top:0px;}
	.dropdown-menu .dropdown-item {
		padding: 0.5rem 2rem;
		font-size: .875rem;
	}
	.nav-item .btn{margin-top:1rem; margin-bottom:1rem;}
	.navbar-dark .navbar-nav .nav-link {font-size:.875rem;color: rgba(255,255,255,0.7);}
	.i-pro-box .prot{ padding:20px 0;}
	.i-about-box, .i-about-box2{padding:0;}
	.i-team{ padding:1rem;}
	.i-tech-box{display: block;}
	.i-tech{  padding:4rem 3rem; margin:2rem 15px;box-shadow:0px 20px 20px 0px #eee; position:relative; overflow:hidden; flex:auto;}
	.a-menu a{padding:1rem; margin-right:2rem;margin-top:5rem; border:1px solid #f4f4f4; font-size:.875rem; line-height:2; border-radius:3px;box-shadow:0px 5px 5px 0px #f0f0f0;transition: all 0.35s;}
	
	.i-title, .i-title3{font-size:2rem; font-family:Arial Black;background:url(../img/dot-blue.png) no-repeat left 27px; line-height:1.2; background-size:120px 10px;}
	.i-title2{font-size:1.5rem; font-family:Arial Black;background:url(../img/dot-blue.png) no-repeat left 20px; line-height:1.2; background-size:120px 10px;}
		
	.i-capa-list li{ list-style:none; background:#fff; box-shadow:0 0 10px 0 #e0ece8; padding:.5rem 0; width:48%;  text-align:center; border-radius:3px; margin:.5rem 1%; float:left; font-size:.875rem; font-weight:bold;transition: all 0.35s;}

	
	.service-con, .service-con2, .service-con3{width:100%; padding:3rem 1rem 2rem;}
	.about-service{ background:#f7f7f7; flex:auto; box-shadow:5px 0 0 0 #e3e3e3; text-align:center;padding:2rem 1rem; box-sizing:content-box; margin:15px; border-radius:20px;transition: all 0.35s;}
	.about-bg1{ background:#0a8d67; height:auto;}
	.about-service2{padding-left:15px; padding-right:15px;padding-bottom:2rem;}
	
	.product-info{padding-left:0;}

	.num-t{height:64px; line-height:64px; font-family:Din; font-size:5rem; overflow:hidden; position:relative;}
	.num-t p{font-size:1rem; line-height:1rem; position:absolute; left:0; top:26px; padding-right:70px; background:url(../img/dot-blue.png) no-repeat right center; background-size:60px 2px;}
	.num-t p span{letter-spacing:.255rem; color:#04518c; font-family:dinb; font-size:1rem; line-height:1rem;}
	.num-t .t{font-size:2.25rem; line-height:1.6; position:absolute; left:0; top:0px;background:url(../img/dot-blue.png) no-repeat 10px bottom; background-size:60px 2px;}
	.num-t .t span{font-size:2.25rem; color:#000;letter-spacing:0;}
	.num-t2{font-family:Din; font-size:4rem; overflow:hidden; position:relative;}
	.num-t2 .t{font-size:2rem; color:#333; line-height:1.8; position:absolute; left:0;margin-left:20px;bottom:0px;text-align:center;}

	.crumbs{padding:1rem; border-bottom:1px solid #e8e8e8; background-color:#f7f7f7;}
	.i-about{padding-right:0px;}
	.i-video{width:100%; height:auto; background-color:#fff; border-radius:.125rem; text-align:left; box-shadow:30px 30px 0 3px #edf3f7;}
	.i-num sup{vertical-align: text-top; font-size:1.25rem}
	.swiper-product{height:300px;}
	.swiper-product .product1{background:url(../img/i-pro1.jpg) no-repeat center top; background-size: 150%;}
	.swiper-product .product2{background:url(../img/i-pro2.jpg) no-repeat center top; background-size: 150%;}
	.swiper-product .t1{ font-family:pops; font-size:1.5rem; color:#fff; line-height:1.2;}
	.swiper-product .t2{ font-size:.5rem; color:#fff; line-height:1.2;}
	.swiper-product .container{padding-right:35%; padding-bottom:100px;  text-align:right;}
	
	.i-pro-box{padding:0px; text-align: left; position:relative;}
	.i-pro-box .t1{color:#04518c; font-size:1rem;  font-family:dinm; position: absolute; padding-top:100px; left:0; right:auto; top:-130px;background:url(../img/dot-blue.png) no-repeat 5px 0; background-size:2px 100px;z-index:9;}
	.i-pro-box .t1 p{ background-color:#fff;padding-right:0;}
	.i-pro-box .t2{font-size:1.5rem; margin-top:50px; font-family:dinb; color:#000;letter-spacing:0rem; line-height:1.2;}
	.i-pro-box .t3{font-size:1rem;margin-top:20px; font-family:dinm; color:#999;}
	.i-pro-box .t4{margin-top:20px;}

	.i-pro-box2{padding:0px; text-align:left; position:relative;}
	.i-pro-box2 .t1{color:#04518c; font-size:1rem; font-family:dinm; position:absolute;text-align:left; padding-left:0; padding-top:100px; left:0; top:-130px;background:url(../img/dot-blue.png) no-repeat 5px 0; background-size:2px 100px;z-index:9;}
	.i-pro-box2 .t1 p{ background-color:#fff;padding-left:0;}
	.i-pro-box2 .t2{font-size:1.5rem; margin-top:50px; font-family:dinb; color:#000;letter-spacing:0rem; line-height:1.2;}
	.i-pro-box2 .t3{font-size:1rem;margin-top:20px; font-family:dinm; color:#999;}
	.i-pro-box2 .t4{margin-top:20px;}
	
	.adv-bg{background:url(../img/bg-03.jpg) no-repeat center center; background-size:cover;padding:20px 0; box-sizing:border-box;}
	.adv-box p.icon{width:48px; height:48px; background-color:#286199; border-radius:100%; text-align:center; color:#fff; line-height:48px;}
	.adv-box p.icon i{font-size:2rem;}
	.adv-box .adv-con{ padding-left:0; padding-top:10px; background:url(../img/dot-grey.png) no-repeat 0 top; background-size:30px 2px;}
	.adv-box .adv-con p{margin-bottom:0; font-size:.75rem;}
	.adv-box .adv-con p.t{margin-bottom:0; font-size:1rem;}
	.adv-box{margin-bottom:20px;}
	
	.i-rd-box{ width:100%; padding:0 20px 50px; margin:20px auto; box-sizing:border-box; background:rgba(0,0,0,0.5); border-radius:8px;transition: all 0.35s; overflow: hidden; position: static;}
	.i-rd-box:hover{background:rgba(138,45,48,1);transition: all 0.35s;}
	.i-rd-box .rd-btn{ position: static; padding:0; margin-top:20px;width:100%;transition: all 0.35s;}

	
	.news-box{width:100%; margin-bottom:0.865rem;}
	.news-left{ border-right:0; padding-right:15px;}
	.news-right{ padding-left:15px;}
	
	.pro-info{width:100%; margin-left:auto;}
	.pro-video{height:auto; margin-top:1rem; overflow:hidden;}
	.pro-video iframe{height:197px;}

	.contact-con{ padding:1rem;}
	.contact-form{padding:1rem;}
	
	.video-box{width:100%; margin-left:auto; margin-right:auto; margin-bottom:2rem;}
	.down-pic, .down-con{width:100%; margin-left:auto; margin-right:auto; margin-bottom:1rem;}
	.down-btn{margin-top:20px; margin-bottom:3rem;}

	.btm-btn{width:90%; margin-left:auto; margin-right:auto;}
	.order1{ order:2;}
	.order2{ order:1;}
	.w60, .w75{width:96%; margin-left:auto; margin-right:auto; padding:0 2%; box-sizing:content-box;}

	.qc-pic-l, .qc-pic-r{width:100%; margin-left:0;margin-right:0;}
	.qc-con{width:100%;}
	.qc-con2{width:100%; margin-left:0;}
	.qc-con .t, .qc-con2 .t{ background:url(../img/dot-blue2.png) no-repeat 4.5rem bottom; background-size:140px 2px; padding-bottom:1.5rem;}
	.qc-con .txt, .qc-con2 .txt{padding-left:4.5rem;}

	.mf1{padding-top:0;}
	.mf-box{width:100%;}
	.rd-con{ background-color:#0a8d67; padding:1rem; box-sizing:border-box; margin-left:0; margin-top:0; width:100%;}
	.rd-con3{ background-color:#0a8d67; padding:1rem; box-sizing:border-box; margin-left:0; margin-top:0; width:100%;}
	.rd-con2{ background-color:#0a8d67; padding:1rem; box-sizing:border-box; margin-right:0; margin-top:0; width:100%;}
	.rd-img{width:100%; box-shadow:0 10px 20px 0 #eee; margin-bottom:2rem;}
	
	.footer{padding:2rem 0;margin-top:20px;}
	.footer-con{ padding-top:120px;}
	
	.f24{font-size:1.25rem;}.f32{font-size:1.25rem;}.f36{font-size:1.25rem;}.f40{font-size:2rem;}.f48{font-size:2rem;}.f64{font-size:2.5rem;}.f96{font-size:3rem;}
	.mt20{margin-top:10px;}
	.mt30{margin-top:15px;}
	.mt50{margin-top:20px;}
	.mt100{margin-top:30px;}
	.mt120{margin-top:30px;}
	.mt80{margin-top:30px;}
	.pd120{ padding-top:30px; padding-bottom:30px;}
	.pd100{padding-top:20px; padding-bottom:20px;}
	.pd80{padding-top:20px; padding-bottom:20px;}
	.pd50{padding-top:20px; padding-bottom:20px;}
	.pl50{ padding-left:15px; box-sizing:border-box;}
	.pr50{ padding-right:15px; box-sizing:border-box;}

	}