@charset "utf-8";
/* =====================内页样式======================== */



/* 产品中心 */
.pro-box{width: 100%;overflow: hidden;background-color: #fcfcfc;}
.pro-list{width: 100%;overflow: hidden;padding: 15px 0 30px;}
.pro-list ul{margin-left: -3%;}
.pro-list ul li{width: 30.333%;height: 380px;;float: left;position: relative;overflow: hidden;margin:0 0 3% 3%;border: 1px solid #e9e9e9;padding: 20px 20px 30px;text-align: center;}
.pro-list ul li .img{width: 100%;overflow: hidden;}
.pro-list ul li .img img{max-width: 318px;transition: all .3s;}
.pro-list ul li h6{font-size: 20px;color: #333;line-height: 36px; margin-top: 5px;transition: 0.4s;position: relative;padding-bottom: 10px;margin-bottom: 12px;}
.pro-list ul li h6::after{content: '';position: absolute;left: 50%;bottom: 0;margin-left: -17px;width: 35px;height: 2px;background-color: #e5001f;}
.pro-list ul li p{color: #666;margin-top: 4px;line-height: 20px;transition: 0.3s;font-size: 14px;}
.pro-list ul li .more{    width: 112px;height: 38px;text-align: center;margin: 0 auto;line-height: 38px;border: 1px solid #ddd;border-radius: 38px;
color: #666;transition: 0.5s; position: absolute;left: 50%;margin-left: -56px;bottom: -40px;opacity: 0;border: 1px solid #E6001F;background: #E6001F;color: #fff;}
.pro-list ul li:hover .more{bottom: 20px;opacity: 1;}
.pro-list ul li:hover .img img{max-width: 250px;}
.pro-list ul li:hover h6{font-size: 18px;line-height: 40px;}
/* 产品详情 */
.pro-tit{width: 100%;overflow: hidden;position: relative;text-align: center;}
.pro-tit h1{font-size: 26px;line-height: 40px;padding-bottom: 10px;position: relative;color: #333;}
.pro-tit h1::after{content: '';width: 30px;height: 2px;background-color: #e6001f;position: absolute;left: 50%;bottom: 0;margin-left: -15px;}
.pro-tit .share{position: absolute;right: 0;top: 10px;width: 30px;height: 30px;cursor: pointer;background: url('../images/gather/share.png') no-repeat center center;}
.clickup{position: relative;width: 30px;height: 30px;cursor: pointer;background: url('../images/gather/up.png') no-repeat center center;transition: all .3s;display: block;float: right;margin-top: -8px;}
.clickup.ontrue{transform: rotate(180deg);}
/* 分享 */
#bdshare_weixin_qrcode_dialog{box-sizing: content-box;}
.bgshare{background: #fff;box-sizing: content-box;z-index: 9;    margin-top: -72px;display:none;width: 280px;border: 1px solid #d52329;border-radius: 3px;overflow: hidden;position: fixed;top: 50%;left: 50%;margin-left: -140px;}
.bgshare .fl{font-size: 20px;margin-top: -2px;    text-indent: 15px;cursor: pointer;color: #fff;    background: #e6001f;width: 80%;float: left;padding: 10px 0;}
.bgshare .fr{font-size: 20px;margin-top: -2px;cursor: pointer;text-align: center;color: #fff;background: #e6001f;width: 20%;float: left;padding: 10px 0;}
.bgshare .bdsharebuttonbox{width: 172px;margin: 60px auto  20px;}
.bgshare .bdsharebuttonbox a{margin-left: 5px;}
#showproduct .share{cursor: pointer;}
.neiyecontact .middle .selbox .sel.act{font-size: 16px;background: #e6001f;color: #fff;border: 1px solid #e6001f;border-radius: 40px;padding: 8px 20px;}
.neiyecontact .middle .selbox .sel{cursor: pointer;font-size: 16px;background: #fff;color: #666;border: 1px solid #f2f2f2;border-radius: 40px;padding: 8px 20px;margin-left: 10px;}
.proxq-one{width: 100%;overflow: hidden;padding: 40px 0;background: url('../images/gather/pro-bg1.png') no-repeat center center;background-size: cover;}

.proxqone{width: 100%;overflow: hidden;margin-top: 40px;}
.proxqone .img{width: 50%;float: left;line-height: 300px;text-align: center;padding-right: 50px;}
.proxqone .img img{max-width: 100%;}
.proxqone .text{width: 50%;float: left;overflow: hidden;}
.proxqone .text h6{font-size: 18px;color: #696969;line-height: 30px;}
.proxqone .text p{font-size: 14px;color: #666;line-height: 30px;padding-top: 10px;}

.up-box{width: 100%;overflow:hidden}

.proxq-two{width: 100%;overflow: hidden;padding: 50px 0;position: relative;}
.protwo{width: 100%;overflow: hidden;margin-top: 30px;}
.protwo p{font-size: 16px;color: #666;line-height: 36px;}
.protwo p span{color: #e6001f;}

.proxq-three{background: url('../images/gather/pro-bg2.png') center center no-repeat #fafafa;width: 100%;padding: 50px 0;overflow: hidden;}
.prothree{width: 100%;overflow: hidden;margin-top: 30px;word-break: break-word;}
.prothree ul li{width: 29.333%;float: left;margin: 0 0 1% 4%;padding-left: 90px;}
.prothree ul li h6{font-size: 18px;color: #444;line-height: 30px;padding: 10px 0;}
.prothree ul li p{font-size: 15px;color: #666;line-height: 30px;}

.proxq-four{width: 100%;overflow: hidden;padding: 50px 0;}


.pro-addd{width: 100%;overflow: hidden;margin: 30px 0;}
/* .pro-addd h6{font-size: 18px;color: #444;line-height: 30px;text-align: center;margin-bottom: 10px;} */
.pro-addd a{display: block;width: 220px;line-height: 40px;background: #E6001F;border-radius: 30px;margin: 0 auto;font-size: 14px;text-align: center;color: #fff;}

.prodownsel{width: 100%;overflow: hidden;padding-right: 80px;}
.prodownsel select{float: right;    line-height: 32px;height: 32px;vertical-align: middle;background-color: #fafafa;padding: 0 8px;width: 300px;font-size: 14px;color: #666;background: #fafafa url('../images/gather/sel-bg.png') no-repeat right 10px center;}
.profour{width: 100%;padding: 20px 0 0 0;overflow: hidden;}
.profour ul li{padding: 15px 0;width: 100%;overflow: hidden;}
.profour ul li:nth-child(2n){background-color: #fcfcfc;}
.profour ul li .text{width: 50%;float: left;padding-left: 40px;background: url('../images/gather/dow-bg.png') no-repeat center left 5px;font-size: 14px;color: #777;line-height: 30px;height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.profour ul li .time{width: 30%;float: left;text-align: center;font-size: 14px;color: #777;line-height: 30px;}
.profour ul li .dow{float: right;font-size: 14px;color: #444;line-height: 30px;}
.profour ul li .dow i{display: inline-block;width: 25px;height: 25px;background: url('../images/gather/dow-bg2.png') no-repeat center center;vertical-align: middle;}
.profour ul li .dow:hover{color: #e6001f;}
.apply-list{width: 100%;padding: 10px 0 60px;overflow: hidden;}
.apply-list ul li{width: 33.333%;float: left;height: 250px;position: relative;text-align: center;padding: 40px 20px 60px;transition: all .4s;}
.apply-list ul li::before{content: "";position: absolute;width: 1px;height: 80%;background: #f2f2f2;right: 0;top: 10%;}
.apply-list ul li::after{content: "";position: absolute;width: 80%;height: 1px;background: #f2f2f2;left: 10%;bottom: 0;}
.apply-list ul li:nth-child(7)::after,.apply-list ul li:nth-child(8)::after,.apply-list ul li:nth-child(9)::after{display: none;}
.apply-list ul li h5{width: 100%;height: 100px;line-height: 100px;overflow: hidden;}
.apply-list ul li h5 img{max-width: 100%; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.7;transition: all .4s;}
.apply-list ul li h6{font-size: 17px;color: #333;line-height: 50px;}
.apply-list ul li .more{font-size: 12px;color: #fff;height: 35px;width: 110px;background: #e6001f;border-radius: 35px;margin: 10px auto 0;line-height: 35px;opacity: 0;transition: 0.5s;}
.apply-list ul li:hover{box-shadow: 0px 0px 10px #ccc;padding-top: 20px;}
.apply-list ul li:hover h5 img{opacity: 1;-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);filter: grayscale(0%);}
.apply-list ul li:hover .more{opacity: 1;margin-top: 0}

/* 应用详情 */
.apply-one{width: 100%;padding: 50px 0;overflow: hidden;}
.appone{width: 100%;overflow: hidden;margin-top: 30px;}
.appone-left{width: 50%;float: left;overflow: hidden;}
.appone-left .img{width: 300px;height: 300px;background: url('../images/gather/pro-bg3.png') no-repeat center center;background-size: 100%;}
.appone-left .img img{width: 70%;height: 70%;margin-top: 15%;margin-left: 15%;border-radius: 50%;overflow: hidden;object-fit: cover;}

.appone-right{width: 50%;float: left;overflow: hidden;padding-top: 80px;}
.appone-right ul li{width: 33.333%;float: left;padding-left: 50px;background: url('../images/gather/ico1.png') center left no-repeat;font-size: 16px;line-height: 40px;margin-bottom: 30px;}
.apply-two{width: 100%;padding: 30px 0 16px;overflow: hidden;background-color: #fafafa;}
.apply-two2{width: 100%;padding: 30px 0 45px;overflow: hidden;background-color: #fff;}
.apptwo{width: 100%;overflow: hidden;margin-top: 16px;}
.apptwo p{font-size: 15px;color: #666;line-height: 36px;}
.apptwo p a{color: #0372d0;text-decoration: underline;}
.apptwo img{max-width: 100%;}

.apply-three{width: 100%;overflow: hidden;padding: 50px 0;overflow: hidden;}
.app-case{width: 100%;margin-top: 16px;overflow: hidden;}
.app-case .swiper-pagination{display: none;}

.appcase{width: 100%;overflow: hidden;position: relative;}
.appcase img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}
.appcase .text1{position: absolute;width: 100%;padding: 10px;background: rgba(0, 0, 0, 0.6);left: 0;bottom: 0;text-align: center;}
.appcase .text1 h6{font-size: 16px;color: #fff;line-height: 24px;padding-bottom: 6px;}
.appcase .text1 p{font-size: 12px;line-height: 20px;color: #fff;}
.appcase .text2{width:96%;height:96%;top:2%;left:2%;position:absolute;background: rgba(230, 0, 31, 0.95);text-align:center;transition: 0.5s;
transform: scale(0);-webkit-transform: scale(0);padding: 20px;}
.appcase .text2 h6{font-size: 18px;line-height: 25px;color: #fff;margin-top: 20px;margin-bottom: 20px;padding: 0 6px;}
.appcase .text2 p{font-size: 15px;line-height: 30px;color: #fff;height: 90px;overflow: hidden;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.appcase .text2 h5{font-size: 15px;line-height: 30px;margin-top: 10px;color: #fff;}
.appcase:hover .text2{transform: scale(1);-webkit-transform: scale(1);}
.oppcase-more{color: #666666;line-height: 40px;width: 120px;height: 40px;border: 1px solid #999;display: block;
text-align: center;margin: 15px auto 0;transition: 0.3s;position: relative;z-index: 1;overflow: hidden;}
.oppcase-more:hover{color: #fff;border: 1px solid #e6001f;}
.oppcase-more:after{content: "";width: 0px;height: 40px; position: absolute;background: #E6001F;z-index: -1;left: 0%;top: -1px;transition: 0.3s;}
.oppcase-more:hover:after{width: 120px;}

.caseitem{width: 100%;overflow: hidden;font-size: 0;text-align: center;}
.caseitem li{display: inline-block;width: 31.3333%;margin: 0 1% 10px;}



.apply-four{width: 100%;overflow: hidden;padding: 40px 0 88px;overflow: hidden;}
.apply-mes{width: 100%;margin: 20px auto 0;}
.apply-mes h6{font-size: 16px;color: #666;line-height: 30px;text-align: center;margin-bottom: 20px;}
.mes-one{width: 100%;overflow: hidden;margin-bottom: 2%;}
.mes-one input{width: 100%;font-size: 16px;color: #666;padding: 0 10px;box-sizing: border-box;border: 1px solid #ddd;border-radius: 3px;
    height: 45px;display: block;}

.mes-two{margin-left: -1%;}
.mes-two .down-select{float: left;width: 32.333%;height: auto;margin: 0 0 2% 1%;border: 1px solid #ddd;border-radius: 3px;position: relative;}
.mes-two .down-select p{width: 100%;padding: 0 10px;line-height: 45px;font-size: 14px;color: #666;}
.mes-two .down-select ul{top: 45px;border: 1px solid #ddd;background-color: #fff;width: 100%;z-index: 99999;display: none;position: absolute;    max-height: 200px;
overflow-y: auto !important;}
.mes-two .down-select ul li{line-height: 34px;font-size: 12px;color: #666;padding-left: 10px;}
.mes-two .down-select ul li:hover{background-color: #e6001f;color: #fff;}
.mes-two .down-select ul li a{display: block;}
.mes-two input{width: 32.333%;font-size: 16px;color: #666;padding: 0 10px;box-sizing: border-box;border: 1px solid #ddd;border-radius: 3px;
height: 45px;display: block;float: left;margin-left: 1%;margin-bottom: 2%;}
.mes-two textarea{width: 99%;height: 96px;font-size: 14px;color: #666;padding: 4px 10px;line-height: 30px;border: 1px solid #ddd;border-radius: 3px;
margin-left: 1%;margin-bottom: 1%;display: block;}
.mes-two button{width: 150px;height: 50px;border-radius: 5px;margin: 32px auto 0;background-color: #e6001f;cursor: pointer;color: #fff;display: block;}

.questions{background: #f2f2f2;text-align: center;width: 100%;padding: 30px 0 50px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.questions h6{font-size: 40px;line-height: 50px;text-align: center;color: #333;margin-bottom: 20px;}
.questions p{font-size: 18px;color: #333;line-height: 36px;}
.questions a{width: 150px;height: 35px;background: #e6001f;margin: 0 auto;display: block;line-height: 35px;text-align: center;color: #fff;
 font-size: 16px;margin-top: 20px;}
.apply-cp{width: 100%;padding: 50px 0;overflow: hidden;}
.appcp{width: 100%;margin: 20px auto 0;}
.appcp ul{display:flex;flex-wrap:wrap;justify-content:center;margin:-32px 0 0 -32px}
.appcp a{display:block;margin:32px 0 0 32px;width:calc(25% - 32px);}
.appcp .img{text-align: center;width: 100%;overflow:hidden;display:flex;align-items: center;justify-content: center;height:200px;}
.appcp .img img{max-width: 100%;max-height:100%;transition: all .4s;}
.appcp h6{font-size: 18px;color: #333;line-height: 28px;text-align: center;margin-top: 16px;}
.appcp a:hover .img img{transform:scale(0.92)}
.appcp a:hover h6{color: #e6001f;}

/* 下载中心 */
.down-box{width: 100%;background-color: #fcfcfc;overflow: hidden;}
.down-box2{width: 100%;background-color: #fcfcfc;overflow: hidden;padding-bottom: 40px;}
.down-list{width: 100%;overflow: hidden;margin: 10px 0 30px;}
.down-list ul{margin-left: -3%;display: flex;flex-wrap: wrap;}
.down-list ul li{width: 30.333%;float: left;margin: 0 0 3% 3%;overflow: hidden;border: 1px solid #eee;}
.down-list ul li .img{width: 100%;overflow: hidden;}
.down-list ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}
.down-list ul li .text{background-color: #fff;padding: 10px 16px;overflow: hidden;}
.down-list ul li .text p{font-size: 15px;color: #333;line-height: 30px;border-bottom: 1px solid #eee;padding-bottom: 6px;}
.down-list ul li .text h6{line-height: 50px;padding-left: 35px;color: #333;font-size: 14px;background: url('../images/gather/down-02.png') no-repeat left center;}
.down-list ul li:hover p{color: #e6001f;}
.down-list ul li:hover .img img{transform: scale(1.06);}

.down-list2{width: 100%;overflow: hidden;margin: 10px 0 30px;}
.down-list2 ul{margin-left: -3%;}
.down-list2 ul li{width: 30.333%;float: left;margin: 0 0 3% 3%;overflow: hidden;background-color: #fff;padding: 10px 16px;}
.down-list2 ul li p{font-size: 15px;color: #333;line-height: 26px;border-bottom: 1px solid #eee;height: 60px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.down-list2 ul li h6{line-height: 50px;padding-left: 35px;color: #333;font-size: 14px;background: url('../images/gather/down-03.png') no-repeat left center;}
.down-list2 ul li:hover p{color: #e6001f;}
.down-file{width: 100%;margin-top: 10px;padding: 40px 50px 30px;background-color: #fff;}、

.down-sel{width: 100%;overflow: hidden;margin-bottom: 20px;}
.down-sel select{float: left;width: 23.5%;height: 50px;vertical-align: middle;padding: 0 8px;font-size: 14px;color: #666;margin-right: 2%;background: #fafafa url('../images/gather/sel-bg.png') no-repeat right 10px center;}
.down-sel select:last-child{margin-right: 0;}

.down-file ul{width: 100%;overflow: hidden;padding: 30px 0 20px;}
.down-file ul li{padding: 15px 0;width: 100%;overflow: hidden;}
.down-file ul li:nth-child(2n){background-color: #fcfcfc;}
.down-file ul li .text{width: 50%;float: left;padding-left: 40px;background: url('../images/gather/dow-bg.png') no-repeat center left 5px;font-size: 14px;color: #777;line-height: 30px;height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.down-file ul li .time{width: 30%;float: left;text-align: center;font-size: 14px;color: #777;line-height: 30px;}
.down-file ul li .dow{float: right;font-size: 14px;color: #444;line-height: 30px;}
.down-file ul li .dow i{display: inline-block;width: 25px;height: 25px;background: url('../images/gather/dow-bg2.png') no-repeat center center;vertical-align: middle;}
.down-file ul li .dow:hover{color: #e6001f;}

/* 常规问题 */
.problem{width: 100%;overflow: hidden;padding: 10px 0 30px;}
.problem-title{width: 100%;overflow: hidden;text-align: center;font-size: 30px;color: #333;line-height: 50px;}
.problem-list{width: 100%;overflow: hidden;padding: 30px 0}
.problem-list ul li{width: 100%;overflow: hidden;}
.prob-tit{width: 100%;padding: 0 60px;background-color: #f2f2f2;position: relative;font-size: 16px;color: #333;line-height: 80px;height: 80px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor: pointer;}
.prob-tit::before{width: 40px;height: 80px;background: url('../images/gather/down-04.png') no-repeat center center;position: absolute;left: 10px;top: 0;user-select: none;content: '';}
.prob-tit::after{width: 30px;height: 80px;background: url('../images/gather/down-06.png') no-repeat center center;position: absolute;right: 20px;top: 0;user-select: none;content: '';}
.problem-list ul li:nth-child(2n) .prob-tit{background-color: #fff;}
.problem-list ul li.ontrue .prob-tit::after{background: url('../images/gather/down-05.png') no-repeat center center;}
.prob-text{width: 100%;overflow: hidden;padding: 20px;display: none;}
.prob-text p{font-size: 14px;color: #333;line-height: 30px;}
.prob-text img{max-width: 100%;}

.online{width: 100%;overflow: hidden;margin: 10px 0 40px;background-color: #f5f5f5;padding: 40px 50px 60px;}
.online-tit{width: 100%;overflow: hidden;margin-bottom: 20px;font-size: 22px;color: #333;line-height: 30px;}
.online-left{width: 70%;float: left;}
.online-one{width: 100%;overflow: hidden;margin-bottom: 2%;}
.online-one select{float: left;width: 49%;height: 45px;vertical-align: middle;padding: 0 8px;font-size: 14px;color: #666;background: #fff url('../images/gather/sel-bg.png') no-repeat right 10px center;}
.online-one input{width: 49%;font-size: 14px;color: #666;padding: 0 10px;box-sizing: border-box;background-color: #fff;
    height: 45px;display: block;float: right;}
.online-two input{width: 49%;font-size: 14px;color: #666;padding: 0 10px;box-sizing: border-box;background-color: #fff;
    height: 45px;display: block;float: right;}
.online-two{width: 100%;margin-bottom: 2%;}
.online-three .down-select:nth-child(2){margin: 0 2%;}
.online-three .down-select{float: left;width: 32%;height: auto;background-color: #fff;position: relative;}
.online-three .down-select p{width: 100%;padding: 0 10px;line-height: 45px;font-size: 14px;color: #666;}
.online-three .down-select ul{top: 45px;border: 1px solid #ddd;background-color: #fff;width: 100%;z-index: 99999;display: none;position: absolute;    max-height: 200px;
overflow-y: auto !important;}
.online-three .down-select ul li{line-height: 34px;font-size: 12px;color: #666;padding-left: 10px;}
.online-three .down-select ul li:hover{background-color: #e6001f;color: #fff;}
.online-three .down-select ul li a{display: block;}
.online-three{width: 100%;}
.online-three input{width: 32%;font-size: 14px;color: #666;padding: 0 10px;box-sizing: border-box;background-color: #fff;
height: 45px;display: block;float: left;margin-bottom: 2%;}
.online-three input:nth-child(1){width: 100%;}
.online-three input:nth-child(3){margin: 0 2%;}
.online-three textarea{width: 100%;height: 96px;font-size: 14px;color: #666;padding: 4px 10px;line-height: 30px;border: 0px;
display: block;background-color: #fff;margin-bottom: 4%;}
.online-three button{width: 140px;font-size: 14px;color: #fff;line-height: 40px;text-align: center;border-radius: 20px;background-color: #e6001f;user-select: none;cursor: pointer;}

.online-three.hasDselect{margin-bottom: 2%;}
.online-three.hasDselect input{margin: 0;}
.online-three.hasDselect input:nth-of-type(1){margin: 0 2%;}

.online-right{width: 30%;padding-left: 50px;overflow: hidden;}
.online-right p{font-size: 16px;line-height: 30px;color: #333;margin-top: 44px;}
.online-right h6{font-size: 14px;line-height: 30px;color: #333;margin-top: 44px;}
.online-right h6 span{display: block;font-size: 22px;color: #e6001f;}
.online-right i{display: block;width: 100%;margin-top: 50px;}
.online-right i img{max-width: 100%;user-select: none;}

.online-li{width:100%;display:flex;flex-wrap:wrap;margin-top:2%;justify-content: space-between;}
.online-li:first-child{margin-top:0;}
.online-li input{font-size: 14px;color: #666;padding: 0 10px;box-sizing: border-box;background-color: #fff;height: 45px;display: block;}
.online-li textarea{height: 96px;font-size: 14px;color: #666;padding: 4px 10px;line-height: 30px;border: 0px;display: block;background-color: #fff;}
.online-li button{width: 140px !important;font-size: 14px;color: #fff;height: 40px;border-radius: 20px;background-color: #e6001f;user-select: none;cursor: pointer;}
.online-li select{height: 45px;vertical-align: middle;padding: 0 8px;font-size: 14px;color: #666;background: #fff url('../images/gather/sel-bg.png') no-repeat right 10px center;}
.online-li.n1 *{width:100%}
.online-li.n2 *{width:49%}
.online-li.n3 *{width:32%}
.online-li.n4 *{width:23.5%}

@media all and (max-width:640px) {
    .online-li{margin-top:0}
    .online-li *{width:100% !important;margin-bottom:10px}
    .online-li button{margin-bottom:0;}
}


/* 在线购买 */
.gm-box{width: 100%;overflow: hidden;padding: 30px 0;}
/* .gm-logo{width: 100%;overflow: hidden;text-align: center;margin-bottom: 40px;}
.gm-logo img{max-width: 100%;} */
.gm-ser{width: 340px;background-color: #fff;border: 1px solid #d2d2d2;position: relative;margin: 0 auto;height: 47px;padding: 0 100px 0 20px;border-radius: 40px;}
.gm-ser p{font-size: 18px;line-height: 45px;color: #333;text-align: left;}
.gm-ser a{display: block;position: absolute;width: 90px;height: 30px;background-color: #e6001f;border-radius: 30px;font-size: 14px;color: #fff;text-align: center;line-height: 30px;border-radius: 30px;right: 8px;top: 8px;}
.gm-text{width: 100%;margin: 30px 0;text-align: center;font-size: 14px;color: #999;line-height: 24px;}
.gm-text a{color: #e6001f;text-decoration: underline;}


.gm-main{width: 820px;overflow: hidden;margin: 0 auto;}
.gm-main ul li{width: 100%;float: left;padding-right: 50px;text-align: center;}
.gm-main ul li:nth-child(2){padding-left: 50px;border-right: 0;}
.gm-main ul li h6{text-align: center;line-height: 80px;margin-bottom: 20px;}
.gm-main ul li h6 img{max-width: 100%;}

@media all and (max-width:640px) {
    .online-two select{width: 100%;margin-bottom: 2%;}
    .online-two select:nth-child(2){margin: 0 0 2% 0;}

    .gm-main{width: 100%;overflow: hidden;}
    .gm-main ul li{width: 100%;padding:20px 10px;border-right: 0px;}
    .gm-main ul li:nth-child(2){padding-left: 10px;border-top: 1px solid #e0e0e0;}
    .gm-ser{width: 100%;}
    .gm-ser p{font-size: 14px;}
    /* .gm-logo{margin-bottom: 30px;}
    .gm-ser{width: 100%;padding-right: 80px;height: 50px;}
    .gm-ser p{font-size: 14px;line-height: 48px;}
    .gm-ser a{width: 70px;top: 10px;font-size: 14px;height: 30px;line-height: 30px;} */
}
.proxq-three .prothree table{width:100%}
.proxq-three .ke-zeroborder:not(.false) table {font-size: 14px;}
.proxq-three .ke-zeroborder:not(.false) td {padding-left: 6%;line-height: 30px;width: 33.3333%;vertical-align: top;}
.proxq-three .ke-zeroborder.false td {padding:3px 6px;}
/* ======= */
.text.wtwidth-text{padding-top: 16px;min-width: 224px;max-width: 260px;}
.text.wtwidth-text h6{line-height: 30px;margin-bottom: 8px;}
.up-box2.wtsolu-input, .up-box.wtsolu-input{width: 800px;margin: 0 auto;}
.up-box2.wtsolu-input .mes-two .down-select, .up-box.wtsolu-input .mes-two .down-select{width: 99%;background: url("../images/gather/sel-bg.png") no-repeat right 10px center;}
.wtsolu-inputhh{width: 100%;overflow: hidden;}
.wtonline .online-three .down-select{width: 32%;background: #fff url("../images/gather/sel-bg.png") no-repeat right 10px center;}
@media all and (max-width:1000px) {
    .up-box2.wtsolu-input, .up-box.wtsolu-input{width: 100%;}
    .wtonline .online-three .down-select{width: 100%;}
}
@media all and (max-width:640px) {
    .up-box2.wtsolu-input .mes-two .down-select, .up-box.wtsolu-input .mes-two .down-select{width: 100%;margin: 0 0 2% 0%;}
}

/* ======== */
.showdownload{width: 100%;padding: 16px;}
.showdownload-tit{font-size: 20px;color: #333;}
.showdownload-down{display: block;margin-top: 30px;font-size: 14px;background: #e6001f;height: 34px;line-height: 34px;width: 190px;color: #fff;border-radius: 4px;text-align: center;}
.showdownload-desc{margin-top: 30px;color: #666;font-size: 14px;line-height: 20px;}
.showdownload-tools{border-top: 1px solid #ddd;margin-top: 30px;position: relative;padding: 10px 10px 0;height: 50px;line-height: 50px;}
.showdownload-share{zoom: 1;}
.showdownload-page{clear: both;position: absolute;right: 5px;top: 0;color: #818181;font-size: 14px;}
.showdownload-page li{display: inline;margin-left: 30px;}
.showdownload-page li:first-child{margin-left: 0;}
.showdownload-page li span{padding-right: 6px;}
.showdownload-page li a{color: #607fa6;transition: all .4s ease;}
.showdownload-page li a:hover{color: #e6001f;}

@media all and (max-width:1000px) {
    .showdownload-tit{font-size: 18px;}
    .showdownload-desc, .showdownload-tools{margin-top: 24px;}
    .showdownload-tools{height: auto;line-height: normal;}
    .showdownload-page{position: static;margin-top: 12px;}
    .showdownload-page li{display: block;width: 100%;margin-left: 0;line-height: 34px;}
}
@media all and (max-width:640px) {}


.wtonline2 .online-one input:first-child{float: left;}
.wtonline2 .online-one input:last-child{float: right;}
.wtonline2 .online-three input:nth-child(1){width: 49%;float: left;}
.wtonline2 .online-three input:nth-child(2){width: 49%;float: right;}

.gai20230209.wtonline .online-three .down-select{width:32%}
.gai20230209 .online-three input:nth-child(1) {width: 32%;}
.gai20230209 .online-three.change1 input{width:49%;margin-left:0}
.gai20230209 .online-three.change1 .down-select{width:49%;margin:0 0 0 2%}
.gai20230209 .online-three.change2 input:nth-child(2){margin-left:2%}
.gai20230209 .online-three.change2 input:nth-child(3){margin-right:0}
@media all and (max-width:640px) {
    .gai20230209.wtonline .online-three .down-select{width:100%}
    .gai20230209 .online-three input:nth-child(1) {width: 100%;}
    .gai20230209 .online-three.change1 input{width:100%;margin-left:0}
    .gai20230209 .online-three.change1 .down-select{width:100%;margin: 0 0 2%}
    .gai20230209 .online-three.change2 input:nth-child(2){margin-left:0}
    .gai20230209 .online-three.change2 input:nth-child(3){margin-right:0}
    .gai20230209 .online-three.hasDselect input:nth-of-type(1){margin:0 0 2%}
    .gai20230209 .online-three.hasDselect {margin-bottom: 0;}
}

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

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .apply-four{padding: 40px 0 78px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .pro-list ul li{height: 360px;}
    .pro-list ul li .img img{max-width: 100%;}
    .pro-list ul li h6{line-height: 40px;padding-bottom: 0;}
    .pro-list ul li p{line-height: 18px;}
    .questions h6{font-size: 36px;margin-bottom: 12px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .proxq-two,.proxq-three,.proxq-four{padding: 40px 0;}
    .pro-tit h6{font-size: 24px;}
    .proxqone .text p{line-height: 24px;}
    .questions h6 {font-size: 30px; margin-bottom: 10px;}
    .apply-one,.apply-two,.apply-three,.apply-four,.apply-two2{padding: 32px 0;}
    .appcase .text2 h6{font-size: 16px;margin: 10px 0;}
    .appcase .text2 p{font-size: 14px;line-height: 20px;height: 60px;}
    .down-file{padding: 30px;}
    .appcp a {width: calc(50% - 32px);}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .pro-list ul li{width: 47%;height: auto;}
    .pro-list ul li p{display: none;}
    .pro-list ul li .more{position: static;opacity: 1;margin: 0 auto;}
    .pro-list ul li:hover .img img{max-width: 100%;}
    .pro-list ul li h6{font-size: 15px;}
    .pro-list ul li:hover h6{font-size: 15px;}

    .proxq-one,.proxq-two,.proxq-three,.proxq-four{padding: 30px 0;}
    .proxqone .img{width: 100%;line-height: normal;padding-right: 0;margin-bottom: 20px;}
    .proxqone,.prothree,.protwo{margin-top: 20px;}
    .pro-tit h6{font-size: 20px;line-height: 30px;}
    .proxqone .text{width: 100%;}
    .protwo p{font-size: 14px;line-height: 30px;}
    .prothree ul li{width: 100%;padding-left: 0;}
    .prodownsel select{width: 200px;}
    .apply-list{padding: 10px 0 30px;}
    .questions{padding: 30px 0;}
    .appone{margin-top: 20px;}
    .appone-right ul li{background-size: 20px;font-size: 15px;padding-left: 30px;}
    .apply-one, .apply-two, .apply-three, .apply-four,.apply-two2{padding: 28px 0;}
    .app-case .swiper-pagination{display: block;}
    .app-case .swiper-pagination-bullet-active{background-color: #e6001f;}
    .app-case .swiper-container{padding-bottom: 40px;}
    .oppcase-more{display: none;}
    .mes-two button{margin: 30px auto 0;}
    .pub-ban .dian{display: none;}
    .down-list ul li{width: 47%;}
    .down-list2 ul li{width: 47%;}
    .down-list2 ul li p{font-size: 13px;}

    .down-file{padding: 20px 10px;margin-top: 0;}
    .down-sel select{width: 48%;margin: 0 1% 2%;}

    .problem-title{font-size: 26px;line-height: 40px;}
    .problem-list{padding: 10px 0;}
    .prob-tit{height: 60px;line-height: 60px;}
    .prob-tit::before,.prob-tit::after{height: 60px;}
    .prob-tit{font-size: 14px;}
    .prob-text{padding: 10px;}
    .prob-text p{line-height: 24px;font-size: 13px;}

    .online{padding: 20px;}
    .online-left{width: 100%;}
    .online-right{width: 100%;padding-left: 0;}
    .online-right h6{margin-top: 10px;}
    .online-right i{margin-top: 10px;}
	
	.up-box.prothree{overflow-x: auto;}
	.up-box.prothree table{width: 1200px;}

    
    .caseitem li{width: 48%;margin: 0 1% 10px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .pro-list{padding: 5px 0 20px;}
    .pro-list ul{margin-left: 0;}
    .pro-list ul li{width: 100%;margin-left: 0;}
    .prothree ul li h6{font-size: 16px;line-height: 26px;}
    .prothree ul li p{font-size: 14px;line-height: 24px;}

    .prodownsel{margin-top: 20px;width: 100%;padding-right: 40px;}
    .prodownsel select{width: 100%;}
    .profour ul li{border-bottom: 1px solid #eee;padding: 10px 0;}
    .profour ul li .text{width: 100%;}
    .profour ul li .time{width: 50%;}

    .down-file ul li{border-bottom: 1px solid #eee;padding: 10px 0;}
    .down-file ul li .text{width: 100%;}
    .down-file ul li .time{width: 50%;}
    .apply-list ul li{width: 50%;padding: 20px;height: 180px;}
    .apply-list ul li h6{font-size: 15px;line-height: 40px;}
    .apply-list ul li:hover .more{opacity: 0;}
    .apply-list ul li:nth-child(7)::after,.apply-list ul li:nth-child(8)::after,.apply-list ul li:nth-child(9)::after{display: block;}
    .apply-list ul li:nth-child(9){width: 100%;}

    .questions h6{font-size: 24px;line-height: 30px;}
    .questions p{font-size: 16px;line-height: 26px;}
    .questions{padding: 20px 0;}

    .appone-left{width: 100%;text-align: center;}
    .appone-left .img{margin: 0 auto;}
    .appone-left .img img{margin-left: 0;}
    .appone-right{width: 100%;padding-top: 20px;}
    .appone-right ul li{width: 50%;margin-bottom: 0;}
    .apptwo,.app-case{margin-top: 20px;}
    .apptwo p{font-size: 14px;line-height: 24px;}
    .apply-four{padding-top: 0;}
    .apply-mes h6{font-size: 14px;line-height: 24px;}
    .down-select{width: 100%;margin-left: 0;}
    .mes-two{margin-left: 0;}
    .mes-two input{width: 100%;margin-left: 0;}
    .mes-two textarea{width: 100%;margin-left: 0;}
    .mes-two button{height: 44px;}
    .apply-cp{padding: 30px 0 10px;}
    .appcp{height: 230px;}
    .appcp h6{font-size: 20px;}

    .down-list ul{margin-left: 0;}
    .down-list2 ul{margin-left: 0;}
    .down-list ul li{width: 100%;margin-left: 0;}
    .down-list2 ul li{width: 100%;margin-left: 0;border: 1px solid #eee;}
    .down-list2 ul li h6{font-size: 13px;}

    .down-file ul{padding: 10px 0;}
    .down-box2{padding-bottom: 20px;}
    .down-sel select{height: 40px;font-size: 12px;}

    .problem-title{font-size: 24px;}
    .prob-tit{padding: 0 40px;}
    .prob-tit{height: 50px;line-height: 50px;}
    .prob-tit::before,.prob-tit::after{height: 50px;background-size: 100%;width: 20px;}
    .problem-list ul li.ontrue .prob-tit::after{background-size: 100%;}
    .online-one select{width: 100%;margin-bottom: 2%;}
    .online-one input{width: 100%;}
	.online-two input{width: 100%;margin-bottom:2%}
    .online-two{margin-bottom: 0;}
    .online-three .down-select{width: 100%;margin-bottom: 2%;}
    .online-three .down-select:nth-child(2){margin: 0 0 2% 0;}
    .online-three input{width: 100%;}
    .online-three input:nth-child(3){margin: 0 0 2% 0;}
    
    .caseitem li{width: 100%;margin: 0 0 10px;}

    .proxq-three .ke-zeroborder td {padding-left: 0;width: 100%;display: block;}
    
    .wtonline2 .online-one input:last-child{margin-top: 2%;}
    .wtonline2 .online-three input:nth-child(1){width: 100%;}
    .wtonline2 .online-three input:nth-child(2){width: 100%;margin-top: 2%;}
    
    .appcp ul{margin:-28px 0 0}
    .appcp a {width: 100%;margin:28px 0 0;}
}

