*{box-sizing:border-box;font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,HYQiHei-FES,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;}
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;margin-block-start: 0;margin-block-end: 0;border:0;font-size:100%;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;}
html {
  scroll-behavior: smooth;
}

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

:root {
  --main-color: #e53b20;
  --main-color-hover: #196eaf;
  --title-color:#2554ac;
}

.w1400{width: 1400px;overflow: hidden;height: auto;margin: 0 auto;}
.w1200{width: 1200px;overflow: hidden;height: auto;margin: 0 auto;justify-content: space-between;}
.container{width: 1280px;/* overflow: hidden; */height: auto;margin: 0 auto;justify-content: space-between;}
.w1100{width: 1100px;overflow: hidden;height: auto;margin: 0 auto;}
.w1000{width: 1000px;overflow: hidden;height: auto;margin: 0 auto;}

.top{width:100%;height: 30px;background-color:var(--main-color);}
.top-left{width:400px;float: left;}
.top-left p{line-height: 30px;color: #fff;}
.top-right{width:120px;float: right;display: flex;}
.top-right li{width:60px;flex: 1 0 auto;text-align: center;position: relative;}
.top-right li:first-child::after{content: "";position:absolute;width: 2px;height: 16px;background: #fff;top: 5px;right: -1px;}
.top-right li a{font-size:12px;color: #fff;}


header{width: 100%;height: 120px;background:url('../images/nav-bg.jpg') no-repeat center bottom;}
.head1{flex:1 0 420px; margin-top: 24px;}
.head1 img{width:100%;}

.head2{flex:1 0 860px; ;}
.head2 .tel{height: 50px;justify-content: flex-end;/* margin-left: auto; */;
   margin-top: 10px;margin-bottom: 26px;display: flex;margin-right: 80px;}
.tel img{float: left;margin-right:15px;}
.tel1{}
.tel1 span{font-weight: bold;}
.tel1 p{font-size:18px;}
.nav{display: flex;color: #fff;padding-left: 10px;margin-left: 120px;}
.nav .nav1{flex: 1 0 auto;text-align: center;position: relative;}
.nav1 a{font-size:15px;color: #fff;position: relative;display: inline-block;width: 100%;height: 33px;}
.nav1 a::before{content:"";position:absolute;width: 0;height: 2px;
  background-color: var(--main-color);
left:0px;bottom: -5px;transition: 1s all;}

.nav1 a:hover::before{width:100%;}

.nav1:hover .dropdown{display: block;}

.dropdown{width: 100%;position: absolute;z-index: 999;top: 34px;background-color: #2b2b2b;
display: none;}
.dropdown1{width:100%;height: 40px;line-height: 40px;border-top: 1px solid rgba(255,255,255,0.6);}

.dropdown1 a{color: #fff;}





footer{width: 100%;height: 240px;background-color:#454545;padding: 30px 0;position: relative;}
footer .float{position: absolute;background:url('../images/top.png') no-repeat center center;
width:74px;height:62px;right:200px;top:-3px;}

.foot1{width: 400px;float: left;}
.foot-title{width: 100%;height: 50px;line-height: 50px;position: relative;margin-bottom: 14px;}
.foot-title::before{width: 73px;height:2px;background-color: var(--main-color);position:absolute;content: "";
left:0;bottom: 3px;}
.foot-title span{font-size: 22px;color: #fff;letter-spacing: 1px;}
.foot-title p{font-size:16px;color: #999999;display: inline;margin-left: 14px;font-weight: bold;}

.foot1-content{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.foot1-content1{flex:1 0 100px;text-align: center;line-height: 43px;}
.foot1-content1 a{color: #eee ;font-size: 16px;}

.foot2{width:800px;float: right;}

.foot2-content{display: flex;flex-wrap: wrap;justify-content: space-between;}
.foot2-content1{flex: 1 0 200px;line-height: 43px;}
.foot2-content1 p{font-size: 16px;color: #eee;}


.bottom{width: 100%;height: 50px;background-color: var(--main-color);line-height: 50px;}
.copyright{color: #fff;}
.copyright a{color:#fff;font-size: 16px;}
.copyright .support{float: right;}