/*@font-face {
font-family: PoppinsBold;
src: url('../fonts/Poppins-Bold.ttf')
}
@font-face {
font-family: PoppinsLight;
src: url('../fonts/Poppins-Light.ttf')
}
@font-face {
font-family: PoppinsMedium;
src: url('../fonts/Poppins-Medium.ttf')
}
@font-face {
font-family: PoppinsRegular;
src: url('../fonts/Poppins-Regular.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;
}
body{ font-family:Roboto,Arial, Helvetica, sans-serif; font-size:14px;overflow-x:hidden; color:#525252; line-height:1.6}
.bold-tit{ font-weight:bold;}
a{ color:#333;}
a:hover{color: #e50112; text-decoration:none;}
.text-danger{ color:#eda41a !important;}
.top{ font-size:13px; position:fixed;z-index:100; top:0; left:0; right:0;background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)); color:#fff;}
.top a{ color:#fff;}
.top a:hover{ color:#e50112; }
.top .dropdown-menu a{ color:#333; font-size:0.85rem;}
.telNum{ font-size:18px;}
/*.site-header{ background:#fff; box-shadow:0 3px 2px rgba(0,0,0,0.1); }*/
.navbar-brand img{ max-height:65px;}


.main_menu {padding:0; margin:0; width:auto; display:inline-block; float:right; font-weight:500; }
.main_menu li{ list-style:none; padding:0; margin:0;}

