body,html,div,a,li,ul,ol,p,span,header{padding: 0;margin: 0;box-sizing: border-box;outline: none;-webkit-tap-highlight-color: transparent;}
a{text-decoration: none;}
li{list-style: none;}
.phone_header{display: none;}
.pc_header{background-color: #fff;}
.pc_header .content{width: 1200px;max-width: 100%;margin: auto;padding: 20px 0;display: flex;align-items: center;justify-content: space-between;}
.pc_header .content .left{width: 550px;}
.pc_header .content .right{display: flex;align-items: center;}
.pc_header .content .right .tel_img{width: 26px;height: 26px;}
.pc_header .content .right .text{font-size: 14px;color: #666;margin: 0 10px;}
.pc_header .content .right .num{color: #0268b0;font-size: 24px;font-weight: bold;}
.pc_nav{width: 100%;background-color: #fff;background-image: url('../img/nav_bg.png');background-size: 100% 100%;background-repeat: no-repeat;}
.pc_nav .list_cont{display: flex;max-width: 100%;width: 1200px;margin: auto;justify-content: space-around;}
.pc_nav .list_cont .list a{padding: 20px 0;display: block;font-size: 18px;color: #3282ca;transition:all .5s;}
.pc_nav .list_cont .list a.active{color: #1d73c0;font-weight: bold;}
.pc_nav .list_cont .list a:hover{font-weight:bold;}
.pc_nav .list_cont .list .s_item{position: absolute;width:110%;background:#fff;z-index:200;top:60px;left:0;border:dashed 1px #ccc;display:none;}
.pc_nav .list_cont .list .s_item li>a{padding:5px;text-align:center;border-top:dashed 1px #ccc;font-size:14px;line-height:20px;}
.pc_nav .list_cont .list .s_item li>a:firsh-child{border:none;}



@media screen and (max-width: 1200px) {
  .w1200{width:100%;}
  .pc_header .content{width: 100%;padding: 20px;}
  .pc_nav .list_cont{width: 100%;padding: 20px;}
}

@media screen and (max-width: 1024px) {
  .pc_header .content .left{width: 50%;}
  .pc_header .content .right .tel_img{width: 20px;height: 20px;}
  .pc_header .content .right .num{font-size: 20px;}
  .pc_nav .list_cont .list a{font-size: 16px;}
}

@media screen and (max-width: 768px) {
  .pc_header{display: none;}
  .pc_nav{display: none;}
  .phone_header{display: block;}
  .phone_header .header{display: flex;justify-content: space-between;padding: 20px;width: 100%;align-items: center;}
  .phone_header .header>a{width: 60%;}
  .phone_header .header>a>img{width: 100%;}
  .phone_header .header>.right{width: 50px;height: 50px;position: relative;}
  .phone_header .header>.right span{position: absolute;width: 100%;height: 2px;background-color: #000;top: 10px;transition: all .5s;transform-origin: left;}
  .phone_header .header>.right span:nth-child(2){top: 25px;}
  .phone_header .header>.right span:nth-child(3){top: 40px;}
  .phone_header .header>.active span:nth-child(1){transform: rotate(38deg);}
  .phone_header .header>.active span:nth-child(2){opacity: 0;}
  .phone_header .header>.active span:nth-child(3){transform: rotate(-38deg);}
  .phone_nav{background-image: radial-gradient(rgb(165 216 236), rgb(126 193 232));display: none;}
  .phone_nav li{display: flex;align-items: center;justify-content: space-between;padding:  0 20px;border-bottom: 1px solid #ccc;flex-wrap: wrap;}
  .phone_nav li a{padding: 20px 0;width: 80%;color: #000;text-align: center;}
  .phone_nav li span{font-size: 18px;transition: all .5s;transform: scale(1,.8);}
  .phone_nav li span.active{transform: rotate(90deg)}
  .phone_nav li ul{width: 100%;display: none;}
  .phone_nav li ul li{border-top: dashed 1px #fff;border-bottom: dashed 1px #fff;}
  .phone_nav li ul li:last-child{border-bottom: none;}
}
@media screen and (max-width: 414px) {
  .phone_header .header{padding: 10px;}
  .phone_header .header>a{width: 80%;}
  .phone_header .header>.right{width: 30px;height: 30px;}
  .phone_header .header>.right span{top: 0;}
  .phone_header .header>.right span:nth-child(2){top: 10px;}
  .phone_header .header>.right span:nth-child(3){top: 20px;}
  .phone_header .header>.active span:nth-child(1){transform: rotate(42deg);}
  .phone_header .header>.active span:nth-child(3){transform: rotate(-42deg);}
  
  .phone_nav li{padding: 0 10px;}
  .phone_nav li a{padding: 10px 0;font-size: 14px;}
}



