@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:"PoppinsRegular",Arial, Helvetica, sans-serif; font-size:0.8rem;overflow-x:hidden; color:#333; line-height:1.6}

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

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

a:hover{color: #e16c09; text-decoration:none;}

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

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

/*.btn-yellow{ background-color:#fedc09; color:#fff;}

.btn-yellow:hover{ background-color:#fedc09; color:#fff;} */

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

.btn-orange:hover,.btn-orange.active{ background:#e16c09; color:#fff}



.btn-orange-outline{ background:#fff; color:#999; border:1px solid #ccc; padding:0.5rem 1.5rem; text-transform:capitalize; border-radius:20px; font-size:12px;}

.btn-orange-outline:hover{ background:#e16c09; color:#fff; border:1px solid #e16c09; }



.text-orange{color:#e16c09;}





.container{ max-width:1240px;}



.header{  z-index:30; width:100%;}



#navfix{ background:#fff;}

.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:14px; }

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



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

.main_menu > li > a{ color:#232323; display:block; text-transform:uppercase; white-space:nowrap; border-bottom:2px solid #fff; }

.main_menu > li > a:hover{ text-decoration:none; color:#e16c09; border-bottom:2px solid #e16c09; }

.main_menu > li.active > a,.main_menu > li > a.now{color:#e16c09;  border-bottom:2px solid #e16c09;  }

.main_menu > li > .nav-sub{ position:absolute; left:-12px; top:100%; min-width:200px; background:#fff; margin:0; padding:10px 0 10px 0;  display:none !important; font-size:12px; z-index:10}

.main_menu li > ul { margin:0; padding:0; list-style:none;  text-align:left;}

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

.main_menu > li > .nav-sub li span{ position:absolute; right:20px; top:9px; color:#ee771c;}

.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:#e16c09; border-left:3px solid #e16c09;}

.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: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)}





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

#navfix.fixed-top .navbar-brand img{ height:40px;}

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

.top.page-top{ background:#fff; color:#666;}

.top.page-top a{ color:#333;}

.top.page-top .navbar-brand img{ height:50px;}

.top.page-top .main_menu > li > a{ padding-top:8px; padding-bottom:10px;}



.topsearch{ font-size:12px; border:0; border-left:1px solid #ccc; color:#666; line-height:1; padding:0 5px 0 10px;}





#index-slide{/* height:calc(100vh - 120px)*/ position:relative;}

#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 .xiaobiao{ line-height:1.2;   margin-bottom:1.2rem; text-transform:uppercase; font-size:115%; letter-spacing:3px;}

#index-slide .tx-caption .spb{ font-size:42px; text-transform:capitalize;font-family:"PoppinsMedium"; color:#fff; line-height:1.1; max-width:750px; margin:0 auto 3% auto;  text-shadow: #e16c09 2px 0 0, #e16c09 0 2px 0, #e16c09 -2px 0 0, #e16c09 0 -2px 0;}





.footer{ background:#1b1b1b ;  color:#646464;  position:relative;}

.footer a{ color:#ccc;}

.footer a:hover{ color:#e16c09; }



.nav-foot{  border-bottom:1px solid #333; padding-bottom:10px;margin:0.5rem 0 0.5rem -1rem; text-transform:uppercase;}



.nav-foot .nav-link {

  padding: 0 1rem;  

  margin:0.5rem 0;

  border-right:1px solid #333;

  line-height:1;

}

.foot-menu{ position:relative;}

.footShare{  position:absolute; top:7px; right:4%;}

.footShare a{ display:inline-block; font-size:21px; margin:0 5px; color:#8c8c8c;}



.contacticolist li{ position:relative; padding-left:25px; margin-bottom:10px;}

.contacticolist li i{ position:absolute; top:0; left:0; color:#646464; font-size:14px;}



.catItem{ position:relative; overflow:hidden; text-align:center; }

.catItem .pic{ position:relative; overflow:hidden; margin-bottom:70px;}

.catItem a{ display:block;}

.catItem a h4{ font-size:16px; position:absolute; bottom:40px; left:0; right:0;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.catItem a img{ max-width:100%}

.hotItem{ position:relative; overflow:hidden; text-align:center; }

.hotItem .pic{ position:relative; overflow:hidden; margin-bottom:20px;}

.hotItem a{ display:block;}

.hotItem a h4{ font-size:16px;}

.hotItem a img{ max-width:100%}



.abtxt{ color:#666}

.abtit{ border-left:3px solid #e16c09; position:relative;}

.abtit .bg{ color:#eee; font-size:130px; line-height:0.8; display:inline-block;}

.abtit h3{ position:absolute; bottom:0; left:0; padding-left:20px; margin-bottom:0; color:#333}



    .articleItem{  position:relative;  margin:0 auto 20px;border:1px solid #eee;  background:#f2f2f2; text-align:left; }

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

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

    -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.1,1.1); opacity:0.8}

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

    .articleItem .content h4{ font-size:18px; line-height:1.5; margin-bottom:0}

	

    .articleItem .meta{color:#888; font-size:12px;}

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

    .articleItem:hover{ box-shadow:3px 3px 7px #ccc;}

	

.atgIndex{ background:#f4f4f4 url(../images/index2_03.jpg) right center no-repeat;}

 .icon-item{ max-width:270px; margin:6% auto; font-size:12px;}

 .icon-item .ico{ height:100px; margin-bottom:20px;}

 .icon-item h4{ font-size:16px;  margin-bottom:1.5rem;}



/* pages */



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

.page-banner.product{ padding-top:calc(65/192 * 100%);color:#333333;  }

.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:36px; text-transform:capitalize;line-height:1.5;}



.ls2{ letter-spacing:3px;}



/* faqs  */

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

.faq-header .accordion-button{ background:#fff; color:#333; border-radius:0; padding:1rem 0; position:relative; }

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

.faq-header .accordion-button.collapsed{background:#fff;  border:1px solid #fff;box-shadow:none;}

.faq-header .accordion-button:not(.collapsed){box-shadow:none; color:#e16c09;}

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

.faq-body{ box-shadow:none; padding:0 0 20px 0; background:#fff; 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:18px; position:absolute; top:50%; margin-top:-10px; 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:#e16c09;  width:30px; }

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

.cshare a:hover{ color:#e16c09;}

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



.contact-form .form-control{ font-size:0.8rem;}



.orange-border-tit{ position:relative; padding-bottom:15px;}

.orange-border-tit:after{ content:""; position:absolute; left:50%; bottom:0; width:50px; height:2px; background-color:#e16c09; transform:translateX(-50%)}

.text-orange {

  color: #e16c09 !important;

}



.ad-col{ background-repeat:no-repeat; background-position:top center; background-size:cover; background-color:#f7f7f7; position:relative;}

.ad-col > div{ position:relative; z-index:1}

.ad-col.mask:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index:0;}



/* 发展历程 */



.historyTabs{background:url(../images/history_xc01_2.jpg) center top repeat-y;}

.historyTabs .l_box{width:50%; text-align:right; float:left;}

.historyTabs .r_box{width:50%; float:right;}

.historyTabs .l_box .pd{padding:30px 80px 0 0; }

.historyTabs .l_box .tit{font-size:30px; margin-top:10px;}

.historyTabs .l_box .info{font-size:14px; color:#666; margin-bottom:20px; }

.historyTabs .r_box ul{padding:30px 20px 0 80px;}

.historyTabs .r_box ul li{margin-bottom:50px; list-style:none;}

.historyTabs .r_box ul li:last-child{ margin-bottom:0;}

.historyTabs .r_box .year{font-size:32px; color:#e16c09;font-family:"PoppinsMedium";  position:relative;}

.historyTabs .r_box .desc{font-size:14px; line-height:22px; color:#666666;}

.historyTabs .r_box .desc img{margin-bottom:20px;}

.historyTabs .r_box .year:after{content:''; width:70px; height:14px; background:url(../images/history_xc01_3.png) center center no-repeat; display:block; position:absolute; left:-88px; top:12px;}



.cer-item{ max-width:214px; background:#ffffff; border:1px solid #eee; margin:0 auto}

.cer-item .pic{ background:url(../images/cerbg.png) no-repeat center bottom; background-size:100% 8px; padding-bottom:8px;}

.cer-item img{ max-width:100%}



.down-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:#e16c09;  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: 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;

}





/* product details */

.detail-nav{border-top:1px solid #e8e8e8; background:#fff; box-shadow:0 15px 20px -5px rgba(0,0,0,0.1)}

.detail-nav .nav{ }

.detail-nav .nav li{ margin-right:2.5rem;}

.detail-nav .nav a{font-size:18px; padding:1.5rem 0 1.4rem; color:#555; border-bottom:3px solid #fff;}

.detail-nav .nav a:hover{ color:#e16c09;}

.detail-nav .nav li.active a{ border-bottom:3px solid #e16c09; }

.detail-nav.sticky{

	position: sticky;

	top: 60px;

	z-index: 9;

}



.picFocus{ position: relative; overflow: hidden; padding: 0 0 8px 0;margin:0 auto;}

.picFocus .bigImg{position: relative; margin:0; padding:0; }

.picFocus .bigImg li{position: relative;  margin:0 auto 15px; padding:0;list-style:none; text-align:center;}

.picFocus .bigImg li img{ vertical-align:middle;  margin: 0 auto; padding: 0; max-width:100% }

.picFocus .smallScroll{ position:relative;}

.picFocus .sPrev,.picFocus .sNext{  display: block; width: 30px; font-size:30px; line-height:1; color:#999; margin:0 auto; position:absolute; left:0; margin-left:35px;}

.picFocus .sPrev{ top:0;}

.picFocus .sNext{ bottom:0;}

.picFocus .sPrev:hover,.picFocus .sNext:hover{ color:#14e08d;}

.picFocus .smallImg{  overflow: hidden; margin-top:10px; padding-top:30px; padding-bottom:30px; width:90px; }

.picFocus .smallImg ul{ overflow: hidden; padding: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{  cursor:pointer; margin:0 auto 12px; list-style:none; width:86px; border: 2px solid #fff; text-align:center;}

.picFocus .smallImg img{  max-width:100%;  margin: 0; padding: 0;  }

.picFocus .smallImg li.on { border: 2px solid #e16c09; }



.pro-info{ margin:0 auto; }

.pro-info h1{ margin-top:1%; margin-bottom:1%; color:#000; }

.pro-info p{ line-height:1.6;margin-bottom:1%;}

.pro-info .linkto{ display:block;}

.pro-info .linkto a{ display:inline-block; font-size:13px; padding:5px 15px; background:#fedc09;color:#fff; margin-right:15px; margin-bottom:15px;}

.pro-info .linkto a i{ font-size:18px; margin-right:5px;}

.pro-info .linkto a:hover{ background:#fab702; color:#fff;}



.pro-des{ border-top:1px solid #ddd;}

.pro-des .pdTit{ display:inline-block; border-top:2px solid #fedc09; padding-top:12px; font-size:16px; margin-left:12px;}



.pro-video-ban{ background:#eceae8;}





.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)

}







.detailShare a{ display:inline-block; margin-right:5px; background:#14e08d; color:#fff; width:25px; height:25px; border-radius:50%; line-height:22px; text-align:center;}



.owl-carousel-pro{ position:relative;}

.owl-carousel-pro .item{ margin:0 10px;}

.owl-controls{ position:absolute; top:-60px; right:5px; }

.owl-controls .owl-prev,.owl-controls .owl-next{ display:inline-block; margin:0 5px; background:#f2f2f2; border:1px solid #ddd; padding:0 6px 4px; border-radius:5px;}

.owl-controls .owl-prev:hover,.owl-controls .owl-next:hover{  background:#fedc09; border:1px solid #fedc09; color:#fff;}



.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;}





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

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

	

.pdf-item {

  flex: 0 1 25%;

}

	}

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

.proCatInfo{ padding-bottom:50%}

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

	}

	

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



	.top .main_menu > li > a {

	  padding-top: 8px;

	  padding-bottom: 10px;

	}

	.navbar-brand img{ max-height:50px;}

	.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%}



.navbar-header{ text-align:center; }



.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}



.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;

}

.pdf-item {

  flex:0 1 50%;

}



}

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

.navbar-main {

    display:block !important;

}



}



/* mobile nav  */

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

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

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