*{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{width: 117px;height: 46px;}
.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: #EE6B25;}
.header .nav ul li:hover{color:#EE6B25;}
.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: 115px;}
.footer .card{background: url(../images/contact-bg.png) no-repeat center;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%);}
.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: 461px;overflow: hidden;}
.footer .information .container{margin-top: 128px;display: flex;justify-content: space-between;}
.footer .information .ewm{display: flex;justify-content: flex-start;margin-top: 70px;}
.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: 40px;}

