@charset "utf-8";
.tb80{ padding: 80px 0; }
.icons{ display: block;width: 0;height: 0;background: url("../images/icons.png") no-repeat 0 0; }
.header,
.logo-tel{
    -webkit-transition: all .3s;
    transition: all .3s;
}
/*Header*/
.header{ width: 100%;height: 266px; position: fixed;top: 0;left: 0;z-index: 1001; }
/** animate **/
body.down .header{ height: 234px;top: -50px; }
body.down .header .logo-tel{ padding: 22px 0; }
/** top **/
.top-header{width: 100%;height: 50px;line-height: 50px;color: #fff;background: url("../images/topbg.jpg") no-repeat top center;}
.top-header .headr a{ float: left; display: block; color: #000;margin-left: 25px; }
.top-header .headr a em{ float: left; width: 18px;height: 18px;margin: 16px 4px 0 0; }
.top-header .headr a:nth-of-type(2) em{ background-position: -27px 0;margin-top: 18px; }
.top-header .headr a:nth-of-type(3) em{ background-position: -52px 0;margin-top: 18px; }
.logo-tel{ padding: 38px 0; }
.logo-tel .logo{ position: relative; display: flex;align-items: center; }
.logo-tel .logo .logo-name h2{ font-size: 16px;color: #246edd;font-weight: bold; }
.logo-tel .logo .logo-name p{ color: #666; }
.logo-tel .logo .bor{ opacity: 0; position: absolute;left: 183px;top: 9px; width: 1px;height: 65px;background: #c8c8c8;z-index: 6; }
/** commtel **/
.logo-tel .commtel .telico{ float: left; display: block;width: 63px;height: 63px;border: 1px solid #dcdcdc;border-radius: 65px;margin-right: 15px; }
.logo-tel .commtel .telico em{ width: 27px;height: 27px;background-position: 0 -34px;margin: 19px 0 0 18px; }
.logo-tel .commtel .rtxt{ float: right;margin-top: -15px; }
.logo-tel .commtel .rtxt p{ color: #666;padding-bottom: 5px; }
.logo-tel .commtel .rtxt strong{ display: block;color: #246edd;font-size: 24px;line-height: 24px; }
/** Nav **/
.nav{ width: 100%;height: 60px;line-height: 60px;background: #da251d; }
.nav ul li{
    width: calc(100% / 9);
    position: relative;
    float: left;
    text-align: center;
}
.nav ul li a{ display:block; font-size: 16px;color: #fff; }
.nav ul li .childer{
    display: none;
    position: absolute;
    width: 210px;
    top: 60px;
    left: 0;
    background: var(--color);
    overflow: hidden;
    z-index: 66;
}
.nav ul li .childer a{height: 45px;line-height: 45px;color:#fff;text-align: left;text-indent: 30px;}
.nav ul li .childer a:hover{background:#ff0000;}
.nav ul li.on .childer a{ color: #fff; }
.nav ul li.on{ background: #ff0000; }
/*Header*/
/*SlidesSTART*/
.swiper-container { min-width: 1180px; width: 100%;height: auto;background: #fff; }
.swiper-slide {min-width:1150px;text-align: center;font-size: 18px;background: #252c36;-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;}
.swiper-slide img{display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.slide-usezans .swiper-button-next,
.slide-usezans .swiper-button-prev{ width:50px !important;height:50px !important; background: none;}
.slide-usezans .swiper-button-next{right:2% !important;}
.slide-usezans .swiper-button-prev{left:2% !important;}
.slide-usezans .swiper-button-next .span-next,
.slide-usezans .swiper-button-prev .span-prev{ color: #fff;font-size: 50px; }
.slide-usezans.swiper-container .swiper-button-prev.swiper-button-disabled,
.slide-usezans.swiper-container .swiper-button-next.swiper-button-disabled{opacity:0;}
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets{ bottom: 5%; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{ opacity: .4; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; }
.swiper-container .swiper-slide .url{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 106;}
/*SlidesNED*/
/** links **/
.links{ border: 1px solid #ebebeb;margin-bottom: 80px; }
.links span{ display: block;padding: 0 25px; height: 54px;line-height: 54px; font-size: 16px;color: #000;border-bottom: 1px solid #ebebeb; }
.links .text-a{ padding: 25px; }
.links .text-a a{ display: inline-block;margin-right: 15px; }
/*FooterSTART*/
.footer:after{ display: block;content: "";clear: both; }
.footer{width:100%;height:362px;background:url(../images/footer.jpg) no-repeat center top;overflow:hidden}
.footer .top-cons ul li{display:flex;align-items:center;float:left;height:289px;border-right:1px solid #232629}
.footer .top-cons ul li:nth-of-type(1){ width: 299px; }
.footer .top-cons ul li:nth-of-type(2){ width: 600px; }
.footer .top-cons ul li:nth-of-type(3){ float: right; width: 260px;border-right: 0; }
.top-cons .ftype{ text-indent: 50px; }
.top-cons .ftype p{ font-size: 15px;color: #999;line-height: 36px; }
.top-cons .ftype p span{ padding-right: 10px; }
.top-cons .ftype p strong{ color: #0099ff;font-size: 30px; }
.top-cons .txt{ padding-left: 15px; }
.top-cons .txt h6{ color: #fff; }
.top-cons .txt p{ color: #999; }
.copyright{ height: 72px;line-height: 72px; border-top: 1px solid #232629; }
.copyright span{ font-size: 13px;color: #999;padding-right: 10px; }
.copyright .fnav{ float: right; }
.copyright .fnav ul li{ display: inline-block;padding-left: 10px; }
/*FooterNED*/
/*++------------------------
/*++  Plate-Module
/*++------------------------*/
.comm-title{ position: relative;margin-bottom: 45px;text-align: center; }
.comm-title .title h3{ font-size:44px;color:#000; }
.back-black .comm-title .title h3{ color: #fff; }
.back-black .comm-title .title p { color: rgba(255,255,255,.8); }
.comm-title .title p{ color: #666;font-size: 16px; }
.comm-title:after{ display: block;content: "";clear: both; }
/*Picture*/
.picture-d .comm-title .title{ width:100%; }
.back-black.picture-d .comm-title .title .prod-more{ color: #fff; }
.picture-d .picture-lists{ position: relative; }
.picture-d .picture-lists .bd{ padding-top: 85px; }
.picture-d .picture-lists .bd ul li:after{ display:block;content:"";clear:both; }
.picture-d .picture-lists .bd ul li{ height: 445px; background: #f9f9f9;overflow: hidden; }
.back-black.picture-d .picture-lists .bd ul li{ background: #fff; }
.picture-d .picture-lists .bd ul li .left-img,
.picture-d .picture-lists .bd ul li .right-text{ position: relative; width:50%;height: 100%; }
.picture-d .picture-lists .bd ul li .left-img img{ display: block;width: 100%;height: 100%; }
.picture-d .picture-lists .bd ul li .remark{ position: absolute;top: 50%;left: 50%; width: 90%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 55; }
.picture-d .picture-lists .bd ul li .remark h5{ font-size: 30px; }
.picture-d .picture-lists .bd ul li .remark p{ color: #999;margin: 20px 0 25px; }
.picture-d .picture-lists .bd ul li .remark .detail-a{ display: block;color: #fff; width: 105px;height: 40px;line-height: 40px;font-size: 12px; text-align: center; }
.picture-d .picture-lists .hd{ width:100%;height: 60px;line-height: 60px; position: absolute;top: 0;left: 0;background: var(--color); z-index: 66; }
.picture-d .picture-lists .hd ul li{ position: relative; padding: 0 25px; height: 60px; display: inline-block;cursor: pointer;font-size: 16px;
    text-align: center;color:#fff; }
.picture-d .picture-lists .hd ul li span{
    display: none;
    position: absolute;
    bottom: -12px;
    left: 45%;
    width:0;
    height:0;
    border-right:6px solid transparent;
    border-left:6px solid transparent;
    border-top:12px solid #ff0000;
    z-index: 6;
}
.picture-d .picture-lists .hd ul li.on{ background: #ff0000; }
.picture-d .picture-lists .hd ul li.on span{ display: block; }
/*Picture*/
/*Article-*/
.plate-article.tb80{ padding: 80px 0 40px; }
.article-lists ul li{ float: left; width: 385px;margin-right: 22px; }
.article-lists ul li:last-child{ margin-right: 0; }
.article-lists ul li h5{ font-size: 22px;color: #000;padding-bottom: 30px; }
.company-news img{ display: block;width: 100%; }
.company-news .remark{ padding: 25px 30px;background: #f5f5f5; }
.company-news .remark h6{ font-size: 16px;color: #333;padding-bottom: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.company-news .remark p{font-size:13px;color:#666;height:42px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/** industry-news **/
.industry-news a{position:relative;display:flex;flex-direction:column;justify-content:center;height:93px;border-bottom:1px solid #ebebeb}
.industry-news p{ color: #999;padding-bottom: 8px; }
.industry-news h6{ color: #000; }
.industry-news .shover,
.industry-news em{ transition: all .3s ease-out; }
.industry-news .shover{width:100%;height:2px;position:absolute;bottom:0;background:0 0;z-index:6}
.industry-news em{ opacity: 0; position: absolute;bottom: 20px;right: 10px; width: 14px;height: 14px;background-position: -139px 0; }
.industry-news a:hover .shover{ background: #2670dd; }
.industry-news a:hover em{ opacity: 1; }
/** welfare-news **/
.welfare-news a{ padding: 26px 0; display: block;border-bottom: 1px solid #ebebeb; }
.welfare-news h6{ padding-bottom: 10px; color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.welfare-news p{color:#999;height:42px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.welfare-news a:hover h6{ color: #2670dd; }
/*Article*/
/*Product*/
.product-lists .subcat{ width: 300px;min-height: 692px; background: #fafafa; }
.subcat .catnames{ padding: 35px 0 30px 0;text-indent: 30px; }
.subcat .catnames h5{ font-size: 22px;color: #000; }
.subcat .catnames p{ font-size: 16px;color: #666; }
.subcat .childer ul li{ padding: 0 10px 0 35px; border-top: 1px solid #e1e1e1;height: 59px; }
.subcat .childer ul li h5{ margin: 20px 0 18px; line-height: 19px; }
.subcat .childer ul li h5 a{ font-size: 16px;color: #000;padding: 0; }
.subcat .childer ul li h5 em{ float: left; width: 19px;height: 19px;margin-right: 10px;background-position: -79px 0; }
.subcat .childer ul li .childer-hg{ display: none; }
.subcat .childer ul li .childer-hg a{ display: inline-block; color: #999;padding:0 0 10px 29px; }
.subcat .childer ul li .childer-hg a:hover{ color: #2670dd; }
.subcat .childer ul li.on{ height: auto; }
.subcat .childer ul li.on h5 a{ color: #2670dd }
.subcat .childer ul li.on h5 em{ background-position: -104px 0; }
/**right**/
.product-lists .plist-cons{ width: 870px; }
.top-slide,
.top-slide .bd ul li{ height: 415px;overflow: hidden }
.top-slide{ position: relative;padding: 0 90px;background: #fafafa; }
.top-slide .bd ul li{ display: flex;align-items: center; }
.top-slide .bd .txtl{ width: 396px; }
.top-slide .bd .txtl h5{ font-size: 34px;color: #000; }
.top-slide .bd .txtl p{ max-width: 90%; padding: 5px 0 30px; color: #666;line-height: 28px; }
.top-slide .bd .bottoms a{ float: left; display: block;width: 134px;height: 43px;line-height: 43px; border: 1px solid #2670dd;color: #2670dd;
    text-align: center; }
.top-slide .bd .bottoms a:last-child{ margin-left: 30px; }
.top-slide .bd .bottoms a:hover{ background: #2670dd;color: #fff; }
.top-slide .bd .imgr{ width: 295px; }
.top-slide .bd .imgr img{ display: block;width: 100%; }
.top-slide .hd a{position:absolute;width:16px;height:30px;top:45%;background-position:-161px -33px;cursor:pointer;z-index:6}
.top-slide .hd a.prev{ left: 38px; }
.top-slide .hd a.next{ right: 38px;background-position: -184px -33px; }
.top-slide .hd a.prev:hover{ background-position: -161px 0; }
.top-slide .hd a.next:hover{ background-position: -184px 0; }
.top-slide .hd a.prev.prevStop,
.top-slide .hd a.next.nextStop{ display: none; }
/** bottom-list **/
.bottom-list ul{ display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px; }
.bottom-list ul li .imgs{display:flex;align-items:center;justify-content:center;width:100%;height:210px;background:#fafafa}
.bottom-list ul li .imgs img{ display: block;width: 80%; }
.bottom-list ul li p{ text-align: center;padding-top: 15px; }
/*Product*/
/** adavsix **/
.adavsix{ height:calc(1095px - 100px); padding: 100px 0 0 0; }
.adavsix.back-black .comm-title{ padding-bottom: 105px; }
.adavsix.back-black .comm-title .title h3{ color: #000; }
.adavsix.back-black .comm-title .title p {color: #666;}
.adav-bg{overflow:hidden}
.adav-con{position:relative;width:1200px;overflow:hidden}
.adav-con li{margin-bottom:40px;float:left;height:133px;width:363px;border:1px dashed #e1e1e1;cursor:pointer}
.adav-con li.lis:nth-of-type(even){float:right;margin-left:400px;display:inline}
.adav-con li .imgico{display:flex;align-items:center;justify-content:center;width:80px;height:80px;float:left;margin:23px 15px 0 25px;background:#000;border-radius:65px;overflow:hidden}
.adav-con li .imgico img{display:block;max-width:100%;transition:all .4s ease-out}
.adav-con li.lis:nth-of-type(even) img{float:right}
.adav-con li.lis:nth-of-type(even) .imgico{float:right;margin:23px 25px 0 15px}
.adav-con li span{float:right;display:block;width:calc(100% - 120px);margin-top:25px}
.adav-con li.lis:nth-of-type(even) span{text-align:right;width:calc(100% - 145px);float:left;padding-left:25px}
.adav-con li span b{padding-bottom:5px;font-size:18px;color:#000;display:block}
.adav-con li span em{padding-right:15px;display:block;color:#666}
.adav-con li.lis:nth-of-type(even) span em{padding-right:0}
.adav-con .lis.on .imgico{background:#2670dd}
.adav-con .lis.on .imgico img{transform:rotate(360deg)}
.adav-con .lis.on span b{color:#2670dd}
/** bigthumb **/
.adav-tab{width:400px;position:absolute;left:399px;top:-8px;overflow:hidden}
.adav-tab h3{margin:0 auto 30px;width:184px;height:84px;overflow:hidden}
.adav-tab h3 img{display:block;width:100%}
.adav-tab p{display:none;position:relative;margin:0 auto;width:400px;height:400px;border-radius:65%;overflow:hidden}
.adav-tab p:nth-of-type(1){display:block}
.adav-tab img{display:block;width:100%}
.adav-tab p em{opacity:0;position:absolute;left:0;bottom:0;width:100%;height:192px;padding-top:20px;overflow:hidden;color:#fff;text-align:center;font-size:16px;background:rgba(0,0,0,.6);transition:all .3s ease-out}
.adav-tab p em b{display:block;font-size:22px;font-weight:700;padding-bottom:10px}
.adav-tab p em .desc{display:block;width:80%;margin:0 auto}
.adav-tab p:hover em{opacity:1}
/** tel **/
.adav-tel{text-align:center;clear:both;margin:0 auto;min-width:368px}
.tel-sp{display:inline-block;height:44px;margin:40px 0 30px}
.tel-sp a{position: relative; float:left;display:block;width:133px;height:43px;line-height:43px;text-align:center;color:#2670dd;border:1px solid #2670dd;cursor:pointer}
.tel-sp .ctel{background:#2670dd;color:#fff}
.tel-sp .ctel .sm{position:absolute;right:15px;bottom:-17px;width:0;height:0;border-right:14px solid transparent;border-left:14px solid transparent;border-top:25px solid #2670dd}
.tel-sp .tel-detail{float:right;margin-left:15px}
.adav-tel p{font-size:16px;color:#a8a8a8}
.adav-tel p b{font-size:40px;color:#2670dd}
/*Partner*/
.partner-a .partner-lists:after{ display: block;content: '';clear: both; }
.back-white.partner-a .partner-lists{border: 1px solid #dcdcdc;}
.partner-a .partner-lists ul li{ width: calc((100% / 5) - 1px);height: 185px;float: left;border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;overflow: hidden; }
.partner-a .partner-lists ul li img{ display: block;width: 100%; }
.partner-a .partner-lists ul li:nth-of-type(5n){ border-right: 0; }
.partner-a .partner-lists ul li:nth-last-child(1), .partner-a .partner-lists ul li:nth-last-child(2),
.partner-a .partner-lists ul li:nth-last-child(3), .partner-a .partner-lists ul li:nth-last-child(4),
.partner-a .partner-lists ul li:nth-last-child(5){ border-bottom: 0; }
/*Partner*/
/** adavfour **/
.bg-title{position:relative;width:100%;height:360px;text-align:center;color:#fff;background:url(../images/adavtitbg.png) no-repeat top center}
.bg-title h3{ font-size: 44px;padding-top: 85px; }
.bg-title .subtitle{ font-size: 16px;padding: 3px 0 25px 0; }
.bg-title strong{ font-size: 26px; }
.bg-title .zan{position:absolute;bottom:36px;left:calc((100% - 20px)/ 2);width:20px;height:22px;background-position:-45px -32px}
.adav-four{ padding: 80px 0; }
.adav-four ul li{height: 365px;overflow: hidden; }
.adav-four ul li .imgs,
.adav-four ul li .remark{ width: 50%; }
.adav-four ul li .remark .remark-con{ width: 90%;margin: 0 auto; }
.adav-four ul li .imgs{ float: left; }
.adav-four ul li .remark{ display: flex;align-items: center; float: right;height: 100%; }
.adav-four ul li:nth-of-type(even) .imgs{ float: right; }
.adav-four ul li:nth-of-type(even) .remark{ float: left; }
.adav-four ul li .remark h5{ font-size: 28px;color: #2670dd; }
.adav-four ul li .remark .subtit{ font-size: 16px;color: #000; }
.adav-four ul li .remark .desc{ padding: 15px 0 30px; }
.adav-four ul li .remark .desc p{ line-height: 30px;color: #666; }
.adav-four ul li .remark .desc p em{ float: left; display: block;width: 6px;height: 6px;background: #d2d2d2;border-radius: 65px;margin: 14px 10px 0 0; }
.adav-four ul li .remark a{ display: block;width: 135px;height: 45px;line-height: 45px;background: #2670dd;color: #fff;text-align: center; }
/** solution **/
.solution,
.solution .left-code,
.solution .form-con{ height: 260px; }
.solution{width: 100%;}
.solution .left-code,
.solution .form-con{display: flex;align-items: center;}
.solution .left-code{float: left;color: #fff;}
.solution .left-code .imgs{ margin-right: 30px; text-align: center; }
.solution .left-code .imgs p{ padding-top: 8px; }
.solution .left-code .mtit{ margin-top: -30px; }
.solution .left-code .mtit h3{ font-size: 24px; }
.solution .left-code .mtit .subtitle{ padding: 3px 0 15px; }
.solution .left-code .mtit strong{ font-size: 26px; }
.solution .form-con{ position: relative; float: right;color: #fff; }
.solution .form-con h5{ font-size: 20px;padding-bottom: 15px; }
.feedb-con .left-int{ float: left; width: 270px; }
.feedb-con .left-int input[type=text]{ width:calc(100% - 32px);padding: 0 15px; height: 48px;line-height: 48px;border: 1px solid #a3d2e7;margin-bottom: 17px;
    background: transparent;color: #f4f8fb; }
.feedb-con .left-int input::placeholder{ color: #f4f8fb; }
.feedb-con .bth-submit{ float: right; width: 140px;height: 117px;line-height: 117px; text-align: center; background: #03b1fa;color: #fff;
    border: 0;outline: none;cursor: pointer; }
.feedb-con .error-hide{ position: absolute;bottom: 28px;left: 0;margin-left: 0; z-index: 66; }
/** video **/
.video-box,.video-box .video-js{ width: 100%;height: 660px; }
.video-box .video-js .vjs-big-play-button{line-height:65px;height:65px;width:65px;border-radius:65px;margin-left:-35px}
.video-box .vjs-slider-horizontal .vjs-volume-level:before{ top: -5px; }
/** product-xl **/
.product-xl ul li{ float: left; width: 385px;margin: 0 22px 22px 0;text-align: center;  }
.product-xl ul li:nth-of-type(3n){ margin-right: 0; }
.product-xl ul li .imgs{ display: flex;align-items: center;justify-content: center; width: 100%;height: 300px;background: #fff; }
.product-xl ul li .imgs img{ display: block;width: 100%; }
.product-xl ul li p{ color: #333;padding-top: 15px; }
.product-xl .mores{ display: block;width: 135px;height: 45px;line-height: 45px; text-align: center; background: #2670dd;color: #fff;
    margin: 53px auto 0;
}