*{margin:0;padding:0;}
body{color:#333;font-size:12px; 
font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;overflow-x:hidden;}
body.on{width:100%;height:100%;overflow:hidden;}
@font-face {
  font-family: '苹方黑体-中粗-简';
  src:url('../fonts/苹方黑体-中粗-简.ttf');
}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color:inherit;} 
a:hover{text-decoration: none;}
table{border-collapse:collapse; border-spacing:0;}
li{list-style-type:none;}
img{border: none;}
em,b,strong,i{font-style:normal;}
label,button{cursor: pointer;}
a,select,input,textarea{outline:none;resize:none;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.fl{float: left;}
.fr{float: right;}
.text-l{text-align:left;}
.text-r{text-align:right;}
.text-c{text-align:center;}
.text-j{text-align:justify;}
.text-hide-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-hide-2{word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.text-hide-3{word-break:break-all;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.text-hide-4{word-break:break-all;display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}
.clearfix:before,.clearfix:after{clear:both;content:'.';display:block;height:0;visibility:hidden;line-height:0;}
.clearfix{*zoom:1;}
.container{margin:0 auto;width:1200px;}


body{min-width: 1400px;background-color: #F0F2F5;}
.header{height: 80px;position: sticky;top: 0;left: 0; background-color: #ffffff;z-index: 999;}
.header .container{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.header .logo{display: flex;align-items: center;width: auto;height: 60px;}
.header .logo-text{margin-left: 15px;}
.header .logo-text h1{font-size: 24px;color: #333;margin: 0;font-weight: bold;}
.header .logo-text p{font-size: 14px;color: #666;margin: 5px 0 0;}
.header .right{display: flex;justify-content: flex-start;align-items: center;}
.header .nav ul{display: flex;justify-content: flex-start;align-items: center;}
.header .nav ul li{font-size: 16px;margin-right: 50px;cursor: pointer;}
.header .nav ul li.active{color: #4A90E2;}
.header .nav ul li:hover{color:#4A90E2;}
.header .phone{display: flex;justify-content: flex-start;}
.header .phone .content{display: flex;flex-direction: column;justify-content: space-around;margin-left: 6px;}
.header .phone .content span{font-size: 16px;font-family: PingFangSC-Regular;color: #383838;}


.footer{position: relative;margin-top:0px;}
.footer .card{background: linear-gradient(90deg, #4A90E2 0%, #6BAAF7 100%);width: 1200px;height: 174px;padding: 51px 60px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;position: absolute;top:-115px;left: 50%;transform: translateX(-50%);border-radius: 10px;box-shadow: 0 15px 35px rgba(74, 144, 226, 0.3);}
.footer .card .box{display: flex;justify-content: flex-start;align-items: center;}
.footer .card  .text{display: flex;flex-direction: column;justify-content: space-between;margin-left: 19px;}
.footer .card  .text span{font-size: 18px;line-height: 25px;color: #FFFFFF ;}
.footer .card  .text em{font-size: 26px;color: #FFFFFF;line-height: 45px;}
.footer .card .phone img{width: 52px;height: 51px;}
.footer .card .address img{width: 46px;height: 52px;}
.footer .information{background: url(../images/footer-bg.png) no-repeat center;width: 100%;height:220px;overflow: hidden;position: relative;background-size: 100% 100%;}
.footer .information::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);z-index: 1;}
.footer .information .container{margin-top: 5px;display: flex;justify-content: space-between;position: relative;z-index: 2;}
.footer .information .ewm{display: flex;justify-content: flex-start;margin-top:10px;}
.footer .information .android{margin-left: 30px;}
.footer .information .android img{width: 110px;height: 110px;border-radius: 5px;}
.footer .information .ewm p{text-align: center;font-size: 14px;line-height: 20px;color: #ffffff;margin-top: 10px;}
.footer .right .nav{font-size: 18px;color: #ffffff;line-height: 25px;width: 663px;padding-bottom: 40px;box-sizing: border-box;border-bottom: 1px solid #FFFFFF;}
.footer .right .nav ul{display: flex;justify-content: space-between;width: 100%;}
.footer .right .content p{font-size: 15px;color: #ffffff;line-height: 21px;text-align: right;margin-bottom: 20px;}
.footer .right .content p:last-child{margin-bottom: 0;}
.footer .right .content{margin-top: 10px;}