@charset "utf-8";
.tb80{ padding: 80px 0; }
.t80{ padding-top: 80px; }
.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; }
/*HeaderSTART*/
.header,
.header .container,
.nav ul li{ height: 100px; }
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--white);
    z-index: 99999;
}
.header.active{ background: rgba(0,0,0,.8); }
.header .container{ align-items: center; }
.logo{ width: 290px;height: 100px;overflow: hidden; }
.logo img{ max-width: 100%;max-height: 100%; }
/** nav **/
.nav{ margin: 0 60px 0 auto; }
.nav ul{ display: flex;justify-content: flex-end; }
.nav ul li{ display: flex;align-items: center; position: relative;padding: 0 25px;z-index: 999; }
.nav ul li a{ position: relative; display:block;font-weight: bold; }
.nav ul li a:after{ position: absolute;bottom: -38px;left: 50%; width: 0;height: 4px;background: transparent;content: ""; transition: 0.3s linear; z-index: 66; }
.nav ul li.on a:after{ width: 100%; background: var(--color);transform: translateX(-50%); }
.nav ul li.on a,
.nav ul li:hover a{ color: var(--color); }
.nav ul li .childer{
    max-height: 0;
    position: absolute;
    top: 100px;
    left: 0;
    width: 200px;
    background: rgba(150,150,150,.8);
    overflow: hidden;
    z-index: 65;
}
.nav ul li .childer .inner{ padding: 15px; }
.nav ul li .childer a{ line-height: 40px;color: var(--white) !important;font-weight: normal; }
.nav ul li .childer a:after{ display: none; }
.nav ul li .childer a:hover{ color: var(--color) !important; }
.nav ul li:hover .childer{ max-height: 350px; }
/* sear-form */
.rcons ul{ display: flex;align-items: center;justify-content: right; }
.rcons li{ position: relative; }
.rcons li .icons{ width: 32px;height: 32px;cursor: pointer;background-position: -37px -48px; }
.sear-form{ display: none;align-items: center;position: absolute;top: 68px;right: 0;width: 300px;height:65px;padding: 15px;
    background: var(--white);box-shadow: var(--bsw);z-index: 65; }
