@charset "utf-8";
.tb80{ padding: 80px 0; }
.pt80{ padding-top: 80px; }
.back-f0f0f0{ background: #f0f0f0; }
.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 ease-out; }
.icons{ display: inline-block;width: 0;height: 0;background-image: url("../images/icons.png");background-repeat: no-repeat; background-position: 0 0; }
.w50{ width: 50%; }
/*HeaderSTART*/
.header,
.header .container,
.nav ul li{ height: 100px; }
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--white);
    /*overflow: hidden;*/
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    z-index: 99999;
}
.header.active{ background: rgba(0,0,0,.8); }
.header .container{ align-items: center; }
.logo{ width: 400px; }
.logo img{ max-width: 100%; }
/** nav **/
.nav{ width: calc(100% - 400px); }
.nav ul{ display: flex;justify-content: flex-end; }
.nav ul li{ display: flex;align-items: center; position: relative;padding: 0 25px;-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;font-weight: bold; }
.nav ul li a:after{ position: absolute;bottom: -20px;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 .nav-childer{
    position: absolute;
    width: 200px;
    height: auto;
    top: 100px;
    left: 0;
    padding: 10px 0 20px;
    background: var(--white);
    -webkit-transform-origin: 0px 0px;
    -moz-transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    -webkit-transform: rotateX(-110deg);
    -moz-transform: rotateX(-110deg);
    -ms-transform: rotateX(-110deg);
    transform: rotateX(-110deg);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 0 3px 5px rgba(0,0,0,.1);
    z-index: 9999;
}
.nav ul li .nav-childer a{
    height: 35px;
    line-height: 35px;
    text-align: left;
    padding-left: 20px;
    margin: 0;
    color: #000;
    font-weight: normal;
    overflow: hidden;
}
.nav ul li .nav-childer a:hover{ color: var(--color); }
.nav ul li:hover .nav-childer{
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
/*.nav ul li:nth-of-type(4) .nav-childer .childer-a:not(:nth-of-type(n+5)){ display: none; }*/

/*SlidesSTART*/
.slide-usezans.swiper-container { width:100%;height: auto; }
.slide-usezans .swiper-slide {
    position: relative;
    height: calc(100vh - 100px);
    -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-pagination{ bottom: 30px; }
.slide-usezans .swiper-pagination .swiper-pagination-bullet{
    width: 60px;
    height: 4px;
    background: #fff;
    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: 50%;
    transform: translate(-50%,-50%);
    color: var(--white);
    text-align: center;
    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; }
.smore {
    display: flex;
    width: fit-content;
    width: -moz-fit-content;
    color: var(--white);
    font-size: var(--f14);
    padding: 16px 60px;
    margin: 50px auto 0;
    border-radius: 65px;
    background: var(--color);
}
.smore.active,
.smore:hover{ background: var(--color);border-color: var(--color); color: var(--white); }
/*FooterSTART*/
.footer {
    padding: 80px 0 0;
    background-color: #213752;
}
.footer-content{ display: flex;  }
.footer-column{ flex: 1 1 0; }
.footer-column.qrcode{ display: flex;align-items: center;justify-content: flex-end; flex-basis: 21%;  }
.footer-column h3{ font-size: 20px;color: var(--white);font-weight: bold;padding-bottom: 30px; }
.footer-column li{ margin-bottom: 15px; }
.footer-column li a{ font-size: 16px; }
.wechat-image{ width: 196px;text-align: center;margin-right: 45px; }
.wechat-image p{ color: var(--white);padding-top: 10px; }
.footer-column .footer-contact-info p{ display: flex;align-items: center;font-size: 28px;color: var(--white) }
.footer-column .footer-contact-info p:first-child{ padding-bottom: 35px; }
.footer-column .footer-contact-info img{ padding-right:12px; }
.footer a{ color: var(--white) }
.footer-bottom{ margin-top: 100px;border-top: 1px solid #384b64;padding: 25px 0; }
.footer-bottom span,
.footer-bottom a{ font-size: 14px;color: var(--white); }
/*++------------------------
/*++  Plate-Module
/*++------------------------*/
.comm-title{ position: relative;margin-bottom: 35px;text-align: center; }
.comm-title h3{ font-size:48px;color:var(--color); }
.comm-title p{ color: #333; }
/* 服务效果 */
.service-cards{display:flex;flex-wrap:wrap;justify-content:space-between}
.service-card{width:23%;padding:60px 25px;text-align:center;border:1px solid var(--bor)}
.service-card:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,0,0,.15)}
.service-icon{width:128px;height:128px;margin:0 auto 20px;background-color:#e6f7ff;border-radius:50%;display:flex;align-items:center;justify-content:center}
.service-icon img{max-width:100%;height:auto}
.service-card h3{font-size:20px;color:#333;margin-bottom:10px}
.service-card p{font-size:14px;color:#333}
.service-card .btn{display:inline-block;padding:12px 48px;background-color:#85bd43;color:#fff;border-radius:65px;text-decoration:none;margin-top:30px;font-size:15px}
/* 业务展示 */
.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.business-item{overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1);position:relative}
.business-item img{width:100%;object-fit:cover}
.business-overlay{width:100%;color:#000;padding:20px 15px;background:var(--white);text-align:center}
.business-overlay h3{ font-size: 18px;font-weight: bold; }
.business-item:hover .business-overlay{ background: var(--color); }
.business-item:hover .business-overlay h3{ color: var(--white) }
.business-item:hover img {transform: scale(1.1);}
/* 新闻资讯 */
.news-container{ display: flex;gap: 30px; }
.news-item{ flex: 1;min-width: 0; }
.news-image img{width:100%;height:100%;object-fit:cover}
.news-item:hover .imgs img{transform:scale(1.1)}
.news-remark{padding:20px;border:solid var(--bor);border-width:0 1px 1px}
.news-remark p{font-size:15px;color:#333;margin:10px 0 25px}
.news-title{font-size:18px;color:#000}
.news-date{font-size:18px;color:var(--color)}
.news-item:hover{transform:translateY(-10px);box-shadow:0 5px 15px rgba(0,0,0,.1)}
.news-item:hover .news-remark{border-color:transparent}
/* 荣誉资质 */
.honor-slider .swiper-container{padding-bottom:80px}
.honor-item .imgs{text-align:center;padding:20px;background:var(--white)}
.honor-item img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1)}
.honor-item p{ text-align: center;padding-top: 20px; }
.honor-slider .swiper-pagination{ bottom: 20px; }
.honor-slider .swiper-pagination-bullet{ width: 16px;height: 16px;margin: 0 8px !important; }
.honor-slider .swiper-pagination-bullet-active{ background: var(--color); }
/* 合作客户 */
.partner-logos ul{ border: 1px solid var(--bor); display: grid;grid-template-columns: repeat(5,1fr); }
.partner-logos li{ display: flex;align-items: center;justify-content: center; height: 180px;background: #fff; }
.partner-logos li:nth-of-type(n+6){ border-top: 1px solid var(--bor); }
.partner-logos li:not(:nth-of-type(5n)){ border-right: 1px solid var(--bor); }
/*++---------------------
/*++  Content-List
/*++---------------------*/
.nbanner{ background: #f0f0f0; }
.nbanner .container{ position: relative;height: 100%; }
.nbanner a{ position: relative; display: block;width: 100%;height: 500px; }
.nbanner .text{ width: 100%; position: absolute;top: 50%;left: 0;text-align: center;color: #fff;transform: translateY(-50%); }
.nbanner .text h5{ font-size: 60px; }
/* same-class */
.same-class{ display: flex;justify-content: center; padding: 20px 0;border-bottom: 1px solid var(--bor);margin-bottom: 30px; }
.same-class a{ position: relative; margin: 0 25px;font-size: 18px; }
.same-class a.active{ color: var(--color); }
/* about-container */
.cate-intro{ position: relative; padding: 70px 0 60px 45px; }
.cate-intro::before{ background: var(--color); position: absolute;top: 70px;left: 0;width: 5px;height: 80px;content: "";z-index: 66; }
.cate-intro p{ font-size: 24px;line-height: 36px; }
/* about-item-advantage */
.about-item-advantage{ padding: 55px 0;background: #e5f0ee; z-index: 5 }
.about-item-advantage ul{ display: grid;grid-template-columns: repeat(3,1fr); }
.about-item-advantage ul li{ position: relative;text-align: center;color: var(--color);  }
.about-item-advantage ul li h5{ font-size: 18px; }
.about-item-advantage ul li strong{ font-size: 60px;line-height: normal; }
/* about-item-what */
.about-item-what{ border: 1px solid var(--bor);padding: 50px;margin: 55px 0; }
.ncatname{ font-size: 36px;color: var(--color);padding-bottom: 35px; }
.about-item-what ul{ display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px; }
.about-item-what li{ padding: 35px 30px 40px; border: 1px solid var(--bor); overflow: hidden; }
.about-item-what li .imgs{ display: flex;align-items: center;justify-content: center; width: 80px;height: 80px;margin:0 auto 15px; }
.about-item-what li .remark{ text-align: center; }
.about-item-what li h5{ font-size: 24px;color: var(--color);padding-bottom: 5px; }
.about-item-what li p{ font-size: 15px;color: #000; }
.about-item-what li:hover{ box-shadow: var(--bsw); }
/* culture-container */
.culture-container{ border: 1px solid var(--bor); margin: 55px 0; }
.culture-container li{ display: flex;align-items: center; }
.culture-container .remark{ padding: 0 50px; }
.culture-container h3{ font-size: 36px;font-weight: normal;line-height: 40px; }
.culture-container h6{ font-size: 24px;font-weight: bold; }
.culture-container .subtitle{ padding: 20px 0; }
.culture-container .subtitle span{ font-size: 16px;color: #666; }
.culture-container .desc{ line-height: 28px; }
.culture-container li:nth-of-type(even){ flex-direction: row-reverse; }
/* history-container */
.history-container{ border: 1px solid var(--bor);padding: 50px;margin: 0; }
.history-container .uls{ position: relative; }
.history-container .uls:before,
.history-container .uls li:before{ position: absolute;top: 15px;left: 0;content: "";z-index: 6; }
.history-container .uls:before{ left: 44px; width: 1px;height: 91%;background:var(--bor);z-index: -1 }
.history-container li{ position: relative; padding-bottom: 25px;margin-bottom: 25px; margin-left: 35px; }
.history-container li:before{ left: -47px; width: 18px;height: 18px;border-radius: 65px;background: var(--color); }
.history-container li h5{ display: flex;align-items: center; font-size: 30px; color: var(--color);padding: 0 0 2px 45px;font-weight: normal; }
.history-container li span{ font-size: 18px;padding-left: 20px;color: #333; }
/* cert-container */
.cert-container ul{ display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 40px;margin: 55px 0; }
.cert-container li{ text-align: center; }
.cert-container .imgs{ border: 1px solid var(--bor); padding: 30px 15px; }
.cert-container h5{ padding-top: 20px; }
/* society */
.service-swiper{ position: relative; border: 1px solid var(--bor);padding: 50px;margin: 55px 0; }
.report-container .swiper-slide{ display: flex;justify-content: space-between;align-items: center; }
.report-container .swiper-slide .remark{ padding-right:8%; }
.report-container .swiper-slide span{ padding: 9px 40px; background: var(--color);color: var(--white); }
.report-container .swiper-slide h5{ font-size: 60px;line-height: 65px;padding: 25px 0 15px; }
.report-container .swiper-slide .desc{ font-size: 18px; }
.report-container .swiper-pagination{ width: auto; bottom: 50px;left: 50px; }
.report-container .swiper-pagination .swiper-pagination-bullet{ opacity: 1; width: 16px;height: 16px;background:#cdcdcd; }
.report-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--color); }
/* charity-container */
.charity-container{ border: 1px solid var(--bor);padding: 50px;margin-bottom: 50px; }
.charity-container .title{ display: flex;align-items: center;justify-content: space-between;padding-bottom: 30px; }
.charity-container .title h3{ font-size: 36px; }
.charity-container .title a{ font-size: 16px;color: var(--color); }
.charity-item{ display: flex; }
.charity-item .imgs{ width: 645px; }
.charity-desc{ padding: 0 50px; width: calc(100% - 645px); }
.charity-desc h5{ font-size: 30px;padding-bottom:25px;border-bottom: 1px solid var(--bor);margin-bottom: 30px; }
.charity-desc p{ color: #333;line-height: 30px; }
.charity-desc .smore{ margin: 45px 0 0; }
.charity-item:hover img{ transform: scale(var(--scale)); }
/* article-container */
.article-container{ margin: 55px 0 50px; }
.article-container li{ border: 1px solid var(--bor);margin-bottom: 25px; }
.article-container li a{ display: flex;align-items: center;justify-content: space-between }
.article-container .date{ display: flex;align-items: center;justify-content: center;flex-direction: column; width: 200px;height: 180px;background:#e5f0ee;color: var(--color); }
.article-container .date strong{ font-size: 48px;line-height: 65px; }
.article-container .remark{ width: calc(100% - 415px);padding: 0 35px; }
.article-container .remark h5{ font-size: 20px;padding-bottom: 10px;color: #000; }
.article-container .remark p{ color: #666; }
.article-container .rs-icon{ position: relative; display: flex;justify-content: center; width: 215px; }
.article-container .icons{ width: 51px;height: 7px;background-position: -67px 0; }
.article-container .rs-icon:before{ position: absolute;top: -37px;left: 0;width: 1px;height: 84px;content: "";background:var(--bor); z-index: 6 }
.article-container li:hover{ box-shadow: var(--bsw); }
.article-container li:hover h5{ color: var(--color); }
/* questions-list */
.questions-list ul{ margin: 0 0 55px; }
.questions-list li{ padding: 55px;border: 1px solid var(--bor); }
.questions-list li:not(:last-child){ margin-bottom: 25px; }
.questions-list li h5{ font-size: 36px;padding-bottom: 15px;color: var(--color) }
/* trade-container */
.trade-container ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 35px;
    margin:0 0 55px;
}
.trade-container h5{ padding:18px 10px; font-size: 18px;border: 1px solid var(--bor);text-align: center;color: #000; }
.trade-container li:hover{ box-shadow: var(--bsw); }
.trade-container li:hover img{ transform: scale(var(--scale)); }
.trade-container li:hover h5{ background: var(--color);color: var(--white);border-color: var(--color); }
/* trade-show */
.trade-show{ margin: 55px 0; }
.trade-item{ display: flex; padding: 50px;border: 1px solid var(--bor); }
.trade-item .trade-image{ position: relative;width: 640px; }
.pics-slide-big,
.pics-slide-small{ overflow: hidden; }
.pics-slide-big{ background: #f3f4f5; }
.pics-slide-big .swiper-slide{ display: flex;align-items: center; width: 100%;height: 400px;background: #f3f4f5; }
.pics-slide-big .swiper-slide img{ max-width: 100%;margin: 0 auto; }
.pics-slide-small{ padding-top: 25px; }
.pics-slide-small .swiper-slide{ display: flex;align-items: center;justify-content: center; width: 60px;height: 42px;border: 1px solid var(--bor);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;
    transform: translateX(-50%);
}
.pics-slide-small .swiper-slide.swiper-slide-thumb-active{ border: 1px solid var(--color); }
.pics-slide-small .swiper-slide.swiper-slide-thumb-active:after{ border-bottom:8px solid var(--color); }
.trade-item .swiper-button-next,
.trade-item .swiper-button-prev{ top: 45%; }
.pics-slide-big.swiper{
    --swiper-theme-color: #c7c8c9;
    --swiper-navigation-color: var(--white);
    --swiper-navigation-size: 50px;
}
.trade-remark{ padding-left: 50px;width: calc(100% - 640px); }
.trade-remark h1{ font-size: 28px; }
.trade-remark .desc{ padding: 15px 0; }
.trade-contactus{ border-top: 1px solid var(--bor);padding-top: 30px;margin-top: 30px; }
.trade-contactus a{ width: 210px; margin: 0;padding: 16px 0;text-align: center; justify-content: center; }
.trade-contactus a:last-child{ margin-top: 20px; }
.zoom-lens {
    position: absolute;
    border: 1px solid #d4d4d4;
    background-color: rgba(255, 255, 255, 0.3);
    cursor: zoom-in;
    display: none;
    width: 100px;
    height: 100px;
    pointer-events: none;
}
.zoom-result {
    position: absolute;
    top: 0;
    left: calc(100% + 20px);
    width: 400px;
    height: 400px;
    border: 1px solid #ddd;
    background-repeat: no-repeat;
    display: none;
    z-index: 100;
    background-color: white;
    pointer-events: none;
}
.trade-content{ padding: 50px;border: 1px solid var(--bor);margin-top:30px; }
.trade-content img{ max-width: 100%; }
/* progress-container */
.progress-container{ position: relative; margin: 55px 0; }
.progress-container:before{position:absolute;top:40px;left:50%;width:1px;height:78%;background:var(--bor);content:'';z-index:66;}
.progress-container ul{ display: flex;flex-direction: column; }
.progress-container .item{width:100%;display:flex;}
.progress-container .item:not(:last-child){ margin-bottom: 25px; }
.progress-container .item:nth-child(even){justify-content:flex-end;}
.progress-container .fbox{width:45%;transition:all .3s;position:relative;border:solid 1px #ccc;border-radius:5px;background:#fff;overflow:visible;padding:25px 30px;min-height:200px;font-size:16px;}
.progress-container .item .fbox:after{content:url(../images/triangle.jpg);position:absolute;right:-23px;top:30px;}
.progress-container .item:nth-child(even) .fbox:after{right:auto;left:-23px;transform:rotate(180deg);}
.progress-container .item .fbox:before{position:absolute;top:36px;right:-80px;width:16px;height:16px;background:var(--bor);content:'';border-radius:65px;z-index:60;}
.progress-container .item:nth-child(even) .fbox:before{right:auto;left:-79px;}
.progress-container .titlegroup-b{display:flex;align-items:flex-end;position:relative;color:var(--color);}
.titlegroup-b .num{font-size:48px;line-height:50px;padding-right:12px;}
.titlegroup-b .zh{display:block;font-size:24px;line-height:18px;color:#118c4b;}
.titlegroup-b .en{font-size:12px;color:#666;text-transform:uppercase;}
.progress-container .tit{display:block;margin-top:25px;}
.progress-container .desc{color:#666;}
/* contact-message */
.contact-message{ padding: 50px;border: 1px solid var(--bor);margin:55px 0; }
.contact-message .title{ padding-bottom: 30px; }
.contact-message .ncatname{ padding-bottom: 0; }
.contact-message .container{ position: relative; }
.contact-message .layui-form-item.inpus{ display: flex;align-items: center; }
.contact-message .layui-form-item .layui-inline{ display: block; width: 33.33%; }
.contact-message .layui-form-item .layui-inline:last-child{ margin-right: 0; }
.contact-message .layui-input{ height: 42px;background: #f6f6f5; }
.contact-message .layui-textarea{ min-height: 113px;resize: none;background: #f6f6f5; }
.contact-message .layui-form-item.bth-submit{ display: flex; }
.contact-message .layui-form-item.bth-submit .layui-inline{ width: 42%; }
.contact-message .layui-form-item.bth-submit .layui-input{ display: inline-block; }
.contact-message .layui-btn{ display: block;width: 200px;background: var(--color);border-radius: 65px; }
.contact-message img{ width: 180px; }
/* contact-info */
.contact-info{ padding: 50px;border: 1px solid var(--bor);margin-bottom: 50px; }
.contact-info ul{ display: grid;grid-template-columns:repeat(3,1fr);grid-gap:25px; }
.contact-info li{ background: #f6f6f5;padding: 45px 30px; }
.contact-info li strong{ font-size: 24px;color: var(--color); }
.contact-info li:nth-of-type(4){ grid-column: span 2; }
/* join-item */
.join-item ul{ display: flex;margin: 50px 0; }
.join-item li{ display: flex;flex-direction: column;align-items: center;flex: 1 0 0;height: 330px;border: 1px solid var(--bor); overflow: hidden; }
.join-item li:not(:last-child){ margin-right: 35px; }
.join-item li .imgs{ display: flex;align-items: center; width: 80px;height: 80px;margin-top: 90px; }
.join-item li .remark{ text-align: center; }
.join-item li h5{ font-size: 36px;color: var(--color); }
.join-item li p{ font-size: 18px;color: var(--color); }
.join-item li:hover{ box-shadow: var(--bsw); }
/* service-list-v1 */
.service-avatar{ min-height: 500px; display: flex; position: relative;border: 1px solid var(--bor);margin-bottom: 35px; }
.service-avatar:after{
    position: absolute;
    top: 0;
    left: 50%;
    content: "";
    width: 1px;
    height: 100%;
    background: var(--bor);
    z-index: 66;
}
.service-desc{ padding: 50px; width: 50%;line-height: 30px; }
.service-research{ display: flex;flex-direction: column;justify-content: center;padding: 50px;width: 50%; }
.service-research .ncatname{ font-size: 30px;padding-bottom: 10px; }
.service-research p{ display: flex;align-items: center; position: relative;height: 45px;font-size: 18px;padding-left: 45px; }
.service-research p:before{ position: absolute;top: 9px;left: 0;content: url("../images/icon-yes.png"); height: 31px; width: 31px; }
/* service-ys */
.service-ys{ padding: 50px;border: 1px solid var(--bor);margin-bottom: 50px; }
.ys-content strong{ color: var(--color);font-size: 36px; }
.ys-content p{ display: flex;align-items: center; padding: 35px 25px; font-size: 24px;background:#edf5f3; }
.ys-content p:nth-of-type(even){ background: #f7fafa; }
.ys-content p em:after{ padding: 0 10px;content: "/"; }
/* service-list-v2 */
.catname-v{ text-align: center;font-size: 36px;padding:0 0 60px; }
.catname-v span{ position: relative; }
.catname-v span:after{
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    content: "";
    width: 46px;
    height: 2px;
    background: var(--color);
    transform: translateX(-50%);
}
.server-intro .flex{ justify-content: space-between; }
.server-intro .server-content,
.server-intro .service-swiper-imgs{ width: 49% }
.server-intro .server-content p{ line-height: 26px; }
.service-swiper-imgs .swiper-pagination-bullets{ bottom: -4px; }
.service-swiper-imgs .swiper-pagination-bullet{ width: 10px;height: 10px;margin: 0 8px !important; }
.service-swiper-imgs .swiper-pagination-bullet-active{ background: var(--color); }
/*why*/
.why{ background:#f7f7f7; }
.why .service-cards{display:flex;flex-wrap:wrap;justify-content:space-between}
.why .service-card-item{width:32%;padding:60px 25px;text-align:center;background:#fff; }
.why .service-card-item:hover{transform:translateY(-15px);box-shadow:0 15px 30px rgba(0,0,0,.15)}
.why .service-icon{width:128px;height:128px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.why .service-icon img{max-width:100%;height:auto}
.why .service-card-item h3{font-size:30px;color:#333;margin-bottom:10px}
.why .service-card-item p{font-size:16px;color:#333}
.why .service-card-item .btn{display:inline-block;padding:12px 48px;background-color:#85bd43;color:#fff;border-radius:65px;text-decoration:none;margin-top:30px;font-size:15px}
/* recycling */
.recycling img{ max-width: 100%; }
/* outlets-container */
/* show */
.article-show{ padding: 50px 0 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{ font-size:26px;padding-bottom:5px; }
.content-title .sub-title{ color: #666; }
.detail{ padding:25px 0;overflow: hidden; }
.detail p{ line-height: 24px; }
.detail p span{ text-wrap:initial !important; }
.detail img{max-width: 100%;vertical-align:middle;}
/* 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; }
/*+---------------
/*+  Pages
/*+---------------*/
.pages{ display: flex;align-items: center;justify-content: center;padding:35px 0; }
.pages a{ padding:8px 15px;margin-right:10px;background: #f0f0f0;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 20px;padding: 20px 0; border: solid #eee;border-width: 1px 0; }
.Pre-Next p{ line-height: 30px; }
.Pre-Next p a{ font-size: 14px; }
.Pre-Next p a:hover{ color: var(--color); }
/** kefu **/
.kefu{ position:fixed;right:50px;bottom:100px;background:var(--white);box-shadow: var(--bsw); overflow: hidden; z-index:68; }
.kefu ul li{ position: relative; width:75px;padding:15px 0;text-align:center;cursor:pointer; }
.kefu ul li:not(:last-child){ border-bottom:1px solid #dcdcdc; }
.kefu ul li .icon-kf{
    display:block;
    width:35px;
    height:35px;
    background: url("../images/online.png") no-repeat 0 0;
    background-position: 3px -44px;
    margin:0 auto;
}
.kefu ul li:nth-of-type(2) .icon-kf{ background-position: -47px -46px; }
.kefu ul li:nth-of-type(3) .icon-kf{ background-position: -97px -44px; }
.kefu ul li:nth-of-type(4) .icon-kf{ background-position: -148px -44px; }
.kefu ul li:nth-of-type(5) .icon-kf{ background-position: -171px 2px; }
.kefu ul li h5{ font-size:13px; }
.kefu ul li .scodes,
.kefu ul li .stels{ opacity: 0; position: absolute;top: 0;right: 76px;background: #fff;border-radius: 5px; box-shadow: var(--bsw); }
.kefu ul li .scodes{ padding:10px;border: 1px solid var(--bor); }
.kefu ul li .stels{ width: 180px; height: 76px;line-height: 76px;color: var(--color); }
.kefu:hover{ overflow: visible; }
.kefu ul li.hvtel:hover .stels,
.kefu ul li.hvcode:hover .scodes{ opacity: 1; right: 90px; }