.trans{ transition: all .3s; }
.tb80{ padding: 80px 0; }
/*HeaderSTART*/
.header .htop{ height:54px;line-height:54px;border-bottom:1px solid var(--border); }
.header .htop a{ color:#a39e9e; }
.header .hcon,
.header .logo a{ height: 135px;line-height: 135px; }
.header .logo a{ display: flex;align-items: center; }
.header .logo a img{ width: 250px; }
.nav ul li{ position:relative;float:left;-webkit-perspective:60px;-moz-perspective:60px;perspective:60px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;z-index:999}
.nav ul li a{display:block;padding:0 30px;font-size:18px;color: #000;}
.nav ul li .childer{position:absolute;width:160px;height:auto;top:136px;left:0;padding-bottom:5px;background:var(--color);border-bottom-left-radius:3px;border-bottom-right-radius:3px;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateX(-60deg);-moz-transform:rotateX(-60deg);transform:rotateX(-60deg);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:9999}
.nav ul li .childer a{height:35px;line-height:35px;text-align:left;color:#fff;padding-left:15px;font-size:16px;overflow:hidden;font-weight:400!important}
.nav ul li .childer a:hover{background:rgba(0,0,0,.5)}
.nav ul li:hover .childer{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}
.nav ul li.on .childer a{ color: #fff; }
.nav ul li.on a{ color:var(--color); }
.header .htop a:hover{ color:var(--color); }
/*SlidesSTART*/
.swiper-container,
.slide-usezans .swiper-slide .remark{ height: calc(100vh - 190px); }
.swiper-container { width: 100%;background: #fff; }
.swiper-slide {font-size: 18px;background: #fff;-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; }
.swiper-slide img{display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.slide-usezans.swiper-container-horizontal .swiper-pagination-custom{ bottom: 4%; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-custom .swiper-pagination-span{display:inline-block;width:28px;height:28px;line-height:28px;background:rgba(0,0,0,.6);
    color:#fff;border-radius:65px;margin-right: 5px;cursor: pointer; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-custom .swiper-pagination-span.active{ background: var(--color); }
.slide-usezans.swiper-container-horizontal .swiper-pagination-custom .swiper-pagination-span:last-child{ margin-right: 0; }
.swiper-container .swiper-slide .mores{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 106;}
.slide-usezans .swiper-slide .remark{ display: flex;align-items: baseline;flex-direction: column;justify-content: center; position: absolute;top: 0;left: calc((100% - 1200px) / 2); color: #fff;transform: translate(0,0) }
.slide-usezans .swiper-slide .remark h5{ font-size: 85px; font-weight: bold;padding-bottom: 30px; }
.slide-usezans .swiper-slide .remark span{ display: inline-block; padding: 15px 39px; font-size: 20px;background: var(--color);border-radius: 65px; }
.slide-usezans .swiper-slide .remark span img{ display: inline-block;padding-left: 15px; vertical-align: middle; }
/*FooterSTART*/
.footer{ padding: 70px 0 0; background:#000; }
.ftop{ display: flex;padding-bottom: 79px; }
.ftop .fnav{ width: calc(100% - 310px);line-height: 54px; }
.ftop .fnav a{ font-size: 18px;color: #fff; }
.ftop .fnav a:not(:last-child){ margin-right: 60px; }
.ftop .fnav a:first-child{ display: none; }
.ftop .siteurl{ display:block;width: 250px;padding: 7px 30px 10px; background: #1e488a;border-radius: 65px; }
.ftop .siteurl a{ color: #fff;font-size: 24px;font-weight: bold; }
.ftop .siteurl img{ float: right; margin-top: 11px; }
.ftop .fnav a:hover,
.medium li:hover h5,
.contxt li:hover{ color: var(--color); }
/* codeimg */
.codeimg{ padding: 20px 0;border: solid #333;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: #d7d6d2;padding-top: 12px; }
.contxt{ float: right; display: flex;justify-content: right;align-items: center;height: 173px; }
.contxt li{ color: #dedede;font-size: 24px; }
.contxt li:first-child{ margin-bottom: 40px; }
.contxt li img{ margin-right: 15px;vertical-align: -13px; }
.copyright{ padding: 35px 0; }
.copyright span{ margin-right: 10px; }
.copyright span,.copyright span a{ color: #d7d6d2; }
/*++------------------------
/*++  Plate-Module
/*++------------------------*/
.comm-title{ position: relative;padding: 100px 0 60px; }
.comm-title h3{ font-weight: bold;font-size: 44px;color: var(--txtcor);line-height: 48px; }
.comm-title a{ font-size: 15px;color:#000;font-weight: normal; }
.comm-title a img{ margin-left: 8px;vertical-align: -2px; }
.comm-title a:hover{ color: var(--color); }
.comm-title a:hover img{ margin-left: 3px; }
/** module-product **/
.module-product ul{ border-bottom: 1px solid var(--border); }
.module-product li{ float: left; width: calc((100% / 4) - 18px); }
.module-product li:not(:nth-of-type(4n)){ margin-right: 24px; }
.module-product li h5{ font-size: 27px;font-weight: bold;color: var(--txtcor);padding: 20px 0 12px; }
.module-product li:hover h5{ color: var(--color); }
/** module-article **/
.module-article ul{ border-bottom: 1px solid var(--border); }
.module-article li{ float: left; width: calc((100% / 3) - 32px);border-top: 1px solid var(--border);margin-bottom: 30px; }
.module-article li:not(:nth-of-type(3n)){ margin-right: 48px; }
.module-article li .catname{ display: block; color:var(--color);padding: 30px 0 10px;text-transform: uppercase;letter-spacing:1.2px; }
.module-article li h5{ min-height: 48px;font-size: 27px;color: var(--txtcor);font-weight: bold;margin-bottom: 20px; }
.module-article li .time{ color: #A39E9E;font-size: 12px; }
.module-article li:hover h5{ color: var(--color); }
/** module-partner **/
.module-partner{ margin-bottom: 100px; }
.module-partner .container{ position: relative; }
.module-partner .cons{ overflow: hidden; }
.module-partner .cons li{ float: left; width: calc((100% / 4) - 18px);margin-bottom: 24px;margin-right: 24px; }
/*.module-partner li:not(:nth-of-type(4n)){ margin-right: 24px; }*/
.module-partner .cons .imgs{ display: flex;align-items: center;justify-content: center; width: 100%;height: 178px;border: 1px solid var(--border); }
.module-partner .cons .imgs img{ max-width: 100%; }
.module-partner .hd a{ position: absolute;top: 280px;cursor: pointer; z-index: 100; }
.module-partner .hd a.prev{ left: -60px; }
.module-partner .hd a.next{ right: -60px;transform: rotate(180deg); }
/*++----------------------------------------------
/*++  内容开始
/*++----------------------------------------------*/
.back-color{ width: 100%;background:#f5f5f5; }
.nbanner .container{ display: flex;align-items: center; position: relative;height: 100%; }
.nbanner a{ position: relative; display: block;width: 100%;height: 380px; }
.nbanner .text h5{ font-size: 30px;font-weight: bold;color: #fff; }
.nbanner .text p{ font-size: 16px;color: rgba(255,255,255,.8); }
/*+---------------
/*+  Left Cate
/*+---------------*/
.con-left{ float:left;width:250px;overflow:hidden; }
.con-left .subcat{ background:#fff; }
.con-left .subcat .sub-tit{ width:100%;height:80px;line-height: 80px; background:#fff;text-align: center;border-bottom: 1px solid var(--border);}
.con-left .subcat .sub-tit h3{ font-size: 28px;letter-spacing: 5px;color:#000;font-weight: bold; }
.con-left .subcat ul{ border: solid #ededed;border-width: 0 1px 1px; }
.con-left .subcat ul li{ position:relative;height: 55px;line-height: 55px;overflow: hidden; }
.con-left .subcat ul li:not(:last-child){ border-bottom: 1px solid var(--border); }
.con-left .subcat ul li:after{ position: absolute;top: 19px;right: 20px; width: 9px;height: 17px; background: url("../image/icon-rmenu-hv.jpg") no-repeat 0 0;content: "";z-index: 6; }
.con-left .subcat ul li a{ display: block;font-size: 20px;color:#333; }
/*.con-left .subcat ul li .icon-img{ float: left; display: block;width: 27px;height: 27px;margin: 14px 12px 0 35px; }*/
.con-left .subcat ul li img{ margin: 15px 12px 0 35px; }
.con-left .subcat ul li.on a,
.con-left .subcat ul li:hover a{ color: var(--color); }
/*.con-left .subcat ul li.on .icon-img,*/
/*.con-left .subcat ul li:hover .icon-img{ background-position: 0 -33px !important; }*/
/*.con-left .subcat ul li.on:after,*/
/*.con-left .subcat ul li:hover:after{ background-position: -17px 0; }*/
/*+---------------
/*+  Current a
/*+---------------*/
.con-right{ width: calc(100% - 275px); }
.con-right .current h3,
.con-right .current h1{ height: 79px;line-height: 79px; font-size:28px;color:var(--txtcor);border-bottom: 1px solid #e0e0e0; }
/*+---------------
/*+  Content
/*+---------------*/
.detail{ padding:25px 0; }
.detail p{ line-height: 24px; }
.detail img{max-width: 100%;vertical-align:middle;}
/** page-index **/
.page-index{ padding: 25px 0; }
/** page-contactus **/
.page-contactus{ padding: 25px 0; }
.column-1 li,
.column-2 li,
.column-3{ height: 330px;background: #fff; }
.column-1 li{ display: flex;align-items: center;flex-direction: column; justify-content: center; float: left; width: calc((100% / 2) - 10px);font-size: 16px;text-align: center;color: #000; }
.column-1 li:last-child{ float: right; }
.column-1 li .richtext p:last-child{ padding-top: 25px; }
.column-1 li .bose-text{ padding-top: 30px; }
.column-1 li img{ background: #000; }
/* column-2 */
.column-2{ margin: 20px 0; }
.column-2 li{ float: left; width: calc((100% / 3) - 14px);font-size: 16px;color: #000; overflow: hidden; }
.column-2 li:not(:last-child){ margin-right: 21px; }
.column-2 li .cons{ display: flex;align-items: center;flex-direction: column;padding:40px 25px 0;height: calc(100% - 40px); }
.column-2 li h5{ font-size: 28px;font-weight: bold; }
.column-2 li p{ text-align: center;padding-top: 15px; }
.column-2 li .tel{ font-weight: 700;margin: 20px 0 25px; }
.column-2 li .tel img{ width: 22px; padding-right: 15px;vertical-align: middle; }
.column-2 li .richtext p{ padding-top: 0; }
.column-2 li .richtext span{ font-weight: bold; }
.column-2 li .mores{ display: inline-block;padding: 10px 35px;background: var(--color);border-radius: 65px;color: #fff;margin-top: 30px; }
/* column-3 */
.column-3{ display: flex;align-items: center;flex-direction: column;justify-content: center;color: #000;font-size: 16px; }
.column-3 h2{ font-size: 32px;font-weight: bold; }
.column-3 h4{ font-size: 32px;padding: 20px 0 10px; }
.column-3 .richtext:last-child{ padding-top: 15px; }
.column-3 p{ line-height: 26px;text-align: center; }
/*.page-us li{ padding: 50px 0; border: 1px solid var(--border);margin-bottom: 15px;text-align: center; }*/
/*.page-us li .icon-img{ position: relative;width: 64px;margin: 0 auto; }*/
/*.page-us li h5{ font-size: 18px;margin: 20px 0; }*/
/*.page-us li p{ color: #666; }*/
/*.page-us li:hover{ box-shadow: 0 0 10px rgba(0,0,0,.2); }*/
/*.page-us li .kfcode{ display: none; position: absolute;top: -190px;left: -42px; width:140px;padding: 5px 5px 0 5px;background: #f8f8f8;z-index: 66; }*/
/*.page-us li .kfcode p{ background: var(--color);color: #fff;font-size: 12px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; }*/
/*.page-us li .kfcode:after{*/
/*    position: absolute;*/
/*    bottom: -8px;*/
/*    left: 50%;*/
/*    width:0;*/
/*    height:0;*/
/*    border-right:8px solid transparent;*/
/*    border-left:8px solid transparent;*/
/*    border-top:8px solid #000;*/
/*    content: "";*/
/*    transform: translate(-50%,0);*/
/*    z-index: 88;*/
/*}*/
/*.page-us li .usts:hover .kfcode{ display: block; }*/
/** product-list **/
.product-list{ padding: 25px 0 30px; }
.right-top-con{ padding: 0 30px 20px;background: #fff; }
.pro-lists{ padding-top: 25px; }
.pro-lists li{ float: left; width: calc((100% / 4) - 18px);margin-bottom: 20px; }
.pro-lists li:not(:nth-of-type(4n)){ margin-right: 24px; }
.pro-lists li .imgs{ display: flex;align-items: center;justify-content: center; width: 100%;height: 200px;background: #f6f7fb;overflow: hidden; }
.pro-lists li .imgs img{ width: 100%; }
.pro-lists li h5{ height: 37px;line-height: 37px;background: var(--color);color: #fff;text-align: center; }
.pro-lists li:hover .imgs img{ transform: scale(1.1); }
/** 详情页 **/
.product-show{ padding: 30px 0; }
.product-show .remark{ padding: 20px 0 30px; display: flex;align-items: center;justify-content: center; flex-direction: row-reverse; }
.product-show .remark .simg{
    position: relative;
    width: 250px;
    margin-left: 40px;
    overflow: hidden;
}
.product-show .remark .simg .pics{ width: 250px; }
.product-show .mySwiper{ margin-top: 10px; }
.product-show .remark .intro{ width: 455px;/*height: 333px;*/ font-size: 16px;line-height: 28px; }
.product-show .swiper-button-next,
.product-show .swiper-button-prev{ top: 40%; }
.product-show .mySwiper2{
    --swiper-navigation-color: var(--color);
}
.product-show .mySwiper .swiper-slide{ cursor: pointer; }
.product-show .mySwiper .swiper-slide:after{opacity: 0; position: absolute;top: 0;left: 0; display: block;width:calc(100% - 2px);height:calc(100% - 2px);border: 1px solid var(--color);content: "";z-index: 66; }
.product-show .mySwiper .swiper-slide.swiper-slide-thumb-active:after{ opacity: 1; }
/** pcontent **/
.pcontent h3{
    height: 50px;
    text-align: left;
    line-height: 50px;
    font-size: 20px;
    border-bottom: 1px solid #dbdbdb;
    margin-top: 50px;
    font-weight: bold;
    overflow: hidden;
}
.pcontent h3 img{ display: inline-block;vertical-align: -3px;margin-right: 10px; }
.pcontent .detail{ padding: 20px 0 0 35px; }
/** picture-list **/
.picture-list{ padding: 25px 0 30px; }
.pic-lists{ padding-top: 25px; }
.pic-lists li{ float: left; width: calc((100% / 3) - 18px);margin-bottom: 27px; }
.pic-lists li:not(:nth-of-type(3n)){ margin-right: 27px; }
.pic-lists li .remark h5{ font-size: 16px;color: var(--txtcor);padding-top: 5px; }
.pic-lists li .remark p{ font-size: 13px;margin: 10px 0 15px; }
.pic-lists li .remark span{ color: var(--color); }
.pic-lists li:hover .remark h5{ color: var(--color); }
/** article-list **/
.article-list{ padding: 25px 0 30px; }
.article-list .cons li{ padding: 20px 0; }
.article-list .cons li:not(:last-child){ border-bottom: 1px solid var(--border); }
.article-list .cons li a{ display: flex;align-items: center; }
.article-list .cons li .imgs{ width: 300px;margin-right: 22px; }
.article-list .cons li .remark{ width: calc(100% - 322px); }
.article-list .cons li .remark h5{ font-size: 18px;color: var(--txtcor); }
.article-list .cons li .remark .time{ display: block; color: #666;padding: 10px 0; }
.article-list .cons li .remark .desc{ font-size: 13px;color: #666; }
.article-list .cons li:hover .remark h5{ color: var(--color);}
/** partner-list **/
.partner-list{ padding: 25px 0 30px; }
.partner-list .cons{ padding-top: 25px; }
.partner-list .cons li{ float: left; width: calc((100% / 4) - 18px);margin-bottom: 24px; }
.partner-list .cons li:not(:nth-of-type(4n)){ margin-right: 24px; }
.partner-list .cons .imgs{ display: flex;align-items: center;justify-content: center; width: 100%;height: 178px;border: 1px solid var(--border); }
.partner-list .cons .imgs img{ max-width: 100%; }
/** cert-list **/
.cert-list{ padding: 25px 0 0; }
.cert-list .cons{ padding-top: 20px; }
.cert-list .cons li{ float: left; width: calc((100% / 3) - 20px);margin-bottom: 70px; }
.cert-list .cons li:not(:nth-of-type(3n)){ margin-right: 30px; }
.cert-list .cons li .imgs{ position: relative; display: flex;align-items: center; height: 297px;border-radius: 6px; overflow: hidden; }
.cert-list .cons li .imgs img{ max-height:100%; }
.cert-list .cons li h5{ position: absolute;bottom: 0;left: 0; width: 100%;height: 40px;line-height: 40px; background: var(--color);color: #fff;font-size: 15px;text-align: center; }
/*+---------------
/*+  Pages
/*+---------------*/
#loading{ width:195px;height:32px;line-height:32px;font-size:14px;text-align:center;padding-left:0;opacity:.7;background:url(../image/login.gif) no-repeat center center;margin:20px auto;color:#000; display: none;}
#loading.back-hide{background:none;}
.pages{ text-align:center;padding:35px 0 0; }
.pages a{ display:inline-block;padding:5px 10px;margin-right:5px;border:1px solid #dbdbdb;border-radius: 10px; }
.pages a:last-child{ margin-right:0; }
.pages a.curr{ color:#fff;background:#000;border-color:#000; }
/** pages-render **/
.pages.render ul li{ padding:5px 10px;display:inline-block;border: 1px solid #dbdbdb;margin-right: 5px; }
.pages.render ul li a{ padding: 0;border: 0; }
.pages.render ul li.active{ background:#000;border-color:#000; }
.pages.render ul li.active span{ color: #fff; }
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next{ position: relative;padding: 20px 0;border: solid #eee;border-width: 1px 0; }
.Pre-Next p{ line-height: 35px; overflow:hidden;}