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



}

*{

	-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:#ef7300;	

}

body{ font-family:"PoppinsRegular",Arial, Helvetica, sans-serif; font-size:14px;overflow-x:hidden; color:#333; line-height:1.6}

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

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

.num-bold{ font-family:Arial, Helvetica, sans-serif}

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

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

.btn-red{ background:var(--bs-main-color); color:#fff; padding:0.5rem 1.5rem; text-transform:capitalize; border-radius:20px; font-size:14px;}

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

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

.btn-primary:hover{ background:#315299; border-color:#315299;}

.btn-outline-primary{color:var(--bs-main-color); border-color:var(--bs-main-color);}

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

.btn-color{background-image: linear-gradient(90deg,#2eb7ae 0,#597fc0 25%,#587fc0 50%,#e97389 75%,#d44390 100%); color:#fff;}

.btn-color:hover{ text-decoration:none; color:#fff;}

.bg-primary {

  --bs-bg-opacity: 1;

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

}



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

.text-color{background-image: linear-gradient(90deg,#2eb7ae 0,#597fc0 25%,#587fc0 50%,#e97389 75%,#d44390 100%);

	  -webkit-background-clip: text;

	  -webkit-text-fill-color: transparent;

	  background-clip: text;

	  text-fill-color: transparent;

	  }

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

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

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

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



.container{ max-width:1400px;}



section h2{ font-size:40px;}



.header{ z-index:30; width:100%;color:#fff; position:relative;}

#navfix{ background-color:#07080a; /*background-image: linear-gradient(90deg,#2eb7ae 0,#597fc0 25%,#587fc0 50%,#e97389 75%,#d44390 100%);*/ }

.fixed-top{ box-shadow:0 3px 5px rgba(0,0,0,0.3)}

.navbar {

    margin-bottom:10px;

    border-radius: 0;

	position:relative;	

}



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

.navbar-header{  }
.navbar-brand{ display:block;}
.navbar-brand img{ width:auto; height:65px;}

.navbar-default {

    background-color:transparent;

    border-color: transparent;

	border:0;

}





.navbar-collapse {

    padding-right: 0;

    padding-left: 0;

}



.navbar-toggle {

    position:inherit;

	right:0;

	margin-right: 10px;

    padding: 0 0;

	top:10px;

    background-color: transparent;

    background-image: none;

    border: 0 solid transparent;

    border-radius: 0;
	color:#fff;

}

.main_menu {padding:0; margin:0; font-family:"PoppinsLight"; }

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



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

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



.main_menu > li > a:hover{color:#fff; }

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



.main_menu > li > .nav-sub{ position:absolute; left:0; right:0; top:100%; width:100%; background:#fff;box-shadow: 0 3px 3px rgba(0,0,0,0.05); margin:0; padding:30px 0;  display:none !important; z-index:10; line-height:normal; color:#333; }

.main_menu > li > .nav-sub .container{ position:relative; z-index:13;}

.main_menu > li > .nav-sub:after{ content:""; position:absolute; width:50%; left:50%; top:0; bottom:0; background:#f2f2f2; z-index:12; }

.main_menu > li.proSubMenu .prosm{ position:relative; padding:0 30px 0 60px;}

.main_menu > li.proSubMenu .prosm .list{ position:absolute; top:50%; left:20px; transform:translateY(-50%); margin-top:-2px;}

.main_menu > li.proSubMenu .prosm:after{ content:""; position:absolute; right:0; top:50%; width:1px; height:20px; background:#fff; margin-top:-10px;}

.main_menu > li.proSubMenu:hover{ background:#fff;}

.main_menu > li.proSubMenu:hover a{ color:#333;}

.main_menu > li.proSubMenu:hover .prosm:after{ background-color:#fff;}



 .main_menu > li.proSubMenu .nav-sub li{ height:auto; line-height:30px; margin:0;}





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


 #mobile{background-image: linear-gradient(90deg,#2eb7ae 0,#597fc0 25%,#587fc0 50%,#e97389 75%,#d44390 100%);}

#mobile .main_menu { font-size:14px; border-top:1px solid #ccc; background:rgba(255,255,255,0.8);}

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

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

}


.msearchtop {
  cursor: pointer;
  padding: 0 5px;
}
.search-moblie{ background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; right:0; bottom:0; z-index:20000; display:none;}
.search-moblie .zhongjian{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:92%;}
.search-moblie.show{ display:block;}
.search-moblie .close{ font-size:3rem; color:#ccc !important; cursor:pointer;}


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





#pageDetail{ background:#fff !important; color:#666;box-shadow: 0 3px 3px rgba(0,0,0,0.05);}

#pageDetail .navbar-brand img{ max-width:100%;}

#pageDetail .main_menu > li{  height:70px; line-height:68px;}

#pageDetail .main_menu > li > a{color:#333;}

#pageDetail .main_menu > li > a:hover{color:var(--bs-main-color);}





/* language xiala */

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

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

	

	.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:#fff;}

	.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:#fff;}

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

	



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

#index-slide .swiper-slide{position:relative;}

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

#index-slide  .swiper-slide .container{ position:absolute;top:10%; left:50%; transform:translateX(-50%); margin-top:10px; z-index:2;}

#index-slide .tx-caption { width:700px;}

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

#index-slide .tx-caption p{font-size:20px;}



#index-slide .swiper-pagination {

  bottom: 5%;

}

#index-slide .swiper-pagination-bullet{ background:#fff; height:2px; width:50px; border:0;border-radius:0; opacity:1; margin-left:5px; margin-right:5px;}

#index-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:var(--bs-main-color);opacity:1}

#index-slide .swiper-button-next, #index-slide .swiper-button-prev{ color:var(--bs-main-color)}



.about-home{ position:relative;}

.about-home .container{ z-index:2; position:relative;}

.newsTab{ display:inline-block; margin:0 auto; border-radius:20px; overflow:hidden; border:1px solid #ccc;}

.newsTab a{ line-height:2.4; padding:0 30px; border-right:1px solid #ccc; display:inline-block;}

.newsTab a:last-child{border-right:0;}

.newsTab a.active{ background:#333333; color:#fff;}





.slpro{ position:relative; background:#fff; text-align:center;}

.slpro .pic{max-width:228px; border-radius:50%; overflow:hidden; margin:0 auto 20px;}

.slpro .txt{ text-align:center; margin:0 20px;}



.cate-home .swiper-button-prev{

  left:20px;

  right: auto;

  width: 36px;

  height: 36px;

  background:#fff;

  border-radius:50%;

  color: #aaa;

  opacity: .5;

}

.cate-home .swiper-button-next {

  left: auto;

  right: 20px;

  width: 36px;

  height: 36px;

  background:#fff;

  border-radius:50%;

  color: #aaa;

  opacity: .5;

}

.cate-home .swiper-button-next:after, .cate-home .swiper-button-prev:after {

  font-size: 20px;

}

.cate-home .swiper-button-next:hover,.cate-home .swiper-button-prev:hover {			

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

	opacity: 1;

}

.cate-home .swiper-button-next.swiper-button-disabled, .cate-home .swiper-button-prev.swiper-button-disabled{

  opacity: .5;

  cursor: auto;

  pointer-events: none;

}

.product-home{ background:#fff;}

.product-home.bg-color{background-image: linear-gradient(120deg,#2eb7ae 0,#597fc0 30%,#587fc0 50%,#e97389 75%,#d44390 100%); color:#fff;}

.mw-550{ max-width:550px;}



.product-home .nav-tabs {

  border-bottom:0;

   font-size:12px;

   padding-bottom:30px;

}

.product-home .nav-tabs > li{ margin-bottom:10px;}

.product-home .nav-tabs > li > a {

  margin-right: 12px;

  border: 1px solid #ccc;

  border-radius: 15px;

  padding:4px 12px;

  color:#666;

  display:inline-block;

}

.product-home.bg-color .nav-tabs > li > a{border: 1px solid #fff;color:#fff;}

.product-home .nav-tabs > li > a:hover {

	background-image: linear-gradient(120deg,#2eb7ae 0,#597fc0 30%,#587fc0 50%,#e97389 75%,#d44390 100%); color:#fff; text-decoration:none;

}

.product-home.bg-color .nav-tabs > li > a:hover {

	background:#fff;

	color:#333;

}

.product-home .nav-tabs > li.active > a,

.product-home .nav-tabs > li.active > a:hover,

.product-home .nav-tabs > li.active > a:focus {

  background-image: linear-gradient(120deg,#2eb7ae 0,#597fc0 30%,#587fc0 50%,#e97389 75%,#d44390 100%); color:#fff;

}

.product-home.bg-color .nav-tabs > li.active > a,

.product-home.bg-color .nav-tabs > li.active > a:hover,

.product-home.bg-color .nav-tabs > li.active > a:focus {

  background:#fff;

	color:#333;

}



.tabdiv{ display:none;}

.tabdiv.selected{ display:block;}



.footer{ background:#f2f2f2 ;   position:relative;}

.footer a{ color:#222;}

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





.foot-menu{ position:relative;}

.footShare{ }

.footShare a{ display:inline-block; font-size:16px; margin:0 6px 0 0; background:#fff; width:40px; line-height:40px; border-radius:50%; text-align:center; }

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

.footShare a:hover svg{ color:#fff;}



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

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

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



.footline{background-color: #888;}



.foot-2cols{ max-width:250px;}

.foot-2cols li{ display:inline-block; width:calc(50% - 15px); max-width:120px; margin-right:1px;}



.footer-contact-info li{ min-height:42px; line-height:1.8; margin:5px 0 0; position:relative; padding-left:45px; padding-bottom:8px;}

.footer-contact-info li i{ position:absolute; top:0; left:0;  background-color:#fff; width:36px; height:36px; line-height:34px; font-size:18px; text-align:center; border-radius:50%; }





/* news */

    .articleItem{  position:relative;  margin:0 auto 20px; text-align:left; font-size:14px; }

	.articleItem .borderBB{ position:relative; padding-bottom:18px;}

	.articleItem .borderBB:after{ content:""; position:absolute; bottom:0; left:0; width:40px; height:2px; background:#ccc;}

    .articleItem .pic{ position:relative; padding-top:calc(225/398 * 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.06,1.06);}

	

    .articleItem .content{ padding:10px 0;position:relative; color:#888;}

	.articleItem .date{ 

		margin-bottom:20px;

		display:inline-block;

		background-image: linear-gradient(90deg,#2eb7ae 0,#597fc0 25%,#587fc0 50%,#e97389 75%,#d44390 100%);

	  -webkit-background-clip: text;

	  -webkit-text-fill-color: transparent;

	  background-clip: text;

	  text-fill-color: transparent;

	  text-align:center;

  }



	.articleItem .date .big{ font-size:36px; display:block;}





/* pages */



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

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

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

.page-banner h2{ font-size:48px; text-transform:capitalize;line-height:1.5;}

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

.page-banner .location a,.page-banner .location span{ color:#fff;}

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



.bbt{ position:relative; padding-bottom:15px;}

.bbt:before{ content:""; position:absolute; bottom:0; left:0;border-bottom:4px solid var(--bs-main-color); width:80px;}

.bbt.bbt-center:before{ left:50%;transform:translateX(-50%);}

.tbbleft{ position:relative; padding-left:70px;}

.tbbleft:before{ content:""; position:absolute; top:50%; left:0; transform:translateY(-50%);border-bottom:5px solid var(--bs-main-color); width:50px;}



.teamItem{ background:#f2f2f2; border-radius:10px; overflow:hidden;}

.teamItem .name,.teamItem .position{ display:block;}



/* history */



/* 发展历程 */



.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; display:inline-block; font-family:Tahoma, Geneva, sans-serif;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;}





.down-item{ position:relative;}

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

.down-item p{ background:rgba(255,255,255,0.95); position:absolute; top:auto; left:0; right:0; bottom:0; margin-bottom:0; }

.down-item .dn-text .inner{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center;}

.down-item .dn-text .inner a{ color:#fff; text-decoration:underline;}

.down-item .dn-text .inner a:hover{ color:var(--bs-main-color); text-decoration:none;}



.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:14px; margin-bottom:15px; text-transform:uppercase; color:#333;}

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

.page-contact-info p i{ position:absolute; top:0; left:0;  width:30px; height:30px; line-height:20px; font-size:16px; text-align:center;}

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

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



.mw-720{ max-width:720px;}

.contactForm .form-control{ font-size:14px; color:#666; border-radius:0;line-height:2 }

.contactForm p{ margin-bottom:1rem;}

.contactForm label{ margin-bottom:6px;}

.contactForm .form-control::placeholder{ font-size:0.7rem; color:#999;}



#contacticos .col-12{ position:relative;}

#contacticos .col-12:after{ content:""; position:absolute; z-index:1; top:0; left:15px; right:15px; height:100%; background:#f2f2f2; border-radius:15px;}

#contacticos .col-12 div{ position:relative; z-index:2;}



.sicon { width:40px; height:40px; border-radius:50%;color:#fff; font-size:18px;}





.entry-header{  margin-bottom:30px;}

.entry-title{ text-align:center; margin:0 auto 0; font-size:30px; color:#121212;}

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

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

.entry-info .date{  padding:4px 15px; border-radius:14px; margin-right:20px;}





.entry-content{color:#646464; line-height:1.8; }

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

.entry-content img{ max-width:100%;}

.post-share { padding: 20px 0 40px; position:relative; }

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

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





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

.hotproIt .pic{ margin:0 auto 15px; border-radius:10px; border:1px solid #ddd; overflow:hidden; position:relative; padding-bottom:calc(100% - 2px);}

.hotproIt .pic .inner{bottom: 0;  position: absolute;  top: 0; left:0; right:0;}

.hotproIt .pic img{ position:absolute; top:0; left:0; display:block; max-width:100%; width:100%; height:100%;object-fit: cover;  object-position: center center;}

.hotproIt .pic img.st{ opacity:1;}

.hotproIt .pic img.hover{ opacity:0;}

.hotproIt .txt{}

.hotproIt h4{ font-size:18px;}

.hotproIt:hover .pic img.st{ opacity:0;}

.hotproIt:hover .pic img.hover{ opacity:1;}

.product-home.bg-color .hotproIt a{ color:#fff;}

.hotproIt a:hover{ text-decoration:none; }





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

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



.page-item.active .page-link {

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

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

}

.page-link {

  color: #666;

}

.page-link:hover {

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

}



#shuju-about .item:not(:last-child){ border-right:1px solid #333;}



.slitem{position:relative; overflow:hidden; text-align:center; background:var(--bs-main-color); margin-bottom:15px;}

.slitem .pic{ position:relative; overflow:hidden; }

.slitem .pic img{ width:100%;}

.slitem .text{ position:absolute; top:0; left:0; right:0; bottom:0;background-image: linear-gradient(0deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0) 100%); color:#fff;}

.slitem:hover .text{  background-color:rgba(38,64,120,0.8);}

.slitem .text h4{ position:absolute; bottom:4%; left:8%; width:80%; text-align:left; padding-top:15px;}





.plitem{ position:relative; background:#fafafa;}

.plitem a{ display:block;}

.plitem .pic{  border:1px solid #fafafa}

.plitem .pic img{ max-width:100%; height:auto;}

.plitem .text{ background:#fff; height:80px; text-align:center;}

.plitem a:hover .text{background-color:var(--bs-main-color); color:#fff;}



.pageNav2{ text-align:left; border-bottom:1px solid #ddd; font-size:16px;}

.pageMenu{ padding:0; margin:0;}

.pageMenu li{ display:inline-block; position:relative; padding-bottom:15px; margin-right:30px;}

.pageMenu a{ padding:0 0; display:block;}

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

.pageMenu li.active:after{ content:" "; position:absolute; bottom:0; left:0; width:100%; height:2px; background-image: linear-gradient(90deg,#2eb7ae 0,#597fc0 25%,#587fc0 50%,#e97389 75%,#d44390 100%);}



.pico{ display:inline-block; width:160px; height:85px; background-color:#f0f0f0; margin-right:30px;}

.pico:hover{background-color:var(--bs-main-color);}

.pico01{ background-image:url(../images/carico01.png); background-repeat:no-repeat; background-position:center 0;}

.pico01.cur,.pico01:hover{background-position:center -85px;background-color:var(--bs-main-color);}

.pico02{ background-image:url(../images/carico02.png); background-repeat:no-repeat; background-position:center 0;}

.pico02.cur,.pico02:hover{background-position:center -85px;background-color:var(--bs-main-color);}

.pico03{ background-image:url(../images/carico03.png); background-repeat:no-repeat; background-position:center 0;}

.pico03.cur,.pico03:hover{background-position:center -85px;background-color:var(--bs-main-color);}



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

.bluedot li{ width:49%; position:relative; padding-left:17px; display:inline-block; margin-bottom:5px;}

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



/* product details */

/* product detail slide */



 #proslide {

        width: 100%;

		padding:0;

		padding-bottom:70%;

		position:relative;

		margin-bottom:20px;

		

      }

#proslide .swiper-wrapper{ position:absolute; width:100%; height:100%;}

  #proslide .swiper-slide {

        text-align: center;

        font-size: 14px;

        background: #fff;

		border-radius:20px;

		overflow:hidden;

        /* Center slide text vertically */

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

        max-height:100%;

        object-fit:	contain;

      }  

.prothumbww{ padding:2px 30px; margin-bottom:30px; position:relative;}

	#prothumb {

        width: 100%;

      }

  #prothumb .swiper-slide {

        font-size: 14px;

        background: #fff;	

		padding-bottom:20%;

		position:relative;

		border-radius:10px;

		overflow:hidden;

		border:1px solid #fff;

		

      }

   

      #prothumb .swiper-slide img { 

        display: block;

        max-width: 100%;

        max-height: 100%;

        object-fit: contain;	

		position:absolute;

		top:50%;

		left:50%;

		transform:translate(-50%,-50%);

      }  

	  #prothumb .swiper-slide.swiper-slide-thumb-active {border:1px solid #333;}

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



			outline: none;

			

			color:#999;	

			

		}

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

		}





/* end */



.navDes a{ padding-bottom:10px; display:inline-block;}

.navDes a:not(last-child){ margin-right:5%;}

.navDes a.active{ border-bottom:2px solid var(--bs-main-color);}





.prodes p{ margin-bottom:10px;}







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

}



/* faqs  */



.faq{border:0; box-shadow:none; border-bottom:1px solid #ddd;}



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



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



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



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



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



.faq-body{ box-shadow:none; padding:0 0 20px 0; background-color:transparent;  line-height:1.7; 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:24px; position:absolute; top:50%; margin-top:-14px; 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;}





/* history */



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

.historyTabs.all{ height:auto;}

.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:24px; 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:var(--bs-main-color); 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;}



.cerItem{ display:inline-block; background:#fff; border:1px solid #eee; margin:0 auto;}

.cerItem .title{ padding-top:15px; background:url(../images/colorbg.jpg) no-repeat left top;}



.ad-col {

  background-repeat: no-repeat;

  background-position: top center;

  background-size: cover;

  background-color: #f7f7f7;

  position: relative;

}



@media ( min-width:1150px){

.navbar-brand {	height:auto;}

}



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

	}



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

.proCatInfo{ padding-bottom:50%}

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

.qcimg { max-width:42%;}.qcimg img{ max-width:100%;}	}

	

	@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%;

}

.historyTabs {

  background: url(../images/history_xc01_2.jpg) left top repeat-y;

}

.historyTabs .l_box{width:100%; text-align:left; float:none;}

.historyTabs .r_box{width:100%; float:none;}

.downMenuWrap{ font-size:13px;}
section h2{ font-size:28px;}
.hotproIt h4 { font-size:14px;}
.entry-title{ font-size:24px;}

}

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



.cerimgSlide .swiper-button-prev{

  left:20px;

  right: auto;

  width: 36px;

  height: 36px;

  color: #666;

  opacity: .5;

}

.cerimgSlide .swiper-button-next {

  left: auto;

  right: 20px;

  width: 36px;

  height: 36px;

  color: #555;

  opacity: .5;

}

.cerimgSlide .swiper-button-next:after, .cerimgSlide .swiper-button-prev:after {

  font-size: 28px;

}

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

	background-image: linear-gradient(90deg,#2eb7ae 0,#597fc0 25%,#587fc0 50%,#e97389 75%,#d44390 100%);

  -webkit-background-clip:text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  text-fill-color: transparent;

	opacity: 1;

}



#onlineService {

  position: fixed;

  right: 20px;

  bottom: 25%;

  z-index: 100998;

}

.offside {

  width: 60px;

  margin:0;

  padding:0;

  list-style:none;

}

.offside li {

  width: 60px;

  height: 60px;

  position: relative;

  background: #666;

  border-bottom: 1px solid #fff;

  overflow: hidden;

  text-align: center;

  transition: all .7s;

  -webkit-transition: all .7s;

  border-radius: 50%;

  margin-bottom: 10px;

}

.offside li a{

	display: block;

  line-height: 58px;

  background: #666;

  text-align: center;

  font-size: 30px;

  color:#fff;

}

.offside li a:hover{ background-color:var(--bs-main-color); color:#fff; }

#gotop {  

  display:none;

}

#gotop.show{ display:block;}

.form-box {

  padding:100px 0;

  background:#f7f7f7

}

.form-box .form-title {

  margin-bottom:30px;

  text-align:center

}

.form-box .form-title a {

  font-size:44px;

  text-transform:capitalize;

  display:inline-block;

}
@media screen and (max-width: 768px){
	.form-box {  padding:25px 0;	}
.form-box .form-title a { font-size:32px;}
}
.form-box .form-title a:hover {

  color:#e51922

}

.form-box .fm-text {

  font-size:18px;

  text-align:center;

  margin-bottom:30px

}

.form-box .bl-detail-form .form-title {

  padding-bottom:20px

}

.form-box .bl-detail-form .form-title i {

  font-size:24px;

  color:#e51922 !important;

  margin-right:5px

}

.form-box .bl-detail-form .form-title span {

  font-size:26px;

  font-weight:bold

}

.form-box .bl-detail-form .sep-form {

  padding:0

}

.form-box .bl-detail-form .sep-form .f-left {

  padding-right:10px

}

.form-box .bl-detail-form .sep-form .f-right {

  padding-left:10px

}

.form-box .bl-detail-form .sep-form .form-group {

  padding:10px 0;

  position:relative;

}

.form-box .bl-detail-form .sep-form .form-group label {

  position:absolute;

  height:100%;

  width:45px;

  display:block;

  text-align:center;

  line-height:56px;

  z-index:999;

  font-size:18px;

  color:#999;

  right:0;

  top:10px;

  margin-bottom:0

}

.form-box .bl-detail-form .sep-form .form-group label:after {

  content:"";

  display:block;

  width:1px;

  height:30px;

  background:#ddd;

  position:absolute;

  transform:translateY(-50%);

  top:calc(50% - 10px);

  left:0;

}

.form-box .bl-detail-form .sep-form .form-group .form-control {

  height:56px;

  background:#fff;

  box-shadow:none;

  padding-right:50px

}

.form-box .bl-detail-form .sep-form .form-group textarea.form-control {

  height:auto

}

.form-box .bl-detail-form .sep-form .form-group .regex-tip {

  top:36px;

  right:84px;

  padding-right:15px;

  display:none

}

.form-box .bl-detail-form .sep-form .btn.btn-color {

  font-size:16px;

  padding:11px 20px;

  border:0;

  text-transform:uppercase;

  border-radius:50px;

  width:198px;

  margin-top:40px

}

.form-box .bl-detail-form .sep-form .btn.btn-primary:hover {

  background:#fff;

  color:#e51922

}

.form-box .bl-detail-form .input-group-addon,

.form-box .bl-detail-form .input-group-btn {

  width:auto

}

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

  .modal-dialog {

    max-width:800px;

    display:flex;

    justify-content:center;

    align-items:center;

    position:absolute;

    left:50%;

    transform:translate(-50%, -50%) !important;

    top:50%

  }

}

/* 2025.5.29 new index */
.bimgad{ position:relative; cursor:pointer;}
.bimgad img{ width:100%; height:auto;}
.bimgad:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.15);}
.bimgad:hover:before{background:rgba(0,0,0,0);}
.bimgad .ftxt{ position:absolute; left:0%; bottom:0; padding-top:5%; padding-bottom:5%; width:100%; text-align:center;background-image: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 100%);}
.bimgad .bigupp{ font-size:40px;text-transform:uppercase; }
#shuju .col-6{ margin-bottom:30px;}
#shuju .col-6:not(:last-child) {  border-right:1px solid #ddd;}
.fs-big{ font-size:60px;}
.dapp{ background:url(../images/hp-07.jpg) no-repeat center top; background-size:cover; color:#fff;}
.home-service{background:#e2e5ea url(../images/hp-08.jpg) no-repeat center top; background-size:cover;}
.hcer{ background:rgba(255,255,255,0.6); border:1px solid #fff; text-align:center; padding:8% 8% 5%; font-size:20px;}
.newsItem-home{ background:#efefef; margin-bottom:4%;}
.newsItem-home img{ display:block;}
.newsItem-home .tbox{ padding:4% 5% 2%;}
.swiper-pagination-bullet {
  background: #fff;
  border:2px solid #222;
  opacity:0.8;
  width:10px;
  height:10px;
}
.swiper-pagination-bullet-active { background: #222; opacity:1;}