.col-title { position: relative; color: #000; }
.col-title .tit-en { margin-bottom: 0; font-size: 0.16rem;  text-transform: uppercase; font-family:'Bai Jamjuree';  }
.col-title .tit {  padding-bottom: 0.15rem; font-family:'Bai Jamjuree'; text-align:left; color:#000; }
.col-title:after { content: ''; left: 0; bottom: 0;  width: 0.8rem; height: 0px;}
.col-title.white { color: #fff; }
.col-title.t-center { color:#666; max-width: 15.6rem; margin:0 auto;}
.col-title.t-center:after { left: 50%; transform: translateX(-20%); }
.col-title.white:after { background-color: #fff; }

.col-title ~ .col-title-sub { max-width: 7rem; color: #fff; }

.col-title2 { display: flex; justify-content: space-between; align-items: center; }
.col-title2 .tit { font-family:'Bai Jamjuree'; }
.col-title2 .a-more { color:#181818; }

.col-title2 .tit.line { position: relative; padding-bottom: 0.25rem; }
.col-title2 .tit.line:after { content: ''; position: absolute; left: 0; bottom: 0;  width: 0.8rem; height: 1px; background-color: var(--theme-color); }

.ind-t-a { font-size: 0.16rem; color: #000; text-transform: uppercase; font-family:'Bai Jamjuree'; }

.col-pagination { display: flex; align-items: center; margin: 0.2rem 0.6rem; width: auto !important; }
.col-pagination .swiper-pagination-bullet { display: inline-block; margin: 0 0.08rem; border-radius: 50%; border: 0px solid #fff; width: 0.16rem; height: 0.16rem; background-color: #fff; opacity: 1; }
.col-pagination 
.swiper-pagination-bullet-active { background-color: var(--theme-color); }
.col-pagination-b { display: flex; align-items: center; margin: 0; width: 100%; justify-content: flex-end; }
.col-pagination-b .swiper-pagination-bullet { display: inline-block; margin: 0 0.08rem; border-radius: 50%; border: 0px solid #fff; width: 0.16rem; height: 0.16rem; background-color: #b1b1b1; opacity: 1; }
.col-pagination-b .swiper-pagination-bullet-active { background-color: var(--theme-color); }

.col-swiper-banner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.col-swiper-banner .container { position: relative; height: 100%; }
.col-prev,
.col-next { position: absolute; left: 0rem; top: 50%; z-index: 50; display: flex; justify-content: center; align-items: center; border-radius:50%; width: 0.4rem; height: 0.4rem; background-color: rgba(0,0,0,.2); transform: translateY(-50%); }
.col-next { left: auto; right: 0rem; }
.col-prev .ifa,.col-next .ifa { font-size: 0.32rem; color: #fff; line-height: 1; }

.dianbox .item .dian { width: 0.15rem; height: 0.15rem; border-radius: 50%; background: rgba(255,255,255,.9); transform:  scale(.7); transition: all .3s ease; }
.dianbox .item .dian::before { content: ''; position: absolute; left: 50%; top: 50%; width: 0.4rem; height: 0.4rem; border-radius: 50%; border: 1px solid rgba(255,255,255,.4); transition: all .3s ease; transform: translate(-50%,-50%) scale(.75); }
.dianbox .item .dian::after { content: ''; position: absolute; left: 50%; top: 50%; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 1px solid rgba(255,255,255,.2); transition: all .3s ease; transform: translate(-50%,-50%) scale(.75); }
.dianbox .item.cur .dian { background: #fff; animation: scalepulse 1.3s linear 0s infinite both; transform: translate(-50%,-50%) scale(1) rotate(45deg); border-radius: 0; }
.dianbox .item.cur .dian::before { border-color: rgba(255,255,255,0.5); animation: scalepulse 1.3s linear .3s infinite both; transform: translate(-50%,-50%) scale(1); }
.dianbox .item.cur .dian::after { border-color: rgba(255,255,255,0.3); animation: scalepulse 1.3s linear .15s infinite both; transform: translate(-50%,-50%) scale(1); }@keyframes scalepulse {20% {-webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);transform: translate3d(-50%, -50%, 0) scale(1.15);-webkit-animation-timing-function: ease;animation-timing-function: ease}50% {-webkit-transform: translate3d(-50%, -50%, 0) scale(1);transform: translate3d(-50%, -50%, 0) scale(1);-webkit-animation-timing-function: ease;animation-timing-function: ease}}

.page-about01 { padding-top: 0.6rem; }
.page-about01 .text-box { color: #555 }
.page-about01 .img-h { padding-top: 30%; }


.page-about01-1 { padding-top: 0.6rem; padding-bottom: 0.4rem; background:url(../images/licheng.jpg) #FFF; }
.qcbg { padding-top: 0.6rem; padding-bottom: 0.4rem; background:url(../images/qcbg.jpg) #FFF no-repeat 0 100%; background-size: 100% auto; }
.jcbg{ padding-top: 0.6rem; padding-bottom: 0.4rem; background:#f6f6f6; }
.zizhibg{ background:url(../images/zizhibg.jpg) #FFF; }
.rongyubg{ background:url(../images/rongyubg.jpg) #FFF; }
.page-about01-1 .swiper { padding: 0.2rem 0 0.4rem;  }
.page-about01-1 .swiper-slide { position: relative; width: 4rem; height:4.5rem; }
.page-about01-1 .swiper-slide:before { content:''; position: absolute; top:0; right:0; width: 1px; height:100%; }
.page-about01-1 .swiper-slide.year { width: 1.1rem; font-size: 0.6rem; }
.page-about01-1 .swiper-slide.year:after { content:''; position: absolute; right:-4px; top:0; border-radius:50%; width:8px; height:8px; background-color: var(--theme-color); }
.page-about01-1 .swiper-slide.year .y {white-space: nowrap; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-90deg); color:#0663a9; }
.page-about01-1 .swiper-slide .item { padding: 0.25rem; }
.page-about01-1 .swiper-slide .item .tit { margin-bottom: 0.2rem; font-weight: both; font-size:.5rem;}
.page-about01-1 .swiper-slide .item .txt { line-height: 1.6; color:#666; }

.page-about01-1 .swiper-c  { display: flex; align-items: center; }
.page-about01-1 .swiper-c .ifa { font-size: 0.5rem; }
.page-about01-1 .s-btn-prev,
.page-about01-1 .s-btn-next { position: absolute; top: 50%; right: 0; transform: translateY(-50%); line-height:1; }
.page-about01-1 .s-btn-prev { left:0; }
.page-about01-1 .swiper-c .swiper-scrollbar.swiper-scrollbar-horizontal { top: 50%; bottom:auto; left:0.26rem; right:0.26rem; width:auto; transform: translateY(-50%); }

/*archive是body的class谁教你这么写的*/
/*.archive .clearfix{ padding-bottom:0.2rem;}*/
/*.archive .img-hover .imgshow{ padding:0.1rem; background:#fff;}*/

.page-about02 p{ text-align:left;}

.ind00{ background:url(../images/about_bg.jpg) #FFF 50% 100% no-repeat; background-size: 100% auto;}
.ind03 .item .txtbox p{ color:#666;}
.ind06{ background:url(../images/fazhan_bg.jpg) no-repeat; background-size: 100% auto; padding-top:1.5rem; padding-bottom:0.8rem; }

/*page-cxfz .container{ max-width:1280px;}*/
.container_h .page-pk .item .txt{ height:5.2rem;}
.container_h .page-pk .item .txt li{ position:revert;}
.page-banner-container .container .tit{font-family:'Bai Jamjuree';}
.txt{ color:#666;}
.qa_line{ border-bottom:1px solid #ccc; padding:0.2rem; background:rgba(255,255,255,0.4);}
@media screen and (max-width: 991px) 
{
.page-about01-1 .swiper-slide.year { width: .8rem; font-size: 0.4rem; }
}


.page-about02 { padding-top: 0.6rem; padding-bottom: 1rem; }
.pcheight { padding-top: 0.01rem!important; padding-bottom: 0.01rem!important; }
.page-about02 .text-box { color: #555 }
.page-about02 .text-box2 { position: relative; z-index: 50; margin: -3.6rem 0.3rem 0; padding: 0.5rem 0;; background-color: #fff; }
.page-about02 .text-box2 p { color:#666;}
.page-about02 .img-h { padding-top: 30%; }

/*谁教你这么写的？*/
/*.mb-lg-4{ padding-right:0.3rem;}*/

@media screen and (max-width: 991px) 
{
.page-about02 .text-box2 { margin-top: 0;  }
}

.page-about03 { padding-top: 0.6rem; padding-bottom: 0.4rem; background: url(../images/q005.jpg) #e8e8e8 no-repeat 50% 50%; background-size: cover; }
.page-about03 .text-box { color: #555 }
.page-about03 .text-box2 { position: relative; z-index: 50; margin-top: -1.5rem; padding: 0 0.2rem; background-color: #fff; }
.page-about03 .text-box2 p { }
.page-about03-swiper {  }
.page-about03-swiper .swiper { padding-bottom: 12px; height:560px; }
.page-about03-swiper .swiper-wrapper { align-items: stretch; }
/*.page-about03-swiper .swiper-slide { width: 320px; background: #fff; box-shadow: 0 0.06rem 0.16rem rgba(0, 0, 0, 0.3); transform: scale(0.6); transition:all .3s ease-out; }*/
.page-about03-swiper .swiper-slide { display: flex; justify-content: center; align-items: center; transform: scale(0.6); transition:all .3s ease-out; }
.page-about03-swiper .swiper-slide .item { overflow: hidden; border-radius: 0.08rem; width: 3.2rem; background: #fff; box-shadow: 0 0.06rem 0.16rem rgba(0, 0, 0, 0.3); }
.page-about03-swiper .swiper-slide .item1 { overflow: hidden; border-radius: 0.08rem; width: 5.2rem; background: #fff; box-shadow: 0 0.06rem 0.16rem rgba(0, 0, 0, 0.3); }
.page-about03-swiper .swiper-slide .imgbox {  }
.page-about03-swiper .swiper-slide .tit { margin-bottom: 0; padding-top: 0.08rem; padding-bottom: 0.08rem; font-size: 0.15rem; text-align: center; background-color: #f3f3f3; }
.page-about03-swiper .swiper-slide.swiper-slide-prev,.page-about03-swiper .swiper-slide.swiper-slide-next { transform: scale(0.8); }
.page-about03-swiper .swiper-slide.swiper-slide-active { transform: scale(1); }
.page-about03-swiper .swiper-slide-duplicate-next { margin-left: 0.5rem; margin-right: -0.5rem; }
.page-about03-swiper .swiper-slide-duplicate-prev { margin-left: -0.5rem; margin-right: 0.5rem; }

.page-about03-swiper-sub { display: flex; flex-wrap: wrap; }
.page-about03-swiper-sub .item { margin: 0.03rem; width: 0.32rem; transition:all .3s ease-out; }
.page-about03-swiper-sub .item1 { margin: 0.03rem; width: 0.32rem; transition:all .3s ease-out; }
.page-about03-swiper-sub .item:hover { margin-top: -0.01rem; }

.page-about03-t-btns { max-width: 100%; width: 4rem; color: #fff; }
.page-about03-t-btns .item { cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0.08rem; border: 1px solid rgba(255,255,255,.3); border-radius: 0.08rem; height: 100%; transition:all .3s ease-out; }
.page-about03-t-btns .item .imgbox { margin-bottom: 0.08rem; width: 100%; }
.page-about03-t-btns .item .txtbox { font-size: 0.14rem; line-height: 1.2; text-align: center; }
.page-about03-t-btns .item:hover { border: 1px solid rgba(255,255,255,.6); }

.page-about03-t-btns .item1 { cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0.08rem; border: 1px solid rgba(255,255,255,.3); border-radius: 0.08rem; height: 100%; transition:all .3s ease-out; }
.page-about03-t-btns .item1 .imgbox { margin-bottom: 0.08rem; width: 100%; }
.page-about03-t-btns .item1 .txtbox { font-size: 0.14rem; line-height: 1.2; text-align: center; }
.page-about03-t-btns .item1:hover { border: 1px solid rgba(255,255,255,.6); }

.page-about03 .tab-showbox { display: none; }
.page-about03 .tab-showbox.cur { display: block; }

@media ( min-width: 1400px ){
/*xxl*/

}
@media ( max-width: 1399px ) and ( min-width: 1200px ){
/*xl*/
.page-about03-swiper .swiper { height:500px; }
}
@media ( max-width: 1199px ) and ( min-width: 992px ){
/*lg*/

}
@media screen and (max-width: 991px) {
.page-about03-swiper .swiper { height:470px; }
.page-about03-swiper { margin-left: -0.15rem; margin-right: -0.15rem; }
}


.page-about04 { padding-top: 0.6rem; background-color: #dbdbdb; }
.page-about04 .text-box { color: #555 }

.page-gongyi01 { padding-top: 0.6rem; padding-bottom: .6rem; background-color: #f4f4f4; }
.page-gongyi01 .text-box { margin: 0 auto; color: #555; max-width: 12.0rem; }
.page-gongyi01-show { position: relative; background-color: #FFF;  box-shadow: 0 0.05rem 0.15rem var(--box-shadow); }
.page-gongyi01-swiper-btn { position: absolute; right: 0; top: 0; z-index: 50; display: flex; width: 70%; height: 100%; }
.page-gongyi01-swiper-btn .item { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 25%;  }
.page-gongyi01-swiper-btn .item:before { content:''; position: absolute; top:0; left:0; z-index:1; width: 100%; height:100%; background-color: rgba(31,57,92,.8); opacity: 0; }
.page-gongyi01-swiper-btn .item:hover:before { opacity:1; }
.page-gongyi01-swiper-btn .item + .item { border-left: 1px solid rgba(255,255,255,.4) }
.page-gongyi01-swiper-btn .item .dian { position: relative;  z-index:50;}
.page-gongyi01-swiper-btn .tit { position: relative;  z-index:50; margin-top: 0.3rem; margin-left:0.15rem; margin-right:0.15rem; height: 0.60rem; color: #fff; font-size: 0.17rem; text-align: center; }
.page-gongyi01-swiper { background-color: #fff; }
.page-gongyi01-swiper .swiper-slide { display: flex; background-color: #fff; }
.page-gongyi01-swiper .txtbox { padding: 0.4rem; width: 30%; }
.page-gongyi01-swiper .txtbox .tit { margin-top: 0.3rem; font-size: 0.3rem; }
.page-gongyi01-swiper .txtbox .txt { color: #626363; }
.page-gongyi01-swiper .imgbox { width: 70%; }
.page-gongyi01-swiper .img-h { padding-top: 60%; }
.page-gongyi01-show-m {  }
.page-gongyi01-show-m .img-h { border-radius: 0.05rem 0.05rem 0 0 ; padding-top: 50%; }
.page-gongyi01-show-m .txtbox { padding: 0.2rem; border-radius: 0 0  0.05rem 0.05rem ; background-color: #fff; }
.page-gongyi01-show-m .txtbox .tit { font-weight: bold; }

.page-gongyi02 {  }
.page-gongyi02-show {  }
.page-gongyi02-swiper-btn { position: absolute; right: 0; top: 0; z-index: 50; display: flex; flex-direction: column; justify-content: center; width: 3.5rem; max-width: 50%; height: 100%; }
.page-gongyi02-swiper-btn .item { padding: 0.16rem 0; }
.page-gongyi02-swiper-btn .item  + .item { border-top: 1px solid rgba(255,255,255,.4) }
.page-gongyi02-swiper-btn .item .tit { margin-bottom: 0; color: #fff; font-size: 0.22rem; line-height: 1; transition:all .3s ease-out; }
.page-gongyi02-swiper .swiper-slide:before { content:''; position: absolute; right:0; top:0; z-index:10; width:70%; height:100%; background: linear-gradient(to left, rgba(0, 0, 0, .7), rgba(0, 0, 0, .0)); }
.page-gongyi02-swiper .img-h { padding-top:5.0rem; }
.page-gongyi02-swiper-btn .item:hover .tit { padding-left: 0.2rem; }
.page-gongyi02-swiper .swiper-slide { background-color: #FFF; opacity: 0 !important; transition:all .3s ease-out;}
.page-gongyi02-swiper .swiper-slide.swiper-slide-active { opacity:1 !important; }


.contact01 {  position: relative; }
.contact01 .map { width: 100%; height: 80vh; }
.contact01 .contact01-box { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); padding: 0.4rem 0.2rem; width: 3.7rem; background-color: #fff; box-shadow: 0 0.05rem 0.1rem var(--box-shadow); }
.contact01 .contact01-box .tit { font-size: 0.16rem; font-weight: bold; }
.contact01 .contact01-box ul { list-style: none; margin: 0; padding: 0; }
.contact01 .contact01-box ul li { margin-top: 0.2rem; }

@media screen and (max-width: 991px) 
{
    .contact01 .contact01-box { position: static;transform: translateY(0%); width: auto; background-color: #fff; }
    .contact01 .map { width: 100%; height: 4.0rem; }
}

.contact02 {   }
.contact02 .page-tit { }

.contact03 { position: relative; }
.contact03 .txtbox { position: absolute; left: 50%; top: 50%; z-index: 50; transform: translate(-50%,-50%); width: 90%; color: #fff; text-align: center; }
.contact03 .txtbox .tit {  font-weight: bold; }
.contact03 .txtbox .txt {  }
.contact03 .txtbox .a-more { position: relative; overflow: hidden; padding: 0.2rem; border-bottom: 1px solid #fff; color: #fff; }
.contact03 .txtbox .a-more:before {  content: ''; position: absolute; left: 0; bottom: 0;  width: 0; height: 3px; background-color: #fff; transition:all .3s ease-out; }
.contact03 .txtbox .a-more:hover:before { width: 100%; }
.contact03 .img-h { padding-top:4.0rem; }

.pro-listbox { position: relative; margin-bottom: 1rem; }
.pro-listbox .pro-list { position: absolute; left: 6%; top: 50%; z-index: 50; transform: translateY(-50%); padding: 0.5rem 0.3rem ; width:7rem; background-color: #fff; box-shadow: 0 0.05rem 0.15rem var(--box-shadow);  }
.pro-listbox .pro-list .swiper {  }
.pro-listbox .pro-list .swiper-btns { display: flex; }
.pro-listbox .pro-list .swiper-btns .ifa { font-size: 0.44rem; line-height: 1; }
.pro-listbox .pro-list .swiper-btns .swiper-btn-prev:hover .ifa ,.pro-listbox .pro-list .swiper-btns .swiper-btn-next:hover .ifa { color: var(--theme-color); }
.pro-listbox .swiper-slide { background-color: #fff; opacity: 0 !important;  }
.pro-listbox .swiper-slide.swiper-slide-active { opacity: 1 !important; }
/*.pro-listbox .swiper-slide .txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; }*/
.pro-listbox .swiper-slide .txt p { margin-bottom: 0.05rem; }
.pro-listbox .swiper-slide .a-down { display: inline-block; margin-top: 0.2rem; padding: 0.06rem 0.16rem; border-radius: 0.26rem; color: #fff; background-color: var(--theme-color); }
.pro-listbox .pro-imgbox { margin-left: 35%;  margin-right: 6%; }
.pro-listbox .pro-imgbox .img-h { padding-top: 6.0rem; }

@media screen and (max-width: 991px) 
{
.pro-listbox { position: relative; margin-bottom: 0; }
.pro-listbox .pro-imgbox { margin-left: 0; }
.pro-listbox .pro-imgbox .img-h { padding-top: 50%; }
.pro-listbox .pro-list { position: static; transform: translateY(-40px); margin-left: 0.2rem; margin-right: 0.2rem; width:auto; }
}

.ind00 { padding-top: 0.6rem; padding-bottom: 0.6rem; }
.ind00-show .img-h { padding-top: 56%; }
.ind00-show .img-h:before { content:''; position: absolute; left: 0; bottom: 0; z-index: 100; width:43.46%; height:1.7rem; background: url(../images/q021-i.png) no-repeat 0% 100%; background-size: contain; }
.ind00-show .tit { font-family:'Bai Jamjuree'; color: var(--theme-color); }
.ind00-show .txt { line-height: 2.2; }

.ind00-show2 .col { position: relative; }
.ind00-show2 .col + .col:before { content:''; position: absolute; left:0; top:0; width: 1px; height: 100%; background-color: #c5c5c5;  }
.ind00-show2 .item { }
.ind00-show2 .txt01 { font-size: 0.6rem; font-family: 'Impact'; color: var(--theme-color); text-align: center; line-height: 1; }
.ind00-show2 .txt01 span {  }
.ind00-show2 .txt02 { margin-bottom: 0; color: #181818; font-size: 0.18rem; text-align: center; }

@media ( min-width: 1400px ){
/*xxl*/


}
@media ( max-width: 1399px ) and ( min-width: 1200px ){
/*xl*/
.ind00-show .img-h { padding-top: 70%; }
.ind00-show .txt { line-height: 1.6; }
}
@media ( max-width: 1199px ) and ( min-width: 992px ){
/*lg*/
.ind00-show .img-h { padding-top: 80%; }
.ind00-show .txt { line-height: 1.3; }
}

@media screen and (max-width: 991px) 
{
.ind00-show .txt { line-height: 1.6; }
.ind00-show2 .col + .col:before { display:none;  }
.ind00-show2 .item { margin-bottom: 0.16rem; }
.ind00-show2 .txt01 { margin-bottom: 0.06rem; font-size: 0.36rem; }
.ind00-show2 .txt02 { font-size: 0.16rem; }
}


.ind01 { padding-top: 0.6rem; }
.ind01-pc { color: #353535; }
.ind01-pc a { position: relative; padding-bottom: 0.05rem; color: #353535; }
.ind01-pc a:after { content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 2px; background-color: var(--theme-color); transition:all .2s ease-out; }
.ind01-pc a:hover:after { width: 0.4rem; }
.ind01-pc a:hover { color: var(--theme-color); }
.ind01-pc a + a {  margin-left: 0.15rem; }
/*.ind01-pc a + a:before { content: '/'; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); margin-left: 0.05rem; margin-right: 0.05rem; }*/


.ind01 { position: relative; padding: 0.6rem 0; background-image: url(../images/ind1-bg.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.ind01 .ind02-tit { margin-bottom: 0.2rem; }

.ind01-showbox { display: flex; position: relative; }

.ind01-showbox .item { position: relative; display:block; height: 4.3rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; transition:all .6s ease; }
.ind01-showbox .item + .item { margin-left: 0.6%;}
.ind01-showbox .item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); transition:all .6s ease; }
  .ind01-showbox .item .textbox { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 35%; left: 50%; padding: 0.1rem; width: 80%; color: #fff; transform: translate(-50%,0%); transition:all .6s ease; }
  .ind01-showbox .item .textbox .ifa { margin-bottom: 0.1rem; font-size: 0.7rem; line-height: 1; }
  .ind01-showbox .item .textbox span { font-size: 0.2rem; /* white-space: nowrap; */  text-align: center; }

.ind01-showbox2 { position: static; margin: 0 25%;  width: 23rem; }
.ind01-showbox2 .item-box { position: relative; z-index:10; padding: 0 0.2rem; padding-top: 1.2rem; padding-bottom: 1.4rem; width: 16%; min-width: 2.2rem; }
.ind01-showbox2 .item-box .item { transition: transform .6s; }
.ind01-showbox2 .item-box.cur .item { transform: scale(1.1); }

.ind01-showbox2 .bg { pointer-events: none; position: absolute; top:0; left:0; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-color: #FFF; background-size: cover; transition:all .8s ease; opacity:0; }
.ind01-showbox2 .item-box.cur + .bg { opacity: .2; }

.ind01-showbox .item .min-img { position: absolute; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; opacity:1; transition:all .2s ease; }

.swiper-but-prev,
.swiper-but-next { cursor: pointer; position: absolute; top: 50%; z-index: 100; transform: translateY(-50%); opacity: 0.6; }
.swiper-but-prev { left: 0; }
.swiper-but-next { right: 0; }
.swiper-but-prev .ifa,
.swiper-but-next .ifa { font-size: 0.38rem; color: #fff; }
.swiper-but-prev:hover,
.swiper-but-next:hover { opacity: 0.9; }

@media ( min-width: 992px ){
  /*.ind01 { padding: 0; }*/
  .ind01 .ind01-head { position: absolute; top: 1.1rem; left: 0; width: 100%; }
    
  .ind01-showbox .item.cur {  }
  .ind01-showbox .item.cur:before { background-color: rgba(0,0,0,.0); }

  .ind01-showbox .item.cur .min-img {  opacity:0; }
}

@media screen and (max-width: 991px) {
  .ind01-showbox { margin: 0 auto; width:95%; }
  .ind01-showbox .item { width: 100%; height: 3.2rem; background-size: cover; }
  .ind01-showbox .item + .item { margin-left: 0%;}
  .ind01-showbox .item .textbox .ifa { font-size: 0.6rem; }
  .ind01-showbox .item .textbox span { font-size: 0.20rem;  }
  .ind01-showbox .item .min-img { display: none; }
}


/*.ind01-swiper .swiper { overflow: visible; width: auto; margin-left: 0; margin-right: 2.8rem; }*/
/*.ind01-swiper .swiper-slide { position: relative; }*/
/*.ind01-swiper .swiper-slide:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 50%; height: 100%; background: linear-gradient(to right, #062249, #064b86, rgba(30,115,185,.0)); opacity: 0; transition:all .3s ease-out; }*/
/*.ind01-swiper .swiper-slide:after { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 50%; height: 100%; background-color: rgba(0,0,0,.5); opacity: 1; transition:all .3s ease-out; }*/
/*.ind01-swiper .swiper-slide .img-h { padding-top: 7.5rem; }*/
/*.ind01-swiper .txtbox1 { position: absolute; top: 50%; left: 10%; z-index: 10; transform: translateY(-50%); width: 5.8rem; max-width: 90%; color: #fff;  }*/
/*.ind01-swiper .txtbox1 .tit { font-size: 0.36rem; }*/
/*.ind01-swiper .txtbox1 .txt { font-size: 0.18rem; }*/
/*.ind01-swiper .txtbox1 .a-more { overflow: hidden; display: inline-block; position: relative; padding: 0.08rem 0.2rem; border-radius: 0.2rem; border: 1px solid #fff; color: #fff; transition:all .3s ease-out;  }*/
/*.ind01-swiper .txtbox1 .a-more span { position: relative; z-index: 10; }*/
/*.ind01-swiper .a-more:before {  content: ''; position: absolute; left: 0; top: 0;  width: 0; height: 100%; background-color: #fff; transition:all .3s ease-out; }*/
/*.ind01-swiper .a-more:hover { color: var(--theme-color);  }*/
/*.ind01-swiper .a-more:hover:before { width: 100%; }*/
/*.ind01-swiper .txtbox2 { cursor: pointer; position: absolute; top: 50%; left: 0%; z-index: 2; transform: translateY(-50%); display: flex; align-items: center; width: 2.8rem; color: #fff; opacity: 1; }*/
/*.ind01-swiper .txtbox2 .ifa { font-size: 0.5rem;transition:all .3s ease-out; }*/
/*.ind01-swiper .txtbox2 .tit { font-family:'Bai Jamjuree'; font-size: 0.3rem;transition:all .3s ease-out; }*/
/*.ind01-swiper .txtbox2:hover .ifa { color: var(--theme-color); }*/
/*.ind01-swiper .txtbox2:hover .tit { color: var(--theme-color); }*/
/*.ind01-swiper .swiper-slide-active:before { opacity: 1; }*/
/*.ind01-swiper .swiper-slide-active:after { opacity: 0; }*/
/*.ind01-swiper .swiper-slide-active .txtbox2 { opacity: 0; }*/

/*@media screen and (max-width: 991px) */
/*{*/
/*.ind01-swiper .swiper { margin-right: 0; }*/
/*.ind01-swiper .swiper-slide:before { width: 80%; }*/
/*.ind01-swiper .txtbox1 {  left: 5%; }*/
/*.ind01-swiper .txtbox1 .txt { font-size: 0.14rem;}*/
/*.ind01-swiper .txtbox2 { top: auto; bottom: 0.3rem; left: auto; right: 100%; z-index: 2; transform: translateY(0%); padding-right: 0.2rem; width: auto; }*/
/*.ind01-swiper .txtbox2 .ifa { font-size: 0.3rem;}*/
/*.ind01-swiper .txtbox2 .tit { font-size: 0.2rem; white-space: nowrap; }*/

/*.ind01-swiper .swiper-slide .img-h { padding-top: 5.5rem; }*/
/*}*/

.ind02 { padding-top: 0.6rem; }
.ind02-show { position: relative; }
.ind02-show:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.1); }
.ind02-show .col { position: relative; height: 7.5rem; }
.ind02-show .col:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(6,42,84,.7); opacity: 0; transition:all .3s ease-out; }
.ind02-show .col:hover:before { opacity: 1; }
.ind02-show .col + .col { border-left: 1px solid rgba(255,255,255,.2); }
.ind02-show .col img { display: none; }
.ind02-show .col .dianbox { position: absolute; top: 30%; left: 50%; z-index: 50; transform: translate(-50%,-50%) scale(2); }
.ind02-show .col.cur .dianbox { transform: translate(-50%,-50%) scale(1.7); }
.ind02-show .col .dian { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.ind02-show .col .txtbox { position: absolute; top: 40%; left: 50%; z-index: 20; transform: translateX(-50%); width: 88%; color: #fff; }
.ind02-show .col .tit { text-align: center; font-family:'Bai Jamjuree';}
.ind02-show .col .txt { margin-top: 0.6rem; opacity: 0; transition:all .6s ease-out; }
.ind02-show .col:hover .txt { margin-top: 0; opacity: 1; line-height:25px; }
@media screen and (max-width: 991px) 
{.ind02-show .col { height: auto; }
.ind02-show .col .dian { top: 40%; }
.ind02-show .col .img-h { padding-top: 5rem; }
.ind02-show .col .img-h:before { content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); }
.ind02-show .col img { display: block; }
.ind02-show .col .txt { margin-top: 0; opacity: 1; }
}

.ind03 { padding-top: 0.6rem; padding-bottom: 0.8rem; }
.ind03 .item { position: relative; display: flex; flex-direction: column; align-items: center; padding: 0.2rem; height: 4.5rem; background-color: #fff; transition:all .3s ease-out; }
.ind03 .item:before { content: ''; position: absolute; top: 0; left: 0; z-index:50; width: 100%; height: 6px; background-color: var(--theme-color); opacity: 0; transition:all .3s ease-out; }
.ind03 .item em { position: relative; z-index:50; font-size: 0.6rem; color: var(--theme-color); transition:all .3s ease-out; }
.ind03 .item .txtbox { position: relative; z-index:50; }
.ind03 .item .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; opacity: 0; transition:all .6s ease-out; }
.ind03 .item:hover:before { opacity:1; }
.ind03 .item:hover .bg { opacity:1; }
.ind03 .item:hover em { color: #fff; transform: rotateY(180deg); }
.ind03 .item:hover .txt { color: #fff; }

@media ( max-width: 1399px ) and ( min-width: 1200px )
{
/*xl*/
.ind03 .item { height: 4rem; }
    
}
@media ( max-width: 1199px ) and ( min-width: 992px )
{
/*lg*/
.ind03 .item { height: 4rem; }
    
}
@media ( max-width: 991px ) and ( min-width: 768px )
{
/*md*/
.ind03 .item { height: 4rem; }
    
}
@media screen and (max-width: 767px) 
{
.ind03 .item { height: auto; }
    
}


.ind04 { position: relative; overflow: hidden; height: 5.0rem; color: #fff; background: url(../images/q020.jpg) #e8e8e8 no-repeat 50% 50%; background-size: cover; }
.ind04 .txtbox { position: absolute; top: 66%; left: 50%; z-index: 50; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; width: 90%; text-align: center; }
.ind04 .txt01 { font-size: 0.28rem; line-height: 1; }
.ind04 .txt02 {  }
.ind04 .a-more { display: inline-block; position: relative; overflow: hidden; padding: 0.08rem 0.15rem; border: 1px solid #fff; color: #fff;  transition:all .3s ease-out; }
.ind04 .a-more span { position: relative; z-index: 2; }
.ind04 .a-more:before {  content: ''; position: absolute; left: 0; top: 0;  width: 0; height: 100%; background-color: #fff; transition:all .3s ease-out; }
.ind04 .a-more:hover { color: var(--theme-color);  }
.ind04 .a-more:hover:before { width: 100%; }
.ind04_video { position: absolute; top: 50%; left: 0; z-index: 10; transform: translateY(-50%); width: 100%; height: auto; }
@media screen and (max-width: 991px) 
{
.ind04_video { position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%,-50%); width: auto; height: 100%; }
}


.ind06 { padding-top: 1.4rem; padding-bottom: 1rem; }
.ind06-show .img-h { padding-top: 48%; }
.ind06-show .tit { font-family:'Bai Jamjuree'; color: var(--theme-color); }
.ind06-show .txt { line-height: 2; }
.ind06-show .txt-more { padding: 0.15rem 0.5rem; color: #666; border:1px solid #ccc; transition:all .3s ease-out; }
.ind06-show .txt-more:hover { border:1px solid var(--theme-color); color: #fff; background-color: var(--theme-color); }

@media screen and (max-width: 991px) 
{
.ind06-show .txt { line-height: 1.6; }

}


.page-down { background: url(../images/d-bg.jpg) #fcfcfc no-repeat 50% 0%; background-size: 100% auto;  }

.list-down {}

.list-down .img-box { box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.15); }
.list-down .img-h { padding-top:130%; }
.list-down .txt-box { position: relative; display: inline-block; margin-top: 0.08rem; padding-bottom: 0.03rem; font-size: 0.2rem; color: #1a1a19; }
.list-down .txt-box:before { content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: var(--theme-color); }
.list-down .txt-box .ifa { font-size: 0.26rem; }


.clients-img {}
.clients-img .item-box { box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.15); }
.clients-img .img-h { padding-top: 60%; }



@media ( min-width: 992px ){
.page-cxfz { background-color: #f4f4f4; margin-top:0.5rem;}
.page-cxfz .item { padding-top: 0.8rem; padding-bottom: 0.8rem; background-color: #f4f4f4; }
.page-cxfz .item .container { display: flex;  justify-content: space-between; }
.page-cxfz .item .imgbox ,
.page-cxfz .item .txtbox { width:47%;}
.page-cxfz .item .txtbox .tit { font-family:'Bai Jamjuree'; }

.page-cxfz .item .txtbox { padding:0.16rem; }
.page-cxfz .item .imgbox img { border-radius: 6px; position:relative; top: -0px; box-shadow: 0 0rem 0.2rem rgba(0, 0, 0, 0.16); transition:all .3s ease-out; }
.page-cxfz .item .imgbox:hover img { top: -20px; }

.page-cxfz .item:nth-child(odd) { flex-direction: row-reverse; background-color: #FFF; }
.page-cxfz .item:nth-child(odd) .container { flex-direction: row-reverse; }
.page-cxfz .item:nth-child(odd) .imgbox { display: flex; justify-content: flex-end; }

.page-cxfz .item:nth-child(even) .txtbox { text-align: right;}

}

@media screen and (max-width: 991px) {
.page-cxfz { background-color: #f4f4f4; }
.page-cxfz .item { padding-top: 0.8rem; padding-bottom: 0.8rem; background-color: #FFF; }
.page-cxfz .item .container { }
.page-cxfz .item .imgbox ,
.page-cxfz .item .txtbox { width:auto; }
.page-cxfz .item .imgbox img { width: 100%;}
.page-cxfz .item .txtbox .tit { font-family:'Bai Jamjuree'; }

.page-cxfz .item:nth-child(odd) { background-color: #f4f4f4; }
.page-cxfz .item:nth-child(odd) .container { }
.page-cxfz .item:nth-child(odd) .imgbox { }

.page-cxfz .item:nth-child(even) .txtbox { }

}


.page-pk {}
.page-pk .item { padding: 0.05rem; border-radius: 0.05rem; background-color: #d1d1e4; }
.page-pk .item .tit { padding: 0.18rem; font-size: 0.22rem; color: #001758; font-weight: bold; text-align: center;font-family:'Bai Jamjuree'; }
.page-pk .item .txt { list-style: none; margin:0; padding:0.1rem; border-radius: 0.05rem; color: #555; background-color: #FFF;height:4.5rem;  }
.page-pk .item .txt li { position: relative; padding-left: 0.12rem; }
.page-pk .item .txt li + li { margin-top: 0.1rem; }
.page-pk .item .txt li:before { content:''; position: absolute; left: 0; top: 0.1rem; border-radius: 50%; width: 5px; height:5px; background-color: #000d59; }
.page-pk {}


.page-culture01 { padding-top: 0.6rem; padding-bottom: 0.6rem; background-color: #FFF; }
.page-culture01 .culture01-show { background-color: #f4f4f4; }
.page-culture01 .col {  }
.page-culture01 .img-h { padding-top: 60%; }
.page-culture01 .txtbox { display: flex; flex-direction: column; justify-content: space-around; padding: 0.6rem; height: 100%; }
.page-culture01 .txtbox .tit { display: inline-block; padding: 0.12rem 0.2rem; width: 2rem; color: #fff; font-family: 'Bai Jamjuree'; font-size: 0.16rem; text-align: center; background: linear-gradient(to right, #0e959b, #2258b8); }
.page-culture01 .txtbox .txt01 { color: #2c6ea8; font-size: 0.24rem; }
.page-culture01 .txtbox .txt02 {  }

@media screen and (max-width: 991px) {
    .page-culture01 .txtbox { padding: 0.2rem; }
}

.page-culture02 { padding-top: 0.6rem; padding-bottom: 0.6rem; background-color: #f4f4f4; }
.culture02-show { overflow: hidden; }
.culture02-show .item { float: left; position: relative; width: 20%; height: 3.6rem; background-color: #FFF; transition:all .3s ease-out; }
.culture02-show .item + .item { margin-left: 1%; }

.culture02-show .item .txtbox01 { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; }
.culture02-show .item .txtbox01 .ifa { font-size: 0.8rem; color: #082e64; }

.culture02-show .item .txtbox02 {  font-family:'Bai Jamjuree'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; opacity:0;  transition:all .3s ease-out; }
.culture02-show .item .txtbox02 .show02 { position: absolute; left: 0.8rem; top: 0.8rem; z-index: 20; color: #fff; }
.culture02-show .item .txtbox02 .tit { font-size: 0.36rem; font-family:'Bai Jamjuree'; }

.culture02-show .item.cur { width: 58%; }
.culture02-show .item.cur .txtbox02 { opacity: 1; }

@media screen and (max-width: 991px) {
    .culture02-show { overflow: hidden; display: flex; flex-direction: column; }
    .culture02-show .item { padding: 0.4rem 0.2rem; width: 100% !important; height: auto; }
    .culture02-show .item + .item { margin-left: 0; border-top: 1px solid rgba(0,0,0,.12); }
    .culture02-show .item .txtbox01 .ifa { line-height:1; }
    .culture02-show .item .txtbox02 {  }
    .culture02-show .item .txtbox02 .show02 { padding: 0.4rem 0.2rem; position: static;  }
}


.page-culture03 { padding-top: 0.6rem; padding-bottom: 0.6rem; background: linear-gradient(to bottom, #169eaa, #1e89b5); }
.page-culture03 .culture03-title { font-size: 0.33rem; color: #fff; text-align: center; font-family: 'Bai Jamjuree';}
.page-culture03 .container { position: relative; z-index:20; }
.page-culture03 .item { display: flex; align-items: center; color: #fff; }
.page-culture03 .item .imgbox { position: relative; margin-right: 0.08rem; width: 0.8rem; height: 0.8rem; }
.page-culture03 .item .ifa { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 0.8rem; line-height: 1; transition:all .3s ease-out; }
.page-culture03 .item p { margin-bottom: 0; color:#fff;}
.page-culture03 .item:hover .ifa { transform: translate(-50%, -50%) rotateY(180deg); }


.page-culture04 { padding-top: 0.6rem; padding-bottom: 0.6rem; }
.page-culture04 .culture04-title { font-size: 0.33rem; text-align: center; font-family: 'Bai Jamjuree';}
.page-culture04 .col { margin-top: 1.1rem; box-shadow: 0 0rem 0.2rem rgba(0, 0, 0, 0.2);}
.page-culture04 .item { position: relative;  padding: 0.9rem 0.3rem 0.3rem 0.3rem; height: 100%; background-color: #FFF; }
.page-culture04 .item .imgbox { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 1.15rem; height: 1.15rem; background-color: #285dba; }
.page-culture04 .item .imgbox .ifa { font-size: 0.9rem; color: #fff; }
.page-culture04 .item .tit { font-size: 0.26rem; text-align: center; font-family: 'Bai Jamjuree';}
.page-culture04 .item:hover .imgbox { background-color: #05ac8e; }



.page-clients { padding-top: 0.6rem; padding-bottom: 0.6rem; background-color: #f4f4f4; }

.clients-box  { padding-right: 2.8rem;  }
.clients-box .imgbox { position: relative; }
.clients-box .imgbox .item-btn { position: absolute; padding: 0.03rem; transform: translate(-33%, -59%); }
.clients-box .imgbox .item-btn .ifa { font-size: 0.28rem; line-height: 1; }
.clients-box .imgbox .item-btn.cur .ifa { color: #cb1d21; }

.clients-list { position: absolute; right:0; top:0; padding: 0.2rem; border-radius: 0.08rem; width: 2.8rem; height: 5rem; background-color: #FFF; }
.clients-list-r { display: none; position: relative; height: 100%; }
.clients-list-r.cur { display: block; }

.clients-list-head { padding-bottom: 0.06rem; border-bottom: 1px solid rgba(0,0,0,.12); width: 100%; font-weight: bold; }

.clients-list .item + .item { border-top: 1px solid rgba(0,0,0,.12); }
.clients-list .item .item-a { display: block; padding: 0.1rem; }
.clients-list .item .img-h { padding-top: 45%; border:1px solid #e2e2e2; border-radius: 0.06rem; }
.clients-list .item .img-h img { object-fit: contain; }
.clients-list .item .tit { margin-top: 0.08rem; font-size: 0.14rem; color: #666; text-align: center; }
@media screen and (max-width: 991px) {
.clients-box  { padding-right: 0;  }
.clients-box .imgbox {  }
.clients-box .imgbox .item-btn .ifa { font-size: 0.22rem; }
.clients-list { position: static; padding: 0.2rem; border-radius: 0.08rem; width: 100%; height: auto; background-color: #FFF; }
.clients-list-r { flex-wrap: wrap; }
.clients-list-r.cur { display: flex; }
.clients-list .item { width: 49%; }
.clients-list .item .img-h { padding-top: 0.6rem; }
}



.cc01 { padding-top: 0.6rem; padding-bottom: 0.6rem; background-color: #f4f4f4; }
.cc01-imgbox { display: flex; justify-content: center; }

.cc02 { padding-top: 0.6rem; padding-bottom: 0.6rem; }
.cc-list { }

.cc-list .item .imgbox { box-shadow: 0 0rem 0.2rem  rgba(0, 0, 0, 0.2); }


.pk-list .item { overflow: hidden; margin-bottom: 0.28rem; border-radius: 0.08rem; background-color: #FFF; box-shadow: 0 0rem 0.2rem rgba(0, 0, 0, 0.16); }
.pk-list .col:nth-child(3n+2) .item { margin-top: -50px; }
.pk-list .item .imgbox { }
.pk-list .item .tit { margin: 0.12rem; text-align: center; font-size: 0.16rem; }
@media screen and (max-width: 991px) {
.pk-list .col:nth-child(3n+2) .item { margin-top: 0; }
}




.menu .item-358 .sub-box { display: none !important; }





@media ( min-width: 1400px ){
/*xxl*/

}
@media ( max-width: 1399px ) and ( min-width: 1200px ){
/*xl*/

}
@media ( max-width: 1199px ) and ( min-width: 992px ){
/*lg*/

}
@media ( max-width: 991px ) and ( min-width: 768px ){
/*md*/

}
@media ( max-width: 767px ) and ( min-width: 576px ){
/*sm*/

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

}