.sear-form .keys{ width: calc(100% - 60px); height: 30px;border: 1px solid #f1f1f1;font-size: var(--f14); }
.sear-form .bthsub {
    display: block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: var(--f14);
    background: var(--color);
    border: 0;
    color: #fff;
    cursor: pointer;
}
.search.open .icons{ background-position: 5px -50px; }
/*SlidesSTART*/
.slide-usezans.swiper-container { width:100%;height: auto;background: #d9d9d9; }
.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: transparent;
}
.slide-usezans .swiper-pagination{ bottom: 30px; }
.slide-usezans .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid var(--white);
    margin: 0 10px;
    opacity: 1;
}
.slide-usezans .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--color);
    border-color: var(--color);
}
.slide-usezans .slide-a{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 8; }
/*FooterSTART*/
.footer{ padding: 70px 0 0;background:#000;--rwidth:290px; }
.ftop{ display: flex;justify-content: space-between; padding-bottom: 50px; }
.ftop .fnav{ width: calc(100% - 310px);line-height: 54px; }
.ftop .fnav a{ font-size: 20px;color: var(--white); }
.ftop .fnav a:not(:last-child){ margin-right: 60px; }
.ftop .fnav a:first-child{ display: none; }
.ftop .siteurl{ display:flex;align-items:center;justify-content: center; width: var(--rwidth);height: 56px; background: #62BAB1;border-radius: 65px; }
.ftop .siteurl a{ display: flex;align-items: center; color: var(--white);font-size: 24px; }
.ftop .siteurl img{ margin: 5px 10px 0 0; }
/* codeimg */
.codeimg{ padding: 60px 0;border: solid #292929;border-width: 1px 0; }
.medium{float: left; width: 311px; }
.medium li{ float: left; width: 137px;text-align: center; }
.medium li:last-child{ margin-left: 37px; }
.medium .imgs{ width: 100%;height: 137px;overflow: hidden; }
.medium h5{ font-size: 16px;color: var(--white);padding-top: 12px; }
.contxt{ float: right; display: flex;justify-content: left;width: var(--rwidth); }
.contxt li{ color: var(--white);font-size: 23px; }
.contxt li:first-child{ margin-bottom: 42px; }
.contxt li img{ margin-right: 8px;vertical-align: -13px; }
.copyright{ padding: 25px 0; }
.copyright span{ margin-right: 10px; }
.copyright span,.copyright span a{ color: var(--white); }
.ftop .fnav a:hover,
.medium li:hover h5,
.contxt li:hover,
.copyright span a:hover{ color: var(--color); }
/*++------------------------
/*++  Plate-Module
/*++------------------------*/
.comm-title{ position: relative;margin-bottom: 50px;text-align: center; }
.comm-title h3{ font-size: 36px;font-weight: bold; }
.comm-title p{ font-size: 20px;padding-top: 6px;color: var(--c666); }
/** module-adavs **/
/*.module-adavs{ padding-top: 0; }*/
.module-adavs ul{ display: grid;grid-template-columns: repeat(3,1fr);grid-column-gap: 97px; }
.module-adavs li{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background:#d9d9d9;
    height: 200px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
}
.module-adavs li h5{ font-size: 24px;color: var(--c666); }
.module-adavs li span,
.module-adavs li em{ color: var(--color);font-weight: bold; }
.module-adavs li span{ font-size: 65px;line-height: 90px; }
.module-adavs li em{ font-size: 36px; padding-left: 2px;vertical-align: 30px; }
/** module-product **/
/*.module-product .propic{ display: flex;justify-content: space-between;align-items: flex-start; }*/
/*.module-product img{ display: block; }*/
/*.module-product .bd{  width: 70%;overflow: hidden; }*/
/*.module-product .hd{ width: 30%;margin-left: 30px; }*/
/*.module-product .hd li{ cursor: pointer; overflow: hidden; }*/
/*.module-product .hd li:not(:last-child){ margin-bottom: 20px; }*/
.propic ul{
    --ulhg: calc(100vh - 130px);
    height: var(--ulhg);
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 70% 30%;
    grid-template-areas: "rimg7 rimg8"
                         "rimg7 rimg9"
                         "rimg7 rimg10";
    /*overflow: hidden;*/
}
.propic li{ overflow: hidden; }
.propic li:not(:first-child){
    height: calc((var(--ulhg) / 3) - 10px);
}
.propic li img{ display: block; }
.propic li.rimg7{ grid-area: rimg7; }
.propic li.rimg8{ grid-area: rimg8; }
.propic li.rimg9{ grid-area: rimg9; }
.propic li.rimg10{ grid-area: rimg10; }
.propic li img:hover{ transform: scale(var(--scale)); }
/** module-solution **/
.module-solution{ margin-bottom: 20px; }
/*.module-solution ul{ display: grid;grid-template-columns: repeat(4,1fr);grid-column-gap: 10px;*/
/*    margin-bottom: 10px;margin-top: 15px; }*/
/*.module-solution li{ background: #bebebe;text-align: center;color: var(--white);*/
/*    font-size: 30px;cursor: pointer; }*/
/*.module-solution li img{ height: 100%; }*/
/*.module-solution li.active{ background: var(--color); }*/
.module-solution .swiper-wrapper-w{ display: flex;flex-wrap: wrap; }
.module-solution .swiper-slide{ width: calc((100% / 3) - 20px); }
.module-solution .swiper-slide:first-child{ width: 100%;margin-right: 0 !important;margin-bottom: 20px; }
.module-solution .swiper-slide:not(:last-child){ margin-right: 30px; }
.module-solution .swiper-slide img:hover{ transform: scale(var(--scale)); }
/** module-apps **/
.module-apps{ padding-top: 20px; }
.module-apps ul{ display:grid;grid-template-columns: repeat(4,1fr); grid-column-gap: 30px; }
.module-apps li{ position: relative;background: var(--white); overflow: hidden; }
.module-apps li h5{ text-align: center;padding: 10px 0;color:#000;font-size: 24px; }
.module-apps li:hover img{ transform: scale(var(--scale)); }
/** module-article **/
.module-article .inner{ display: flex;margin-bottom: 50px; }
.module-article .w50{ width: calc(50% - 10px); }
.module-article .rs-remark{ position: relative; margin-left: auto;overflow: hidden; }
.module-article .ls-remark ul{ padding: 0 40px; }
.module-article .ls-remark li{ padding: 27px 0;border-bottom: 1px solid var(--bor); }
.module-article .ls-remark .time,
.module-article .ls-remark h5{ font-size: 18px;font-weight: bold; }
.module-article .ls-remark .time{ color: var(--color); }
.module-article .ls-remark h5{ color: #000;padding: 10px 0 20px; }
.module-article .ls-remark span{ color: #666;font-size: var(--f14); }
.module-article .ls-remark .mores{ display: flex;width: fit-content; padding: 13px 41px; background: var(--color);color: var(--white);
    border-radius: 65px;margin: 30px 0; }
.module-article .ls-remark li:hover span{ color: var(--color); }
.module-article .rs-remark .remark{ display: block; position: absolute;width: 100%;padding: 30px;
    bottom: 0;left: 0;background: linear-gradient(rgba(0,0,0,0) 10%, rgba(0,0,0,1) 90%); z-index: 6; }
.module-article .rs-remark .remark h5{ font-size: 30px;color: var(--white); }
.module-article .rs-remark .remark span{ color: var(--white);font-size: var(--f14); }
.module-article .rs-remark:hover img{ transform: scale(var(--scale)); }
/*++---------------------
/*++  Content-List
/*++---------------------*/
.nbanner .container{ position: relative;height: 100%; }
.nbanner a{ position: relative; display: block;width: 100%;height: 800px; }
.nbanner .text{ position: absolute;min-width: 500px; top: 50%;left: var(--plr);padding: 70px 50px;background: rgba(0,0,0,.1); color: var(--white);transform: translateY(-50%); }
.nbanner .text h5{ position: relative; font-size: 46px;color: var(--color);padding-top:20px;margin-top: 20px; }
.nbanner .text h5:after{ position: absolute;top: 10px;left: 0;width: 100%;height: 3px;background: var(--white);content: "";z-index: 66; }
.nbanner .text p{ font-size: 36px;font-weight: bold; }
/** subcat-h3 **/
.subcat-cat{ position: relative;font-size: 36px;font-weight: bold;text-align: center;margin-bottom: 50px; }
.subcat-cat:after{ position: absolute;width: 62px;height: 4px;background: var(--color); bottom: -10px;left: 50%; content: "";
    transform: translateX(-50%); z-index: 6; }
/* part-cat */
.part-cat{ font-size: 28px; }
/** subcat-lis **/
/*.subcat-lis ul{ display: grid;grid-template-columns: repeat(4,1fr);background: var(--white);  }*/
/*.subcat-lis li{ padding: 20px 0;text-align: center;font-size: 24px; }*/
.subcat-lis ul{ display: flex;flex-wrap: wrap; align-items: center;justify-content: center; background: var(--white); }
.subcat-lis li{ flex: 0 0 25%;padding: 20px 0;text-align: center;font-size: 24px; }
.subcat-lis li:not(:last-child){ border-right: 3px solid #f0f0f0; }
.subcat-lis li a{ display: block; color: #000; }
.subcat-lis li:hover,
.subcat-lis li.active{ background: var(--color); }
.subcat-lis li:hover a,
.subcat-lis li.active a{ color: var(--white); }
/* treeid */
.treeid{ display: flex;align-items: center;justify-content: center;padding: 40px 0 10px; }
.treeid a{ font-size: 20px;color: #7f7f7f;font-weight: bold;margin: 0 20px; }
.treeid a:hover,
.treeid a.active{ color: var(--color); }
/** about-list **/
/*.page-data .intros{display: flex;}*/
/*.page-data .remark,*/
/*.page-data .imgs{ flex: 1 0 0; }*/
/*.page-data .inner{ padding-right: 60px; }*/
/*.page-data .inner h5{ font-size: 36px;padding-bottom: 15px; }*/
/*.page-data .inner p{ line-height: 28px; }*/
.intros-v2{ padding: 50px 0 0; }
.intros-v2 .group:not(:last-child){ padding-bottom: 40px; }
.intros-v2 .group h6{ font-weight: bold;font-size: 20px;padding-bottom: 10px; }
.intros-v2 .group .rscontent{ text-indent: 35px; }
.intros-v2 .ctitle{ text-align: center;font-size: 24px;padding: 0 0 30px; }
/** culture **/
.culture .page-intro img{ max-width: 100%; }
/** tale **/
.tale .intro{ width: 1210px; margin: 0 auto 50px; }
.tale .intro p{ line-height: 30px; }
.tale-slide{ position: relative;padding: 0 60px; }
.tale-slide .bor{ position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: var(--bor); content: "";z-index: 1 }
.tale-slide .year-text{ position: absolute;top: 85px;left: 50%; font-size: 250px;line-height: 250px; color: #e0e0e0;transform: translateX(-50%); z-index: -1; }
.tale-slide .slide-gusu{ padding: 125px 0; }
.tale-slide .swiper-slide{ transform: translateY(120px);text-align: center; }
.tale-slide .swiper-slide:after{ position: absolute;top: -26px;left: 50%; width: 16px;height: 16px;background: #828282;border-radius: 65px;
    content: "";transform: translateX(-50%); z-index: 60; }
.tale-slide .swiper-slide h5{ font-size: 24px;font-weight: bold;padding-bottom: 60px; }
.tale-slide .swiper-slide .desc{ font-size: 15px;color: #333; }
.tale-slide .swiper-slide.swiper-slide-active:after{ background: var(--color); }
.tale-slide .swiper-slide.swiper-slide-active h5{ color: var(--color); }
.tale-slide .swiper-slide:nth-of-type(even) .desc{ transform: translateY(-310px); }
.tale-slide .swiper-button-prev:after,
.tale-slide .swiper-button-next:after{ display: none; }
.tale-slide .swiper-button-prev,
.tale-slide .swiper-button-next{ width: 45px;height: 45px; outline: none; }
.tale-slide .swiper-button-prev{ left: -50px;background-position: -55px 0; }
.tale-slide .swiper-button-next{ right: -50px;background-position: -55px 0; transform: rotate(180deg); }
.tale-slide .swiper-button-prev.swiper-button-disabled,
.tale-slide .swiper-button-next.swiper-button-disabled{ opacity: .1; }
/** cret-slide **/
.cret-slide{ position: relative; width: 820px;margin: 0 auto 60px; }
.cret-slide .swiper-slide{ width: 480px; }
.cret-slide .swiper-slide img{ width: 100%; }
.cret-slide .swiper-button-prev2:after,
.cret-slide .swiper-button-next2:after{ display: none; }
.cret-slide .swiper-button-prev2,
.cret-slide .swiper-button-next2{ position: absolute;top: 50%; width: 43px;height: 76px; outline: none;cursor: pointer; }
.cret-slide .swiper-button-prev2{ left: -150px;background-position: -157px 0; }
.cret-slide .swiper-button-next2{ right: -150px;background-position: -157px 0; transform: rotate(180deg); }
.cret-slide .swiper-button-prev2.swiper-button-disabled,
.cret-slide .swiper-button-next2.swiper-button-disabled{ opacity: .1; }
/** product-list **/
/*.product-list .inner{ padding: 80px 0 40px; }*/
.childers{ display: grid;grid-template-columns: repeat(4,1fr); grid-gap: 20px; }
.childers a{ padding: 0 10px; height: 60px;line-height: 60px;text-align: center; background: var(--white);color: #000;font-weight: bold; }
.childers a:hover,
.childers a.active{ background: var(--color);color: var(--white); }
/* lists */
.product-list .lists ul{ padding: 30px 0; display: grid;grid-template-columns: repeat(4,1fr); grid-gap: 35px; }
.product-list .lists li .imgs{ display: flex;align-items: center;justify-content: center;background: #fff;height: 330px;overflow: hidden; }
.product-list .lists li .imgs img{ max-width: 100%;max-height: 100%; }
.product-list .lists .remark{ padding: 25px; }
.product-list .lists h5{ color: #000;text-align: center;font-size: 20px; }
.product-list .lists li:hover img{ transform: scale(var(--scale)); }
.product-list .lists li:hover h5{ color: var(--color); }
/** product-show **/
.product-show{ padding: 25px 0; }
.product-show .intro,
.showpics{ height: 600px; }
.product-show .intro{ position: relative; display: flex;align-items: center; background: var(--white);overflow: hidden; }
.product-show .intro:after{ position: absolute;top: 0;left: 50%;width: 1px;height: 100%;background: var(--bor);content: "";z-index: 6; }
.product-show .remark{ padding: 0 60px; }
.product-show .remark h1{ position: relative; font-size:24px;padding-bottom: 15px; }
.product-show .remark h1 a{ position: absolute;top: 10px;left: 0;z-index: 65; }
.product-show .desc{ display: flex;flex-wrap: wrap;margin: 15px 0 60px; }
.product-show .but-a{ display: flex;align-items: center; }
.product-show .us-a{ display: flex;align-items: center;justify-content: center; width: 130px;height: 43px;background: var(--color);color: var(--white);
    font-size: var(--f14); }
.product-show .us-a:last-child{ margin-left: 10px; }
.showpics{ position: relative; }
.pics-slide-big,
.pics-slide-small{ overflow: hidden; }
.pics-slide-big{ border-bottom: 1px solid var(--bor); overflow: hidden; }
.pics-slide-big .swiper-slide{ display: flex;align-items: center; width: 100%;height: 450px; }
.pics-slide-big .swiper-slide img{ max-width: 100%;margin: 0 auto; }
.pics-slide-small{ padding-top: 35px; }
.pics-slide-small .swiper-slide{ display: flex;align-items: center;justify-content: center; width: 94px;height: 94px;cursor: pointer; }
.pics-slide-small .swiper-slide img{ max-width: 100%; }
.pics-slide-small .swiper-slide:after{
    position: absolute;
    top: -15px;
    left: 50%;
    content: "";
    width:0;
    height:0;
    border-right:8px solid transparent;
    border-left:8px solid transparent;
    border-bottom:8px solid transparent;
    margin: 0 0 0 -4px;
}
.pics-slide-small .swiper-slide.swiper-slide-thumb-active:after{ border-bottom:8px solid var(--color); }
.product-show .scontent{ padding-top: 350px; }
.product-show .scontent.nopics{ padding-top: 90px; }
.product-show .swiper-button-next,
.product-show .swiper-button-prev{ top: 35%; }
.product-show .swiper-button-prev{ left: 35px; }
.product-show .swiper-button-next{ right: 35px; }
.pics-slide-big.swiper{
    --swiper-theme-color: #c7c8c9;
    --swiper-navigation-color: #000;
    --swiper-navigation-size: 50px;
}
/* content */
.product-show .content{ margin-top: 25px;padding: 0 25px; }
.product-show .content h2{ font-size: 24px;padding-bottom: 15px; }
/** apps-list **/
.apps-list{ padding: 40px 0; }
.apps-list .lists{ padding-bottom: 40px; }
.apps-list .lists li{ padding: 80px 0; }
.apps-list .lists .remark{ display: flex;align-items: center; background: var(--white); }
.apps-list .lists .desc{ padding: 0 60px 0 100px;font-size: 18px;line-height: 38px; }
.apps-list .lists li:nth-of-type(even){ background: var(--white); }
.apps-list .lists li:nth-of-type(even) .remark{ flex-direction: row-reverse; background: #808080; }
.apps-list .lists li:nth-of-type(even) .desc{ color: var(--white); }
/** article-list **/
.article-list{ padding: 40px 0 0; }
.article-list .lists ul{ display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 35px;padding-bottom: 50px; }
.article-list .lists li{ background: var(--white); }
.article-list .lists .remark{ padding: 30px 40px; }
.article-list .lists p,
.article-list .lists h5{ font-size: 18px;font-weight: bold; }
.article-list .lists p{ color: var(--color); }
.article-list .lists h5{ color: #000;padding: 10px 0 20px; }
.article-list .lists span{ color: #666;font-size: var(--f14); }
.article-list .lists li:hover img{ transform: scale(var(--scale)) }
/* show */
.article-show{ padding: 40px 0; }
.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{ position: relative; font-size:36px;padding:0 65px 5px; }
.content-title h1 a{ position: absolute;top: 10px;left: 0;z-index: 65; }
.content-title .sub-title{ font-size: 24px; color: var(--color);font-weight: bold; }
.detail{ padding:25px 0;overflow: hidden; }
.detail p{ line-height: 24px; }
.detail p span{ text-wrap: initial !important; }
.detail p span{ text-wrap:initial !important; }
.detail img{max-width: 100%;vertical-align:middle;}
/** contactus-list **/
.contact-slide{ position: relative;padding: 40px 0 70px;border-bottom: 1px solid var(--bor); }
.contact-slide .swiper-wrapper{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 50px;
}
.contact-slide .swiper-slide{ padding: 70px 40px 10px; background: var(--white); text-align: center;color: var(--c666); }
.contact-slide .swiper-slide h5{ font-size: 30px;font-weight: bold;color: var(--color); }
.contact-slide .swiper-slide .subtitle{ font-size: 18px;font-weight: bold;padding:5px 0 25px; }
.contact-slide .swiper-slide .desc{ min-height: 200px; }
.contact-slide .swiper-slide .desc p{ line-height: 24px; }
.contact-slide .swiper-slide img{ display: none; }
.contact-slide .swiper-button-prev:after,
.contact-slide .swiper-button-next:after{ display: none; }
.contact-slide .swiper-button-prev,
.contact-slide .swiper-button-next{ width: 45px;height: 45px; outline: none; }
.contact-slide .swiper-button-prev{ left: -100px;background-position: -55px 0; }
.contact-slide .swiper-button-next{ right: -100px;background-position: -55px 0; transform: rotate(180deg); }
.contact-slide .swiper-button-prev.swiper-button-disabled,
.contact-slide .swiper-button-next.swiper-button-disabled{ opacity: .1; }
/** feedback **/
.feedback{ width: 500px;margin: 0 auto; }
.feedback h3{ margin-bottom: 45px; }
.feedback .layui-input{ height: 50px; }
.feedback .layui-btn{ display: block; width:100% ;height: 60px;background: var(--color);margin: 25px 0 0 0;font-size: 16px; }
/* contact-map */
#allmap,#maps,.Map{height: 500px;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; }
/** empty **/
.empty{ text-align: center;padding: 30px 0; }
/** solution-list **/
.solution-list .lists{ padding-top: 30px; }
.solution-list .lists li{ background: var(--white);margin-bottom: 50px; }
.solution-list .lists .remark{ padding: 25px 100px; }
.solution-list .lists .remark h5{ text-align: center;font-size: 30px;color: #000;padding-bottom: 25px;margin-bottom: 45px; border-bottom: 3px solid #c6c6c6; }
.solution-list .lists .remark span{ display: block; text-align: right; }
/* contents */
.contents{ padding: 30px; }
.contents h1{ font-size: 30px;font-weight: bold;padding-top: 50px; }
/** history **/
.history{ position: relative;margin-top: 50px; }
.history em{
    position: absolute;
    top: 0;
    left: 10px;
    width: 1px;
    height: 100%;
    background: #a2a2a2;
    z-index: 66;
}
.history:after,
.history:before{
    position: absolute;
    left: -2px;
    width: 25px;
    height: 25px;
    background:#eee;
    background-image: url("../images/up.png");
    background-size: 25px;
    content: "";
    z-index: 88;
}
.history:before{
    top: -20px;
}
.history:after{
    bottom: -20px;
    transform: rotate(180deg);
}
.history li{ position: relative; display: flex;align-items: center;padding: 20px 0;font-size: 18px; }
.history li:after{
    position: absolute;
    top: 50%;
    left: 4px;
    content: "";
    width: 13px;
    height: 13px;
    background: var(--color);
    border-radius: 65px;
    transform: translateY(-50%);
    z-index: 80;
}
.history li .year{ color: var(--color);padding: 0 20px 0 30px;font-weight: bold; }
/** cert-list **/
.cert-list ul{ display: grid;grid-template-columns: repeat(6,1fr);grid-gap: 25px; }
.cert-list li .imgs{ min-height: 282px; display: flex;align-items: center;justify-content: center; background: #e1e1e1; }
.cert-list li img{ max-width: 100%; }
.cert-list li h5{ height: 45px;line-height: 45px; background: var(--color); text-align: center;color: var(--white); }
/*+---------------
/*+  Pages
/*+---------------*/
.pages{ display: flex;align-items: center;justify-content: center;padding:0 0 50px; }
.pages a{ display:inline-block;padding:12px 20px;margin-right:10px;background: #afafaf;border-radius: 65px; }
.pages a:last-child{ margin-right:0; }
.pages a.curr{ color:var(--white);background:var(--color); }
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next{ position: relative;padding: 20px 0; border: solid #eee;border-width: 1px 0; }
.Pre-Next p{ line-height: 30px; }
.Pre-Next p a{ font-size: 14px; }