/* 清除默认样式 */
.navgationDiv{display:none;}
body, div, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, ol, img, table, form, input, button, textarea, select, option, a { padding: 0; margin: 0; font-family:'Source Han Sans CN' , 'Microsoft Yahei', arial; outline: none; font-size: 14px; box-sizing:border-box;}
img { border: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
table { border-collapse: collapse; }
a, a:active { color: #555; text-decoration: none; /*outline: none; */}
a:hover { outline: none; color: #B1814C; }
ul, dl, li, dd, dt, ol { list-style: none; }
input, select, img { vertical-align: middle; outline: none; }
body { -webkit-text-size-adjust: none; color: #555; width: 100%; background-color: #fff; }
html, body { width: 100%;  font-size: 14px; }
img { max-width: 100%; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; font-size: 0; height: 0; width: 100%; zoom: 1; line-height: 0; }
.clearfix:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}
.clearfix{zoom: 1;}
.w1200 {width:1200px;margin:0 auto;}
.none{display:none;}
.transform,a{-moz-transition: all 0.1s linear;  -webkit-transition: all 0.1s linear;  -o-transition: all 0.1s linear;  transition: all 0.1s linear;}

/*返回顶部*/
.goback{position:fixed;right:20px;top:80%;cursor:pointer;display:none;}
.goback img{width:40px;height:auto;}

/*确定按钮*/
.sure{
   float: right !important;
    background: #c9a15e !important;
    width: 50px !important;
    height: 30px !important;
    font-size: 14px !important;
    line-height: 30px !important;
    color: #fff !important;
    margin-left: 10px !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    margin-top:-5px !important;
}
.easysite-page-wrap a{margin: 0 6px !important;}

.header {position:fixed;top:0;left:0;z-index:99;width:100%;height:100px;background:#ffffff;border-bottom:1px solid #eeeeee;}
.header .log {float:left;margin:22px 0 0 45px;}
.header>.fr {height:100%;}
.header .nav {float: left;height: 100%;}
.header .nav>li {float:left;height: 100%;/* overflow: hidden; */position: relative;}
.header .nav .subnav {display:none;background: rgba(255,2555,2555,1);}
.header .nav .subnav li {float:left;margin-left: 10px;margin-right: 10px;}
.header .nav .subnav .hengxian{width:1px;height:auto;}
.header .nav .subnav .hengxian:last-child{display:none;}
.header .nav .subnav .hengxian img{margin-top:15px;}
/*.header .nav .subnav::after {content:"";position: absolute;top: -18px;left: 45px;width: 0;height: 0;border: 10px solid transparent;border-bottom-color: #ccc;}*/
.header .nav .subnav li a{display: block;width: 100%;text-align: center;line-height: 40px;font-weight: 500;}
.header .nav .subnav li a:hover,.header .nav .subnav li a.active {/* color: #ffffff; */}
.header .nav>li:hover .subnav{display: block;/* width: 1200px; */position: absolute;left: 0;top: 100px;z-index: 99;padding: 5px 10px 10px;}
.header .nav>li:hover>a {color:#b28247;}
.header .nav>li>a {padding: 0 20px;height: 100%;line-height: 100px;margin-right: 10px;display: inline-block;position: relative;/* font-weight:600; */font-size: 18px;color: #333333;font-weight: 500;}
.header .nav a:hover,.header .nav .active {color:#b28247;}
.header .nav .active:after {content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #b28247;}ve:after {content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #b28247;}
.header .search-box {margin-top:39px;margin-right: 30px;margin-left: 30px;}
.znwd {margin-top:36px;margin-right: 120px;display:none;}
.header .img-b {display:none;}
.header .img-h{display:block;}
.erji-yewu-phone{display:none;}
.bg-b {background:transparent;border: 0;}
.bg-b:hover {background:#ffffff;border:0;}
.bg-b:hover .nav a {color: #333333;}
.bg-b .img-h{display:none;}
.bg-b .img-b{display:block;}
.bg-b:hover .img-b {display:none;}
.bg-b:hover .img-h {display:block;}
.bg-b {background:transparent;border: 0;}
.bg-b:hover {background:#ffffff;border:0;}
.bg-b:hover .nav a {color: #333333;}
.bg-b .img-h{display:none;}
.bg-b .img-b{display:block;}
.bg-b:hover .img-b {display:none;}
.bg-b:hover .img-h {display:block;}
/*移动端导航按钮*/
.m-menu-btn {position: fixed;top: 0;right: 0;width: 50px;height: 50px;z-index: 9999;display:none;}
.m-menu-btn span {position: absolute;width: 25px;height: 3px;top: 50%;right: 15px;background-color: #ba7f17;transition-duration: .5s;}
.m-menu-btn span:first-child {margin-top: 8px;transition: margin .3s .3s, transform .3s;}
.m-menu-btn span:last-child {margin-top: -8px;transition: margin .3s .3s, transform .3s;}
.m-menu-btn.on span:first-child {margin-top: -0.02rem;transform: rotate(45deg);transition: margin .3s, transform .3s .3s;}
.m-menu-btn.on span:nth-child(2) {transform: scale(0);}
.m-menu-btn.on span:last-child {margin-top: -0.02rem;transform: rotate(-45deg);transition: margin .3s, transform .3s .3s;}


/*banner图片*/
.banner_box { width: 100%; height: auto; } 
.banner_box img { width: 100%; height: 350px;  }
.second-banner { position: relative;margin-top:100px; } 
.second-banner .banner_content { position: absolute; bottom: 25%; left: 50%;margin-left: -480px; } 
.second-banner .banner_content p.eng_con { font-size: 30px; font-weight: bold; color: rgba(255,255,255,0.6); line-height:60px;} 
.second-banner .banner_content p.eng_title { font-size: 24px; font-weight: 500; color: #B28247; }


@media screen and (max-width:1024px){
    .second-banner .banner_content{bottom: 20%;}
    .second-banner .banner_content p.eng_con{ font-size: 24px;line-height:30px; } 
    .second-banner .banner_content p.eng_title{ font-size: 18px; }
    .second-banner .banner_content{left: 5%;margin-left: 0;}
    .banner_box img{min-height: 250px;object-fit: fill;}
   .goback{display:none;}
}

@media screen and (max-width:1024px){
    .w1200 {width:90%;}
    /*header*/
     .header {height: 55px;}
    .header .fr {display: none;}
    .header .log {width: 220px; margin: 28px 0 0 15px;}
    .header .log {margin-top:12px;margin-left: 15px;}
    .m-menu-btn {display:block;}
    
    .banner-nav {wdith:100%;}
   /*移动端导航*/
  .erji-yewu-phone{position: fixed;top: 55px;left: 0;width: 100%;height: auto;background: #eee;opacity: .9;z-index: 1000;display: none;pointer-enents: auto;
   bottom: 0;overflow-y: scroll;overflow-x: hidden;}
  .head-erji-phone-li {width: 100%;line-height: 40px;text-align: left;border-bottom: 1px solid #ddd;position: relative;}
  .head-erji-phone-li a {display: block;padding-left: 20px; width: auto;font-size: 14px;}
  .head-erji-phone-li i {
    position: absolute;
    top:5px;
    right: 0px;
    border-left: 1px #ddd solid;
    height: 30px;
    padding: 0 20px;
  }
  .head-erji-phone-li .sp_nav_xjb svg {
    fill: #555;
    transform: rotate(-90deg);
    transition: all ease 0.35s;
  }
  .head-erji-phone-li i svg {
    width: 20px;
    height: 20px;
   margin-top:5px;
  }
  .head-sji-phone {
    display: none;
    width: 100%;
  }
 .head-sji-phone-li {
    width: 100%;
    height: auto;
    line-height: 40px;
    font-size: 12px;
    text-align: left;
    border-top: 1px solid #ddd;
    position: relative;
 }
 .head-sji-phone-li a {
    width: auto;
    padding-left: 30px;
    font-size: 12px;
    color: #333;
    display:block;
 }
  .head-erji-phone  .head-erji-phone-li .sjj_nav_i_se svg {
    fill: #c9141e;
 }
  .head-erji-phone  .head-erji-phone-li .sjj_nav_i_se svg {
    transform: rotate(0deg);
 }
}
@media screen and (min-width:1025px) and (max-width:1199px){
  .header .log {width: 25%;margin:32px 0 0 45px;}
  .header>.fr{width:60%;margin-left:8%;}
  .header .nav>li>a{padding:0 10px;font-size:14px;}
  .header .nav .subnav li{margin-left:3px;}
}

@media screen and (min-width:1200px){
    /*header*/
    .header .log {width: 400px; margin: 25px 0 0 15px;}
    .header .nav>li>a {padding: 0 6px;}
    .znwd {margin-right: 20px;}
    .header .search-box {margin-left: 20px;margin-right: 20px;}
    .header .nav .subnav li {margin-right:0;margin-left:5px;}
    .header .nav>li:hover .subnav{padding-left:0;}
}
@media screen and (min-width:1366px) {
    .header .nav>li>a {padding: 0 15px;}
    .znwd {margin-right: 20px;}
    .header .search-box {margin-left: 20px;margin-right: 20px;}
    .header .nav .subnav li {margin-right:0;}
    .header .nav>li:hover .subnav{padding-left:0;}
}

@media screen and (min-width:1921px){
    .w1200 {width:1200px;}
    /*header*/
    .header { height: 7%; padding: 0 5% 0 5%; box-sizing: border-box;}
    .header .log { width: 460px; margin: 15px 0 0 15px;  } 
    .header .log  img { width: 100%; height: 100%; object-fit: cover;} 
    .header .nav>li>a { font-size: 20px; }
    .header .nav .subnav li a { font-size: 16px; }
    .header .nav .subnav li {margin-left: 16px;margin-right: 10px;}
    .header .nav>li:hover .subnav{top:92px;}

    /*二级banner*/
    .second-banner{margin-top:92px;}
    .banner_box img{height:500px;}
    .second-banner .banner_content { margin-left: -600px; }
   .goback img{width:60px;}

}

@media screen and (min-width:3000px){
    .header .nav>li { margin-left: 0; } 
    .header>.fr { width: 60%; } 
    .header .nav { width: 80%; }
}


@media screen and (min-width:3840px) {
   

    .header {height: 200px;}
    .header .log {float:left;width:850px;margin: 44px 0 0 90px;}
    .header .log img {width:850px;height:auto;}
    .header .nav .subnav li {margin-left: 32px;margin-right: 20px;}
    .header .nav .subnav li a{line-height: 80px;font-size: 32px;}
    .header .nav>li:hover .subnav{top: 200px;padding: 10px 20px 20px;}
    .header .nav>li>a {padding: 0 40px;line-height: 200px;margin-right: 20px;font-size: 36px;}
    .header .search-box {margin-top: 74px;margin-right: 60px;margin-left: 60px;}
    .znwd {margin-top: 72px;margin-right: 140px;}
    .header .znwd img,.header .search-box img  {width:56px;}
}