@charset "utf-8";
/* index page css default for pc 电脑 */


@media (min-width: 1400px) {

}


.bannerbg{background:url(../images/supportbg.jpg) no-repeat center;}
.bannerbg .container{ min-height:37.5rem; display:flex; justify-content:center; align-items:center; font-size:4rem; font-weight:bold; color:#fff;}


.comtabs{border-bottom:1px solid #414142;}
.comtabs ol{display:flex; justify-content:left; padding:0; margin:0;}
.comtabs ol li{line-height:5rem; text-align:center; font-weight:bold; margin-right:2rem; padding-left:6rem; padding-right:6rem; transform:translateY(1px);}
.comtabs ol li.active{border-bottom:#d2b786 2px solid;}
.comtabc{ padding-bottom:6rem;}
.comtabc .tabc{display:none;}
.comtabc .active{display:block;}
.comtabc .tabc img{width:100%;max-width:65rem; }

/*contact sales*/
.tabsales{margin-top:2.5rem; border-radius:10px; overflow:hidden; color:#fff;}
.tabsales  h2{ font-size:3rem; line-height:3rem; font-weight:bolder;margin:4rem 0;}
.tabsales .msgbox{padding:7rem 7rem 7rem 7rem; background:#1b1b1b;}
.tabsales .msgbox ul li{ clear:both; margin:2rem auto; }
.tabsales .roundbg{width:6rem; height:6rem; border-radius:100%; border:1px solid #dac08d; overflow:hidden; font-size:3rem; color:#231815; line-height:6rem; text-align:center;background-image: linear-gradient(100deg, #faeac6, #ab8a5f); margin:1rem auto; float:left;}
.tabsales .msgbox ul li .txt{width:70%; float:left; line-height:7rem; padding-left:2rem; font-size:1.8rem;}
.tabsales .msgbox ul li .address{line-height:2rem; padding-top:2rem;}


.tabsales .salesform{padding:7rem 7rem 7rem 7rem;background:#3d3d3d;}
.tabsales input{border:none;  background:#292929; color:#ffffff; border-radius:5px; height:4rem;  margin-bottom:4rem; font-size:1.4rem;}  
.tabsales textarea{border:none;background:#292929;color:#ffffff;  border-radius:5px; height:9rem; margin-bottom:4rem;font-size:1.4rem;} 
.tabsales input::placeholder{color:#919191;}
.tabsales textarea::placeholder{color:#919191;}
.tabsales input:focus{background:#292929; color:#ffffff;}
.tabsales textarea:focus{background:#292929; color:#ffffff;}
.tabsales .salesform li.last{ display:flex;justify-content:right;}
.tabsales  button{width:100%; height:5rem; line-height:4rem; font-size:2rem; font-weight:bold; color:#000;}
.tabsales  button:hover{color:#000;}
.tabsales .salesform .required{position:relative;}
.tabsales .salesform .required span{color:#F00; position:absolute; right:0; top:0;}



/*contact support*/
.tabsupport h2{font-size:4rem; font-weight:800; margin:4rem 0;}
.tabsupport .sdmsg{font-size:1.6rem; line-height:3rem;}
.tabsupport .p{line-height:2.5rem; padding-bottom:4rem;}
.f_red{color:red;}
.tabsupport input{ background:#0b0b0b;border:none; color:#fff; border-bottom:1px solid #303030; border-radius:0; height:4rem;  margin-bottom:4rem; font-size:1.4rem;}  
.tabsupport textarea{ background:#0b0b0b;border:none; color:#fff; border-bottom:1px solid #303030; border-radius:0; height:9rem; margin-bottom:4rem;font-size:1.4rem;} 
.tabsupport input:focus{background:#3d3d3d; color:#fff;}
.tabsupport textarea:focus{background:#3d3d3d; color:#fff;}
.tabsupport .contactform li.last{ display:flex;justify-content:right;}
.tabsupport button{width:15rem; height:5rem; line-height:4rem; font-size:2rem; font-weight:bold;}


.tabsupport .contactform{padding-right:11rem;}
.tabsupport .callusbox{border-left:1px solid #999; padding-left:11rem;}
.tabsupport .callus{font-size:1.6rem; line-height:3rem;font-weight:bold;}
.tabsupport .callusbox ul li{ clear:both; margin:2rem auto; }
.roundbg{width:6rem; height:6rem; border-radius:100%; border:1px solid #dac08d; overflow:hidden; font-size:3rem; color:#231815; line-height:6rem; text-align:center;background-image: linear-gradient(100deg, #faeac6, #ab8a5f); margin:1rem auto; float:left;}
.tabsupport  .callusbox ul li .txt{width:70%; float:left; line-height:7rem; padding-left:2rem; font-size:1.8rem;}
.tabsupport  .callusbox ul li .address{line-height:2rem; padding-top:2rem;}

.supportbox .map{border-radius:1.2rem; overflow:hidden; margin:4rem auto;}

/*warranty page*/
.warrantybox{ padding:4rem 7rem;}
.green{color:#00e78e;}
.warrantybox .p{padding:2rem 0;}

.warrantybox .tabcheck label{width:20%;}
.warrantybox input{border:none;  background:#262626; color:#ffffff; border-radius:5px; height:4rem;  margin-bottom:4rem; font-size:1.4rem;}  
.warrantybox input::placeholder{color:#919191;}
.warrantybox input:focus{background:#292929; color:#ffffff;}
.warrantybox .tabactiviation li.last{ display:flex;justify-content:right;}
.warrantybox  h2{ font-size:2.2rem;}
.warrantybox  button{width:100%; height:5rem; line-height:4rem; font-size:2rem; font-weight:bold; color:#000;}
.warrantybox  button:hover{color:#000;}
.warrantybox .required{position:relative;}
.warrantybox .required span{color:#F00; position:absolute; right:0; top:0;}

.tabcheck ul li{display:flex; justify-content:space-between;}



/*ipad  or mobile*/
@media (max-width: 992px) {
.bannerbg .container{ min-height:20rem; }
.tabsupport .contactform{padding-right:3rem;}
.comtabs{ margin-top:2rem; margin-bottom:1rem;}
.comtabs ol li{line-height:3rem;  padding-left:2rem; padding-right:2rem;}
.contactform{ padding-left:3rem;}
.tabsupport .callusbox{border-left:none; padding-left:6rem;}

.tabcheck ul li{display:block; }
.warrantybox .tabcheck label{width:100%;}

}


/* mobile phone */
@media (max-width: 768px) {
.tabsupport .callusbox{ margin-top:5rem;}

}