@charset "utf-8";
/* ===================产品网========================== */

/* banner */
.pubban{width: 100%;height: auto;overflow: hidden;position: relative;}
.pub-bg{width: 100%;}
.pub-bg img{width: 100%;min-height: 280px;}
.ban-img{position: absolute;top: 0;left: 7.5%;width: 74%;overflow: hidden;}
.ban-img img{width: 100%;object-fit: cover;min-height: 280px}
.imgpc{display: block;}
.imgmb{display: none;}
.banimg-text{position: absolute;left: 15%;top: 50%;transform: translateY(-50%);}
.banimg-text h4{width: auto;border-bottom: 4px solid #313f94;padding-bottom: 20px;font-size: 50px;line-height: 60px;color: #213491;
position: relative;}
.banimg-text h4::after{content: '';width: 4px;height: 4px;left: 40px;bottom: -4px;background-color: #efefef;position: absolute;}
.banimg-text h5{padding-top: 20px;font-size: 14px;font-family: 'Avan';line-height: 26px;overflow: hidden;width: 100%;letter-spacing:2px;text-transform: uppercase;max-width: 360px;}
.pubmenu{width: 100%;height: auto;overflow: hidden;background: url('../images/gather/banner-bg2.jpg') bottom center no-repeat;}
.pubmenu-left h6{float: left;font-size: 14px;color: #777;line-height: 60px;}
.pubmenu-left {float: left;max-width: 980px;}
.pubmenu-left li{float: left;}
.pubmenu-left li a{display: block;line-height: 60px;padding: 0 20px;font-size: 15px;color: #555;}
.pubmenu-left a:hover,.pubmenu-left li.ontrue a{color: #fff;background-color: #213491;}
.pubmenu-right{float: right;font-size: 14px;color: #acb4db;line-height: 42px;padding-right: 30px;background-color: #213491;height: 43px;}
.pubmenu-right a{font-size: 14px;color: #acb4db;}
.pubmenu-right a:hover{color: #fff;}
.pubmenu_right span{font-family: "宋体";font-size: 12px;color: #acb4db;padding: 0 8px;}

.proxq .ban-img{width: 85%;position: relative;}

/* 产品中心 */
.products-container{width: 100%;padding: 66px 0 0 0;overflow: hidden;}
.prolist{width: 100%;padding-bottom: 60px;border-bottom: 1px solid #ededed;margin-bottom: 40px;}
.prolist:last-child{border-bottom: 0px;}
.proimg{width: 48%;height: 300px;overflow: hidden;float: left;}
.proimg img{width: 100%;height: 100%;object-fit: cover;}
.pro-text{width: 52%;float: left;padding: 40px 0 0 60px;position: relative;height: 280px;margin-top: 20px;}
.pro-text::before{content: '';width: 12px;height: 12px;position: absolute;left: 30px;top: 20px;background: url('../images/layout/pro-ico1.png') no-repeat;}
.pro-text::after{content: '';width: 52px;height: 41px;position: absolute;right: 0px;bottom: 0px;background: url('../images/layout/pro-ico2.png') no-repeat;}
.pro-text h6{font-size: 20px;color: #000;line-height: 30px;padding-bottom: 20px;}
.pro-text h6:hover{color: #213491;}
.pro-text p{font-size: 14px;color: #777;line-height: 30px;height: 120px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.pro-text i{position: absolute;width: 34px;height: 9px;background: url('../images/layout/pro-ico3.png') no-repeat;left: 30;bottom: 0;}
.pro-text i a{display: block;z-index: 3;position: relative;}
.pro-text i:hover{background: url('../images/layout/pro-ico4.png') no-repeat;}
.prolist2 .proimg{float: right;}
.prolist2 .pro-text{padding: 40px 30px 0 30px;}
.prolist2 .pro-text::before{left: 0;}
.prolist2 .pro-text::after{right: 30px;}
.tec-more{width: 100%;background-color: #f1f1f1;padding: 50px 0;overflow: hidden;}
.tec-more .img{width: 22%;height: 208px;overflow: hidden;float: left;}
.tec-more .img img{width: 100%;height: 100%;object-fit: cover;}
.tec-more .text{width: 78%;height: 208px;overflow: hidden;background: #fff;position: relative;padding: 40px 40px 30px 50px;}
.tec-more .text::after{content: '';width: 182px;height: 92px;position: absolute;top: 50px;right: 30px;background:  url('../images/gather/dian-bg.png') center center no-repeat;}
.tec-more .text h6{position: relative;font-size: 32px;color: #2e3192;padding-bottom: 20px;margin-bottom: 20px;}
.tec-more .text h6::after{content: '';width: 30px;height: 3px;background-color: #2e3192;position: absolute;bottom: 0;left: 0;}
.tec-more .text p{float: left;margin-right: 40px;font-size: 18px;color: #444;line-height: 30px;}
.tec-more .text p span{user-select: none;margin-right: 10px;}

/* 产品详情 */
.abo-tit1{width: 100%;position: relative;}
.abo-tit1::after{content: '';position: absolute;width: 77px;height: 61px;right: 0;top: 0px;background: url('../images/gather/tit-bg1.png') center center no-repeat;}
.abo-tit1 h4{font-size: 38px;color: #213491;font-family: 'Avan';text-transform: uppercase;}
.abo-tit1 h5 {font-size: 22px;color: #000;margin-top: 10px;position: relative;padding-left: 330px;line-height: 30px;}
.abo-tit1 h5::after {width: 320px;height: 2px;background-color: #efefef;content: '';position: absolute;left: 0;top: 14px;}

.proxi-jieshao{width: 100%;padding: 60px 0;overflow: hidden;}
.jieshao{width: 100%;padding: 10px;position: relative; }
.jieshao::before{width: 56px;height: 56px;content: '';position: absolute;left: 0;bottom: 0;background:url('../images/layout/pro-ico5.jpg') no-repeat;z-index: -1;}
.jieshao::after{width: 56px;height: 56px;content: '';position: absolute;right: 0;bottom: 0;background:url('../images/layout/pro-ico5.jpg') no-repeat;transform: rotate(270deg);z-index: -1;}
.jieshao .text{background-color: #fff;padding: 50px;background-color: #f4f4f4;}
.jieshao .text h6{font-size: 30px;color: #213491;line-height: 30px;text-align: left;padding-bottom: 20px;position: relative;margin-bottom: 20px;text-transform: uppercase;}
.jieshao .text h6 span{display: block;padding-top: 8px;}
.jieshao .text h6::after{width: 40px;height: 4px;background-color: #213491;position: absolute;bottom: 0;left: 0;content: '';}
.jieshao .text p{font-size: 16px;color: #777;line-height: 30px;text-align: center;}
.jieshao .text table{width: 100%;overflow: hidden;font-size: 16px;color: #888;border-collapse: separate;border-spacing: 0;text-align: center;
    border: 0px solid #f1f1f1;}
.jieshao .text table th{width: 16.666%;border-right: 1px solid #fff;border-bottom: 0px solid #f1f1f1;background: #2e3192;height: 75px;color: #fff;font-weight: normal;text-align: left;padding-left: 24px;}
.jieshao .text table td{border-right: 1px solid #fff;padding: 10px 0 10px 22px;line-height: 25px;text-align: left;}
.jieshao .text table tr{background-color: #e7e7e7;}
.jieshao .text table tr:nth-child(2n){background-color: #f4f4f4;}


.proxi-advantage{width: 100%;padding: 60px 0 40px 0;overflow: hidden;background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%);}
.advantage{width: 100%;padding-top: 40px;overflow: hidden;}
.advantage ul li{width: 25.333%;margin: 0 4% 3% 4%;float: left;}
.advantage ul li h6{width: 160px;height: 160px;margin: 0 auto;line-height: 160px;text-align: center;transition: all .4s ease;margin-bottom: 10px;}
.advantage ul li h6 img{max-width: 100%;}
.advantage ul li h5{font-size: 24px;color: #707070;line-height: 30px;text-align: center;}
.advantage ul li p{font-size: 16px;color: #707070;text-align: center;line-height: 30px;margin-top: 8px;min-height: 60px;}
.advantage ul li:hover h6{transform: translateY(-10px);}
.advantage .text{width: 80%;margin: 20px auto;font-size: 24px;color: #707070;text-align: center;line-height: 30px;overflow: hidden;}


/* 新增切换tit */
.add-bqian{width: 100%;overflow: hidden;padding: 40px 0 0px;text-align: center;font-size: 0;max-width: 1244px;margin: 0 auto;}
.add-bqian ul li{display: block;min-width: 140px;line-height: 50px;background-color: #f2f2f2;position: relative;padding: 0 5px;margin: 4px;font-size: 16px;color: #2e3192;text-align: center;cursor: pointer;float: left;}
.add-bqian ul li:hover,.add-bqian ul li.ontrue{background-color: #21348e;color: #fff;font-weight: bold;}
.add-bqian ul li::after{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: 10px 10px 0px 10px;border-color: #fff transparent transparent transparent;opacity: 1;left: 50%;margin-left: -5px;transform: rotate(180deg);opacity: 0;}
.add-bqian ul li.ontrue::after{opacity: 1;}
.add-bqian ul li:hover::after{opacity: 1;}

.add-conbox{width: 100%;overflow: hidden;display: none;}


.proxi-canshu{width: 100%;padding: 10px 0 60px 0;overflow: hidden;}
.canshu-text{width: 80%;margin: 0 auto;margin-top: 40px;margin-bottom: 20px;font-size: 15px;color: #777;text-align: center;line-height: 30px;}
.canshu-tab{width: 100%;height: auto;overflow: hidden;}

.canshu-tab table{width: 100%;overflow: hidden;font-size: 16px;color: #888;border-collapse: separate;border-spacing: 0;text-align: center;
    border: 0px solid #f1f1f1;}
.canshu-tab table th{width: 16.666%;border-right: 1px solid #fff;border-bottom: 0px solid #f1f1f1;background: #2e3192;height: 75px;color: #fff;font-weight: normal;text-align: left;padding-left: 24px;}
.canshu-tab table td{border-right: 1px solid #fff;padding: 10px 0 10px 22px;line-height: 40px;text-align: left;}
.canshu-tab table tr{background-color: #e7e7e7;}
.canshu-tab table tr:nth-child(2n){background-color: #f4f4f4;}

.proxi-anli{width: 100%;padding: 60px 0 40px 0;overflow: hidden;background-color: #f5f5f5;}
.proxi-anli .abo-tit1 h5::after{background-color: #fff;}
.anli{width: 100%;overflow: hidden;padding-top: 10px;}
.anli .swiper-container{padding-bottom: 60px;}
.anli .swiper-pagination-bullet{width: 14px;height: 14px;border: 1px solid #c9c9c9;background: #fff;opacity: 1;}
.anli .swiper-pagination-bullet-active{background-color: #313f94;border-color: #213491;}
.animg{width: 100%;}
.animg .img{width: 100%;height: 224px;overflow: hidden;}
.animg .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease;}
.animg p{line-height: 90px;font-size: 16px;color: #666;text-align: center;background-color: #fff;transition: all .4s ease;}
.animg:hover p{background-color: #2e3192;color: #fff;}
.animg:hover .img img{transform: scale(1.1);}

.proxi-more{width: 100%;padding: 80px 0;overflow: hidden;}
.ximore{width: 100%;overflow: hidden;}
.ximore ul li{width: 27.333%;float: left;margin: 0 3%;}
.ximore ul li h4{font-size: 24px;color: #666;text-align: center;}
.ximore ul li h5{padding: 24px 0 30px 0;text-align: center;transition: all .4s ease;}
.ximore ul li h5 img{max-width: 100%;}
.ximore ul li h6{width: 100%;height: 40px;background:#213491 ;text-align: center;line-height: 40px;transition: all .4s ease;}
.ximore ul li h6 a{display: block;font-size: 12px;color: #fff;}
.ximore ul li h6 span{padding-left: 10px;}
.ximore ul li h6:hover{background-color: #313f94;}
.ximore ul :hover h5{transform: translateY(-10px);}

/* 设备应用 */
.shebei-list{width: 100%;padding: 80px 0 30px 0;overflow: hidden;}
.sblist{width: 100%;margin-bottom: 50px;overflow: hidden;}
.sblist .img{float: right;width: 31%;height: 232px;position: relative;padding: 0 30px 0 50px;overflow: hidden;}
.sblist .img img{position: relative;z-index: 3;width: 100%;height: 100%;object-fit: cover;}
.sblist .img::after{position: absolute;width: 50%;height: 70%;background-color: #2e3192;right: 12px;top: 0;content: '';}
.sblist .text{width: 69%;float: left;height: 232px;overflow: hidden;border-bottom: 2px solid #f6f6f6;}
.sblist .text h5{font-size: 36px;color: #213491;font-weight: bold;position: relative;}
.sblist .text h5::after{content: '';position: absolute;right: 0;top: 0;width: 49px;height: 38px;background: url('../images/layout/pro-ico7.png') no-repeat;}
.sblist .text h6{margin: 20px 0;overflow: hidden;}
.sblist .text h6 a{font-size: 16px;padding: 0 20px;float: left;line-height: 40px;color: #666;margin-right: 10px;background-color: #f2f2f2;}
.sblist .text h6 a:hover{background-color: #313f94;color: #fff;}
.sblist .text p{font-size: 14px;line-height: 30px;color: #999;}
/* 设备详情 */
.sbxq-main{width: 100%;padding: 80px 0;overflow: hidden;}
.sbxqimg{width: 35%;float: left;position: relative;height: 350px;padding: 0 60px 0 40px;}
.sbxqimg i{position: absolute;width: 50%;height: 60%;background-color: #213491;left: 0; top: 0;}
.sbxqimg::before{content: '';width: 50px;height: 40px;position: absolute;left: 0;bottom: 0;background-color: #213491;}
.sbxqimg::after{content: '';width: 50px;height: 40px;position: absolute;left: 15px;bottom: 15px;background-color: #f4f4f4;}
.sbxqimg img{max-width: 100%;position: relative;z-index: 3;}
.sbxqtext{width: 65%;float: left;height: auto;border-bottom: 2px solid #f6f6f6;overflow: hidden;}
.sbxqtext .xqtit{position: relative;font-size: 28px;color: #213491;font-weight: bold;margin-bottom: 20px;}
.sbxqtext .xqtit::after{content: '';position: absolute;right: 0;top: 0;width: 49px;height: 38px;background: url('../images/layout/pro-ico7.png') no-repeat;}
.sbxqtext .text{width: 100%;height: auto;overflow-x: auto;padding-right: 30px;font-size: 14px;color: #777;line-height: 34px;}
.sbxqtext .text img{max-width: 100%;}
.sbxqtext .text .zUIpanelScrollBox,.sbxqtext .text .zUIpanelScrollBar{width:4px;top:4px;right:2px;border-radius:6px;}
.sbxqtext .text .zUIpanelScrollBox{background:#f4f4f4;}
.sbxqtext .text .zUIpanelScrollBar{background:#2e3192;}
.sbxqtext .text::-webkit-scrollbar {width: 10px;height: 4px;}
.sbxqtext .text::-webkit-scrollbar-thumb {border-radius: 6px;background: #2e3192 url('../images/gather/scr-bg.png') no-repeat center center;}
.sbxqtext .text::-webkit-scrollbar-track {border-radius: 0;}

.recom{width: 100%;padding: 80px 0;background-color: #f5f5f5;overflow: hidden;}
.recom-tit{width: 100%;}
.recom-tit h4{font-size: 38px;color: #213491;font-family: 'Avan';text-transform: uppercase;}
.recom-tit h5 {font-size: 22px;color: #000;margin-top: 10px;position: relative;padding-left: 330px;line-height: 30px;}
.recom-tit h5::after {width: 320px;height: 2px;background-color: #fff;content: '';position: absolute;left: 0;top: 14px;}
.recom-main{width: 100%;margin-top: 40px;}
.recom-img{padding-bottom: 46px;position: relative;}
.recom-img::after{content: '';width: 100%;height: 150px;background-color: #fff;position: absolute;left: 0;bottom: 0;z-index: -1;}
.recom-img .img{width: 100%;height: auto;overflow: hidden;}
.recom-img .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}
.recom-img .text{position: absolute;bottom: 0px;height: 46px;width: 100%;}
.recom-img .text p{font-size: 13px;color: #000;line-height: 46px;padding: 0 44px 0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height: 50px;}
.recom-img .text i{position: absolute;right: 10px;bottom: 8px;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #213491;color: #213491;line-height: 30px;text-align: center;font-size: 18px;background-color: #fff;transition: all .4s;}
.recom-img:hover .text i{background-color: #213491;color: #fff;}
.recom-main .swiper-container{padding-top: 100px;margin-top: -90px;}
.pro-niu{position: absolute;top: 0px;right: 0;z-index: 99999999;}
.pro-prev,.pro-next{width: 46px;height: 46px;background-color: #fff;float: left;font-size: 20px;color: #7d7d7d;line-height: 46px;text-align: center;cursor: pointer;}
.pro-prev{margin-right: 10px;}
.pro-next:hover,.pro-prev:hover{background-color: #213491;color: #a2a7c9;}

.con-three{width: 100%;padding: 80px 0;background-color: #fff;overflow: hidden;}
.pub-tit2{width: 100%;position: relative;}
.pub-tit2 h4{font-size: 38px;color: #213491;font-family: 'Avan';text-transform: uppercase;}
.pub-tit2 h5 {font-size: 22px;color: #000;margin-top: 10px;position: relative;padding-left: 280px;line-height: 30px;}
.pub-tit2 h5::after {width: 270px;height: 2px;background-color: #fff;content: '';position: absolute;left: 0;top: 14px;}
.con-zixun{width: 176px;height: 50px;position: absolute;right: 0px;bottom: 0;background: #213491 url('../images/gather/ico8.png') 26px center no-repeat;}
.con-zixun a{font-size: 16px;color: #fff;line-height: 50px;text-align: center;padding-left: 14px;}
.con-zixun:hover{background: #3146af url('../images/gather/ico8.png') 26px center no-repeat;}
.zixun-pc{display: block ;}
.zixun-mb{display: none;}

.con-message{margin-top: 50px;width: 100%;}
.message1{margin-left: -1%;}
.message1 input{width: 32.333%;font-size: 16px;color: #666;padding: 0 15px;box-sizing: border-box;border: 0px solid #eee;background-color: #f5f5f5;
height: 50px;display: block;margin: 0 0 1% 1%;float: left;}
.message1 textarea{width: 99%;height: 96px;font-size: 14px;color: #666;padding: 4px 10px;line-height: 30px;border: 0px solid #eee;background: #f5f5f5;
margin-left: 1%;margin-bottom: 1%;display: block; }
.message2{width: 100%;height: 50px;overflow: hidden;}
.message2-1{width: 70%;height: 50px;position: relative;padding-right: 120px;float: left;background-color: #fff;}
.message2-1 span{position: absolute;width: 120px;height: 50px;right: 0px;top: 0px;text-align: center;line-height: 50px;cursor: pointer;background-color: #f5f5f5;}
.message2-1 span img{max-width: 100%;}
.message2-1 input{width: 100%;font-size: 14px;color: #666;padding: 0 10px;box-sizing: border-box;border: 0px solid #eee;background-color: #f5f5f5;
height: 50px;display: block;}
.message2-2{width: 29%;margin: 0 0 0 1%;float: left;height: 50px;background-color: #213491;line-height: 50px;cursor: pointer;font-size: 14px;color: #fff;transition: all 0.4s ease;text-align: center;letter-spacing:8px;}
.message2-2:hover{background-color: #3146af;}

.down-select{float: left;width: 32.333%;height: auto;margin: 0 0 1% 1%;background-color: #fff;position: relative;}
.down-select p{width: 100%;padding: 0 15px;line-height: 50px;font-size: 14px;color: #666;background: #f5f5f5 url('../images/gather/ico9.png') no-repeat 96% center; cursor: pointer;}
.down-select ul{top: 50px;border: 1px solid #ddd;background-color: #f8f8f8;width: 100%;z-index: 99999;display: none;position: absolute;}
.down-select ul li{line-height: 30px;font-size: 12px;color: #666;padding-left: 10px;}
.down-select ul li:hover{background-color: #213491;color: #fff;}
.down-select ul li a{display: block;}

/* 解决方案 */
.caselist{width: 100%;overflow: hidden;padding: 60px 0 40px 0;}
.caselist ul{margin-left: -2%;}
.caselist ul li{width: 23%;margin: 0 0 2% 2%;float: left;}
.caselist ul li .img{width: 100%;height: 224px;overflow: hidden;}
.caselist ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease}
.caselist ul li:hover .img img{transform: scale(1.1)}
.caselist ul li p{background-color: #f4f4f4;font-size: 16px;text-align: center;line-height: 90px;height: 90px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .6s ease}
.caselist ul li:hover p{color: #fff;background-color: #213491;}

/* 解决方案详情 */
.solxq-one{width: 100%;padding: 70px 0;overflow: hidden;}
.solone-tit{width: 100%;position: relative;font-size: 28px;color: #213491;font-weight: bold;}
.solone-tit span{text-transform: uppercase;font-size: 12px;color: #bfbfbf;display: block;font-family: 'Arial';}
.solone-tit::after{content: '';width: 77px;height: 61px;position: absolute;right: 0;top: 0;background: url('../images/gather/tit-bg1.png') center center no-repeat;}
.solone{width: 100%;margin-top: 40px;overflow: hidden;}
.soloneimg{width: 25%;float: left;height: 224px;padding-right: 18px;position: relative;}
.soloneimg img{position: relative;z-index: 3;width: 100%;height: 100%;object-fit: cover;}
.soloneimg::after{content: '';width: 50%;height: 60%;position: absolute;right: 0;top: 0;background-color: #213491;}

.solonetext{width: 75%;float: left;padding-left: 30px;}
.solonetext .text{width: 100%;background-color: #eef0f9;margin-top: 10px;position: relative;padding: 30px 10px 10px 20px;height: 90px;}
.solonetext .text:first-child{margin-bottom: 33px;}
.solonetext .text h6{position: absolute;font-size: 16px;color: #fff;padding: 0 10px;line-height: 30px;width: auto;background-color: #213491;left: 20px;top: -10px;}
.solonetext .text p{font-size: 14px;color: #70789f;line-height: 24px;}

.solxq-two{width: 100%;padding: 20px 0;overflow: hidden;}
.soltwoimg{width: 44%;float: right;height: 480px;padding: 0 40px 0 50px;position: relative;}
.soltwoimg::before{content: '';width: 30%;height: 30%;background-color: #213491;position: absolute;left: 0;top: 0;}
.soltwoimg::after{content: '';width: 30%;height: 50%;background-color: #e6e6e6;position: absolute;right: 0;bottom: 0;}
.soltwoimg img{z-index: 3;position: relative;max-width: 100%;}

.soltwotext{width: 56%;float: left;height: 480px;position: relative;padding-right: 40px;}
.soltwotext::after{width: 40px;height: 3px;background-color: #213491;content: '';position: absolute;left: 0;bottom: 0;}
.soltwotext .abo-tit1::after{display: none;}
.soltwotext .text{width: 100%;padding-right: 10px;height: 320px;overflow-x: auto;margin-top: 40px;}
.soltwotext .text p{font-size: 15px;color: #555;line-height: 32px;padding-bottom: 20px;}

.soltwotext .text .zUIpanelScrollBox,.sbxqtext .text .zUIpanelScrollBar{width:4px;top:4px;right:2px;border-radius:6px;}
.soltwotext .text .zUIpanelScrollBox{background:#f4f4f4;}
.soltwotext .text .zUIpanelScrollBar{background:#2e3192;}
.soltwotext .text::-webkit-scrollbar {width: 4px;height: 4px;}
.soltwotext .text::-webkit-scrollbar-thumb {background:#2e3192;}

.solxq-site{width: 100%;padding: 60px 0;overflow: hidden;}
.solxq-site .recom-tit h5{padding-left: 200px;}
.solxq-site .recom-tit h5::after{width: 190px;background-color: #efefef;}

.site-main{width: 100%;position: relative;margin-top: 40px;}
.site-main .swiper-container{padding-top: 100px;margin-top: -90px;}
.site-main::after{width: 100px;height: 100px;background-color: #213491;content: '';position: absolute;left: -30px;bottom: -34px;}
.site-img{width: 100%;overflow: hidden;}
.site-img .img{width: 100%;height: 274px;overflow: hidden;}
.site-img .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease;}
.site-img p{line-height: 90px;font-size: 16px;color: #666;text-align: center;background-color: #f4f4f4;}
.site-img:hover p{background-color: #213491;color: #fff;transition: all .4s ease;}
.site-img:hover .img img{transform:scale(1.06)}
.site-main .pro-prev, .site-main .pro-next{background-color: #f4f4f4;}
.site-main .pro-next:hover,.site-main .pro-prev:hover{background-color: #213491;color: #a2a7c9;}

.solxq-example{width: 100%;padding: 60px 0 40px 0;background-color: #f5f5f5;overflow: hidden;}
.solxq-example .abo-tit1{margin-bottom: 20px;}

.solxq-shebei{width: 100%;padding: 80px 0;overflow: hidden;}
.solxq-shebei .recom-tit h5::after{background-color: #efefef;}
.solxq-shebei .pro-prev, .solxq-shebei .pro-next{background-color: #f4f4f4;}
.solxq-shebei .pro-next:hover,.solxq-shebei .pro-prev:hover{background-color: #213491;color: #a2a7c9;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
  
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .banner-container{width: 95%;}
    .ban-img{left: 2.5%;width: 95%;}
    /* .pubmenu{background-position: 47% center;} */
    .pubmenu-right{padding-right: 0;}
    .banimg-text{left: 8%;}
    .proxq .ban-img{width: 95%;}
    .banimg-text{top: 40%;}
    
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .banimg-text{left: 5%;}
    .banimg-text h4{padding-bottom: 10px;font-size: 40px;line-height: 50px;}
    
    
    



}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .products-container{padding: 50px 0 0 0;}
    .prolist{padding-bottom: 50px;}
    .abo-tit1 h4{font-size: 34px;}
    .abo-tit1 h5{padding-left: 290px;}
    .abo-tit1 h5::after{width: 280px;}
    .proxi-canshu{padding: 20px 0 60px 0;}
	.proxi-more{padding: 60px 0;}
    .solxq-one{padding: 60px 0;}
    .solxq-shebei{padding: 60px 0;}

    .recom-tit h4{font-size: 34px;}
    .recom-tit h5{padding-left: 380px;}
    .recom-tit h5::after{width: 370px;}

    .sbxq-main,.recom,.con-three{padding: 60px 0;}
    .sbxqimg i{height: 50%;}
    .recom-tit h5{padding-left: 300px;}
    .recom-tit h5::after{width: 290px;}
    
    .caselist ul li .img{height: 206px;}
    .recom-img::after{height: 120px;}
    .pubmenu-left{max-width: 930px;}

}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .ban-img{width: 100%;left: 0;}
    .pubmenu{background: none;border-bottom: 2px solid #eee;}
    .pubmenu-right{width: 100%;float: left;padding-left: 10px;background-color:#fff;color:#213491;}
	.pubmenu-right a{color:#213491;}
    .proxq .ban-img{width: 100%;}
    .animg .img{height: 186px;}
    .animg p{line-height: 60px;font-size: 14px;}
    .anli .swiper-pagination-bullet{width: 10px;height: 10px;}
    .canshu-text{margin: 20px auto;font-size: 14px;line-height: 24px;}
    .sblist .img{padding: 0 20px 0 30px ;}
    .sblist .img::after{right: 0;}
    .sbxq-main, .recom, .con-three{padding: 40px 0;}

    .caselist ul li .img{height: 185px;}
    .caselist ul li p{height: 60px;line-height: 60px;}
    .solxq-site{padding: 40px 0;}
    .site-img .img{height: 228px;}
    .site-main .swiper-container{padding-top: 80px;}
    .solxq-shebei,.solxq-example{padding: 50px 0;}
    .pubmenu-left{width: 100%;max-width: none;}

}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .pro-text p{line-height: 24px;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
    .canshu-tab table th{height: 60px;}
    .canshu-tab table td{line-height: 30px;}
    .animg .img{height: 165px;}
    .proxi-anli,.proxi-more{padding: 50px 0;}
	.proxi-canshu{padding: 20px 0 50px 0;}
    .anli .swiper-container{padding-bottom: 50px;}
    .ximore ul li h4{font-size: 20px;}
    .caselist ul li .img{height: 165px;}
    .caselist ul li p{height: 50px;line-height: 50px;font-size: 14px;}
    .site-img .img{height: 200px;}
    .site-img p{line-height: 70px;font-size: 14px;}
    .recom-img .img{height: 190px;}
    .soltwoimg{padding: 0 30px;}
    .soltwotext .text p{line-height: 25px;}

}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .imgpc{display: none;}
    .imgmb{display: block;}
    .pub-bg{display: none;}
    .ban-img{position: relative;width: 100%;}
    .banimg-text{top: 50%;}
    .banimg-text h4{font-size: 30px;line-height: 34px;float: left;}
    .proxq .banimg-text h4{float: none;display: inline-block;font-size:20px;line-height: 26px;}
    .banimg-text h4::after{left: 30px;}
    .banimg-text h5{padding-top: 10px;letter-spacing:0;max-width: 64%;font-size: 12px;line-height:20px;}
    .pubmenu{height: auto;overflow-x: auto;}
    .pubmenu::-webkit-scrollbar {height: 5px;}
    .pubmenu::-webkit-scrollbar-thumb {border-radius: 2px;background: #2e3192 url('../images/gather/scr-bg.png') no-repeat center center;background-size: 2%;}
    .pubmenu::-webkit-scrollbar-track {border-radius: 0;}
    
    .pubmenu .center{width: 100%;}
    .pubmenu-left{float: none;}
    .pubmenu-left li a{line-height: 36px;padding: 0 10px;font-size: 14px;}
    .pubmenu-left h6{line-height: 44px;padding-left: 10px;height: 40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .prolist{padding-bottom: 40px;margin-bottom: 30px;}
    .proimg{width: 100%;height: auto;}
    .pro-text{width: 100%;padding: 30px 0 30px 20px;height: auto;}
    .prolist2 .pro-text{padding: 30px 0 30px 20px;}
    .prolist2 .pro-text::after{right: 0;}
    .pro-text h6{font-size: 18px;padding-bottom: 10px;}
    .pro-text::before{left: 0;top: 10px;}

    .tec-more .text{padding: 30px;}
    .tec-more .text h6{font-size: 24px;}
    .tec-more .img{width: 40%;}
    .tec-more .text{width: 60%;}
    .tec-more .text::after{display: none;}
    .tec-more .text p{font-size: 16px;margin-bottom: 10px;}
    .tec-more{padding: 40px 0;}

    .abo-tit1 h4{font-size: 30px;}
    .abo-tit1 h5{padding-left: 260px;}
    .abo-tit1 h5::after{width: 250px;}
    .canshu-tab{overflow-x: auto;}
    .canshu-tab table td{min-width: 150px;}

    .proxi-jieshao{padding: 20px 0 40px 0;}
    .jieshao .text{padding: 40px;}
    .proxi-advantage{padding: 40px 0 20px 0;}
    .advantage ul li p{font-size: 14px;}
    .advantage .text{width: 90%;font-size: 14px;line-height: 24px;}
    .canshu-tab table{font-size: 12px;}
    .canshu-tab table th{height: 50px;}
    .canshu-tab table th{min-width: 150px;}
    .ximore ul li h4{font-size: 16px;}
    .ximore ul li h5{padding: 20px 0;}
    .jieshao .text h6{font-size: 26px;}
    .animg .img{height: auto;}

    .shebei-list{padding: 50px 0 20px 0;}
    .sblist{margin-bottom: 30px;}
    .sblist .img{padding: 0 0 0 10px;height: auto;}
    .sblist .text h5{font-size: 30px;}
    .sblist .text h6 a{font-size: 14px;padding: 0 14px;line-height: 36px;}
    .sblist .text h6{margin: 20px 0 10px 0;}
    .sblist .text p{line-height: 24px;}

    .recom{padding: 50px 0;}
    .recom-tit h4{font-size: 30px;}
    .recom-tit h5{padding-left: 320px;}
    .recom-tit h5::after{width: 310px;}

    .sbxqimg{width: 100%;}
    .sbxqtext{width: 100%;margin-top: 20px;}
    .caselist{padding: 40px 0;}
    .caselist ul li{width: 48%;}
    .caselist ul li .img{height: auto;}
    .solxq-one{padding: 40px 0;}
    .solone{margin-top: 20px;}
    .soloneimg{width: 100%;}
    .solonetext{width: 100%;margin-top: 30px;padding-left: 0;}
    .solonetext .text{height: auto;}
    .soltwoimg{width: 100%;height: auto;margin-bottom: 30px;}
    .soltwotext{width: 100%;height: auto;padding-right: 0;}
    .soltwotext .text{margin-top: 20px;height: auto;padding-right: 0px;}
    .soltwotext .text p{font-size: 14px;line-height: 24px;padding-bottom: 10px;}
    
    .pubmenu{border-bottom: 0px;}
    /* .pubmenu-left{border-bottom: 1px solid #eee;} */
    .pubmenu-right{width: 100%;color: #666;display: block;background: none;border-top: 1px solid #eee;padding: 0 3%;}
    .pubmenu-right a{color: #666;}

    
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .prolist{padding-bottom: 20px;}
    .pro-text{margin-top: 0px;padding: 20px 0 30px 12px;}
    .prolist2 .pro-text{margin-top: 0px;padding: 20px 0 30px 12px;}
    .pro-text::after{display: none;}

    .tec-more{padding: 30px 0;}
    .tec-more .img{width: 100%;height: auto;}
    .tec-more .text{width: 100%;padding: 20px;height: auto;}
    .tec-more .text p{float: none;padding-right: 0;}
    .abo-tit1::after{display: none;}
    .abo-tit1 h4{font-size: 22px;}
    .abo-tit1 h5{padding-left: 190px;font-size: 16px;margin-top: 6px;}
    .abo-tit1 h5::after{width: 180px;}
    .jieshao .text{padding: 10px;}
    .jieshao .text h6{font-size: 20px;line-height: 24px;}
	.jieshao .text p img{width:100%;}
    .advantage ul li{width: 42%;height: auto;}
    .advantage ul li h6{width: 100%;height: auto;line-height: normal;}
    .advantage ul li h5{font-size: 16px;}
    .advantage ul li p{line-height: 24px;margin-top: 0;min-height: 48px;}

    .add-bqian{padding: 20px 0 0;}
    .add-bqian ul li{min-width: auto;line-height: 40px;font-size: 14px;width: 31.333%;margin: 1%;float: left;display: inline-block;}

    .advantage .text{width: 100%;}
    .canshu-text{width: 100%;}
    .proxi-anli, .proxi-more{padding: 30px 0;}
    .proxi-canshu{padding: 5px 0 30px 0;}
	.canshu-text{margin: 14px 0;}
    .ximore ul li{width: 100%;margin:  0 0 5% 0;}
    .sblist{margin-bottom: 20px;}
    .sblist .img{width: 100%;padding: 0 10px 0 0;}
    .sblist .text{width: 100%;margin-top: 16px;height: auto;padding-bottom: 10px;}
    .sblist .text h6 a{margin-right: 8px;padding: 0 10px;}
    .shebei-list{padding: 40px 0 20px 0;}

    .recom{padding: 30px 0;}
    .recom-tit h4{font-size: 22px;}
    .recom-tit h5{padding-left: 190px;font-size: 16px;margin-top: 6px;}
    .recom-tit h5::after{width: 180px;}
    .recom-main{margin-top: 20px;}
    .recom-main .swiper-container{padding-top: 80px;margin-top: 0;}

    .con-message{margin: 30px 0;}
    .message1 input{width: 100%;margin-bottom: 2%;margin-left: 0;}
    .down-select{width: 100%;margin-bottom: 2%;margin-left: 0;}
    .down-select p{line-height: 40px;}
    .down-select ul{top: 40px;}
    .message1 input{height: 40px;}
    .message1 textarea{width: 100%;margin-bottom: 2%;margin-left: 0;}
    .message1{margin-left: 0;}
    .message2{height: auto;}
    .message2-1{width: 100%;margin-bottom: 2%;}
    .message2-2{width: 100%;margin-top: 2%;margin-left: 0;}

    .sbxqimg{padding: 0 0 50px 30px;height: auto;}
    .sbxqtext{height: auto;padding-bottom: 10px;}
    .sbxqtext .text{padding-right: 0px;height: auto;}
    .con-three{padding: 40px 0 10px 0;}
    .caselist{padding: 30px 0 20px 0;}
    .solxq-one{padding: 30px 0 10px 0;}
    .solone-tit::after{display: none;}
    .solone-tit{font-size: 24px;}
    .soltwotext .text{margin-top: 10px;}
    .site-main .swiper-container{margin-top: 0;padding-top: 60px;}
    .site-main{margin-top: 10px;}
    .solxq-shebei,.solxq-example{padding: 30px 0;}
    .recom-img .img{height: auto;}
    .solxq-site{padding: 20px 0 30px 0;}
    .solxq-site .recom-tit h5{padding-left: 120px;}
    .solxq-site .recom-tit h5::after{width: 110px;}
    

}