*{box-sizing:border-box;font-family:"Microsoft YaHei";}
html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:normal;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul,li{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}th,td{vertical-align:middle;}a{outline:none;color:#16418a;text-decoration:none;-webkit-backface-visibility:hidden;}a:focus{outline:none;}input:focus,select:focus,textarea:focus{outline:-webkit-focus-ring-color auto 0;}

ul, li {list-style: none;}
a, p {text-decoration: none;font-size: 14px;color: rgb(84, 84, 84);}
a:hover {    text-decoration: none;  }
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

:root {
  --main-color: #1168ab;
  --main-color-hover: #196eaf;
}

.w1400{width: 1400px;overflow: hidden;height: auto;margin: 0 auto;}
.w1200,.container{width: 1200px;overflow: hidden;height: auto;margin: 0 auto;position: relative;}
.w1100{width: 1100px;overflow: hidden;height: auto;margin: 0 auto;}
.w1000{width: 1000px;overflow: hidden;height: auto;margin: 0 auto;}


.top{
    width: 100%;
    height: 100px;
}
.logo{width: 320px;height:100px;float:left;position: absolute;top:0;left:0;}
.logo::after{content:"";position:absolute;width:1px;height:70px;background-color: #ccc;top: 15px;right: -30px;}

.logo-explain{width:300px;position:absolute;left: 380px;top: 6px;padding-top: 20px;}
.logo-explain span{font-size:16px;font-weight:bold;color:#353535;margin-bottom: 5px;display: block;}
.logo-explain p{font-size:14px;color:#a6a6a6;}

.tel{width: 260px;position: absolute;right:0;height:100px;padding-top:20px;}
.tel img{margin-top:5px;}
.tel-info{width:200px;float:right;}
.tel-info span{color:#666;font-size:14px;}
.tel-info p{color:#ff6537;font-size:22px;}


header{width:100%;background-color: #2b2b2b;height: 65px;}
.nav{width: 1200px;height: 65px;margin:0 auto;display: flex;justify-content: space-between;}
.navlist{
    height: 65px;
    position: relative;
    line-height: 65px;
    text-align: center;
    flex: 1 0 auto;
    }
.navlist>a{color: #eaeaea;font-size:16px;letter-spacing: 1px;display: block;/* border-left: 1px solid #2e2e2e; */}
.nav_item:hover{background-color: var(--main-color);border-bottom: 4px solid #ffcb0b;}


.banner{width:100%;}



footer{width:100%;height:200px;background-color: #343434;}
.foot-nav{
  width:1200px;
  display:flex;
  border-bottom: 1px solid #393939;
  padding:0px 300px;
  height: 70px;
  padding-top:30px;
  margin-bottom: 10px;
  }
.foot-nav a{flex: 1 0 auto;font-size: 16px;color:#666;text-align: center;}

.foot-tel{width:200px;text-align: center;margin:auto;height:100px;padding-top:20px;}
.foot-tel span{font-size:14px;color:#666;}
.foot-tel p{font-size:30px;color:#ff6537;}

.foot-bottom{width:100%;height:50px;text-align: center;background-color: #292929;}
.foot-bottom p{color:#8b919d;line-height: 50px;}