.main_menu > li{ float:left; font-size:16px; position:relative; padding:0 20px; }
.main_menu > li > a{ display:block;float:left; text-transform:uppercase; line-height:56px; padding-top:18px;color:#fff; padding-bottom:14px;}
/*.main_menu li span{ display:block; width:2px; height:38px; float:left;}*/
.main_menu > li > a:hover{ text-decoration:none; color:#e50112;}
.main_menu > li.active > a,.main_menu > li > a.now{ color:#e50112;}
.main_menu > li > .nav-sub{ position:absolute; left:0; top:calc(100% + 15px); min-width:200px; background:#fff; margin:0; padding:20px 20px 20px 0;  display:none !important; font-size:14px; z-index:10}
.main_menu li > ul { margin:0; padding:0; list-style:none;}
.main_menu li > ul  li{ margin-left:0; height:auto; float:none;  display:block; margin:0; padding:8px 0; position:relative;}
.main_menu > li > .nav-sub li span{ position:absolute; right:20px; top:9px; color:#eda41a;}
.main_menu li > ul  li a{ padding:0 0 0 25px;float:none; display:block; white-space:nowrap; border-left:3px solid #fff; line-height:1.2; color:#555;}
.main_menu li > ul  li a:hover{ color:#e50112; border-left:3px solid #e50112;}
.main_menu > li:hover > .nav-sub{ display:block !important; box-shadow: 10px 11px 38px 0px rgba(0, 0, 0, 0.1); top:100%;}

.main_menu li > ul > li > ul{ position:absolute; top:-15px; left:100%;background:#fff; padding:15px 0; display:none;}
.main_menu li > ul > li > ul li a{ padding:0 25px 0 25px;}
.main_menu li > ul > li:hover > ul{  display:block;}

#nav-warp{ position:relative;}
.moll{ border-right:1px solid rgba(255,255,255,0.08);}
#topInfo{ margin-top:25px;}
#topInfo em{ font-style:normal;}
.text-red{color:#e50112;}

.topIco{ position:relative; padding-left:10px; height:24px;min-width:100px;}
/* .topIco .share{ position:absolute; top:-35px; left:0; min-width:90px;} */
.topIco .share{ position:absolute; top:5px; left:0; min-width:90px;}
.topIco .share a{ margin:0 5px;}
/* .topIco .other{ position:absolute; top:-5px; width:60px;} */
.topIco .other{ position:absolute; top:17px; width:60px;}
.topIco .other i{ font-size:16px;}

.linkOut{position: relative;height: 24px; top:30px}
.linkOut a{position: absolute;display: inline-block;top: -10px;background-color: rgb(229, 1, 18);color: rgb(255, 255, 255) !important;padding: 5px 10px;white-space: nowrap; }
.linkOut a:hover{display: inline-block; padding: 5px 10px; background-color: #000; clear: #fff !important;}

/* language xiala */
.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: #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:#e50112;}
	.topLanguage:hover .innerbox{ display:block;}
/* search xiala */
.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:0; background:#fff; padding:15px 15px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); width:220px; display:none; border-radius:3px; border:1px solid #eee;}
	.search-send input{font-size:12px; }
	.searchtop:hover ,.searchtop:hover i{ color:#e50112;}
	.searchtop:hover .search-send{ display:block;}
	
.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;
    left:100%;
	top:0;    
    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)}


.top.fixed-top{ background:#fff; color:#666;box-shadow: 0 3px 3px rgba(0,0,0,0.05);}
.top.fixed-top a{ color:#333;}
.top.fixed-top .navbar-brand img{ height:50px;}
.top.fixed-top .main_menu > li > a{ padding-top:8px; padding-bottom:10px;}
.top.fixed-top #topInfo{ display:none !important;}
.top.fixed-top .topIco .share{ display:none !important;}
.top.fixed-top .topIco .other {
  top: 18px;
}

.topIcon{font-size:15px; }
.topIcon span{ font-size:15px;font-family: Montserrat-Bold; color:#999; margin-bottom:5px;}

#index-slide{ height:100vh; position:relative;}
#index-slide .carousel-item{height:100vh;}
#index-slide .carousel-item img{ 
box-sizing: border-box;
  object-fit: cover;
  height: 100%;
  width: auto;
  vertical-align: bottom;}
/*#index-slide .carousel-item:after{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:0;}*/
#index-slide .carousel-item{ background-color:#f7f7f7; background-size:cover; background-repeat:no-repeat;}
#index-slide  .carousel-item .container{ position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
#index-slide .tx-caption { font-size:16px; line-height:1.8; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}

/* #index-slide .tx-caption h2{ font-size:70px; text-transform:uppercase;  line-height:1.2; font-family:Arial, Helvetica, sans-serif;  margin-bottom:2rem;}
#index-slide .tx-caption .spb{ font-size:20px; text-transform:capitalize; color:#fff; line-height:1.6; max-width:500px; margin:0 auto 5% auto;} */
#index-slide .tx-caption h2{ font-size:50px; text-transform:uppercase;  line-height:1.2; font-family:Arial, Helvetica, sans-serif;  margin-bottom:2rem; margin-top: 2rem;}
#index-slide .tx-caption .spb{ font-size:15px; text-transform:capitalize; color:#fff; line-height:1.6; max-width:500px; margin:0 auto 2% auto;}



.btn-red{ background:#e50112; color:#fff; padding:0.65rem 1.65rem; text-transform:uppercase; border-radius:23px;}
.btn-red:hover{ background:#000000; color:#fff}

#index-slide .maskdiv{ position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.2); z-index:1;}

.product-home{ }
/*.product-home .container{ background:url(../images/circle_bg.png) no-repeat right center;}*/
.about-index{ background:url(../images/about_bg_21_g.png) no-repeat 0 0; background-size:cover; color:#fff; padding:250px 0 200px; margin-top:-155px; font-size:20px; line-height:2}
.about-index p{ max-width:900px; margin:0 auto;}

.nav-home{ font-size:24px;}
.bigtt{ font-size:42px;font-family:Arial, Helvetica, sans-serif;}
.tbtf{ font-size:18px;}
.tbnum{ font-size:27px;font-family:Arial, Helvetica, sans-serif;}

.footer{ background:#000 ;  color:#fff;  position:relative;}
.footad { padding:5% 0 5%; background:url(../images/footbg.jpg) no-repeat center top; background-size:cover}
.footad .big{font-family:Arial, Helvetica, sans-serif; font-size:120px; color:#e50112}
.footer h5{ font-size:16px; color:#fff; margin-bottom:10px; position:relative;font-family:Arial, Helvetica, sans-serif; }
.footer li{ padding:5px 0;}
.footer a{ color:#fff;}
.footer a:hover{ color:#e50112; }

.form-control-border{ border:1px solid #fff; border-radius:3px; padding:3px 5px; background:none; color:#fff;}

.fshare a{ font-size:18px; margin:0 5px; color:#fff; display:inline-block;}


.footerForm input{ font-size:12px;}

.foot-black{ background:#494949; }

.contacticolist li{ position:relative; padding-left:20px;}
.contacticolist li i{ position:absolute; top:5px; left:0; color:#fff; font-size:12px;}


.btn-border-white{ color: #fff; border:2px solid #fff; background-color:transparent; padding:0.5rem 1.5rem; font-size:14px;}
.btn-border-white:hover{ background-color:#eda41a; border-color:#eda41a; color:#fff;}

.post-content{ line-height:1.8;}
.linehight2{ line-height:2}
.linehight4{ line-height:4}

.head-double{ position:relative; padding:3rem 0 1.5rem;}
.head-double h2{font-size:42px; text-transform:capitalize; color:#222; line-height:1.2; font-family:Arial, Helvetica, sans-serif;}
.head-double .subtitle{ font-size:14px; text-transform:uppercase; color:#e50112; line-height:1.2;  margin-bottom:0.8rem;  display:inline-block; }


.font16{ font-size:16px;}
.font18{ font-size:18px; line-height:1.7}

.btn-primary{
	background-color: #00a0e9;
  border-color: #00a0e9;
  color:#fff !important;
}
.btn-primary:hover{
	background-color: #f18001 !important;
  border-color: #f18001 !important;
}
.text-primary {
    color: #00a0e9 !important;
}

.projects .app-item {
 display:block;
 margin:7% auto 3%;
 text-align:left;
 max-width:350px;
 padding-left:80px;
 position:relative;
}
.projects .app-item span {
 display:inline-block;
 position:absolute;
 top:0;
 left:0;
}
.projects .app-item h3 {
 font-size:18px;
 font-family:Arial, Helvetica, sans-serif;
}
.projects .app-item a {
 color:#006a39
}
.projects .icons {
 width:65px;
 height:70px;
 margin:0 auto 0;
 text-align:center
}

.projects .app-item:hover .icons {
 cursor:pointer
}
/* Styling Next and Prev buttons */
/* Styling Next and Prev buttons */
.owl-circle .owl-pagination{ text-align:center; padding:2em 0 2em;}
.owl-circle .owl-pagination .owl-page{ display:inline-block; margin:0 7px 0 0; padding:8px; border:1px solid rgba(0,0,0,0); border-radius:50%;}
.owl-circle .owl-pagination .owl-page span{ display:block; background:#999;  width:7px; height:7px; border-radius:50%; }
.owl-circle .owl-pagination .owl-page.active{ border:1px solid rgba(0,0,0,0.8) }
.owl-circle .owl-pagination .owl-page.active span{ background:#666; }

.about-factory{ background:url(../images/ditu3-1.jpg) no-repeat center 0; background-size:cover; background-attachment:fixed;}


.newsitem{ background:#fff;box-shadow: 3px 5px 15px rgba(0,0,0,0.1); margin:0 0 3rem;}
.newsitem .pic{ position:relative;}
.newsitem .pic .cat-tab{ position:absolute; bottom:-25px; left:30px; z-index:10}
.newsitem .pic .cat-tab a{ display:block; padding:10px 0 0 0; background: url(../images/tagbg.png); color:#222; font-size:12px; text-transform:capitalize; width:126px; height:53px; text-align:center;}
.newsitem .pic .cat-tab a:hover{  }
.newsitem .content{ padding:45px 30px 25px; border-bottom:1px solid #eee;}
.newsitem .content h3{ font-size:18px; margin-bottom:20px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.newsitem .content .meta{  line-height:1.2}
.newsitem .rbtn{ padding:20px 30px; text-transform:uppercase;}

.newsItem{ position:relative; border-bottom:1px solid #ddd; padding:30px 25px 30px 0;  color:#646464; }
.newsItem .time{ width:115px; float:left; position:relative; text-align:center; margin-right:80px; padding-top:30px;}
.newsItem .pic{  margin-right:20px;}
.newsItem .pic img{ max-width:100%; border:1px solid #ddd;}
.newsItem .date{ font-size:30px; display:block; position:relative; padding-bottom:20px; margin-bottom:20px;}
.newsItem .date:before{ position:absolute; content:""; width:100%; height:1px; background:#ccc; left:0; bottom:0;}
.newsItem .wen{  margin-bottom:20px;}
.newsItem h4{ font-weight:bold; font-size:18px;}
.newsItem .wen{ line-height:1.6; padding:8px 0;}
.newsItem .learn_more a{ background:#eda41a; color:#fff; border-radius:15px; padding:7px 25px 8px; margin:10px 0; display:inline-block;}
.focus-meta{ position:absolute; right:20px; bottom:15px; font-size:14px; color:#999;}
.focus-meta .bi{color:#eda41a;}
.focus-meta span{ margin-right:10px;}
.newsItem:hover .pic img{box-shadow:0 3px 8px 6px #bbb;}
.newsItem:hover .learn_more a{ background:#37741b; }

/* pages */

.page-banner{padding-top:calc(75/192 * 100%); background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; color:#fff; background-color:#16365e}
.page-banner.heighter{padding-top:calc(45/192 * 100%);}
.page-banner .mask{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.01); 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 h2{ font-size:36px; text-transform:uppercase; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); line-height:1.5}
.page-banner .location{  color:#fff; position:absolute; bottom:10px; left:2px;}
.page-banner .location a,.page-banner .location span{ color:#fff; margin:0 8px;}
.page-banner .location a:hover{color:#ee771c;}

.app-home{ overflow:hidden; position:relative; background:#000; margin-bottom:30px;}
.app-home h4{ position:absolute; left:5%; bottom:20px; font-size:21px;  color:#fff; max-width:300px; }
.app-home img{ max-width:100%;}
.app-home a img{ opacity:0.75;}
.app-home a:hover img{ opacity:1;}

.peopleSay{ background:#4d4d4d url(../images/servicebg-4.jpg) no-repeat center top; color:#fff;}

.agtav{ border-radius:50%}
.name{ font-size:24px;font-family:Arial, Helvetica, sans-serif;}

.commentContent{ padding:20px 0; line-height:2; max-width:800px; margin:0 auto; text-align:center;}

.owl-carousel-comment .owl-pagination{ text-align:center;}

.owl-carousel-comment .owl-pagination .owl-page{ display:inline-block; margin:0 8px 0 0; background:#fff;  width:8px; height:8px; border-radius:50%; border:2px solid rgba(255,255,255,0); vertical-align:middle; }

.owl-carousel-comment .owl-pagination .owl-page.active{ width:12px; height:12px; background-color:transparent;  border:2px solid #e50112; }


/* faqs  */
.faq{ margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:20px; }
.faq:first-child{border-top:1px solid #ddd; padding-top:20px;}
.faq-header h2{ font-size:20px;}
.faq-header a{ color:#333; border-radius:0;  position:relative; display:block; cursor:pointer;}
.faq-header a.collapsed{ color:#666;}
.faq-header a i{ position:absolute; top:0; right:10px; font-size:24px; color:#e50112;}
.faq-header a i.bi-plus{ display:none;}
.faq-header a i.bi-dash{ display:block;}
.faq-header a.collapsed i.bi-plus{ display:block;}
.faq-header a.collapsed i.bi-dash{ display:none;}
.faq-body{ padding:15px 0 0; font-size:14px; line-height:1.6; color:#888;}


.adantgebg{ color:#666; padding:2% 0;}
.couterAitem{ margin-bottom:5%;}
.couterAitem .counter{ font-size:36px; color:#000; display:block;}
.couterAitem .name{ font-size:18px;}

.page-contact-info{ color:#666; border-bottom:1px solid #e0e0e0; padding-bottom:2.5%; }
.page-contact-info h4{ font-size:16px; margin-bottom:10px;font-family:Arial, Helvetica, sans-serif;}
.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:#e50112;  width:30px; }

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

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

.ctitem{ display:inline-block; width:auto;  border-bottom:1px solid #ddd;}
.ctitem .pic{ position:relative; overflow:hidden; padding:1em 1em 1em;}
.ctitem .content{ padding:30px 0 10px;}
.ctitem .content h3{ font-size:24px; margin-bottom:10px;font-family:Arial, Helvetica, sans-serif;}
.ctitem .content p{ font-size:14px; line-height:1.8; color:#888;}


.bigUnderlineTit{ font-size:48px; font-family:Arial, Helvetica, sans-serif; position:relative; padding-bottom:20px; margin-bottom:30px;}
.bigUnderlineTit:after{ content:""; position:absolute; left:0; bottom:0; width:120px; height:2px; background:#333;}

.page-link {
    color: #37741b;
}
.page-item.active .page-link {
    background-color: #37741b;
    border-color: #37741b
}

.page-white {
    background: #fff;
    padding: 20px 2% 30px;
}


.entry-title{ text-align:center; margin:1rem auto 2%; font-size:24px;}
.entry-info{ text-align:center; margin:30px auto; color:#646464; font-size:12px;}
.entry-info .date{  background:#e50112;  color:#fff; padding:4px 12px; border-radius:12px; margin-right:20px;}

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

.post-share { padding:0 20px;}
.post-share a{ background:#ccc; padding:2px 7px; border-radius:5px; margin:0 3px; display:inline-block; color:#fff;}
.post-share a:hover{ background:#eda41a;}

.pnline{ border-top:1px solid #ddd; padding-top:20px; margin-bottom:3%; }
.pnline strong{ font-weight:normal; color:#222;}
.pnline span{ margin-right:60px;}
.pnline  a{color:#666;}
.pnline  a:hover{color:#e50112;}

.dl-page{ border:1px solid #ddd; margin-bottom:2rem;}
.dl-page h4{ font-size:14px; line-height:2; margin:10px 3%; position:relative;}
.dl-page h4 .bi-plus{ position:absolute; top:0; right:5%;}

.pageNav2{ background:#fff; line-height:60px; font-size:16px; }
.pageNav2 ul,.pageNav2 li{ list-style:none; margin:0; padding:0;}
.pageNav2 li{ display:inline-block; position:relative; padding:0 50px 0 0;}
.pageNav2 a{ color:#666; display:block;}
.pageNav2 a:hover,.pageNav2 li.active a{ border-bottom:2px solid #e50112;}

.xinghaobg{ font-size:150px; color:rgba(100,100,100,0.05); position:absolute; right:-10%; top:0; letter-spacing:20px;}

.picFocus *{
	-webkit-transition:none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.picFocus{ position: relative; overflow: hidden; padding: 0 8px 8px 0; max-width:520px;}
.picFocus .bigImg{position: relative; padding:20px 0; margin:0; margin-bottom: 15px; border:1px solid #ddd; }
.picFocus .bigImg li{position: relative; list-style:none;}
.picFocus .bigImg li img{ vertical-align:middle; max-width:100%; height:auto; margin: 0 auto; padding: 0; display:block;}
.picFocus .smallScroll{ height: 65px; margin-bottom: 6px;}
.picFocus .sPrev,.picFocus .sNext{ float: left; display: block; width: 24px; line-height:85px; font-size:24px; color:#888;}
.picFocus .sPrev{margin-right: 5px;}
.picFocus .sNext{}
.picFocus .sPrev:hover,.picFocus .sNext:hover{ color:#e50112;}
.picFocus .smallImg{ float:left;  margin: 0 5px; display:inline; overflow: hidden; width:calc(100% - 90px);}
.picFocus .smallImg ul{ width: 9999px; overflow: hidden;  padding:0; margin:0;}
.picFocus .smallImg ul *{-moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box;}
.picFocus .smallImg li{ float: left; cursor:pointer;  display: inline; list-style:none;}
.picFocus .smallImg img{ border: 1px solid #d9d9d9; width:80px; margin: 0; padding: 0; margin: 10px 10px 10px 0;}
.picFocus .smallImg .on img{ border-color: #e50112; }

.proInfo{ font-size:16px; margin-bottom:30px;}
.proBtn a{ display:inline-block; background:#37741b;border:1px solid #37741b; color:#fff; padding:6px 15px; border-radius:5px; margin-right:10px;}
.proBtn a i{ margin-right:5px;}
.proBtn a:hover{ background:#fff; color:#37741b; }

.pro-tab .nav{ padding:0; margin:20px 0 0; }
.pro-tab .nav-tabs {
  
}
.pro-tab .tabcontent{ padding:2% 0}
.pro-tab .tabcontent img{ max-width:100%}
.pro-tab .nav-tabs > li > a {
  line-height: 2;
  border: 1px solid #ddd;
  background:#f2f2f2;
  border-radius: 0;
  display:inline-block;
  padding:5px 25px;
}
.pro-tab .nav-tabs > li > a:hover {
 
}
.pro-tab .nav-tabs > li.active > a,
.pro-tab .nav-tabs > li.active > a:hover,
.pro-tab .nav-tabs > li.active > a:focus {
  color: #37741b;
  cursor: default;
  background-color:transparent;
}
.tabdiv{ display:none;}
.tabdiv.selected{ display:block;}
.pro-tab .tabcontent table{ border:1px solid #666; width:100%}
.pro-tab .tabcontent table td{border:1px solid #666; padding:5px}
.pro-tab .tabcontent table tr{ border:none;}
.pro-tab .tabcontent h4{ font-size:14px !important; font-weight:bold;}
.graybg{ background:#f8f8f8;}


/* Styling Pagination*/

.sep-applications-boxs {
 position:relative;
 overflow:hidden;
 padding:50px 0 0; 
 background:url(../images/appbg.jpg) no-repeat center top;
 background-size:100% auto;
}
.sep-applications-boxs .mores-app-boxs {
 margin-top:24px;
 font-size:16px;
 line-height:24px;
 color:#9d9d9d
}
.sep-applications-boxs .mores-app-boxs a {
 display:inline-block;
 vertical-align:top;
 font-size:inherit;
 line-height:inherit;
 color:#3b414a;
 border-bottom:1px solid #3b414a
}
.sep-applications-boxs .mores-app-boxs a:hover {
 color:#6cb63a;
 border-color:#6cb63a
}
.sep-applications-ul-boxs {
 width:calc(100% + 360px)
}
.sep-applications-ul-boxs.ons {
 margin-left:105px;
}
.sep-applications-ul-boxs ul li.active .lis-boxs {
 opacity:1
}
.sep-applications-ul-boxs .thumbs {
 position:relative;
 text-align:center;
 overflow:hidden;
 border-radius:10px;
}
.sep-applications-ul-boxs .thumbs img {
 max-width:100%
}
.sep-applications-ul-boxs .lis-boxs {
 width:100%;
 position:absolute;
 left:0;
 bottom:0;
 padding:28px 0;
 background:-moz-linear-gradient(top, rgba(0,0,0,0.02) 0, rgba(0,0,0,0.3) 100%);
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.05)), color-stop(100%, rgba(0,0,0,0.3)));
 background:-webkit-linear-gradient(top, rgba(0,0,0,0.05) 0, rgba(0,0,0,0.3) 100%);
 background:-o-linear-gradient(top, rgba(0,0,0,0.05) 0, rgba(0,0,0,0.3) 100%);
 background:-ms-linear-gradient(top, rgba(0,0,0,0.05) 0, rgba(0,0,0,0.3) 100%);
 background:linear-gradient(to bottom, rgba(0,0,0,0.05) 0, rgba(0,0,0,0.3) 100%);
 z-index:30;
 opacity:0;
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
}
.sep-applications-ul-boxs .lis-boxs .l-boxs {
 width:93%;
 margin:0 3.24%;
 position:relative;
 color:#fff;
}

.sep-applications-ul-boxs .titles-a {
 width:100%;
 font-size:24px;
 line-height:32px;
 color:#fff
}
.sep-applications-ul-boxs .titles-a:hover {
 color:#e50112
}
.sep-applications-ul-boxs .banner-boxs .list {
 min-width:56.35%;
 width:56.35%;
 margin-right:18px;
}
.sep-applications-ul-boxs .lr-boxs {
 position:absolute;
 left:-105px;
 top:42%;
 z-index:66
}
.sep-applications-ul-boxs .lr-boxs .lr-lists {
 display:block;
 width:80px;
 height:80px;
 z-index:88;
 position:relative;
 background:#fff;
 box-shadow:0 0 5px #ccc;
 border-radius:50%;
}
.sep-applications-ul-boxs .lr-boxs .lr-lists i {
 display:block;
 width:30px;
 height:30px;
 position:absolute;
 left:50%;
 top:50%;
 margin-top:-15px;
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg)
}
.sep-applications-ul-boxs .lr-boxs .lr-lists.lr-lefts i {
 margin-left:-8px;
 border-left:4px solid #000;
 border-bottom:4px solid #000
}
.sep-applications-ul-boxs .lr-boxs .lr-lists.lr-lefts i.cors {
 border-left:4px solid #fff;
 border-bottom:4px solid #fff
}
.sep-applications-ul-boxs .lr-boxs .lr-lists.lr-rights {
 margin-top:50px
}
.sep-applications-ul-boxs .lr-boxs .lr-lists.lr-rights i {
 margin-left:-18px;
 border-top:4px solid #000;
 border-right:4px solid #000
}
.sep-applications-ul-boxs .lr-boxs .lr-lists:hover i {
 border-color:#e50112
}
.sep-applications-ul-boxs .lr-boxs .lr-lists:hover i.cors {
 border-color:#e50112
}
.banner-boxs {
 width:100%;
 position:relative;
 left:0;
 display:flex;
 display:-webkit-flex;
 padding:0;
 margin:0;
}
.banner-boxs .list {
 display:block;
 text-align:-webkit-match-parent;
 min-width:100%;
 position:relative;
 left:0
}
.over-hides {
    overflow: hidden;
}
.pres {
    position: relative;
}

.imgs-hovers {
 position:relative;
 overflow:hidden;
}
.imgs-hovers:hover img {
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -ms-transform:scale(1.1);
 -o-transform:scale(1.1);
 transform:scale(1.1)
}
@media (min-width: 1440px){
.container{ width:1400px; max-width:1400px;}
}

@media screen and (max-width: 1024px){
	.navbar-nav{ display:flex;flex-direction: column;}
	

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

	}
	
	@media screen and (max-width: 768px){
	.navbar-brand img{ max-height:90px;}
	.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;}
.main_menu > li > a:hover{ text-decoration:none; }
.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%}

.navbar-header{ text-align:center; padding-top:30px;}
#topInfo{ display:block !important; text-align:center; margin-bottom:15px; color:#666;}
#topInfo em{ display:none;}
#topInfo a{ white-space:nowrap;}
.moll{ border-right:0;}
#navbar{ padding-top:38px;}

.topIco .other i{ font-size:14px;}

.top{ position:relative;}
.topIco{ position:absolute; top:0; left:0; right:0; background:#000;}
.topIco .share{ position:relative; top:0; display:inline-block; min-width:inherit}
.topIco .other{position:relative; top:0;display:inline-block;}
.home-top{ position:absolute; top:0; left:0;background: #37741b;}
.main_menu > li{ border-bottom:1px solid #69a44f}
.main_menu > li > a{ line-height:35px;}

#index-slide .tx-caption h2{ font-size:24px}
#index-slide .tx-caption .spb{ display:none}
.btn-red{ padding:5px 12px; font-size:12px; border-radius:15px;}
.searchtop {
  color: #fff;
  margin-left:10px;
}
.topLanguage i,.searchtop i{ line-height:24px;}
.search-send {
 
  right: auto;
  left:0;
  transform:translateX(-50%)
}

.top .btn-group img{ width:20px;}
.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;}

.head-double h2 {
  font-size: 28px;
}
.footad .big {
  font-size: 60px;
}

.sep-applications-boxs {
  padding: 0 0 0;
  background-color:#968e9f;
}
.sep-applications-ul-boxs.ons {
  margin-top: 0;
  margin-left: 0;
}
.sep-applications-ul-boxs .lr-boxs {
  display:none
 }
 .sep-applications-ul-boxs {
  width:100%
 }
 .sep-applications-ul-boxs .banner-boxs {
  left:auto !important;
  width:auto;
  flex-wrap:wrap;
  margin:0 -8px
 }
 .sep-applications-ul-boxs .banner-boxs .list {
  min-width:0;
  width:calc(50% - 16px);
  margin:0 8px 16px
 }
 .sep-applications-boxs .imgs-bgs {
  height:100%
 }
 .sep-applications-boxs .imgs-bgs img {
  height:100%
 }
 .sep-applications-ul-boxs .lis-boxs {
  position:relative;
  left:auto;
  top:auto;
  padding:10px 0 4px;
  opacity:1 !important;
  background:none !important
 }
 .sep-applications-ul-boxs .lis-boxs .i-boxs {
  display:none
 }
 .sep-applications-ul-boxs .titles-a {
  width:100%;
  font-size:12px;
  line-height:1.3;
  text-align:center
 }
 .sep-applications-boxs .mores-app-boxs {
  display:none
 }
.sep-applications-ul-boxs .lis-boxs .l-boxs p{ display:none}

.nav-home{ font-size:15px;}
.bigtt{ font-size:32px;}
.tbtf{ font-size:14px;}
.tbnum{ font-size:20px;}

}
@media screen and (min-width: 769px){
.navbar-main {
    display:inline-block !important;
}

}


/* mobile nav  */
.nav-top{ background:#000;color:#aaa;}
.nav-top a{ color:#aaa;}
.nav-top a:hover{ color:#00a0e9;}

/*2022.11.20*/
.battery_main{ margin:0 auto}
.battery_main td{ font-size:16px; padding-bottom:13px}
.battery_main td span{ font-size: 26px;color: #f00;padding-right: 6px;position: relative;top: 6px;}
.battery_main td b{ display:block; font-weight:normal; font-size:14px; color:#c6c6c6}
.battery_main td img{ margin-left:10px}
.battery_main td .ba_input{width:415px; /*height:35px;*/ background-color:#eaeaea; outline:none; margin-left:10px; padding:11px 10px; border:none}
.battery_main .support_sub{ font-size:20px; color:#fff; text-align:center; display:block; margin:10px 0 0 10px; background-color:#e50112; width:437px; height:38px; line-height:38px; border:none; cursor:pointer}
.battery_main .support_sub:hover{ background-color:#f33}
.battery_main td .ba_input:focus{
transition:border linear .2s,box-shadow linear .2s;
-moz-transition:border linear .2s,-moz-box-shadow linear .2s;
-webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;
outline:none;
border-color:#e50112;
box-shadow:0 0 7px #e50112;
-moz-box-shadow:0 0 7px #e50112;
-webkit-box-shadow:0 0 7px #e50112;
}

.battery_main td .supp_select{width:435px;color: #605455; background-color:#eaeaea; outline:none; margin-left:10px; padding:10px 10px; border:none; cursor:pointer; font-size:14px}

.video-list{ margin:0 0 30px;}
/*.video-list h3{ font-size:19px; position:relative; padding-bottom:15px; margin-bottom:20px; color:#333; font-family:"Arial Black", Gadget, sans-serif; }
.video-list h3:after{ content:""; position:absolute; bottom:0; left:0; width:70px; height:2px; background:#999;}
*/.videobox{ padding-top:56.5%; position:relative; background:#888; margin-bottom:15px;}
.video-list iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}

.downItem .pic{ padding-top:90%; position:relative;}
.downItem .pic img{ height:85%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.downItem h2 .btn:hover{ color:#e50112;}
.downItem li a{transition: all ease 0.5s;}
.downItem li a:hover{ margin-left:2%}

.main_menu li#productMenu{ position:inherit;}
.main_menu li#productMenu .pro-sub-menu{ background:#fff; position:absolute; top:100%; left:1%; width:96%; z-index:1; padding:3% 0;color:#555; display:none; }
.main_menu li#productMenu:hover .pro-sub-menu{ display:block;}
.main_menu li#productMenu .pro-sub-menu a{ color:#555;}
.main_menu li#productMenu .nav-name-pro{ width:210px;}
.main_menu li#productMenu .nav-name-pro li{ position:relative; cursor:pointer; margin:20px 0;}
.main_menu li#productMenu .nav-name-pro li.active{color:#e50112;}
.main_menu li#productMenu .nav-name-pro li span{transition: all ease 0.5s;}
.main_menu li#productMenu .nav-name-pro li:hover span{ margin-left:12px;}
.main_menu li#productMenu .nav-name-pro li i{ position:absolute; right:0;}
.main_menu li#productMenu .submenuPro{ margin:0 30px 20px 10px; text-align:center;}
.main_menu li#productMenu .submenuPro img{ height:150px; margin:10px auto; display:block;}
.main_menu li#productMenu .submenuPro h5{ font-size:14px;}
.main_menu li#productMenu .nav-pro-pic-list{ display:none;}
.main_menu li#productMenu .nav-pro-pic-list.cur{ display:block;}

.pro-pages-item{ border:1px solid #ddd; background:#eee; margin-bottom:35px;}
.pro-pages-item .pic{ background:#fff; text-align:center; padding:5%;}
.pro-pages-item .txt{  padding:20px 5% 15px 5%; }
.pro-pages-item .txt h4{font-size:18px;}
.pro-pages-item .txt p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pro-pages-item:hover{ border:1px solid #e50112; background:#e50112; color:#fff;}
.pro-pages-item:hover a{color:#fff;}

.nav-pro{ border-bottom:1px solid #ddd; text-align:center; font-size:18px;}
.nav-pro li{ display:inline-block; float:none; line-height:2;border-bottom:2px solid #fff;}
.nav-pro li.show{border-bottom:2px solid #e50112; color:#e50112;}
.nav-pro li.show a{color:#e50112;}

.font60{ font-size:60px; line-height:1.2}
.honner .container{ width:1200px !important;}
.swiper-slide {
  width: 420px;
  height: auto;
  text-align: center;
  transition: 300ms;
    transition-duration: 300ms;
  box-shadow: 0 4px 15px rgba(60,60,60,0.2);
  background: url(../images/about-honor.png) no-repeat center center;
    background-size: auto;
  padding: 40px;
  background-size: 100% 100%;
}
.swiper-slide-active {
  transform: scale(1.3);
  position: relative;
  z-index: 2;
}
.swiper-slide-active .pic {
  box-shadow: 0 3px 10px rgb(218 218 218 / 0.8);
  width: 100%;
overflow: hidden;
}
.swiper-slide img {
  max-width: 100%;
  height: 100%;
  display: block;
}
.honner .swiper-button-prev {
  left: -40px;
}
.honner .swiper-button-next {
  right: -40px;
}
.honner .arrow {
  font-size: 40px;
  outline: none;
  width: 40px;
  height: 60px;
  line-height: 60px;
  transform: translateY(-50%);
}
.honner .arrow img{ max-width:100%}

/*history*/
.mod18{position:relative;}
.mod18 .history_btn{position:absolute;cursor:pointer;z-index:99;}
.mod18 .history_prev{left:10px;background:url(../images/about-prev.png) no-repeat;}
.mod18 #history_prev,.mod18 #history_next{top:27px;width:37px;height:37px; z-index:999; background-size:100%;}
.mod18 #prevTop{ background:none}
.mod18 #nextTop{background:none}
.mod18 .history_next{right:10px;background:url(../images/about-next.png) no-repeat;}
.mod18 li{float:left;}

.mod18 .history_picBox{width:1100px; height:110px;position:relative;overflow:hidden; margin:50px auto 0}
.mod18 .history_picBox ul{position:absolute; left:0; padding:0;}
.mod18 .history_picBox li{width:1100px;overflow:hidden; font-size:14px; line-height:25px; text-align:center; list-style:none; }

.mod18 .history_listBox{width:1000px;height:97px;margin:0 auto;position:relative;overflow:hidden;background:url(../images/bor.png) repeat-x center}
.mod18 .history_listBox ul{height:97px;position:absolute; padding:0; }
.mod18 .history_listBox li{width:145px;height:97px;cursor:pointer;position:relative; text-align:center; list-style:none;}
.mod18 .history_listBox li b{ font-weight:normal; font-size:16px; color:#606060; display:block; padding-top:8px}
.mod18 .history_listBox img{ padding-top:23px}
.mod18 .history_listBox .on img{display:none}
.mod18 .history_listBox .on{background:url(../images/dev_img_bak.png) center top no-repeat;}
.mod18 .history_listBox .on b{ color:#fff; padding-top:27px; position:relative;left:-2px; font-size:25px}
@media (max-width: 1200px){
	.develop_main{width:100%;}
	.mod18 .history_listBox{width: calc(100% - 60px); margin: 0 30px;}
	.mod18 .history_picBox li {
	  width: 1024px;
	}
}

body{ position:relative;}
.search-popup {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:1000;
	-webkit-transform:scale(1,0);
	transform:scale(1,0);
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
	-webkit-transition:-webkit-transform .7s ease;
	transition:-webkit-transform .7s ease;
	transition:transform .7s ease;
	transition:transform .7s ease,-webkit-transform .7s ease;
}
.search-popup.active {
	-webkit-transform-origin:top center;
	transform-origin:top center;
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}
.search-popup__overlay {
	width:100%;
	height:100%;
	background-color:#000;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:99;
	opacity:.7;
}
.search-popup__inner {
	position:absolute;
	width:100%;
	height:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}
.search-popup__form {
	position:relative;
	z-index:9991;
	width:100%;
	padding:15px;
	max-width:600px;
	position:relative;
}
.search-popup__form input {
	background-color:transparent;
	border:none;
	outline:none;
	width:100%;
	height:60px;
	color:#222222;
	font-size:18px;
	background-color:white;
	padding-left:30px;
}
.search-popup__form input::-webkit-input-placeholder {
	color:#222222;
}
.search-popup__form input::-moz-placeholder {
	color:#222222;
}
.search-popup__form input:-ms-input-placeholder {
	color:#222222;
}
.search-popup__form input:-moz-placeholder {
	color:#222222;
}
.search-popup__form button[type=submit] {
	border:none;
	outline:none;
	width:60px;
	height:60px;
	color:#fff;
	background-color:#e50112;
	cursor:pointer;
	position:absolute;
	top:50%;
	right:15px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
}
.search-popup__form button[type=submit]:hover {
	background-color:#222222;
	color:#e50112;
}
.close {
	position:absolute;
	top:6%;
	right:50px;
	color:#fff;
	z-index:999;
	width:40px;
	height:40px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:30px;
	background:0;
	opacity:0.8;
	-webkit-transition:.5s;
	transition:.5s;
	padding:0;
	cursor:pointer;
}
.caseItem .pic{ position:relative; overflow:hidden; text-align:center;}
.caseItem .pic img{ max-width:100%;}
.caseItem .txt{padding: 15px;background: #f7f7f7;}
.caseItem .txt h4{ font-weight:bold; font-size:1.1rem; line-height:1; margin:0.8rem 0 0.8rem 0; padding-left:12px; border-left:3px solid #e50112}
.caseItem .txt p{ margin-bottom:0.5rem;}