@charset "utf-8";
/* =====================内页样式======================== */
.banner-mb{display: none;}
/* service */
.service-container{width: 100%;padding: 76px 0 50px 0;overflow: hidden;}
.pubtitle h6 span{margin-left: 0px;}
/* 下载 */
.download{width: 100%;margin-top: 40px;border-top: 1px solid #f3f2f2;padding-top: 50px;overflow: hidden;}
.download ul li{width: 48%;float: left;padding-bottom: 18px;border-bottom: 1px solid #f3f2f2;padding-right: 100px;position: relative;margin-bottom: 46px;}
.download ul li:nth-child(2n){float: right;}
.download ul li h4{font-size: 16px;color: #444;line-height: 20px;height: 40px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.download ul li h5{font-size: 12px;color: #999;line-height: 18px;height: 36px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 6px;}
.download ul li h6{height: 20px;line-height: 20px;font-size: 12px;color: #888888;padding-left: 22px;background: url('../images/layout/dow-ico3.png') left center no-repeat;margin-top: 10px;}
.dow-ico{width: 74px;height: 74px;right: 0px;top: 0px;position: absolute;background: #f7f5f5 url('../images/layout/dow-ico1.png') center center no-repeat;cursor: pointer;transition: all .4s ease;}
.dow-ico:hover{background: #555555 url('../images/layout/dow-ico2.png') center center no-repeat;}
.download .fullpage-PUB-box{padding-top: 30px;}

.sunbanmenu{width: 100%;overflow: hidden;padding: 24px 0 58px;}
.sunbanmenu ul li{width: 100%;overflow: hidden;font-size: 0;user-select: none;position: relative;}
.sunbanmenu ul li a, .sunbanmenu ul li span{display: inline-block;vertical-align: middle;}
.sunbanmenu ul li span{margin-top: 16px;margin-right: 14px;position: absolute;background: #4b4b4b;width: 126px;height: 56px;line-height: 56px;text-align: center;font-size: 16px;color: #fff;font-weight: bold;left: 0;top: 0;}
.sunbanmenu ul li span:after{content: "";width: 10px;height: 20px;position: absolute;right: -10px;top: 50%;margin-top: -10px;background: url('../images/gather/proArr.png') no-repeat;}
.sunbanmenu ul li a{margin: 16px 8px 0;transition: all .4s ease;font-size: 14px;color: #777;height: 56px;line-height: 56px;background: #f4f4f4;padding: 0 20px;}
.sunbanmenu ul li a:hover,.sunbanmenu ul li a.ontrue{background: #767676;color: #fff;}

/* knowledge */
.Know{width: 100%;margin-top: 40px;overflow: hidden;}
.Know ul li{width: 48%;float: left;padding-bottom: 30px;border-bottom: 1px solid #f5f5f5;position: relative;margin-bottom: 40px;}
.Know ul li:nth-child(2n){float: right;}
.Know ul li::after{width: 0;content: '';height: 1px;background-color: #0085d0;position: absolute;left: 0;bottom: 0;transition: all .6s ease;}
.Know ul li:hover::after{width: 100%;}
.Know ul li .img{width: 33%;float: right;height: 118px;overflow: hidden;}
.Know ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;}
.Know ul li:hover .img img{transform: scale(1.06);}
.Know ul li .text{width: 67%;float: left;padding-right: 16px;}
.Know ul li .text h4{font-size: 16px;color: #333;line-height: 24px;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;transition: all .6s ease;}
.Know ul li:hover .text h4{color: #0085d0;}
.Know ul li .text h5{font-size: 12px;color: #999;line-height: 22px;height: 44px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 6px;}
.Know ul li .text h6{height: 20px;line-height: 20px;font-size: 14px;color: #555;margin-top: 10px;}
/* technology */
.technology{width: 100%;margin-top: 40px;overflow: hidden;}
.technology ul li{width: 100%;margin-bottom: 22px;overflow: hidden;}
.technology ul li .img{float: right;width: 50%;height: 226px;overflow: hidden;}
.technology ul li:nth-child(2n) .img{float: left;}
.technology ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;}
.technology ul li:hover .img img{transform: scale(1.06);}
.technology ul li .text{width: 50%;height: 226px;overflow: hidden;padding: 40px 50px;background-color: #f4f4f4;float: left;}
.technology ul li .text h6{font-size: 16px;color: #333;line-height: 26px;padding-bottom: 10px;}
.technology ul li .text p{font-size: 12px;color: #777;line-height: 28px;}
/* faq */
.faq-main{width: 100%;margin-top: 40px;padding-top: 30px;border-top: 1px solid #f3f2f2;}
.faq-main ul li{width: 100%;padding-bottom: 18px;border-bottom: 1px solid #f3f2f2;margin-bottom: 30px;overflow: hidden;position: relative;padding-right: 100px;}
.faq{width: 100%;padding: 20px 20px;}
.faq.onfalse{background-color: #f7f5f5;}
.faq-tit{padding-left: 30px;font-size: 16px;color: #333;line-height: 30px;background:  url('../images/layout/dow-ico6.png') left 4px no-repeat}
.faq-text{padding-left: 30px;font-size: 12px;color: #999;line-height: 30px;background:  url('../images/layout/dow-ico7.png') left 4px no-repeat;margin-top: 10px;height: 30px;overflow: hidden;transition: all .4s ease;}
.faq-text p{font-size: 12px;color: #999;line-height: 30px;}
.faq-text.ontrue{height: auto;}

.faq-dian{position: absolute;right: 0px;top: 0px;height: 74px;width: 74px;background: #f7f5f5 url('../images/layout/dow-ico4.png') center center no-repeat;
cursor: pointer;}
.faq-dian.ontrue{background: #555555 url('../images/layout/dow-ico5.png') center center no-repeat;}
.faq-main .fullpage-PUB-box{padding-top: 30px;}

/* video center */
.video-main{width: 100%;margin-top: 40px;overflow: hidden;}
.video-num{width: 100%;}
.video-num ul li{width: 31.333%;margin: 0 1%;float: left;text-align: center;}
.video-num ul li h5{font-family: "DINEngAlt";font-size: 60px;color: #555;}
.video-num ul li h6{font-size: 14px;color: #555555;line-height: 20px;}
.video-zhongdian{width: 100%;margin-top: 50px;overflow: hidden;}
.zhongdian-left{width: 48%;float: left;height: 330px;overflow: hidden;position: relative;cursor: pointer;}
.zhongdian-left img{width: 100%;height: 100%;object-fit: cover;}
.zhongdian-left i{width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;margin-left: -20px;background: url('../images/layout/video-ico1.png') no-repeat;margin-top: -20px;}
.zhongdian-left:hover i{animation: btn-pudding 1s ease both;}

.zhongdian-right{width: 50%;float: right;height: 330px;overflow-y: auto;border-bottom: 1px solid #eaeaea;}
.zhongdian-text{width: 100%;height: auto;padding-right: 8px;}
.zhongdian-text p{font-size: 14px;color: #777;line-height: 28px;padding-bottom: 20px;}
.zhongdian-right::-webkit-scrollbar {width: 0px;border-radius:50px;}
.zhongdian-right:hover::-webkit-scrollbar{opacity: 1;width: 4px;}
.zhongdian-right::-webkit-scrollbar-track {border-radius: 50px;background-color: #ddd;opacity: 0;}
.zhongdian-right::-webkit-scrollbar-thumb {border-radius: 50px;background-color: #009ce1;opacity: 0;}

.video-list{width: 100%;height: auto;overflow: hidden;margin-top: 50px;}
.video-list ul{margin-left: -2%;}
.video-list ul li{width: 31.3333%;float: left;margin: 0 0 2% 2%;cursor: pointer;}
.video-list ul li .img{width: 100%;height: 278px;overflow: hidden;position: relative;}
.video-list ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease}
.video-list ul li:hover .img img{transform: scale(1.06)}
.video-list ul li .img i{width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;margin-left: -20px;background: url('../images/layout/video-ico1.png') no-repeat;margin-top: -20px;}
.video-list ul li:hover .img i{animation: btn-pudding 1s ease both;}
.video-list ul li .text{width: 100%;height: 86px;overflow: hidden;padding: 0 10px;text-align: center;background-color: #f5f5f5;}
.video-list ul li .text p{font-size: 12px;color: #888;line-height: 24px;padding-top: 28px;transition: all .4s ease;}
.video-list ul li:hover .text p{color: #0085d0;}
.video-list .fullpage-PUB-box{padding-top: 30px;}


/*视频插件--视频窗口*/
.media-modal2{width:100%;height:100%;background:rgba(0,0,0,.3);position:fixed;top:0px;left:0px;z-index:9999;display:none;opacity:0;}
.media-modal2 .mediaModal-contain2{width:720px;height:480px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;margin:-240px 0 0 -360px;display:none;}
.mediaModal-contain2 .mediaModal-box,
.mediaModal-contain2 video,
.mediaModal-contain2 .mejs-container,
.mediaModal-contain2 .mejs-overlay-play,
.mediaModal-contain2 .mejs-poster,
.mediaModal-contain2 .mejs-layers,
.mediaModal-contain2 .mejs-overlay{width:100% !important;height:100% !important;}
.mediaModal-contain2 .close{display:block;width:32px;height:32px;background:url(../js/media/icon-close.png) no-repeat center center / cover;position:absolute;right:5px;top:5px;z-index:2;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.mediaModal-contain2 .close:hover{background:url(../js/media/icon-closeH.png) no-repeat center center / cover;}
.mediaModal-contain2:hover .close{opacity:1;}
@media all and (max-width:1000px){.mediaModal-contain2 .close{opacity:1;}.media-modal2 .mediaModal-contain2{width:94%;left:3%;margin: -140px 0 0 0;height: 280px;}.media-modal2 iframe{width: 100%;line-height: 280px;}}

.media-modal2 iframe{width: 100%;line-height: 480px;}

/* 产品中心 */
.products-container{width: 100%;overflow: hidden;}


.products{width: 100%;overflow: hidden;padding: 90px 0 10px 0;}
.products ul{margin-left: -2%;}
.products ul li{width: 29.333%;float: left;margin: 0 0 4% 4%;overflow: hidden;}
.proimg{width:100%;height: 300px;overflow: hidden;line-height: 300px;}
.proimg img{width: 100%;height: auto;object-fit: cover;transition: all 0.4s ease}
.products ul li:hover .proimg img{transform: scale(1.04);}
.products ul li:hover .protext h6{color: #faad2f;}
.protext{width: 100%;margin-top: 20px;overflow: hidden;text-align: center;}
.protext h6{font-size: 20px;color: #222222;line-height: 24px;height: 24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.protext p{font-size: 14px;line-height:20px;color: #666666;word-break: break-all;padding: 0px 30px;margin-top: 10px;height: 40px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.promore{width: 180px;height: 42px;margin: 0 auto;margin-top: 20px;background-color: #f5f5f5;border-radius: 3px;position: relative;overflow: hidden;}
.promore a{display: block;line-height: 42px;font-size: 12px;color: #888;text-align: center;background: url('../images/layout/more-ico1.png') 140px center no-repeat;z-index: 3;position: relative;transition: all .6s ease;}
.promore a:hover{background: url('../images/layout/more-ico2.png') 140px center no-repeat;color: #fff;}
.promore::after{width: 0;height: 100%;content: '';position: absolute;left: 0;top: 0;transition: all .6s ease;background-color: #292a2e;}
.promore:hover::after{width: 100%;}

/* 产品详情 */
.pro-nav{width: 100%;height: 58px;background-color: #eee;overflow: hidden;position: fixed;top: 80px;z-index: 10;}
.pronav{float: left;}
.pronav a{display: block;float: left;padding: 0 16px;line-height: 58px;font-size: 14px;color: #666666;}
.pronav a:hover{background-color: #fff;}
.proreturn{float: right;}
.proreturn a{line-height: 58px;font-size: 14px;color: #666666;transition: all .4s ease;}
.proreturn a:hover{color: #0085d0;}

.proban{width: 100%;overflow: hidden;position: relative;}
.proban img{width: 100%;height: 100%;object-fit: cover;min-height: 280px;}.ban-video{position: absolute;left: 50%;top: 14%;transform: translate(-50%,0);text-align: center;cursor: pointer;}
.ban-video h6{font-size: 50px;color: #fff;text-align: center;font-weight: bold;}.ban-video h4{font-size: 50px;color: #fff;text-align: center;font-weight: bold;}.ban-video h5{font-size: 23px;color: #fff;text-align: center;font-weight: bold;padding: 8px 0;}
.ban-video i{display: block;width: 66px;height: 66px;margin: 0 auto;background: url('../images/layout/ban-ico.png') center center no-repeat;margin-top: 14px;transition: all .4s ease;background-size: 100%;}
.ban-video p{font-size: 14px;margin-top: 10px;line-height: 20px;border-bottom: 1px solid #ffffff;color: #fff;display: inline-block;}
.ban-video:hover i{animation: btn-pudding .8s ease infinite;}
.ban-video:hover p{color: #0085d0;border-color: #0085d0}
.proone{width: 100%;background: linear-gradient(to bottom, #ffffff ,#e0e0e0);overflow: hidden;padding: 50px 0 50px 0;}
.proone-text{width: 30%;float: left;margin-top: 15%;}
.proone-text h6{font-size: 38px;color: #222222;font-weight: bold;line-height: 40px;padding-bottom: 24px;}
.proone-text h6 span{font-size: 20px;color: #222222;display: block;line-height: 24px;}
.proone-text p{font-size: 14px;color: #707070;line-height: 30px;}
.proone-pic{width: 65%;float: right;margin-right: 2%;}
.proone-img{width: 100%;text-align: center;overflow: hidden;}
.proone-img img{max-width: 100%;}
.proone-pic .swiper-button-next, .proone-pic .swiper-button-prev{width: 32px;height: 32px;margin-top: -16px;border-radius: 50%;}
.proone-pic .swiper-button-prev{background: #404040 url('../images/layout/sw-prev.png') no-repeat center center;}
.proone-pic .swiper-button-next{background: #404040 url('../images/layout/sw-next.png') no-repeat center center;}
.proone-pic .swiper-button-prev:hover{background: #0085d0 url('../images/layout/sw-prev.png') no-repeat center center;}
.proone-pic .swiper-button-next:hover{background: #0085d0 url('../images/layout/sw-next.png') no-repeat center center;}
.protwo{width: 100%;padding: 70px 0;overflow: hidden;}
.cpimg{float: left;width: 50%;text-align: center;}
.cpimg img{max-width: 100%;}
.cptext{width: 50%;padding: 8% 90px 0 90px;float: left;}
.cptext h6{font-size: 38px;color: #222222;line-height: 44px;padding-bottom: 24px;}
.cptext p{font-size: 16px;color: #777777;line-height: 30px;padding-bottom: 20px;}
.prothree{width: 100%;padding: 80px 0;overflow: hidden;background-color: #1c1c1c;/* background: url('../images/layout/pro-bg1.jpg') center center no-repeat; */background-size: cover;}
.prothree .cptext{width: 45%;}
.prothree .cptext h6{color: #fff;}
.prothree .cptext p{color: #fff;}
.prothree .cpimg{width: 55%;}
.profour{width: 100%;padding: 70px 0;overflow: hidden;}
.profive{width: 100%;padding: 70px 0;overflow: hidden;background-color: #1c1c1c;}
.profive .cptext h6{color: #fff;}
.profive .cptext p{color: #fff;}
.prosix{width: 100%;padding: 70px 0 50px 0;overflow: hidden;}
.prosix .cptext{padding-top: 10%;}
.proseven{width: 100%;padding: 60px 0 20px 0;overflow: hidden;background: url('../images/layout/pro-bg2.jpg') center center no-repeat;background-size: cover;}
.proseven .cptext h6{color: #fff;}
.proseven .cptext p{color: #fff;}

.proeight{width: 100%;overflow: hidden;padding-top: 50px;}
.proapp{width: 100%;margin-top: 30px;position: relative;overflow: hidden;}
.proapp img{max-width: 100%;min-height: 280px;object-fit: cover;}
.proapp .text{position: absolute;width: 80%;max-width: 850px;left: 50%;bottom: 40px;transform: translate(-50%,0%);background: rgba(0,0,0,.8);}
.proapp .text h6{font-size: 16px;color: #fff;line-height: 26px;padding: 20px;text-align: center;}
.proapp .text h6 span{display: block;font-weight: bold;}

.pronine{width: 100%;overflow: hidden;padding-top: 50px;}
.nine-tab{width: 100%;margin-top: 30px;overflow: hidden;margin-bottom: 30px;overflow-x: auto;}
.nine-tab table{width: 100%;overflow: hidden;font-size: 14px;color: #777777;border-collapse: separate;border-spacing: 0;border: 0px;}
.nine-tab table th{border-right: 1px solid #fff;border-bottom: 1px solid #fff;padding: 14px 20px;color: #fff;font-weight: bold;background-color: #555;text-align: left;width: auto;}
.nine-tab table td{border-right: 1px solid #fff;border-bottom: 1px solid #fff;padding: 14px 20px;}
.nine-tab table tr{background-color: #e7e7e7;}
.nine-tab table tr:nth-child(2n){background-color: #f4f4f4;}
.nine-tab table tr:nth-child(2n) th{background-color: #8f8f8f;}
.nine-tab table tr th:first-child{font-weight: normal;}
.tabcenter{text-align: center !important;}

.prodown-main .swiper-container{padding-bottom: 40px;margin-bottom: 30px;}
.prodown-main .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #bbbbbb;opacity: 1;vertical-align: middle;position: relative;}
.prodown-main .swiper-pagination-bullet:after{content: "";width: 18px;height: 18px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #585858;border-radius: 100%;margin-top: -9px;margin-left: -9px;opacity: 0;}
.prodown-main .swiper-pagination-bullet-active {width: 6px;height: 6px;opacity: 1;position: relative;background: #585858;}
.prodown-main .swiper-pagination-bullet-active:after {opacity: 1;}
.prodown-main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.prodown-main .swiper-wrapper{border-bottom: 1px solid #f3f2f2;padding-bottom: 10px;}

.prodown{width: 100%;overflow: hidden;}
.prodown ul{margin-left: -3%;}
.prodown ul li{width: 30.333%;float: left;margin-left: 3%;padding-right: 50px;position: relative;}
.prodown ul li i{width: 30px;height: 30px;background: #f7f5f5 url('../images/layout/dow-ico1.png') center center no-repeat;cursor: pointer;position: absolute;right: 0px;top: 0px;background-size: 12px;}
.prodown ul li i:hover{background: #555 url('../images/layout/dow-ico2.png') center center no-repeat;background-size: 12px;}
.prodown ul li p{height: 40px;line-height: 20px;font-size: 14px;color: #666;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.prodown ul li:hover p{color: #0085d0;}

.proten{width: 100%;padding: 50px 0 30px 0;overflow: hidden;background-color: #efefef;}
.proxqpw-pic{width: 100%;margin-top: 30px;overflow: hidden;}
.gallery-top{width:100%;height:auto;position: relative;text-align: center;margin-bottom: 20px;}
.gallery-top {position: relative;}
.gallery-top  img{max-width: 100%;min-height: 240px;object-fit: cover;}
.gallery-top  p{position: absolute;bottom: 20px;color: #fff;font-size: 16px;width: 100%;text-align: center;z-index: 10;line-height: 30px;margin-top: -15px;}
.proxqpw-prev,.proxqpw-next{position: absolute;top: 50%;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 9;transition: all .2s ease-in-out;border-radius: 50%;}
.proxqpw-prev{left: 0;background: #404040 url('../images/layout/sw-prev.png') no-repeat center center;}
.proxqpw-next{right: 0;background: #404040 url('../images/layout/sw-next.png') no-repeat center center;}
.proxqpw-prev:hover{left: 0;background: #0085d0 url('../images/layout/sw-prev.png') no-repeat center center;}
.proxqpw-next:hover{right: 0;background: #0085d0 url('../images/layout/sw-next.png') no-repeat center center;}

.anniu1{position: relative;width: 1050px;padding: 0 30px;margin: 0 auto;}
.gallery-thumbs{width:990px;margin: 0 auto;height:auto;position: relative;padding: 0 10px;margin-top: 40px;}
.gallery-thumbs a{display: block;}
.gallery-thumbs .equip-min{position: relative;}
.gallery-thumbs .equip-min span{width: 100%;display: block;height: auto;background-color: #efefef;padding: 5px;}
.gallery-thumbs .equip-min span img{width: 100%;height: 100%;object-fit: cover;}
.gallery-thumbs .equip-min.cur span,.gallery-thumbs .equip-min span:hover{background-color: #fff;}
.gallery-thumbs .equip-min h6{position: absolute;line-height: 30px;padding: 20px;color: #fff;text-align: center;bottom: 0;width: 100%;}
.gallery-thumbs .equip-min.cur h6{background: rgba(26, 140, 221, 0.9)}

.proeleven{width: 100%;padding-top: 50px;overflow: hidden;}
.eleven{width: 100%;margin-top: 30px;}
.eleven .swiper-container{padding-bottom: 50px;margin-bottom: 30px;}
.eleven .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #bbbbbb;opacity: 1;vertical-align: middle;position: relative;}
.eleven .swiper-pagination-bullet:after{content: "";width: 18px;height: 18px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #585858;border-radius: 100%;margin-top: -9px;margin-left: -9px;opacity: 0;}
.eleven .swiper-pagination-bullet-active {width: 6px;height: 6px;opacity: 1;position: relative;background: #585858;}
.eleven .swiper-pagination-bullet-active:after {opacity: 1;}
.eleven .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.eleven-cp{width: 100%;}
.eleven-cp .img{width: 100%;height: 278px;overflow: hidden;}
.eleven-cp .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease;}
.eleven-cp:hover .img img{transform: scale(1.06);}
.eleven-cp .text{width: 100%;height: 80px;background-color: #f5f5f5;overflow: hidden;}
.eleven-cp .text p{font-size: 14px;color: #888;text-align: center;line-height: 20px;margin-top: 24px;}
.protwelve{width: 100%;overflow: hidden;padding-bottom: 60px;}
.promessage{width: 100%;margin-top: 30px;}
.message1 input{width: 49%;font-size: 14px;color: #888;padding: 0 10px;box-sizing: border-box;border: 0px solid #eee;background-color: #f7f7f7;
height: 50px;display: block;margin: 0 0.5% 1% 0.5%;float: left;}
.message1 textarea{width: 99%;height: 96px;font-size: 14px;color: #888;padding: 4px 10px;line-height: 30px;border: 0px solid #eee;background: #f7f7f7;
margin-left: 0.5%;margin-bottom: 1%;display: block; }
.message2{width: 100%;height: 50px;overflow: hidden;}
.message2-1{width: 70%;height: 50px;position: relative;padding-right: 100px;margin: 0 0.5%;float: left;background-color: #f7f7f7;}
.message2-1 span{position: absolute;width: 100px;height: 50px;right: 0px;top: 0px;text-align: center;line-height: 50px;cursor: pointer;}
.message2-1 span img{max-width: 100%;}
.message2-1 input{width: 100%;font-size: 14px;color: #888;padding: 0 10px;box-sizing: border-box;border: 0px solid #eee;background-color: #f7f7f7;
height: 50px;display: block;}
.message2-2{width: 28%;margin: 0 0.5%;float: left;height: 50px;background-color: #464646;line-height: 50px;cursor: pointer;font-size: 14px;color: #fff;transition: all 0.4s ease;text-align: center;}
.message2-2:hover{background-color: #0085d0;}
.fixed-name {top: -100px;position: relative;overflow: hidden;height: 0px;}

/* solution-detail */
.sol-listbg{width: 100%;background-color: #f2f2f2;padding: 20px 0;}
.sol-list{width: 100%;height: 50px;background-color: #fff;}
.sol-listtit{width: 60%;float: left;height: 50px;line-height: 50px;overflow: hidden;padding-right: 16px;}
.sol-listtit h6{font-size: 16px;color: #666;height: 50px;line-height: 50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align: right;}

.sol-sear{float: left;width: 40%;height: auto;background-color: #fff;position: relative;z-index: 100;user-select: none;}
.sol-sear p{width: 100%;padding: 0 10px;line-height: 50px;font-size: 16px;color: #666;background: url('../images/layout/dow-ico4.png') no-repeat 10px center; cursor: pointer;padding-left: 36px;}
.sol-sear ul{top: 50px;border: 1px solid #ddd;border-bottom: 0px;background-color: #fff;width: 100%;z-index: 99999;display: none;position: absolute;}
.sol-sear ul li{line-height: 50px;font-size: 16px;color: #666;padding-left: 36px;border-bottom: 1px solid #ddd;}
.sol-sear ul li:hover{background-color: #0085d0;color: #fff;}
.sol-sear ul li a{display: block;}

.sol-detail{width: 100%;height: auto;padding: 40px 0;overflow: hidden;}
.sol-tit{width: 100%;height: auto;font-size: 30px;color: #001a4d;text-align: center;position: relative;padding-bottom: 20px;font-weight: bold;line-height: 40px;}
.sol-tit:before {pointer-events: none;position: absolute;z-index: 2;content: '';border-style: solid;-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;left: calc(50% - 10px);bottom: 0px;
border-width: 14px 10px 0px 10px;border-color: #001a4d transparent transparent transparent;opacity: 1;}

.sol-sugg{width: 100%;margin-top: 20px;overflow: hidden;}
.sol-sugg h6{font-size: 20px;color: #333;line-height: 30px;}
.sol-sugg ul{margin-left: -1%;margin-top: 20px;}
.sol-sugg ul li{width: 19%;margin: 0 0 2% 1%;float: left;}
.sol-sugg ul li a{display: block;height: 64px;text-align: center;line-height: 64px;font-size: 16px;color: #777777;border: 1px solid #ececec;background-color: #f6f6f6;transition: all .6s ease;}
.sol-sugg ul li a:hover{background-color: #0085d0;color: #fff;}

.sol-text{width: 100%;overflow: hidden;margin-top: 20px;font-size: 12px;color: #777;line-height: 30px;}
.sol-text h6{font-size: 20px;color: #333;line-height: 30px;padding-bottom: 20px;}
.sol-text p{font-size: 12px;color: #777;line-height: 30px;}
.solleft1{width: 67%;float: left;padding-right: 20px;}
.solright1{width: 33%;float: left;text-align: center;}
.solright1 img{max-width: 100%;}

.solbiao{width: 100%;padding: 30px 0;overflow: hidden;}
.solbiao p {line-height: 32px;margin-bottom: 10px;}
/* .solbiao p span{width: 32px;height: 32px;border-radius: 50%;background-color: #000;color: #fff;line-height: 32px;text-align: center;display: block;float: left;font-size: 16px;margin-right: 10px;} */
.solbiao h5 {line-height: 32px;margin-bottom: 10px;position: relative;padding-left: 42px;}
.solbiao h5 span{width: 32px;height: 32px;border-radius: 50%;background-color: #000;color: #fff;line-height: 32px;text-align: center;display: block;float: left;font-size: 16px;margin-right: 10px;position: absolute;left: 0;top: 0;}


.soltextimg{width: 100%;padding: 30px 0;text-align: center;}
.soltextimg img{max-width: 100%;}

.conxqdes-updown{width: 100%;overflow: hidden;padding-top: 28px;border-top: 1px solid #eee;padding-top: 20px;margin-top: 20px;}
.conxqdes-updown a{display: block;width: 60%;font-size: 14px;color: #888;line-height: 24px;margin-top: 4px;transition: all .4s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.conxqdes-updown a:hover{color: #009ce1;}
.conxqdes-back{float: right;margin-top: -44px;display: block;font-size: 14px;color: #fff;width: 120px;height: 34px;text-align: center;line-height: 34px;background: #15a7eb;border-radius: 4px;}
.conxqdes-back i{width: 23px;height: 18px;background: url('../images/gather/conxqIc3.png') no-repeat;display: inline-block;vertical-align: middle;margin: -4px 6px 0 0;}
.conxqdes-back:hover{background: #009ce1;color: #fff;}


/* 产品专题页 */
.proban2{width: 100%;overflow: hidden;position: relative;}
.proban2 img{width: 100%;height: 100%;object-fit: cover;min-height: 280px;}
.ban-video-main{position: absolute;left: 50%;top: 14%;transform: translate(-50%,0);text-align: center;cursor: pointer;}
.ban-video-main h4{font-size: 50px;color: #fff;text-align: center;font-weight: bold;}
.ban-video-main h5{font-size: 23px;color: #fff;text-align: center;font-weight: bold;padding: 8px 0;}
.ban-video-main h6{font-size: 20px;color: #fff;text-align: center;line-height: 24px;max-width: 520px;}
.ban-video2{width: 100%;}
.ban-video2 i{display: block;width: 66px;height: 66px;margin: 0 auto;background: url('../images/layout/ban-ico.png') center center no-repeat;margin-top: 14px;transition: all .4s ease;background-size: 100%;}
.ban-video2 p{font-size: 14px;margin-top: 10px;line-height: 20px;border-bottom: 1px solid #ffffff;color: #fff;display: inline-block;}
.ban-video2:hover i{animation: btn-pudding .8s ease infinite;}
.ban-video2:hover p{color: #0085d0;border-color: #0085d0}

.theme-bg{width: 100%;padding: 75px 0 40px 0;overflow: hidden;background-size: cover !important;background-position: center center !important;}
.thetext{width: 100%;max-width: 1100px;margin: 0 auto;}
.thetext h6{font-size: 30px;color: #222;text-align: center;line-height:44px;}
.thetext p{font-size: 16px;color: #777777;text-align: center;line-height: 24px;padding-top: 10px;}
.theimg{width: 100%;margin-top: 20px;text-align: center;}
.theimg img{max-width: 100%;height: auto !important;}

.the1-list{width: 100%;padding: 20px 0;overflow: hidden;max-width: 980px;margin: 0 auto;}
.the1-list ul li{width: 31.333%;margin: 2% 1%;float: left;}
.the1-list ul li img{width: 55px;height: 50px;margin-right: 10px;display: inline-block;vertical-align: middle;}
.the1-list ul li p{display: inline-block;font-size: 16px;color: #777;line-height: 20px;vertical-align: middle;max-width: 210px;}

.theme2 .thetext h6{color: #fff;}
.theme2 .thetext p{color: #fff;}
.theme4 .thetext h6{color: #fff;}
.theme4 .thetext p{color: #fff;}
.theme6 .thetext h6{color: #fff;}
.theme6 .thetext{max-width: 900px;}
.theme6 .thetext p{color: #fff;}
.theme8 .thetext h6{color: #fff;}
/* .theme8 .thetext{max-width: 900px;} */
.theme8 .thetext p{color: #fff;}

.theme-container .pubtitle h6{color: #001a4d;}

.sunban-menu.sunban-menu-down a{font-size: 14px;padding: 0 14px;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .ban-video-main{top: 12%;}
    .ban-video-main h4{font-size: 44px;}
    .ban-video-main h5{font-size: 20px;}
    .ban-video-main h6{font-size: 18px;line-height: 20px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .ban-video-main h4{font-size: 40px;}
    .ban-video-main h6{font-size: 16px;}

}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .ban-video2 i{width: 50px;height: 50px;}
    .ban-video-main h4{font-size: 36px;}
    .thetext h6{font-size: 34px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .theme-bg{padding: 50px 0 40px 0;}
    .thetext h6{font-size: 30px;}
    .video-num ul li h5{font-size: 50px;}
    .video-list ul li .img{height: 258px;}
    .cptext h6{font-size: 34px;line-height: 40px;}
    .proone-text h6{font-size: 34px;}
    .proone-text h6 span{font-size: 18px;padding-bottom: 18px;}
    .sol-tit{font-size: 26px;line-height: 36px;}
    .sol-sugg ul li a{height: auto;line-height: 50px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .service-container{padding: 60px 0 50px 0;}
    .download ul li{margin-bottom: 30px;}
    .Know ul li{padding-bottom: 20px;margin-bottom: 30px;}
    .Know ul li .img{height: 98px;}
    .Know ul li .text h4{line-height: 20px;height: 40px;}
    .Know ul li .text h5{line-height: 18px;height: 36px;}
    .technology ul li .text{padding: 30px;}
    .video-list ul li .img{height: 232px;}
    .proimg{height: 246px;line-height: 246px;}
    
    .cptext h6{font-size: 30px;line-height: 38px;}

}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .the1-list ul li{margin: 1%;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .service-container { padding: 40px 0 30px 0; }
    .download ul li{margin-bottom: 24px;padding-right: 90px;}
    .Know ul li{width: 100%;}
    .Know ul li .img{height: auto;}
    .technology ul li .img{width: 100%;height: auto;}
    .technology ul li .text{width: 100%;height: auto;}
    .video-main{margin-top: 30px;}
    .video-zhongdian{margin-top: 40px;}
    .video-num ul li h5{font-size: 44px;}
    .zhongdian-left{height: 200px;}
    .zhongdian-right{height: 200px;}
    .video-list ul li .img{height: 156px;}
    .video-list ul li .text{height: 60px;}
    .video-list ul li .text p{padding-top: 10px;line-height: 20px;}
    .pro-list{height: 60px;}
    
    .products{padding: 40px 0 20px 0;}
    .products ul li{width: 42%;}
    .pro-nav{display: none;}
    .proban{margin-top: 0px;}
    .proban2{margin-top: 0px;}
    .ban-video h6{font-size: 40px;}
    .ban-video i{width: 50px;height: 50px;}
    .cptext{padding: 8% 10px 0 10px;}
    .proone-text h6{font-size: 26px;line-height: 30px;padding-bottom: 10px;text-align: center;}
    .proone-text p{line-height: 24px;text-align: center;}
    .proone{padding: 30px 0;}
    .proone-text h6 span{font-size: 16px;padding-bottom: 0px;}
    .cptext h6 {font-size: 20px;line-height: 30px;padding-bottom: 10px;}
    .cptext p {font-size: 14px;color: #777777;line-height: 24px;padding-bottom: 10px;}
    .protwo,.prothree,.profour,.profive,.prosix{padding: 30px 0;}
    .pronine{padding-top: 30px;}
    .prodown-main .swiper-container{margin-bottom: 16px;}
    .proten{padding: 30px 0;}
    .proeleven{padding-top: 30px;}
    .gallery-thumbs{width: 92%;}
    .anniu1{width: 100%;}
    .sol-listtit h6{font-size: 14px;}
    .sol-sear p{font-size: 14px}
    .sol-sear ul li{font-size: 14px;}
    .sol-tit {font-size: 20px;line-height: 30px;padding-bottom: 15px;}
    .sol-sugg h6{font-size: 18px;}
    .sol-sugg ul li {width: 31.333%;}
    .sol-text h6{font-size: 16px;line-height: 26px;}
    .sol-text p{line-height: 24px;}
    .solbiao{padding: 20px 0;}
    .soltextimg{padding: 20px 0;}
    .theme-bg{padding: 30px 0;}
    .thetext h6{font-size: 26px;}
    .the1-list ul li p{font-size: 14px;}
    .thetext p{font-size: 14px;line-height: 22px;}
    .the1-list ul li{width: 48%;}	.ban-video h4{font-size:30px;}	.ban-video h5{font-size: 18px;padding: 4px 0;}	.ban-video h6{font-size: 14px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .download{margin-top: 30px;padding-top: 30px;}
    .download ul li{width: 100%;padding-right: 0px;padding-bottom: 10px;margin-bottom: 20px;}
    .dow-ico{position: static;width: 100%;margin-top: 10px;height: 36px;}
    .download .fullpage-PUB-box{padding-top: 20px;}
    .Know{margin-top: 30px;}
    .Know ul li{margin-bottom: 20px;padding-bottom: 10px;;}
    .Know ul li .img{width: 100%;padding-bottom: 10px;}
    .Know ul li .img img{max-width: 100%;}
    .Know ul li .text{width: 100%;padding-right: 0px;}
    .Know ul li .text h4{height: auto;}
    .Know ul li .text h5{margin-top: 10px;}
    .technology{margin-top: 30px;}
    .technology ul li{margin-bottom: 14px;}
    .technology ul li .text{padding: 20px;}
    .technology ul li .text p{line-height: 22px;}

    .faq-main{margin-top: 30px;padding-top: 10px;}
    .faq-main ul li{padding-right: 0;padding-bottom: 30px;margin-bottom: 10px;}
    .faq{padding: 10px;}
    .faq-tit{line-height: 24px;font-size: 14px;padding-left: 26px;}
    .faq-text{padding-left: 26px;}
    .faq-dian{width: 100%;height: 32px;bottom: 0px;top: auto;}

    .video-num ul li{width: 100%;margin-bottom: 20px;}
    .video-zhongdian{margin-top: 20px;}
    .zhongdian-left{width: 100%;height: auto;}
    .zhongdian-right{width: 100%;height: auto;margin-top: 10px;}
    .zhongdian-text p{line-height: 24px;}
    .video-list{margin-top: 30px;}
    .video-list ul{margin-left: 0%;}
    .video-list ul li{width: 100%;margin: 0 0 4% 0;}
    .video-list ul li .img{height: auto;}
    .video-list ul li .text{height: auto;}
    .video-list ul li .text p{padding: 20px 10px;}

    
    .products ul{margin-left: 0;}
    .products ul li{width: 100%;margin-left: 0;margin-bottom: 20px;}
    .protext h6{font-size: 18px;}
    .proimg{height: auto;line-height: normal;}
    .protext{margin-top: 14px;}

    .ban-video h6{font-size: 30px;}
    .proone-text{width: 100%;margin-top: 2%;}
    .proone-pic{width: 100%;margin-top: 3%;margin-right: 0%;}
    .cpimg{width: 100%;}
    .cptext{width: 100%;padding: 5% 0 0 0;}
    .prothree .cptext{width: 100%;padding: 0 0 5% 0;}
    .prothree .cpimg{width: 100%;}
    .proseven .cptext{padding: 0 0 5% 0;}
    .proeight{padding-top: 30px;}
    .profive .cptext{width: 100%;padding: 0 0 5% 0;}
    .proseven{padding: 40px 0 20px 0;}
    .proapp .text{bottom: 20px;}
    .proapp .text h6{line-height: 20px;font-size: 14px;}
    .prodown ul{margin-left: 0;}
    .prodown ul li{width: 100%;margin-bottom: 16px;margin-left: 0;padding-right: 40px;}
    .gallery-thumbs{margin-top: 20px;padding: 0px;width: 100%;}
    .eleven-cp .img{height: auto;}
    .message1 input{width: 100%;margin: 0 0 12px 0;height: 44px;display: block;}
    .message1 textarea{margin: 0 0 12px 0;}
    .eleven .swiper-container{margin-bottom: 20px;}
    .protwelve{padding-bottom: 40px;}
    .message2{height: auto;}
    .message2-1{width: 100%;margin: 0 0 12px 0;}
    .message2-1 input{height: 44px;}
    .message2-2{width: 50%;height: 44px;line-height: 44px;}

    .sol-list{height: auto;}
    .sol-sear{width: 100%;}
    .sol-sear p{line-height: 40px;}
    .sol-sear ul{top: 40px}
    .sol-sear ul li{line-height: 40px;}
    .sol-listtit{width: 100%;border-top: 1px solid #ddd;padding-right: 0;padding-left: 10px;height: 40px;line-height: 40px;}
    .sol-listtit h6{text-align: left;height: 40px;line-height: 40px;}
    .sol-listbg{padding: 14px 0;}
    .sol-detail{padding: 30px 0;}
    .sol-tit{font-size: 18px;}
    .sol-sugg h6{font-size: 16px;}
    .sol-sugg ul li{width: 48%;}
    .solleft1{width: 100%;padding-right: 0;}
    .sol-text h6{padding-bottom: 10px;}
    .solright1{width: 100%;padding: 10px 0;}
    .conxqdes-updown {padding-top: 20px;}
    .conxqdes-updown a{width: 100%;}
    .conxqdes-back{margin-top: 20px;}

    .ban-video-main{width: 100%;}
    .ban-video-main h4{font-size: 30px;}
    .ban-video-main h5{font-size: 18px;padding: 4px 0;}
    .ban-video-main h6{font-size: 14px;}

    .thetext h6{font-size: 22px;line-height: 28px;}
    .the1-list{padding: 10px 0;}
    .the1-list ul li{text-align: center;}
    .the1-list ul li p{width: 100%;padding-top: 10px;text-align: center;font-size: 12px;padding-top: 5px;}
    .thetext p{width: 100%;word-break: break-all;}
    
}