/* pc样式 ----------------------------------*/
@media(min-width:1280px){
  .pc-header{display: block;}
  .mobile-header{display: none;}
 }
 /* .pc-header 部分 */
 .pc-header {width: 100%;height: 80px;background-color: #fff;position: fixed;top:0;left:0;z-index: 100;}
 .pc-header .header-box {height: inherit;display: flex;align-items: center;justify-content: space-between;position: relative;}
 /* nav 部分 */
 .pc-header .header-box .nav{margin-left: 75px;margin-right:32px ;flex:1;height: inherit;}
 .pc-header .header-box .nav .nav-ul{display: flex;justify-content: space-between;height: inherit;align-items: center;}
 .pc-header .header-box .nav .nav-ul .nav-li{height: inherit;}
 .pc-header .header-box .nav .nav-ul .nav-li .nav-li-a{display: block;height: inherit;font-weight: 400;font-size: 18px;color: #333333;position: relative;line-height: 80px;}
 .pc-header .header-box .nav .nav-ul .nav-li .nav-li-a::after{content: '';height: 3px;width: 100%;background: #ffffff;position: absolute;left:0;bottom: 0px;transform: scale(0);transition: all 0.5s ease;}
 .pc-header .header-box .nav .nav-ul .menu_cur .nav-li-a::after{background:#E87F0A !important;transform: scale(1);}
 .pc-header .header-box .nav .nav-ul .nav-li:hover .nav-li-a::after{background:#E87F0A;bottom: 0px;transform: scale(1);}
 /* nav 下来菜单 */
 .pc-header .header-box .nav .nav-ul .nav-li .nav-down{position:absolute;top:80px;left: 0px;width: 1280px;height: 200px;background: rgba(255,255,255,0.85);padding: 20px 24px;align-items: center;}
 .pc-header .header-box .nav .nav-ul .nav-li .nav-down .nav-pic{width: 366px;height: 160px;margin-right: 106px;}
 .pc-header .header-box .nav .nav-ul .nav-li .nav-down .nav-list{flex:1}
 .pc-header .header-box .nav .nav-ul .nav-li .nav-down .nav-list ul{display: flex;align-items: center;flex-wrap: wrap;width: 100%;}
 .pc-header .header-box .nav .nav-ul .nav-li .nav-down .nav-list ul li{font-weight: 400;font-size: 18px;color: #666666;line-height: 25px;width: 25%;margin-bottom: 48px;position: relative;}
 .pc-header .header-box .nav .nav-ul .nav-li .nav-down .nav-list ul li::after{content: '';background: url(../images/dhjt.png);width: 11px;height: 11px;left:0px;top:7px;position: absolute;}
 .pc-header .header-box .nav .nav-ul .nav-li .nav-down .nav-list ul li a{padding-left: 30px;}
 /* search 部分 */
 .pc-header .header-box .search{width: 32px;height: 32px;}
 .pc-header .header-box .search .seach-con{position: absolute;right: 0;top:80px;width: 320px;height: 56px;background: #FFFFFF;border-radius: 0px 0px 4px 4px;}
 .pc-header .header-box .search .seach-con.on{display: block !important;}
 .pc-header .header-box .search .seach-con .search-form{width: inherit;height: inherit;display: flex;align-items: center;}
 .pc-header .header-box .search .seach-con .search-form .sousu{margin-left: 16px;}
 .pc-header .header-box .search .seach-con .search-form .sousuo{width: 28px;margin-left: 16px;}
 .pc-header .header-box .search .seach-con .search-form input{border: 0;padding-left: 12px;height: 32px;line-height: 32px;outline: none;flex:1;}

 /* 面包屑 */
.breadcrumbs{height: 50px;background: #F8FBFF;}
.breadcrumbs .box{display: flex;align-items: center;height: inherit;}
.breadcrumbs .box .location{margin-left: 10px;}
.breadcrumbs .box a,
.breadcrumbs .box span{font-weight: 400;font-size: 14px;color: #666666;line-height: 20px;}

/* 公共页面 栏目 广告 */
.column-bg{margin-top: 80px;height: inherit;display: flex;align-items: center;justify-content: center;width: 100%;}
.column-bg img{object-fit: contain;width: inherit;height: inherit;}



 /* footer 部分 */
 footer{background: #B4A081;margin-top: 48px;padding: 24px 0;}
 footer .site-box{display: flex;justify-content: space-between;align-items: center;padding: 22px 0;font-size: 14px;color: #FFFFFF;line-height: 20px;}
 footer .site-box .site-address{flex:1;margin-left: 49px;display: flex;align-items: center;}
 footer .site-box .site-address img{margin-right: 10px;}
 footer .site-box .site-gzh{display: flex;align-items: center;}
 footer .site-box .site-gzh div{writing-mode: vertical-lr;letter-spacing: 4px;margin-right: 4px;}
 footer .site-box .site-gzh .gzh-icon{display: none;}


 /* 备案信息 */
 footer .site-record{border-top: 1px solid  #CFC5B5;;padding-top: 16px;}
 footer .site-record div{text-align: center;font-size: 12px;font-weight: 400;color:#ffffff;line-height: 17px;}
 footer .site-record div a{color:#ffffff;}
 footer .site-record div:last-child{margin-top: 12px;display: flex;align-items: center;justify-content: center;}
 footer .site-record div:last-child img{margin-right: 7px;}

  /* pc样式 ----------------------------------*/

 /* 移动端样式 */
 /* ---公共---  */
.mobile-header{position: fixed;left:0;top:0;right:0; box-sizing: border-box;width: inherit;display: none;align-items: center;justify-content: space-between;z-index: 999;background: #ffffff;}
.mobile-header .nav-page{overflow-y: scroll;}
.mobile-header .nav-page .nav-m ul li a{display: block;position: relative;}
.mobile-header .nav-page .nav-m ul li .has-icon::after{content: '';background: url(../images/down.png) no-repeat;position: absolute;right:0;top:20px;width: 20px;height: 10px;background-size: contain;}
.mobile-header .nav-page .nav-m ul li .sub-nav{display: none;}
.mobile-header .nav-page .nav-m ul li.on .sub-nav{display: block;}
.mobile-header .nav-page .nav-m ul li.on .has-icon::after{background: url(../images/up.png) no-repeat;}
.mobile-header .nav-page .nav-m ul li a:hover{color:#E87F0A}
@media (max-width:750px) {
  .w1280{
    width: auto !important;
  }
  body{
    width: 100%;
    box-sizing: border-box;
  }
  .pc-header{display: none;}
  .mobile-header{padding: 7px 12px;height: 50px;display: flex;}
  .mobile-header .logo{height: 30px;}
  .mobile-header .logo a img{object-fit: contain;width: 207px;height: 30px;}
  .mobile-header .search.on{display: none;}
  .mobile-header .search img{width: 28px;height: 28px;object-fit: contain;}
  .mobile-header .menu-mobile {background: url(../images/menu-m.png);background-size: contain;width: 28px;height: 28px;z-index:999}
  .mobile-header .menu-mobile.on{background: url(../images/close-m.png);background-size: contain;width: 28px;height: 28px;}
  .mobile-header .menu{margin-left: 12px;}
  .mobile-header .empty{flex:1}
  .mobile-header .nav-page{position: fixed;top:50px;left: 0;background: #FFFFFF;z-index:999;width: 100vw;height: calc(100vh - 50px);display: none;}
  .mobile-header .nav-page.on{display: block;}
  .mobile-header .nav-page .nav-m{margin-top: 20px;}
  .mobile-header .nav-page .nav-m ul li{padding: 0 24px;font-weight: 400;font-size: 14px;color: #333333;letter-spacing: 3px;line-height: 60px;}
  .mobile-header .nav-page .nav-m ul li .sub-nav{padding-left: 54px;}
  .mobile-header .nav-page .nav-m ul li .sub-nav a{line-height: 60px;}

    /* 页脚 */
  .footer .site-box {padding: 28px;align-items: flex-start;}
  .footer .site-box .site-logo{display: none;}
  .footer .site-box .site-address{margin-left: 0px;font-size: 12px;}
  .footer .site-box .site-gzh{display: flex;align-items: flex-start;}
  .footer .site-box .site-gzh div{display: none;}
  .footer .site-box .site-gzh .gzh-icon{display: block;margin-right: 10px;width: 20px;}
  .footer .site-box .site-gzh .gzh{width: 60px;height: 60px;}
  .footer .site-record {padding: 28px;}
  .footer .site-record div {font-weight: 400;font-size: 10px;color: #FFFFFF;line-height: 14px;}

  /* 栏目背景图 */
  .column-bg{margin-top: 50px;}

  /* 面包屑 */
  .breadcrumbs{padding: 0 14px;height: 30px;background: #ffffff;}
  .breadcrumbs .box .location span,
  .breadcrumbs .box .location a{font-size: 12px !important;line-height: 16px !important;}

  /* 搜索 */
  .mobile-header .menu-mobile.over{display: none;}
  .mobile-header .search.over{background: url(../images/close-m.png);background-size: contain;width: 28px;height: 28px;}
  .mobile-header .seach-con1.on{display: block!important;box-sizing: border-box;padding: 0 12px;}
  .mobile-header .seach-con1{position: fixed;top: 50px;left: 0;width: 100%;height: 60px;background: #FFFFFF;border-radius: 0px 0px 4px 4px;}
  .mobile-header .search.over img{display: none;}
  .seach-con1 .search-form{width: inherit;height: inherit;display: flex;align-items: center;height: 36px;margin-top: 12px;
    border-radius: 2px;
    border: 1px solid #DDDDDD;}
  .seach-con1 .search-form .sousu{margin-left: 8px;}
  .seach-con1 .search-form .sousu img{width: 20px!important;}
  .seach-con1 .search-form .sousuo{width: 28px;margin-left: 16px;}
  .seach-con1 .search-form input{border: 0;padding-left: 12px;height: 32px;line-height: 32px;outline: none;flex:1;}
 
}
@media(min-width:750px) and (max-width:1280px){
  .w1280{
    width: auto !important;
  }
  .pc-header{display: none;}
  .mobile-header{padding: 14px 24px;height: 100px;display: flex;}
  .mobile-header .menu-mobile {background: url(../images/menu-m.png);width: 56px;height: 56px;}
  .mobile-header .menu-mobile.on {background: url(../images/close-m.png);}
  .mobile-header .logo{height: 60px;}
  .mobile-header .logo a img{object-fit: contain;width: 414px;height: 60px;}
  .mobile-header .menu{margin-left: 24px;}
  .mobile-header .empty{flex:1}
  .mobile-header .search.on{display: none;}
  .mobile-header .nav-page{position: fixed;top:100px;left: 0;background: #FFFFFF;z-index:999;width: 100vw;height: calc(100vh - 100px);display: none;}
  .mobile-header .nav-page.on{display: block;}
  .mobile-header .nav-page .nav-m{margin-top: 20px;}
  .mobile-header .nav-page .nav-m ul li{padding: 0 48px;font-weight: 400;font-size: 28px;color: #333333;letter-spacing: 3px;line-height: 120px;}
  .mobile-header .nav-page .nav-m ul li .sub-nav{padding-left: 108px;}
  .mobile-header .nav-page .nav-m ul li .sub-nav a{line-height: 120px;}
  .mobile-header .nav-page .nav-m ul li .has-icon::after{top:55px}


    /* 页脚 */
  .footer .site-box {padding: 28px;align-items: flex-start;}
  .footer .site-box .site-logo{display: none;}
  .footer .site-box .site-address{margin-left: 0px;font-size: 24px;}
  .footer .site-box .site-gzh{display: flex;align-items: flex-start;}
  .footer .site-box .site-gzh div{display: none;}
  .footer .site-box .site-gzh .gzh-icon{display: block;margin-right: 20px;width: 24px;}
  .footer .site-box .site-gzh .gzh{width: 120px;height: 120px;}
  .footer .site-record {padding: 28px;}
  .footer .site-record div {font-weight: 400;font-size: 20px;color: #FFFFFF;line-height: 28px;}

  /* 栏目背景图 */
  .column-bg{margin-top: 100px;}

  /* 面包屑 */
  .breadcrumbs{padding: 0 28px;height: 60px;background: #ffffff;}
  .breadcrumbs .box .location span,
  .breadcrumbs .box .location a{font-size: 24px !important;line-height: 33px !important;}

    /* 搜索 */
    .mobile-header .menu-mobile.over{display: none;}
    .mobile-header .search.over{background: url(../images/close-m.png);background-size: contain;width: 56px;height: 56px;}
    .mobile-header .seach-con1.on{display: block!important;box-sizing: border-box;padding: 0 24px;}
    .mobile-header .seach-con1{position: fixed;top: 100px;left: 0;width: 100%;height: 120px;background: #FFFFFF;border-radius: 0px 0px 8px 8px;}
    .mobile-header .search.over img{display: none;}
    .seach-con1 .search-form{width: inherit;height: inherit;display: flex;align-items: center;margin-top: 24px;height: 72px;border-radius: 4px; border: 2px solid #DDDDDD;}
    .seach-con1 .search-form .sousu{margin-left: 16px;}
    .seach-con1 .search-form .sousu img{width: 40px!important;}
    .seach-con1 .search-form .sousuo{width: 56px;margin-left: 32px;}
    .seach-con1 .search-form input{border: 0;padding-left: 24px;height: 64px;line-height: 64px;outline: none;flex:1;}
}