body{color: #222; transition: all 0.5s linear;}

.contact {display:none;}

.stock {font-family: Arial, Helvetica, sans-serif;border-collapse: collapse;width: 100%; max-width: 1000px;margin: 0 auto;}
.stock td, .stock th {border: 1px solid #ddd;padding: 8px;}
.stock tr:nth-child(even){background-color: #f2f2f2;}
.stock tr:hover {background-color: #ddd;}
.stock th {padding-top: 12px;padding-bottom: 12px;text-align: center;background-color: #0662b2;color: white;}



/*新*/
a:hover {color: #0264b2;}
.header{border-bottom: 1px solid #ccc;}
.header-in {display:flex;align-items:center;padding:10px 0;}
.logins{position:relative;}
.logins a{display:inline-block;padding:5px 20px;border:2px solid #0264b2;color:#0264b2;font-size:16px;margin-top: 15px;}
.logins a:hover{background:#0264b2;color:#fff;transition:0.3s; }
.callme-qr {position:absolute;z-index:1000;left: -3px;bottom:36px;width: 130px;}
.callme-qr img{width: 100%;}
.head-nav-in{left: 360px;top: 35px;}

.main .wrap{width:calc(100% - 10px);}

.swiper-box{background:#f4f7ff;width:1460px;margin:0 auto;}
.swiper {max-width:1460px;height: 650px;overflow:hidden;position: relative;margin:0 auto;} 
.swiper-slide {display:flex;align-items: center;justify-content: space-around;}
.swiper{--swiper-pagination-color: #0264b2;}
.poster{width:500px;}
.poster img{width:100%;}
.slogan{color:#000;width: 400px;}
.slogan h2{font-size:30px;line-height: 1.5em;font-weight: normal;}
.slogan h2 em{color:#000;}
.slogan p{font-size:18px;margin-top:50px;line-height: 2em;}
.slogan p em{color:#000;font-size:30px;}
.slogan p b { color: #000;}

.traits { border-radius: 5px;background: #F8F8F8;padding: 1em;text-align: center;margin: 1em auto;}

.reps-box{background:#f5f5f5;padding:20px 0 40px 0;margin-top:30px;}
.repsx{display: flex;align-items: center;flex-direction: column;width:1000px;margin:0 auto;}
.repsx h1{font-size: 17px;text-align:center;font-weight:bold;}
.repsx h1.t1{font-size:19px;}
.repsx form{margin-top:20px;width:100%;text-align: center;}
.repsx select{height: 42px;border: 1px solid #A0AEC0;font-size: 18px;border-radius: 3px;}
.repsx .txt{width:74%;height:42px;line-height:42px;font-size: 18px;border-radius: 3px;padding-left:10px;box-sizing:border-box;}
.repsx .pic-btn{height:42px;width: 10%;background:#0264b2;font-size: 18px;border-radius: 3px;}
.repsx .pic-btn:hover {background: #004983;}
.support{background: #fbf9f2;width: 100%;margin-top: 20px;padding: 20px;font-size: 16px;color: #ad4500;box-sizing: border-box;border-radius: 5px;}

.addx p{margin-top:20px;}
.contact-box{padding:30px 0; font-size: 15px;}
.contactx{width:1460px;margin:0 auto;display:flex;justify-content: space-around;}
.contactx h2{padding:0;}
.contactx h3{margin-bottom:20px;color:#666;}
.linksx ul{display:flex;flex-direction:column;}
.linksx ul li a{display:inline-block;line-height:1.5em;}

.footer{border-top:1px solid #ccc;}

@media handheld, only screen and (max-device-width: 320px) {

}

@media handheld, only screen and (max-device-width: 767px) {
  .logo{margin-left: 0px;}
  .logo-wp{margin: 0 auto;}
   #nav_icon{top:14px;}
  .nav-icon{color:#0463b2;}
  .nav-icon i{font-size:26px;}
  .swiper-box{width:100%;}
  .slogan,.poster{width:96%;}
  .swiper-slide{flex-direction:column;}
  .repsx,.contactx{width:100%;flex-direction: column;}
  .repsx select{width:96%;box-sizing: border-box;}
  .repsx .txt {width:96%;margin-top: 20px;box-sizing: border-box;height:42px;}
  .repsx .pic-btn{width:96%;padding:0;margin-top:20px;box-sizing: border-box;}
  .swiper {height:550px;}
  .slogan h2,.slogan p em{font-size:24px;}
  .support{width:96%;font-size: 14px;}
}