@charset "utf-8";
.tb70{ padding: 70px 0; }
.tb30{ padding: 30px 0; }
.ovh{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.ovhs,.ovh3s{ display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; }
.ovhs{ -webkit-line-clamp: 2; }
.ovh3s{ -webkit-line-clamp: 3; }
.anim{ transition: .3s linear; }
.icons{ display: inline-block;width: 0;height: 0;background-image: url("../images/icons.png");background-repeat: no-repeat; background-position: 0 0; }
.smore{ display: flex;width: fit-content;width: -moz-fit-content;border: 2px solid var(--white);color: var(--white);font-size: var(--f14);
    padding: 10px 35px; }
.smore.active,
.smore:hover{ background: var(--color);border-color: var(--color); color: var(--white); }
/*HeaderSTART*/
.header .hsinner{ display: flex;align-items: center; justify-content: space-between; }
.header,
.header .logo a,
.nav ul li{ height:100px; }
.header{ position: fixed;top: 0;left: 0;width: 100%;background: var(--white);box-shadow: 0 0 10px rgba(0,0,0,.1); z-index: 666; }
.header .logo{ width: 240px;overflow: hidden; }
.header .logo a {
    display: flex;
    align-items: center;
}
/* Lang */
.ctel{ font-size: 23px; font-weight: bold; color: var(--color); }
.ctel .icons{ width: 31px;height: 31px;margin-right: 5px;vertical-align: -7px; }
/* Nav */
.nav ul{ display: flex;align-items: center; }
.nav ul li{
    line-height: 100px;
    position: relative;
    -webkit-perspective: 60px;
    -moz-perspective: 60px;
    -ms-perspective: 60px;
    perspective: 60px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 999
}
.nav ul li a{ position: relative; display:block; margin: 0 17px;color: #333; }
.nav ul li .childer{
    position: absolute;
    width: 190px;
    height: auto;
    top: 100px;
    left: 0;
    padding: 10px 0;
    border-bottom: 2px solid var(--color);
    background: var(--white);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateX(-60deg);
    -moz-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
    z-index: 9999;
}
.nav ul li .childer a{
    height: 35px;
    line-height: 35px;
    text-align: left;
    padding-left: 20px;
    margin: 0;
    color: #333;
    font-weight: normal !important;
    overflow: hidden;
}
.nav ul li .childer a:hover{background: #f0f0f0;}
.nav ul li:hover .childer{
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.nav ul li.on a{ color: #000;font-weight: bold; }
/*SlidesSTART*/
.slide-usezans.swiper-container { width:100%;height: auto; }
.slide-usezans .swiper-slide {
    position: relative;
    -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;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.slide-usezans .swiper-button-prev,
.slide-usezans .swiper-button-next{ width: 80px;height: 80px; }
.slide-usezans .swiper-button-prev{ left: 90px;background-position: -81px 0; }
.slide-usezans .swiper-button-next{ right: 90px; background-position: -170px 0; }
.slide-usezans .swiper-button-prev:after,
.slide-usezans .swiper-button-next:after,
.slide-usezans .swiper-button-prev.swiper-button-disabled,
.slide-usezans .swiper-button-next.swiper-button-disabled{ display: none; }
.slide-usezans .swiper-pagination{ bottom: 30px; }
.slide-usezans .swiper-pagination .swiper-pagination-bullet{
    width: 60px;
    height: 4px;
    background: var(--white);
    border-radius: 0;
    opacity: .5;
}
.slide-usezans .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; background: var(--color); }
.slide-usezans .vtext{
    position: absolute;
    top: 50%;
    left: var(--plr);
    transform: translate(0,-50%);
    color: var(--white);
    z-index: 65;
}
.slide-usezans .vtext h5{ font-size: 60px; }
.slide-usezans .vtext p{ font-size: 24px;text-transform: uppercase;line-height: 35px; }
.slide-usezans .vtext .smore{ margin-top: 70px; }
/*FooterSTART*/
.footer{ padding: 70px 0 0;background: #000; }
.footer ul{ display: flex;padding-bottom: 30px; }
.footer li{ flex: 1 0 calc(100% / 7);color: var(--white); }
.footer li:last-child{ display: flex;flex-direction: row-reverse; flex-basis: 140px;text-align: center; }
.footer li h3{ font-size:18px;font-weight:bold;padding-bottom:15px; }
.footer li a{ display:block;width: fit-content;width: -moz-fit-content; font-size: 14px;color: var(--white);line-height: 30px; }
.footer li .inner p{ line-height: 30px; }
.footer li a:hover{ color: var(--color); }
.footer li.wechat .imgs{ width: fit-content;width: -moz-fit-content; background: var(--white); }
.footer li.wechat p{ font-size: var(--f14);padding-top: 10px; }
.copyright{ color: var(--white);font-size: var(--f14);padding: 30px 0;border-top: 1px solid #505050; }
.copyright span{ padding: 0 5px; }
.copyright a{ color: var(--white); }
/** links **/
.links{ padding: 30px 0; }
.links .container{ display: flex;justify-content: space-between; }
.links span{ width: 85px; }
.links .text-a{ width: calc(100% - 85px); }
.links .text-a a{ float: left; display: block;padding: 0 10px 5px 0; }
.links .text-a a:hover{ color: var(--color); }
/*++------------------------
/*++  Plate-Module
/*++------------------------*/
.comm-title{ position:relative;margin-bottom:30px; }
.comm-title h3{ position:relative;font-size:42px;line-height:50px;text-align:center; }
.comm-title h3 a{ position:absolute;top:0;right:0;font-size:var(--f14);color:var(--c666); }
.comm-title h3 a:hover{ color: var(--color); }
/** module-about **/
.module-about .container{display: flex;}
.module-about .remark,
.module-about .imgs{ flex: 1 0 0; }
.module-about .inner{ padding-right: 90px; }
.module-about .inner h5{ font-size: 36px;color: var(--color); }
.module-about .inner p{ line-height: 32px;margin: 5px 0 60px; }
/** module-service **/
.module-service ul{ display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 28px; }
.module-service li{ position: relative; }
.module-service .remark{ position: absolute;bottom: 0;left: 0;width: 100%;padding: 30px;background: linear-gradient(rgba(0,0,0,0) 5%, rgba(0,0,0,1) 70%);
    color: var(--white);z-index: 10; }
.module-service .remark h5{ font-size: 24px;font-weight: bold; }
.module-service .remark p{ padding: 0 0 20px; }
.module-service .remark span{  font-size: var(--f14); }
.module-service li:hover img{ transform: scale(var(--scale)); }
/** module-article **/
.module-article ul{ display: flex;flex-wrap: wrap;gap: 30px 0; }
.module-article li{ position: relative; width: calc((100% / 3) - (200px / 3)); margin: 0 50px; }
.module-article li:nth-of-type(3n-2){ margin-left: 0; }
.module-article li:nth-of-type(3n){ margin-right: 0; }
.module-article li:nth-of-type(2n):after,
.module-article li:nth-of-type(2n):before{ position:absolute;top:0;width:1px;height:100%;background:var(--bor);content:"";z-index:66; }
.module-article li:nth-of-type(2n):before{ left: -50px; }
.module-article li:nth-of-type(2n):after{ right: -50px; }
.module-article li img{ width: 100%; }
.module-article .remark h5{ padding: 15px 0;color: #000;font-weight: bold; }
.module-article .remark .desc,
.module-article .remark .time{ font-size: var(--f14);color: var(--c666); }
.module-article .remark .time{ display: flex;padding: 20px 0;font-weight: bold; }
.module-article li:hover img{ transform: scale(var(--scale)); }
.module-article li:hover .remark h5{ color: var(--color); }
/** module-downs **/
.module-downs ul{ display: grid;grid-template-columns: repeat(5,1fr);grid-gap:0 35px;  }
.module-downs li{ padding: 30px 25px; background: var(--white);overflow: hidden; }
.module-downs li .imgs{ display: flex;align-items: center;justify-content: center; height: 80px; }
.module-downs li .imgs img{ max-width: 100%; }
.module-downs li h5{ text-align: center;color: #000; }
.module-downs li:hover{ box-shadow: var(--bsw); }
/*++---------------------
/*++  Content-List
/*++---------------------*/
.nbanner .container{ position: relative;height: 100%; }
.nbanner a{ position: relative; display: block;width: 100%;height: 345px; }
.nbanner .text{ position: absolute;top: 50%;left: var(--plr);color: var(--white);transform: translateY(-50%); }
.nbanner .text h5{ font-size: 48px; }
.nbanner .text p{ font-size: 20px;text-transform: uppercase; }
/** subcat **/
.subcat ul{ display: flex;align-items: center;justify-content: center; height: 80px; }
.subcat li{ position: relative; width: 110px;text-align: center;margin: 0 30px; }
.subcat li:after{ position: absolute;bottom: -28px;left: 50%;width:0;height: 5px;background: transparent;content: "";transition: .3s linear; z-index: 66 }
.subcat li:hover a,
.subcat li.active a{ color: var(--color); }
.subcat li:hover:after,
.subcat li.active:after{ width: 100%;left: 0; background: var(--color); }
/** about-list **/
.title-h1{ font-size: 36px;text-align: center;padding-bottom: 35px; }
/* cert-list */
.cert-list ul{ display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px; }
.cert-list .imgs{ padding: 25px;cursor: pointer; }
.cert-list h5{ padding-top: 15px;text-align: center; }
/** cert-search **/
.cert-search .layui-form{ width: 460px;margin: 0 auto; }
.cert-search .title{ text-align: center;margin-bottom: 30px; }
.cert-search .title h3{ font-size: 42px; }
.cert-search .title p{ color: var(--c666); }
.cert-search .layui-col-sm12{ margin-bottom: 20px; }
.cert-search .layui-col-sm12 .layui-input{ font-size: var(--f14); }
.cert-search .layui-btn{ display: block;width: 100%;height: 50px;font-size: 16px; }
/* search-inner */
.search-inner{ padding: 20px; }
.search-inner ul{ border:1px solid var(--bor); }
.search-inner li{ display: flex;align-items: center; padding: 15px 10px;font-size: var(--f14); }
.search-inner li:nth-of-type(even){ background:#f0f0f0; }
.search-inner li label{ width: 150px;margin-right: 20px; text-align: center;border-right: 1px solid #dfdfdf; }
.search-inner li p{ width: calc(100% - 170px); }
/* recru-list */
.recru-list ul{ padding: 0 35px; }
.recru-list li{ padding: 40px 0; }
.recru-list li:not(:last-child){ border-bottom: 1px solid var(--bor); }
.recru-list li h5{ font-size: 24px;padding-bottom: 10px; }
.recru-list li .remark{ padding-top: 20px; }
.recru-list li .remark h6{ padding-bottom: 10px;font-weight: bold; }
.recru-list li .desc p{ font-size: var(--f14);line-height: 24px; }
/** service-page **/
.service-page .remark{ padding: 25px 0; }
.service-page .remark:not(:last-child){ border-bottom: 1px solid var(--bor); }
.service-page .remark:first-child{ padding-top: 0; }
.service-page .remark h4{ padding-bottom: 10px; }
/** down-list **/
.down-list ul{ padding: 0 35px; }
.down-list li{ display: flex;align-items: center;justify-content: space-between; padding: 20px 0; }
.down-list li span{ max-width: 90%; }
.down-list li span a{ color: #000;font-size: 16px; }
.down-list li a{ font-size: var(--f14);color: var(--c666); }
.down-list li:not(:last-child){ border-bottom: 1px solid var(--bor); }
.down-list li a:hover{ color: var(--color); }
/** questions-list **/
.questions-list ul{ padding: 0 35px; }
.questions-list li{ padding: 35px 0; }
.questions-list li:not(:last-child){ border-bottom: 1px solid var(--bor); }
.questions-list li h5{ font-size: 18px;padding-bottom: 15px; }
.questions-list li p{ color: #333; }
/** article-list **/
.article-list li{ padding: 30px; }
.article-list li:not(:last-child){ margin-bottom: 30px; }
.article-list li a{ display: flex;align-items: center; }
.article-list .imgs{ width: 410px; }
.article-list .remark{ width: calc(100% - 410px);padding-left: 30px; }
.article-list .remark h5{ font-size: 24px; }
.article-list .remark p{ font-size: 15px;margin: 15px 0 30px;color: var(--c666);line-height: 24px; }
.article-list .remark span{ color: var(--c666); }
.article-list li:hover img{ transform: scale(var(--scale)); }
.article-list li:hover h5{ color: var(--color); }
/* noimg */
.article-list li a.noimg .imgs{ display: none; }
.article-list li a.noimg .remark{ width: 100%;padding: 0; }
/* show */
.news-content{ padding: 0 50px; background: var(--white); }
.content-title{ padding:50px 0 30px;text-align: center;border-bottom:1px solid #f0f0f0; }
.content-title h1{ font-size:26px;padding-bottom:5px; }
.content-title .sub-title{ color: #666; }
.detail{ padding:35px;overflow: hidden; }
.detail p{ font-size: 15px; line-height: 24px; }
.detail p span{ text-wrap:initial !important; }
.detail img{max-width: 100%;vertical-align:middle;}
/** feedback **/
.fee-name{ font-size: 32px;color: #000;text-align: center;padding: 30px 0;border-bottom: 1px solid var(--bor); }
.feedback{ width: 540px;margin: 0 auto;padding: 35px 0 60px; }
.feedback .layui-form-label{ width: 110px; }
.feedback .layui-btn{ display: block; width:calc(100% - 110px);height: 45px;background: var(--color);margin: 25px 0 0 110px; }
/** contactus-list **/
.contactus-list .intro{ display: flex;align-items: center; }
.contactus-list .intro .desc,
.contactus-list .intro .imgs{ width: 50%; }
.contactus-list .intro .desc{ padding: 0 50px 0 65px; }
.contactus-list .intro .desc p{ font-size: 18px;font-weight: bold; line-height: 50px; }
/* contact-map */
#allmap,#maps,.Map{height: 450px;overflow: hidden;}
#maps .info-title{color: white;font-size: 14px;background-color: rgba(0,155,255,0.8);line-height: 26px;padding: 0 0 0 6px;font-weight: lighter;letter-spacing: 1px}
#maps .info-content{padding: 4px;color: #666666;line-height: 23px;}
#maps .info-content img{float: left;margin: 3px;}
#maps .amap-adcombo-close{ background:#000 url(../images/mapclose.png) center center no-repeat !important; }
.BMapLib_trans_text{ width: 94% !important; }
#BMapLib_transBox0 td{ padding-left: 0 !important; }
/*+---------------
/*+  Pages
/*+---------------*/
.pages{ display: flex;align-items: center;justify-content: center;padding:35px 0; }
.pages a{ padding:6px 15px;margin-right:10px;background: var(--white);border-radius: 5px; }
.pages a:last-child{ margin-right:0; }
.pages a.curr{ color:var(--white);background:var(--color); }
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next{ position: relative;margin: 35px 0 0;padding: 20px 0; border: solid #eee;border-width: 1px 0 0; }
.Pre-Next p{ line-height: 30px; }
.Pre-Next p a{ font-size: 14px; }
.Pre-Next p a:hover{ color: var(--color); }