@font-face {

font-family: PoppinsBold;

src: url('../ttf/Poppins-Bold977zzr.ttf')

}

@font-face {

font-family: PoppinsLight;

src: url('../ttf/Poppins-Lightuag7cj.ttf')

}

@font-face {

font-family: PoppinsMedium;

src: url('../ttf/Poppins-Mediumuhq0ee.ttf')

}

@font-face {

font-family: PoppinsRegular;

src: url('../ttf/Poppins-Regularphu4v0.ttf')

}

*{

	-webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear;



}

[class^="bi-"]::before, [class*=" bi-"]::before {

    vertical-align: middle;

}

:root{

--bs-main-color:#1569a2;	
--bs-second-color:#e4a125;	
}

 *::selection{
	color:#fff;	
	background:var(--bs-main-color);
}
html {
    width: 100%;
    overflow-x: hidden
}




.btn-primary {

  background-color:  var(--bs-main-color);

  border-color:  var(--bs-main-color);

}

.text-primary{color: var(--bs-main-color) !important;}

body{max-width: 1920px;  margin: auto; font-family:"PoppinsRegular",Arial, Helvetica, sans-serif; font-size:0.85rem;overflow-x:hidden; color:#333; line-height:1.6}

.bold-tit{ font-family:"PoppinsMedium";}

a{ color:#333; text-decoration:none;}

a:hover{color: var(--bs-main-color); text-decoration:none;}

.border-green{ border-color:#56b700 !important}

.text-green{ color:#6eb92b !important;}



.btn-red{ background:#de2221; color:#fff; padding:0.5rem 1.5rem; text-transform:capitalize; border-radius:20px; font-size:12px;}

.btn-red:hover,.btn-red.active{ background:#de2221; color:#fff}



.btn-orange{ background:#e4a125; color:#fff; padding:0.4rem 1.1rem; text-transform:capitalize; border-radius:20px; font-size:12px;}

.btn-orange:hover{ background:var(--bs-main-color); color:#fff}



.btn-green{ background:var(--bs-main-color); color:#fff; border-radius:20px; font-size:12px; padding:7px 25px;font-family:"PoppinsMedium";}



.btn-gray{ background:#fff; color:#333; border-radius:20px; font-size:12px; padding:7px 25px;font-family:"PoppinsMedium";}

.btn-gray:hover{color:var(--bs-main-color); }

.btn-gray.active{background:var(--bs-main-color); color:#fff; }

.bg-light{ background-color:#f3f3f3 !important;}

@media (min-width: 768px) {
    .container {max-width: 740px;padding-left: 0 !important;padding-right: 0 !important; }
}

@media (min-width: 992px) {
    .container {max-width: 960px;}
}

@media (min-width: 1100px) {
    .container {max-width: 1000px;}
}

@media (min-width: 1200px) {
    .container {max-width: 1100px;}
}
@media (min-width: 1240px) {
    .container {max-width: 1200px;}
}
@media (min-width: 1480px) {
    .container {max-width: 1440px;}
}
@media (min-width: 1700px) {
    .container {max-width: 1440px;}
}
@media (min-width: 1900px) {
    .container {max-width: 1666px;}
}


.PageMain img{ max-width:100%}

.PageMain .container {

    max-width: 1160px;

  }



.fs-16{ font-size:16px;}

.fs-large{ font-size:2.85em;}
.fs-80{ font-size:80px;}



.header{  z-index:30;background-color:none;box-sizing:border-box; position:absolute; left:0; top:0; right:0; color:#fff;}



#navfix{ }

.navbar {

    margin-bottom:10px;

    border-radius: 0;

	position:relative;	

}



.navbar .container{ position:relative; z-index:10;}

.navbar-header{  }



.navbar-default {

    background-color:transparent;

    border-color: transparent;

	border:0;

}

.navbar-brand {

	height:auto;

}



.navbar-collapse {

    padding-right: 0;

    padding-left: 0;

}



.navbar-toggle {

    position:absolute;

	right:0;

	margin-right: 10px;

    padding: 0 0;

	top:10px;

    background-color: transparent;

    background-image: none;

    border: 0 solid transparent;

    border-radius: 0;

}

.main_menu {padding:0; margin:0; font-size:20px;}

.main_menu li{ list-style:none; padding:0; margin:0;}



.main_menu > li{  height:70px; line-height:70px; margin:0 20px;position:relative;}

.main_menu > li > a{ color:#fff; display:block; text-transform:capitalize; white-space:nowrap; }


.main_menu > li > a:hover{ text-decoration:none; color:var(--bs-main-color) !important;  }

.main_menu > li.active > a,.main_menu > li > a.now{color:var(--bs-main-color);  }

.main_menu > li > .nav-sub{ position:absolute; left:-20px; top:100%; min-width:200px; background:#fff; margin:0; padding:10px 0 10px 0; box-shadow:0 3px 5px -1px rgba(0,0,0,0.2);  display:none !important; z-index:10}

.main_menu li  ul { margin:0; padding:0; list-style:none;  text-align:left;font-size:16px;}

.main_menu li  ul  li{ margin-left:0; height:auto; float:none;  display:block; padding:7px 0; position:relative; }

.main_menu > li > .nav-sub li span{ position:absolute; right:20px; top:9px; color:var(--bs-main-color);}

.main_menu li  ul  li a{ padding:0 0 0 20px;float:none; display:block; white-space:nowrap; color:#555;border-left:3px solid #fff; line-height:1.2;}

.main_menu li  ul  li a:hover{ color:var(--bs-main-color); border-left:3px solid var(--bs-main-color);}

.main_menu > li:hover > .nav-sub{ display:block !important;}



#mobile .main_menu { font-size:14px; border-top:1px solid #ddd; }

#mobile .main_menu > li{  height:auto; line-height:2;margin-left:0; text-align:center; border-bottom:1px solid #ddd;}

#mobile .main_menu > li > a{ line-height:2.8; display:block;}

#mobile .main_menu > li > a:hover{ background:#f2f2f2;}

#mobile .navbar-brand img {

  max-height: 40px;

}

	

.navbar-nav .navbar-toggler {

    color: rgba(0,0,0,.5);

    border-color: rgba(0,0,0,.1);

}

.navbar-toggler {

    display: none;

    color: #fff;

    font-weight: bold;

    position: absolute;

    right:10px;

	top:12px;    

    background-color: transparent;

    border: 0;

	padding: 0 0.25rem;

}

.navbar-toggler i{font-size: 18px !important;}

.transparent-top{ border-bottom:1px solid #999; border-bottom-color:rgba(255,255,255,0.3)}

.header:hover .navbar-toggler {color: #333;}



#desktop.fixed-top{ background:#fff; color:#333;box-shadow: 0 3px 3px rgba(0,0,0,0.05); position:fixed !important}

#desktop.fixed-top .navbar-brand img{ height:30px;}

#desktop.fixed-top .main_menu > li{  height:60px; line-height:58px;}

#desktop.fixed-top .main_menu > li > a{color:#333;}



.product-page .header{background-color:#fff; position:relative; color:#333; box-shadow: 0 3px 3px rgba(0,0,0,0.05);}

.product-page .header .container-fluid{ max-width:1160px; padding-left:0; padding-right:0;}

.product-page .main_menu > li > a{ color:#333}

.product-page .main_menu > li > a:hover{ color:var(--bs-main-color)}





.topLanguage{position:relative; display:inline-block; z-index:10000 }

	.topLanguage i{ font-size:16px; cursor:pointer; line-height:56px;}

	.innerbox{ position:absolute; top:99.9%; left:50%; transform:translateX(-50%);background:#fff; text-align:center; width:100px; padding:15px 15px; display:none; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); font-size:13px; border-radius:3px; border:1px solid #eee;}

	.innerbox a.active{color: #5ba95f;}

	.innerbox a,.innerbox span{ display:block;}

	.innerbox a{ color:#333; white-space:nowrap; line-height:36px;}

	.innerbox span{ width:60px; height:0; border-bottom:1px solid #ccc; margin:10px auto;}

	.innerbox:before{ position:absolute; top:-11px; left:50%; margin-left:-5px; content:""; width:0; height:0; border-width:6px; border-style:solid; border-color:transparent transparent #e0e0e0 transparent; }

	.topLanguage:hover ,.topLanguage:hover i{ color:var(--bs-main-color);}

	.topLanguage:hover .innerbox{ display:block;}



	.searchtop{position:relative; display:inline-block; z-index:10000 }

	.searchtop i{ font-size:16px; cursor:pointer; line-height:42px; }

	.search-send{ position:absolute; top:99.9%; right:-20px; background:#fff; padding:15px 15px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); width:280px; display:none; border-radius:3px; border:1px solid #eee;}

	.search-send input{font-size:12px; }

	.searchtop:hover ,.searchtop:hover i{ color:var(--bs-main-color);}

	.searchtop:hover .search-send{ display:block;} 


.index-video{ position:relative;  padding-top:calc(100/192 * 100%);overflow:hidden; z-index:3;}

.index-video:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.01)}

.index-video video{ position:absolute; top:0; left:0; width:100%; z-index:0;}

.index-video .fix-video-txt{position:absolute; bottom:20%; left:auto; right:5%; font-size:18px; width:60%; max-width:900px; z-index:10}

.index-video .fix-video-txt .main{}

.index-video .fix-video-txt .btn-play{ text-align:center; font-size:54px; color:rgba(0,0,0,0.4)}

.index-video .fix-video-txt .btn-play:hover{color:var(--bs-main-color);}

#homeSlide{ position:relative;}
#homeSlide:after{
	content:"";
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height:70px;
  background-image: linear-gradient(180deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0) 100%);
  z-index: 1;}
.index-slide{  position:relative;}

.index-slide .container{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin-top:30px;}
.index-slide .sblank{ width:20%;}
.index-slide .stlist p{ padding-left:30px;}
.index-slide .stlist .scc{ position:relative;}
.index-slide .stlist .scc:before{ content:""; position:absolute; top:12px; left:0; width:8px; height:8px; border-radius:4px; box-shadow:0 0 5px #fff; background:#fff;}

@keyframes dou {

  0% {

    bottom:40px

  }

  50% {

    bottom:35px

  }

  100% {

    bottom:40px

  }

}

.mouse {

  position:absolute;

  bottom:40px;

  left:50%;

  text-align:center;

  transform:translateX(-50%);

  -webkit-transform:translateX(-50%);

  -moz-transform:translateX(-50%);

  -ms-transform:translateX(-50%);

  -o-transform:translateX(-50%);

  z-index:1000;

  cursor:pointer;

  animation:dou 1s infinite ease-in-out;

  -moz-animation:dou 1s infinite ease-in-out;

  -webkit-animation:dou 1s infinite ease-in-out;

  -o-animation:dou 1s infinite ease-in-out

}

.mouse i {

  width:20px;

  height:28px;

  border-radius:10px;

  border:2px solid #fff;

  position:relative;

  margin:auto;

  display:block

}

.mouse i:after {

  content:'';

  display:block;

  width:2px;

  height:6px;

  background:#fff;

  position:absolute;

  left:50%;

  margin-left:-1px;

  top:4px

}



 .mySwiper {

        width: 100%;

      }



  .mySwiper .swiper-slide {

        text-align: center;

        font-size: 14px;

        background: #000;



        

        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;

		width:1200px;

      }



      .mySwiper .swiper-slide img {

        display: block;

        width: 100%;

        height: 100%;

        object-fit: cover;

		opacity:0.7;

      }

	  .mySwiper .swiper-slide.swiper-slide-active img{ opacity:1}

	  .mySwiper .swiper-slide .content{ position:relative; color:#fff;}

	  .mySwiper .swiper-slide .content .swfix{ position:absolute; top:10%; left:0; right:0; text-align:center; opacity:0}

	  .mySwiper .swiper-slide.swiper-slide-active .content .swfix{ opacity:1}

	  .mySwiper .swiper-slide .content .swfix h4{ font-size:28px;}

	  .mySwiper .swiper-slide .content .swfix a{ color:#fff;}

	  .mySwiper .swiper-slide .content .swfix a:hover{ text-decoration:underline;}

	  .mySwiper .swiper-slide .content .swfix .catename{ color:rgba(255,255,255,0.6)}

	  .mySwiper .swiper-button-prev,.mySwiper .swiper-button-next {

			outline: none;

			width: 28px;

			height: 28px;	

			color:#fff;		

		}

		.mySwiper .swiper-button-next:after, .mySwiper .swiper-rtl .swiper-button-prev:after,.mySwiper .swiper-button-next:after, .mySwiper .swiper-button-prev:after {

 font-size:20px;

}

		

		.mySwiper .swiper-button-prev:hover,.mySwiper .swiper-button-next:hover {

			color:var(--bs-main-color);				

		}

		

		.mySwiper .swiper-button-prev {

			left: calc(50% - 550px);

		}

		

		.mySwiper .swiper-button-next {

			right: calc(50% - 550px);

		}

		.mySwiper  .swiper-pagination {  bottom: 7%;}

		.mySwiper .swiper-pagination-bullet{ background:#fff; height:2px; width:12px; border:0;border-radius:0; opacity:0.5; margin-left:5px; }

		.mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}



.bg-darker{ background-color:#121212}		

 .mySulutions {

        width: 100%;

      }



  .mySulutions .swiper-slide {

        text-align: center;

        font-size: 14px;

        background: #121212;



        

        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;		

		border-radius:10px;

		transition: 300ms;

		transform: scale(0.8);

		

      }

	 



      .mySulutions .swiper-slide img {

        display: block;

        width: 100%;

        height: 100%;

        object-fit: cover;

		border-radius:10px;

		opacity:0.5

      }

	   .mySulutions .swiper-slide-active,.mySulutions .swiper-slide-duplicate-active{

      transform: scale(1);

	}

	 .mySulutions .swiper-slide-active img,.mySulutions .swiper-slide-duplicate-active img{      

	  opacity:1

	}

	 .mySulutions .swiper-slide .content{ position:relative; color:#fff;}

	 .mySulutions .swiper-slide .content h4{ font-size:30px; position:absolute; top:50%; transform:translateY(-50%); left:7%; right:7%; text-align:center;}

	

	  

	.mySulutions  .swiper-pagination {  bottom: 0;}

	.mySulutions .swiper-pagination-bullet{ background-color:transparent;height:12px; width:12px; border:2px solid #fff;border-radius:50%; opacity:1; margin-left:5px; margin-left:5px; }

	.mySulutions .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#de2221;border:2px solid #de2221;}

		
.suluSlide .swiper-button-prev {
	left: -50px;
	width: 100px;
	height: 100px;
	background: url(../png/wm_button_iconm0i5qa.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
	transition:none;
}

.suluSlide .swiper-button-prev:hover {
	background-position: 0 -100px;
	background-size: 100%
}

.suluSlide .swiper-button-next {
	right: -50px;
	width: 100px;
	height: 100px;
	background: url(../png/wm_button_iconm0i5qa.png) no-repeat;
	background-position: 0 -200px;
	background-size: 100%;
	transition:none;
}

.suluSlide .swiper-button-next:hover {
	background-position: 0 -300px;
	background-size: 100%
}
.suluSlide .swiper-button-prev::after,.suluSlide .swiper-button-next::after{
	content: '';
}
.sulution{ position:relative; overflow:hidden; }
.sulution a{ display:block;}
.sulution .tbox{ position:absolute; bottom:0%; left:0; right:0; padding:4% 7% 10%; text-align:center}
.sulution a:hover .tbox{background-image: linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,0.7) 100%);}

.probox{ position:relative; overflow:hidden; }
.probox a{ display:block; position:relative;}
.probox .sbox{ position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); text-align:center; z-index:2}
.probox a:hover .sbox{}
.probox:after{ content:""; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.5); z-index:1}
.probox .tag{ position:absolute; top:10%; right:0; z-index:3; background-color:var(--bs-second-color); color:#fff; padding:8px 20px; }

.homeAbout {
  width:100%;
  position:relative;
  margin-bottom:3%
}
.homeAbout:before {
  content:'';
  display:block;
  width:100%;
  height:100%;
  background:#f3f3f3;
  position:absolute;
  right:100%;
  top:0;
  z-index:14
}
.homeAbout .swiper {
 
  position:relative;
  z-index:12;
  margin-left:initial;
  padding-bottom:10px
}
.homeAbout .p-lists {
  width:100%;
  position:relative;
  border-radius:16px
}
.homeAbout .p-lists:hover {
  box-shadow:2px 0 10px rgba(0,0,0,0.2)
}
.homeAbout .thumbs {
  border-radius:16px;
  overflow:hidden;
  display:block;
}
.homeAbout .thumbs img {
	width:100%;
}
.homeAbout .lis-boxs {
  width:63.5%;
  position:absolute;
  left:0;
  bottom:0;
  z-index:20;
  background:rgba(255,255,255,1);
  border-top-right-radius:12px;
  padding:30px 20px 20px 16px;
  min-height:150px;
  display:none;
  
}
.homeAbout .p-lists:hover .lis-boxs {
	display:block;
}
.homeAbout .i-boxs {
  width:32px;
  height:32px;
  position:absolute;
  top:50%;
  margin-top:-16px;
  left:128%;
  margin-left:-16px
}
.homeAbout .i-boxs img {
  max-width:100%;
  width:32px;
  position:relative;
  left:0
}
.homeAbout .i-boxs:hover img {
  left:8px
}
.homeAbout .cc-boxs {
  display:none
}
.homeAbout .titles-a {
  line-height:30px;
  display:block;
}
.homeAbout .titles-a:hover {
  color:var(--bs-main-color);
}
.swiper-pagination{ bottom:0}
.swiper-pagination-bullet-active {
  background:var(--bs-second-color);
}





.downix,.phoneix{ display:inline-block; width:30px; height:30px; background-color:#e5e5e5; border-radius:5px; vertical-align:middle; background-repeat:no-repeat; background-position:center center; background-size:65% auto}

.downix{ background-image:url(404.png)}

.phoneix{ background-image:url(404.png)}



.footer{ background:#434343 ;  color:#fff;  position:relative; font-size:0.9em;}

.footer a{ color:#d6d6d6;}

.footer a:hover{ color:var(--bs-main-color); }

.footer .container{ max-width:1160px;}



.dingyue .btn-sm{ font-size:1em;}



.newsletter{ border-bottom:1px solid #777;}

.foot-menu{ position:relative;}

.footShare{ }

.footShare a{ display:inline-block; font-size:16px; margin:0 5px; color:#d6d6d6; width:20px; text-align:center; }

.footShare a:hover{ color:var(--bs-main-color);}



.foot-widget{ margin-bottom:1em;}

.foot-widget h4{ font-size:1em; margin-bottom:20px;}

.foot-widget li{ padding:3px 0; }



.footline{background-color: #888;}



.homefxu{position:relative; }

.homefxu .pic{ position:relative; padding-top:calc(66/90 * 100%); overflow:hidden;background:#000;}

    .homefxu .pic img{ position:absolute; top:0; left:0;

	width:100%;

}

    .homefxu:hover .pic img{ opacity:0.7}

	.homefxu .pic:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.28); z-index:1;}

	.homefxu .content{ position:absolute; z-index:2; top:50%; left:5%; transform:translateY(-50%); color:#fff;}

	

	.homefxu .content .circle{ display:block; width:100px; height:100px; text-align:center; line-height:90px; border:5px solid #fff; border-radius:50%; font-size:24px;}

	.homefxu:hover .content .circle{  background-color:var(--bs-main-color);}



    .articleItem{  position:relative;  margin:0 auto; text-align:left; z-index:1 }

    .articleItem .pic{ position:relative; padding-top:calc(25/37 * 100%); overflow:hidden;background:#eee;}

    .articleItem .pic img{ position:absolute; top:0; left:0;

	width:100%;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear;

}

    .articleItem .pic:hover img{ transform:scale(1.05,1.05); opacity:0.8}

    .articleItem .content{ padding:10px 0; margin:0 18px;}

    .articleItem .content h4{ font-size:18px; line-height:1.5; margin-bottom:0;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

	

    .articleItem .meta{color:#646464; font-size:14px;}

    .articleItem .meta .date{ display:inline-block; margin-right:20px;}

	

.atgIndex{  position:relative;color:#fff;}

.atgIndex .container{ position:absolute; top:50%; left:50%; transform:translateX(-50%); margin-top:-1.5em;}

 .icon-item{ margin:5% auto; }

 .icon-item h4{}

 .atgIndex .fixbt{ position:absolute; bottom:-120px; left:50%; transform:translateX(-50%)}







.page-banner{padding-top:calc(55/192 * 100%); background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; color:#fff; background-color:#121212}

.page-banner .mask{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.35); z-index:1;}

.page-banner .container{ position:absolute; z-index:2; text-align:center; top:50%; left:50%; transform:translate(-50%,-50%); height:100%}

.page-banner .container .inner{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

.page-banner h2{ font-size:42px; text-transform:uppercase;line-height:1.5; display:none;}

.page-banner .location{  color:#fff; position:absolute; bottom:12px; left:2px;}

.page-banner .location a,.page-banner .location span{ color:#fff; margin:0 8px;}

.page-banner .location a:hover{color:var(--bs-main-color);}



.ls2{ letter-spacing:3px;}





.faq{ margin-bottom:10px;border:0; box-shadow:none; border-bottom:1px solid #ccc; padding-bottom:10px;}

.faq-header .accordion-button{ background-color:transparent; color:#333; border-radius:0; padding:0.9rem 0; position:relative;font-size: 0.95rem; }

.faq-header .accordion-button:not(.collapsed):after{ color:#fff;}



.faq-header .accordion-button:not(.collapsed){box-shadow:none; color:var(--bs-main-color);}

.faq-header .accordion-button i{ margin-right:5px;}

.faq-body{ box-shadow:none; padding:0 0 20px 0; background-color:transparent; line-height:1.8; color:#666; }



.accordion-button:after{ background:none;}

.accordion-button:not(.collapsed):after{ background:none;}



.faq-header .accordion-button .jia,.faq-header .accordion-button .jian{ display:block;font-size:21px; position:absolute; top:50%; margin-top:-12px; right:12px;}

.faq-header .accordion-button .jia i,.faq-header .accordion-button .jian i{ margin:0 auto; }

.faq-header .accordion-button.collapsed .jia{ display:block;}

.faq-header .accordion-button.collapsed .jian{ display:none;}

.faq-header .accordion-button:not(.collapsed) .jia{ display:none;}

.faq-header .accordion-button:not(.collapsed) .jian{ display:block;}





.page-contact-info{ color:#666; border-bottom:1px solid #e0e0e0; padding-bottom:2.5%; }

.page-contact-info:last-child{ border-bottom:0}

.page-contact-info h4{ font-size:16px; margin-bottom:10px;font-family:"PoppinsMedium"; text-transform:uppercase;}

.page-contact-info p{ min-height:30px; line-height:1.8; margin:5px 0 0; position:relative; padding-left:30px;}

.page-contact-info p i{ position:absolute; top:0; left:0;  color:var(--bs-main-color);  width:30px; font-size:16px; }

.cshare a{ font-size:16px; margin:0 5px; color:#bbb; display:inline-block;}

.cshare a:hover{ color:var(--bs-main-color);}

.contact-left{ padding-left:7%; border-left:1px solid #ddd;}



.contact-form .form-control{ font-size:0.8rem;padding: 0.7rem 0.75rem; border:0; border-radius:0; background-color:#f5f5f5}



.blue-border-tit{ position:relative; padding-bottom:10px;}

.blue-border-tit:after{ content:""; position:absolute; left:50%; bottom:0; width:20px; height:3px; background-color:var(--bs-main-color); transform:translateX(-50%)}



.red-left-bottom-tit{ position:relative; padding-bottom:15px;}

.red-left-bottom-tit:after{ content:""; position:absolute; left:0; bottom:0; width:40px; height:2px; background-color:#de2221; }





.blue-left-tit{ position:relative; text-transform:capitalize;}

.blue-left-tit span{ display:inline-block;padding-left:20px;position:relative;}

.blue-left-tit span:after{ content:""; position:absolute; left:0; top:8px; width:3px; height:20px; background-color:var(--bs-main-color); }



.mw700{ max-width:700px; margin-left:auto; margin-right:auto;}



.menu-item{ width:150px; text-align:center; margin:0 10px 20px; font-size:18px; display:inline-block; vertical-align:top;}

.icos{ display:block; position:relative; width:100px; height:100px; box-shadow:0 0 5px rgba(0,0,0,0.3); border-radius:50%; background-position:0 -93px; background-repeat:no-repeat; margin:0 auto; margin-bottom:15px;transition:none;-webkit-transition:none;    -moz-transition: none;    -o-transition: none;}

.icos:after{ content:""; position:absolute; top:5px; right:-5px; width:10px; height:10px; border-radius:50%;background-color:#de201f}

.icos.ico01{ background-image:url(404.png);}

.icos.ico02{ background-image:url(404.png);}

.icos.ico03{ background-image:url(404.png);}



.icos.ico04{ background-image:url(404.png);}

.icos.ico05{ background-image:url(404.png);}

.icos.ico06{ background-image:url(404.png);}

.icos.ico07{ background-image:url(404.png);}

.icos.ico08{ background-image:url(404.png);}

.icos.ico09{ background-image:url(404.png);}

.icos.ico10{ background-image:url(404.png);}



.icos.ico11{ background-image:url(404.png);}

.icos.ico12{ background-image:url(404.png);}

.icos.ico13{ background-image:url(404.png);}



.menu-item:hover .icos,.menu-item.active .icos{ background-position:0 0; background-color:#de201f}

.menu-item.active a{pointer-events:none;}





.mwMap{ max-width:400px;}



.down-item img{ max-width:100%;}

.honor-item img{ max-width:100%;}

	

.entry-title{ text-align:center; margin:1rem auto 1.5%; font-size:24px;}

.entry-info{ text-align:center; margin:30px auto; color:#646464; font-size:12px;}

.entry-info .date{  background:#de201f;  color:#fff; padding:3px 15px; border-radius:13px; margin-right:20px;}



.entry-content{ margin-bottom:30px;color:#646464; line-height:1.8}

.entry-content p{ margin-bottom:20px;}



.post-share { padding: 20px 0; position:relative; text-align:center;}

.post-share:after{ content:""; position:absolute; z-index:1; top:50%; left:0; width:100%; border-top:1px solid #ddd;}

.post-share .inner{ position:relative; z-index:2;  background:#fff; margin:0 auto; padding:0 20px;}

.post-share a{ margin:0 3px; display:inline-block; color:#888; font-size:20px;}

.post-share a:hover{ color:#6eb92b;}



.pro-pages-item{ border:1px solid #ddd; background:#fff; position:relative; text-align:center;}

.pro-pages-item a{ display:block;}

.pro-pages-item .pic{ background:#fff; text-align:center; padding:0 7% 2%; padding-top:90%; position:relative; overflow:hidden;}

.pro-pages-item .pic img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:auto; width:75%;}

.pro-pages-item .txt{  padding:10px 7% 15px 7%; }

.pro-pages-item .txt h4{font-size:13px;color:#666;}

.pro-pages-item .txt p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.pro-pages-item .tag{ position:absolute; top:5%; left:5%; background:#14e08d; color:#fff; padding:2px 8px; font-size:12px; border-radius:3px;}

.pro-pages-item .tag.hot{ background:#ea5c5c;}

.pro-pages-item:hover{ border:1px solid #fedc09; }

.pro-pages-item:hover .pic img{transform:translate(-50%,-50%) scale(1.1); }



.indexForm {

  max-width: 1000px;

  margin: 0 auto;

  background: #fff;

  border: 1px solid #ccc;

  box-shadow: 0 0 7px #ccc;

  padding: 3.5rem 6% 2rem;

  font-size: 14px;

  border-radius: 5px;

}

.indexForm .form-control{ font-size:14px;}



.catelist{ background-color:#041319;}

.catelist .catetxt{ max-width:550px; color:#fff; margin-left:5%}

.catelist:nth-child(2n+1) .catetxt{ margin:0 5% 0 auto;}



.shadow-locaction {

  box-shadow: 0 0.15rem 0.15rem rgba(0, 0, 0, 0.15);

  height:5px;

  background:#fff;

}

#prolist .col-6{position:relative; margin-bottom:30px; padding-bottom:4px;}

#prolist .col-6:after{ content:""; position:absolute; top:0; left:13px; right:13px; bottom:0; background-color:#f6f6f6; z-index:0}

#prolist .proItem{ position:relative; padding-bottom:125%; text-align:center; z-index:1}

#prolist .proItem .pic{ position:absolute; top:41%; left:50%; transform:translate(-50%,-50%); width:75%;}

#prolist .proItem .content{ position:absolute; bottom:0; left:5%; right:5%; text-align:center; color:#888;}

#prolist .proItem h4{font-size:16px; margin-bottom:8px;}

#prolist .proItem h4 a{ color:var(--bs-main-color);}

#prolist .proItem:hover{ background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);}

.bg-yellow{background:var(--bs-second-color);}

.view_li > a{display: block;position: relative;overflow: hidden;text-align:center}
.view_li > a:before,.view_li > a:after{content: '';position:absolute;width: 100%;height: 100%;background: rgba(144,144,144,.15);opacity: 0;top:0;left: -100%;z-index: 3;-webkit-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s}
.view_li > a:after{left:auto;right:-100%}
.view_li:hover > a:before{left:50%;opacity: 1}
.view_li:hover > a:after{right:50%;opacity: 1}

.home-pro .col-6{position:relative; margin-bottom:30px; padding-bottom:4px;}

.home-pro .col-6:after{ content:""; position:absolute; top:0; left:13px; right:13px; bottom:0; background-color:#fff; z-index:0}

.home-pro .proItem{ position:relative; text-align:center; z-index:1; padding:8%;}
.home-pro .proItem:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2);}

.home-pro .proItem .pic{ position:relative;padding-bottom:90%; margin:0 auto;}
.home-pro .proItem .pic img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%;}
.home-pro .proItem .pic .tag{ position:absolute; right:0; top:0; background:var(--bs-second-color); color:#fff; width:36px; height:36px; line-height:35px; text-align:center; border-radius:50%;}

.home-pro .proItem .content{ text-align:center; color:#888; padding-top:30px;}

.home-pro .proItem h4{font-size:16px; margin-bottom:8px;}

.home-pro .proItem h4 a{ color:#333;} 
.home-pro .proItem h4 a:hover{ color:var(--bs-main-color);} 
.home-pro .proItem .model{ color:var(--bs-main-color);}

.functio_btns {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  -webkit-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s
}
.functio_btns .fav_btn,
.functio_btns .cart_btn {
  float: left;
  width: 50%;
  line-height: 50px;
  font-size:16px;
  color: #fff;
  text-decoration: none
}
.functio_btns .fav_btn {
  background: #000000
}
.functio_btns .cart_btn {
  background: var(--bs-main-color);
}
.proItem:hover .functio_btns {
  opacity: 1;
  bottom: -27px;
  -webkit-box-shadow:0px 5px 7px #ccc;
  box-shadow:0px 5px 7px #ccc
}







 #proslide {

        width: 100%;

		padding:0 0 3% 0;

      }



  #proslide .swiper-slide {

        text-align: center;

        font-size: 14px;

        background: none;

        

        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;

		

      }

	 



      #proslide .swiper-slide img {

        display: block;

        max-width: 100%;
        
        aspect-ratio: 4/3;

        object-fit: contain;	

      }  

	   #proslide .swiper-button-prev,#proslide .swiper-button-next {



			outline: none;

			color:var(--bs-main-color);	

			background:rgba(255,255,255,0.5);

			

		}

		#proslide .swiper-button-next:after, #proslide .swiper-rtl .swiper-button-prev:after,#proslide .swiper-button-next:after, #proslide .swiper-button-prev:after {

 font-size:20px;

}

		

	



	#prothumb{

        width: 100%;
      }



  #prothumb .swiper-slide {

        text-align: center;

        font-size: 14px;

        

       

		padding:2px;

      }
   

      #prothumb .swiper-slide img { 

        display: block;		

        max-width: 100%;

        height: 100%;

        aspect-ratio: 4/3;

        object-fit: contain;

      }  

	  #prothumb .swiper-slide.swiper-slide-thumb-active  img{ }

	  #prothumb .swiper-slide.swiper-slide-thumb-active {background:url(../gif/products-_03uag7cj.gif) no-repeat 0 0;background-size:100% 100%;	}
	  .prothumbww{ padding:2px 70px; margin-bottom:30px; position:relative;}
	  .prothumbww .swiper-button-prev,.prothumbww .swiper-button-next {

			outline: none;
			
			color:#ccc;	
			
		}
		.prothumbww .swiper-button-next:after, .prothumbww .swiper-rtl .swiper-button-prev:after,.prothumbww .swiper-button-next:after, .prothumbww .swiper-button-prev:after {
 font-size:16px;
}
		
		.prothumbww .swiper-button-prev:hover,.prothumbww .swiper-button-next:hover {			
			color:var(--bs-main-color);	
		}
		
		.prothumbww .swiper-button-prev {
			left: 30px;
		}
		
		.prothumbww .swiper-button-next {
			right: 30px;
		}

	 	

.profirst .pall,.profirst .ptch{ display:none;}

.profirst .pall.show,.profirst .ptch.show{ display:block;}



.prolist .proShow{ display:block;}

.prolist .proHide{ display:none;}

.prolist .proHide.show{display:block;}

.proCatAd{ background-color:#f2f2f2; border-radius:5px; background-position:right bottom; background-repeat:no-repeat; background-size:contain }

.bg-line{ position:relative; width:100%;}

.bg-line a{ position:relative; z-index:3}

.bg-line:after{ content:""; position:absolute; top:50%; left:0; right:0; border-top:1px solid #ccc; z-index:0}

.bg-line .btnAct  i.bi-plus{ display:block;}

.bg-line .btnAct  i.bi-dash{ display:none;}

.bg-line .btnAct.dash i.bi-plus{ display:none;}

.bg-line .btnAct.dash i.bi-dash{ display:block;}



.bg-gray {

  background: #d5d5d5;

}



.richtext ul {

  list-style:none !important;

  max-width:100%;

  padding:0;

  margin:0;

}

.richtext ul li {

  list-style:none !important;

  position:relative;

  padding-left:18px;

  color:inherit;

  margin-bottom:0;

}

.richtext ul li:last-child {

  margin-bottom:0

}

.richtext ul li em {

  font-style:initial

}

.richtext ul li * {

  font-size:inherit;

  color:inherit;

  line-height:inherit

}

.richtext ul li:before {

  content:'';

  display:block;

  width:8px;

  height:8px;

  border-radius:100%;

  position:absolute;

  left:0;

  top:6px;

  border:2px solid var(--bs-main-color);

}



.tbmenu{ border-bottom:1px dashed #999; font-size:18px; margin-bottom:20px;}

.tbmenu ul{ margin:0; padding:0}

.tbmenu li{ position:relative; padding-bottom:10px; cursor:pointer; color:#999;}

.tbmenu li.active,.tbmenu li:hover{color:#333;}

.tbmenu li.active:after{ content:""; position:absolute; bottom:-5px; left:50%; margin-left:-5px;width:10px;

  height:10px;

  border-radius:50%;

  background:var(--bs-main-color);}

.tbcontent .plist{ display:none;}

.tbcontent .plist.selected{ display:block;}	



.reproItem .pic{ position:relative; padding-top:100%;}	

.reproItem .pic img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:70%; width:auto;}

.imgs-hovers {

 position:relative;

 overflow:hidden;

}

.imgs-hovers:hover img {

 -webkit-transform:scale(1.05);

 -moz-transform:scale(1.05);

 -ms-transform:scale(1.05);

 -o-transform:scale(1.05);

 transform:scale(1.05)

}







.pdf-item {

  width: 176px;

  flex: 0 1 20%;

  margin-bottom: 2rem;

}

.down-it{ background:#fff; border-top:5px solid #6eb92b; margin:0 10px; overflow:hidden;}

.down-it h3{ font-size:14px; position:relative; padding:12px 10px ; border-bottom:1px solid #ccc;}

.down-it h3 i{ position:absolute; right:9px; top:8px; color:#bbb;}

.down-it p{ padding:10px 10px 1rem; font-size:12px;vertical-align:text-top}

.down-it p a{color: #0462be;}

.down-it p a:hover{ text-decoration:underline; color:#6eb92b }



.prolist .proShow{ display:block;}

.prolist .proHide{ display:none;}

.prolist .proHide.show{display:block;}

.proCatAd{ background-color:#f2f2f2; border-radius:5px; background-position:right bottom; background-repeat:no-repeat; background-size:contain }

.bg-line{ position:relative; width:100%;}

.bg-line a{ position:relative; z-index:3}

.bg-line:after{ content:""; position:absolute; top:50%; left:0; right:0; border-top:1px solid #ccc; z-index:0}

.bg-line .btnAct  i.bi-plus{ display:block;}

.bg-line .btnAct  i.bi-dash{ display:none;}

.bg-line .btnAct.dash i.bi-plus{ display:none;}

.bg-line .btnAct.dash i.bi-dash{ display:block;}







.greendotli{ margin:10px 0; padding:0;}

.greendotli li{ list-style:none; position:relative; padding-left:15px; margin:10px 0; color:#666}

.greendotli li:before{ content:""; position:absolute; top:8px; left:0; width:5px; height:5px;background-color:var(--bs-main-color); border-radius:50%	}

#history-time{ text-align:center; background:url(404.png) repeat-x 0 0; padding-top:30px; font-size:16px;font-family:"PoppinsMedium";}

#history-time .swiper-slide{ position:relative; padding-top:8px; color:#afafaf;}

#history-time .swiper-slide.swiper-slide-thumb-active{color:var(--bs-main-color);}

#history-time .swiper-slide:before{content:""; position:absolute; top:0; left:50%; margin-left:-2px; width:4px; height:4px;background-color:#afafaf; border-radius:50%}

#history-time .swiper-slide.swiper-slide-active:before{background-color:var(--bs-main-color);}





.soluItem{ position:relative; overflow:hidden;}

.soluItem img{ max-width:100%}

.soluItem .content{ position:absolute; bottom:4%; left:3%; display:inline-block; background-color:var(--bs-main-color); color:#fff; padding:2% 4%; opacity:0.9}

.soluItem a{ color:#fff; display:block;}

.soluItem a:hover .content{ bottom:5.5%;}


.Suspension {

    position: fixed;

    bottom: calc(10% + 49px);

    right: 5px;

    width: 50px;

    height: auto;

    z-index: 9998;

	border-bottom:0;

}



.Suspension a,.sFrame{ display:block; width:48px; height:48px; line-height:42px; background:var(--bs-main-color); text-align:center; font-size:24px; position:relative; margin-bottom:1px;  }



.sFrame div{ position:absolute; right:30px; top:0; overflow:hidden; z-index:-1;}

.f-skybox,.f-whatbox{position: absolute;

top: 0;

right: 100%;

padding:0 10px;

width:120px;

background:none;

height:auto;

border-bottom:0;

font-size:12px;

line-height:1.8;

display:none;

}

.f-skybox .inner,.f-whatbox .inner{ padding:10px; border:1px solid #ddd; background:#fff; position:relative; right:auto;}

.f-skype img,.f-whatbox img{ width:100%}

.f-skype:hover .f-skybox,.f-what:hover .f-whatbox{ display:block; color:#333;}



div.subFrame_03{width:0px; height:48px; background-color:#eda41a; font-size:16px; line-height:47px; color:#fff; border-radius:60px 0 0 60px; text-align:left;}

.sFrame:hover div.subFrame_03{width:220px; padding-left:20px;}



.Suspension a{ color:#fff; }

.Suspension a.f-email{ font-size:21px;}

.Suspension a i{line-height:45px !important;}

.Suspension a:hover{ color:#fff; background:#e4a125;}



@media screen and (max-width: 1199px){

	.fs-large {

		  font-size: 2em;

		}

	.index-video .fix-video-txt {

  position: absolute;

  top: auto;

  left: auto;

  right: 5%;

  bottom:5%;

}
.header .right{ min-width:200px;}


}



@media screen and (max-width: 1024px){

	.navbar-nav{ display:flex;flex-direction: column;}

.mySulutions .swiper-slide .content h4{ font-size:16px;}

.protab .goback{ left:auto; right:0; top:0; border-right:0;}

.icon-item .h3{ font-size:1.3em;}



	}



@media screen and (max-width: 640px){

.proCatInfo{ padding-bottom:50%}

.picFocus .smallImg li{ width:50px; margin-bottom:10px;}

.mySulutions .swiper-slide .content h4{ display:none;}

.icon-item .h3{ font-size:1.1em;}

.Suspension{ display:none;}

	}

	

	@media screen and (max-width: 768px){



	.top .main_menu > li > a {

	  padding-top: 8px;

	  padding-bottom: 10px;

	}

	.navbar-brand img{ width:120px;}

	.carousel-indicators {

    margin-right: 0;

    margin-left: 0;

		}

		

	.navbar-toggler {

    display: block;

	}



	.main_menu{ float:none; display:block; margin:0;}

	.main_menu > li{ float:none;  }

.main_menu > li > a{ float:none;  line-height:45px; padding:0 0; border-top:0}

.main_menu > li > a:hover{ text-decoration:none; border-top:0}

.main_menu > li > .nav-sub{ z-index:1000; opacity:0.93;}



.navbar-header,#navbar{ width:100%;}

#navbar{ padding:1rem 1.5rem; margin-left:calc(-1rem - 15px); margin-right:calc(-1rem - 15px); width:calc(100% + 2rem + 30px) }

.main_menu > li > .nav-sub{ left:0; width:100%}


.main_menu > li{ border-bottom:1px solid #ddd}

.main_menu > li > a{ line-height:35px;}





#index-slide .tx-caption h2{ font-size:24px}					

#index-slide .tx-caption .spb{ display:none}

.fix-video-txt .blink { display:none;}
.mouse{ display:none;}

.focus-meta {

  position:relative;

  right:0;

  bottom:0;

}

.post-meta span{ margin:0 4px;}

.post-meta .bi{ margin-right:1px;}

.post-meta { font-size:13px;}



.main_menu > li > a {

  color: #333;

}

.page-banner{ min-height:150px;}

.page-banner h2{ font-size:24px;}



.top {

	height:auto;

}

.navbar-brand {

  padding: 10px 0;

  border-left: 0;

  border-right:0;

}



.fs-large {

		  font-size: 1.3em;

		}

	.index-video .fix-video-txt p{ display:none;}

}

@media screen and (min-width: 769px){

.navbar-main {

    display:block !important;

}



}





.nav-top{ background:#000;color:#aaa;}

.nav-top a{ color:#aaa;}

.nav-top a:hover{ color:#00a0e9;}



.topLanguage{position:relative; display:inline-block; z-index:10000 }
	.topLanguage i{ font-size:16px; cursor:pointer; line-height:42px;}
	.innerbox{ position:absolute; top:99.9%; left:50%; transform:translateX(-50%);background:#fff; text-align:center; width:100px; padding:15px 15px; display:none; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); font-size:13px; border-radius:3px; border:1px solid #eee;}
	.innerbox a.active{color: var(--bs-main-color)}
	.innerbox a,.innerbox span{ display:block;}
	.innerbox a{ color:#333; white-space:nowrap; line-height:36px;}
	.innerbox span{ width:60px; height:0; border-bottom:1px solid #ccc; margin:10px auto;}
	.innerbox:before{ position:absolute; top:-11px; left:50%; margin-left:-5px; content:""; width:0; height:0; border-width:6px; border-style:solid; border-color:transparent transparent #e0e0e0 transparent; }
	.topLanguage:hover ,.topLanguage:hover i{ color:var(--bs-main-color);}
	.topLanguage:hover .innerbox{ display:block;}