﻿*{margin:0;padding:0;list-style: none;font-family: "Microsoft YaHei", "Heiti SC", tahoma, arial, "Hiragino Sans GB", 宋体, sans-serif;}
body{padding-top:80px}
.header{height: 80px;box-shadow: 0px 1px 6px 1px #f1f1f1;position: fixed;background: #fff;width: 100%;top: 0;z-index: 12;}
.headerM{display:none}
.head{width: 83%;margin:0 auto;min-width: 1200px;}
.head h1{line-height: 70px;float:left;margin-right: 18vw;}
.head h1 img{vertical-align: middle;}
.head ul{float:left;}
.head ul li{margin: 0px 5vw 0px 0px;float:left;}
.head li a{font-size:18px;color:#2c2c2c;line-height:80px;}
.head ul li:last-child{margin-right:0px;}
.head .right_tel{float:right;margin:15px 0px 0px 0px;}
.head ul li.active .liA{border-bottom:2px solid #0168b4;display:block;color:#0168b4;}
.head ul li:hover .liA{border-bottom:2px solid #0168b4;display:block;color:#0168b4;}
.head .right_tel img{float:left;}
.head .right_tel .words{float:left;color:#0168b4;margin:0px 0px 0px 10px;}
.head .right_tel .p1{font-size:20px;font-weight:bold;letter-spacing: -1px;}
.head .right_tel .p2{font-size:14px;margin:3px 0px 0px 0px;letter-spacing: 0.2px;}
.head .site{float:right;line-height:80px;margin-right: 20px;font-size: 16px;}
.footer{border-top:1px solid #ededed;line-height:40px;font-size:12px;color:#666666;text-align:center;width: 100%;position: fixed;bottom: 0;background: #fff;z-index: 12;}
.footer a{color:#666;}
.indexFoot{display:none}
.backTopBox{width: 40px;height: 40px;position: fixed;right: 0;top: 70%;display: none;}
.backTopBox a{display:block;width:100%;height:100%;background: url(../images/top.png) center center no-repeat;background-size: 103%;box-shadow: -1px 0 10px 1px #ccc;overflow: hidden;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
@media(max-width:1600px){
    .head h1{margin-right: 8vw;}
}
@media(max-width:880px){
    body {padding-top: 0px;}
    .header{display:none;}
    .headerM{display:block;height: 14.8vw;padding:0 5.3vw;box-shadow: 0px 2px 5px #eee;position: relative;z-index: 2;}
    .headerM>div{width:100%;height:100%}
    .headerM>div>a{float:left;height:100%;line-height:14.8vw}
    .headerM img{height:7.2vw;vertical-align:middle}
    .headerM>div span{display:block;width:5vw;height:100%;background:url(../imgM/mNav.png) center center no-repeat;float:right;background-size: 5vw 4vw;}
    .headerM>div .nav{width: 45%;z-index:999;position:fixed;right: -50%;height:100%;transtion:0.5s all ease-in-out;background:#fff;box-shadow:3px 3px 10px 3px #bbb;z-index: 99999999999;}
    .headerM>div .nav p{height:11vw;border-bottom:1px solid #e3e3e3;background: url(../imgM/close.png) 4vw 5vw no-repeat;background-size: 4vw;}
    .headerM>div .nav li{height:8vw;line-height:9.2vw;border-bottom:1px solid #e3e3e3;padding-left:4vw}
    .headerM>div .nav li a{color:#666;display:block;width:100%;height:100%}
    .headerM .site{float:right;line-height:14.8vw;margin-right: 20px;font-size: 12px;}
    .footer{position: unset;bottom:0;padding: 2vw 5vw;width: 100%;box-sizing: border-box;line-height: 16px;color: rgba(102,102,102,0.65);background: #fff;z-index: 1;}
    .footer a{color: rgba(102,102,102,0.65);}
}