@charset"utf-8";
@import url(../layui/css/layui.css);
@import url(../swiper/swiper.min.css);
li{list-style:none}legend{color:#5A5A5A}fieldset,img{border:0}i,em{font-style:normal}ul{margin:0;padding:0}strong{font-weight:bold}caption,th{text-align:left}q:before,q:after{content:''}sup{vertical-align:super}sub{vertical-align:sub}del,ins{text-decoration:none}small{font-size:12px;display:block}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select{font-size:100%}input.hidefocus::-moz-focus-inner{border:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}table{border-collapse:collapse;border-spacing:0;empty-cells:show}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none}*{padding:0;margin:0;}a{text-decoration:none!important;-webkit-tap-highlight-color:transparent;outline:none}strong{font-weight:bold}ul{list-style:none}*html.clearfix{zoom:1}*+html.clearfix{zoom:1}.h1, .h2, .h3, h1, h2, h3{margin:0}

@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0I5nvwU.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@font-face {font-family: "iconfont";src: url('../css/iconfont.ttf') format('truetype');}
.iconfont {font-family: "iconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.iconfont.gongsi::before {content: "\e010";}
.iconfont.yuangong::before {content: "\e011";}
.iconfont.jishu::before {content: "\e012";}
.iconfont.zhuanjia::before {content: "\e013";}

.iconfont.facebook,.iconfont.pinterest,.iconfont.instagram,.iconfont.linkedIn{display:inline-block;text-align: center;font-size:25px;margin-right:15px;}


* {margin: 0;padding: 0;box-sizing: border-box;}
html{font-size:62.5%; /* 10÷16=62.5% */} body{font-size:16px;font-size:1.6rem ; line-height:2;font-family:'Roboto', sans-serif;color:#333;background:#fff;font-weight:400;}*{margin:0;padding:0}a{text-decoration:none;color:#333;}* html .clearfix{zoom:1}*+html .clearfix{zoom:1}.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both}
/* .contentfix{max-width:1300px;margin:0 auto;width:86%} */
.contentfix{padding-left: 20px;padding-right: 20px;}

h1,h2,h3{font-weight: 700;font-family: 'Inter',sans-serif;}

.flex{display:flex}

/*通用*/
h1{font-size:46px;font-weight:bold;color: #fff;}h2{font-size:36px;font-weight:bold}h3{font-size:26px;font-weight:bold}h4{font-size:20px;font-weight:bold}

/* header */
header{background-color: #000;padding: 10px 0;color: #fff;z-index: 9999999999;position: fixed;width: 100%;}
header ul{display: flex;flex-direction: row;justify-content: end;align-items: center;height: 60px;}
header ul li{padding: 0 15px;}
.head{display: flex;justify-content: space-between;align-items: center;}
.headlogo{width: 15%;}
.headlogo img{height: 60px;width: auto;}
.headnav{width: 70%;}
.head_btn{width: 240px;display: flex;align-items: center;justify-content: end;}
header .head_btn .qiehuan{
  width: 160px;
  height: 45px;
  color: #fff;
  background: #BB1818;
  border-radius: 5px;
  text-align: center;
  line-height: 45px;
  display: block;
}
header .head_btn .qiehuan a{color: #fff;}
.headnav a{color: #fff;}
#mobileMenuToggle{width:60px;background: none;border: none;right: 20px;position: absolute;}
#mobileMenuToggle i{color: #fff;font-size: 36px;}

/*header menu*/
.header.header_fix{position:fixed;display:block;top:0;left:0;width:100%;height:auto;margin:0 auto;z-index:999;border:0;outline:0;background:#fff;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}
.header .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content: space-between;}
.header-item-center img{border-radius:4px;}
.header-item-right .menu-icon .layui-icon{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;font-size: 2rem;}
.header .menu>ul>li .a_span{position:relative;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.header .menu>ul>li .menu-subs{position:absolute;width:100%;height:auto;margin-top:1.75rem;padding:1rem 2rem;border:0;outline:0;z-index:500;opacity:0;visibility:hidden;border-radius:.25rem;background:#fff;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.header .menu>ul>li .menu-subs>ul>li>a{display:inline-block;font-family:inherit;font-weight:500;padding:.75rem 0;border:0;outline:0;color:#121212;text-transform:capitalize;text-rendering:optimizeLegibility;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.header .menu>ul>li .menu-subs.menu-mega{left:0;}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li{display:block;}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a{display:inline-block;font-weight:500;padding:.5rem 0;border:0;outline:0;color:#121212;text-transform:capitalize;text-rendering:optimizeLegibility;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.header .menu>ul>li .menu-subs.menu-column-4{display:-webkit-box;display:-ms-flexbox;display:block;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1.25rem 1rem}
/*.header .menu>ul>li .menu-subs.menu-column-4>.list-item{padding:0 2.9%}*/
.header .menu>ul>li .menu-subs.menu-column-4.guanyuwomen-menu>.list-item{flex:0 0 11%;padding:0 5rem}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item>a{font-weight:bold;border:0;outline:0;display: block;;text-rendering:optimizeLegibility;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-bottom:1px solid #dfdfdf;}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center h4{text-align:center;font-weight: bold;padding:15px 0}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive{max-width:100%;width:100%;height:auto;margin-top:.75rem;-o-object-fit:cover;object-fit:cover;vertical-align:middle}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a:hover,.header .menu>ul>li .menu-subs>ul>li>a:hover{color:#212D45}
.header-item-right a:hover,.header .menu>ul>li:hover>a{color:#ffb923}
.menu-mobile-header,.menu-mobile-trigger{display:none}

/* footer */
.foot{background: #000;color: #fff;padding: 60px 60px;display: flex;flex-direction: row;}
.footlogo{margin-bottom:30px}
.footlogo img{width:50%}
.foot_lxwm{width: 30%;padding-right: 80px;}
.foot_lxwm a{color: #fff;}
.footnav{width: 70%;color: #fff;display: flex;}
.footnav h4{margin-bottom: 10px;}
.footnav a{color: #fff;}
.footnav a:hover{color: #BB1818;}
.footnav .footnavbox{display: flex;flex-direction: column;width: 25%;padding: 0 20px 0 20px;}
.footmessage{width: 100%;padding: 15px 60px;display: flex;flex-direction: row;justify-content: space-between;}



.banner{
  width: 100%;
  height: 700px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 80px;
}
.banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 700px;
  background: rgba(0, 0, 0, 0.35);
}
.banner_wz {
  z-index: 99;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}


/*about*/
.about .jianjie{height:700px}
.about .hengfu{background:url(http://en1.chinahighland.com/wp-content/themes/gaoyuan/images/aboutbj.webp)}
.about .hengfu i{font-size:60px;color:#BB1818}

/*pc端*/
@media screen and (min-width: 992px) {
.pcnone{display: none;}

/*header*/
.header-item-center{flex: auto;}.header nav .menu-section{display:flex;flex-wrap:wrap;align-content:center;}
.header .menu>ul>li.menu-item-has-children:hover .menu-subs{margin-top:16px;opacity:1;visibility:visible}.header .menu>ul>li .a_span i.ion{display: none;}
.header .menu>ul>li .menu-column-1{max-width:16rem;margin-left: -64px;text-align: center;}
.header .menu > ul > li.menu-item-has-children .menu-subs{background:#212D45}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item>a{color:#212d45;padding: 10px 20px;border:none;font-size:16px;font-weight:300}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item>a:hover{color:#fff;background:#212d45}
.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a{color:#212d45;font-weight:300;padding: 10px 20px;}

.menu-section {display: flex;list-style: none;color: #fff;font-size: 18px;}
.menu-section a {color: #fff;text-decoration: none;display: block;}
.menu-section a:hover {color: #ffb923;}
.menu-section > li {position: relative;padding: 10px;}

/* 二级菜单样式 */
.menu-item-has-children > .sub-menu {
  display: none;
  position: absolute;
  left:100%;
  top: 0;
  list-style: none;
  width: 290px;
  background: #f5f5f5;
  color: #212d45;
  font-size: 16px;
  font-weight: 300;
  padding: 0;
  z-index: 100;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);
}

.menu-subs .list-item{position:relative}

/* 三级菜单样式 */
.menu-item-has-children .sub-menu .sub-menu {
  display: none;
  position: absolute;
  left: 100%;
  top: 0; /* 改为与二级菜单顶部对齐 */
  list-style: none;
  width: 290px;
  background: #212d45;
  padding: 0;
  margin-left: 0;
  z-index: 101;
}

.sub-menu li {position: relative;}
.sub-menu a {color: #fff;padding: 10px 20px;width: 290px;display: block;box-sizing: border-box;}
.sub-menu a:hover {
  background: #212d45;
  color: #fff !important;
}

/* 确保悬停时显示菜单 */
.menu-item-has-children:hover > .sub-menu {display: block;}

}

/*移动端*/
@media screen and (max-width: 767px) {
h1{font-size:36px}
h2{font-size:24px;line-height:40px !important}
h3{font-size:20px}
h4{font-size:18px}
.ydnone{display:none}


/* footer */
.foot{flex-direction: column;padding: 40px 20px 20px 20px;}
.footlogo{width: 100%;margin-bottom: 20px;}
.foot_lxwm {width: 100%;padding-right: 0;margin-bottom: 20px;}
.footnav {width: 100%;flex-direction: column;}
.footnav .footnavbox{width: 100%;padding:0;margin-bottom: 20px;}
.footmessage{padding: 20px;flex-direction: column;}



}


/*平板端*/
@media screen and (min-width: 768px) and (max-width:991px) {
h1{font-size:46px}
h2{font-size:30px}
h3{font-size:22px}
h4{font-size:20px}
.padnone{display: none;}
.yewu_index .yewu_ul li{width: 48%;}

}



/*平板和电脑*/
@media only screen and (min-width:768px){
/*header*/
.header .menu > ul > li.menu-item-has-children .menu-subs{width: 220px;justify-content: center;padding:0;background:#F5F5F5;left:-50px}
.header .menu > ul > li.menu-item-has-children .menu-subs-zhai{padding:40px 10px;}
.header .menu > ul > li.menu-item-has-children .menu-subs.guanyuwomen-menu{padding: 65px 9%;width:82%;}


}


/*移动和平板*/
@media only screen and (max-width:991px){
/*header*/
.head_btn{position: absolute;right: 110px;}

.main-nav{display:none}
.header .ion{font-size: 2rem;}
.navbottom{border:none}
.header-item-center{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.header-item-left,.header-item-right{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.header-item-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 17%;flex:0 0 17%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.header .menu-mobile-trigger{position:relative;display:block;cursor:pointer;width:28px;height:16px;margin-top:35px;border:0;outline:0;margin-left:1.25rem;background:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.35s ease-in-out;-o-transition:.35s ease-in-out;transition:.35s ease-in-out}
.header .menu-mobile-trigger span{display:block;position:absolute;width:100%;height:2px;left:0;border:0;outline:0;opacity:1;border-radius:.25rem;background:#fff;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.header .menu-mobile-trigger span:nth-child(1){top:0}
.header .menu-mobile-trigger span:nth-child(2){top:7px}
.header .menu-mobile-trigger span:nth-child(3){bottom:0}
.header-item-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header-item-right .menu-icon .layui-icon{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;font-size: 2rem;}
.header .menu{position:fixed;top:0;left:0;width:32rem;height:100%;z-index:1099;overflow:hidden;background:#212D45;-webkit-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.header .menu.active{-webkit-transform:translate(0%);-ms-transform:translate(0%);transform:translate(0%)}
.header .menu>ul>li .a_span{display:block;line-height:3;padding:0 5rem 0 1rem;border-bottom:1px solid rgba(0,0,0,0.1)}
.header .menu>ul>li .a_span i.ion{position:absolute;top:0;right:0;width:5rem;height:5rem;text-align:center;line-height:4.6rem;}.header .menu > ul > li .a_span i.ion::before{color:#999;font-size: 1.4rem;}
.header .menu .menu-mobile-header{position:relative;position:-webkit-sticky;position:sticky;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;top:0;height:5rem;z-index:501;border-bottom:1px solid rgba(0,0,0,0.1);background:#212D45}
.header .menu .menu-mobile-header .menu-mobile-arrow{display:none;line-height:5rem;width:5rem;height:5rem;cursor:pointer;border-right:1px solid rgba(0,0,0,0.1);text-align:center}
.header .menu .menu-mobile-header.active .menu-mobile-arrow{display:block}
.header .menu .menu-mobile-header .menu-mobile-title{font-family:inherit;font-weight:500;line-height:inherit;text-transform:capitalize;text-rendering:optimizeLegibility}
.header .menu .menu-mobile-header .menu-mobile-close{cursor:pointer;width:5rem;height:5rem;border-left:1px solid rgba(0,0,0,0.1);text-align:center;color:#000}
.header .menu .menu-section{height:100%;overflow-y:auto;overflow-x:hidden}
.header .menu>ul>li .menu-subs{position:absolute;display:none;top:0;left:0;max-width:none;min-width:auto;width:100%;height:100%;margin:0;padding:1rem;padding-top:4rem;opacity:1;overflow-y:auto;visibility:visible;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);-webkit-box-shadow:none;box-shadow:none}
.header .menu>ul>li .menu-subs.menu-mega{position:absolute;display:none;top:0;left:0;max-width:none;min-width:auto;width:auto;height:100%;margin:0;padding:7.5rem 1rem 0;opacity:1;overflow-y:auto;visibility:visible;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);-webkit-box-shadow:none;box-shadow:none;width: 100%;background:#212D45}
.header .menu>ul>li .menu-subs.active{display:block;width:100%;}
.header .menu > ul > li.menu-item-has-children .menu-subs-zhai{padding:7.5rem 1rem 0;}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:0rem;background:#212D45;float:left;width: 100%;}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive{margin-top:0}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center .title{margin-bottom:1.25rem}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center:last-child .title{margin-bottom:0rem}
.header .menu>ul>li .menu-subs>ul>li>a{display:block}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul{margin-bottom:1rem}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a{display:block;color:#fff;font-weight: 300;}
.header .menu > ul > li .menu-subs.menu-column-4 > .list-item > a{color:#fff}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a:hover,.header .menu>ul>li .menu-subs>ul>li>a:hover{color:#fff}
.menu-section{display:block}
.menu-section > li{position:static}

.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1098;opacity:0;visibility:hidden;background:rgba(0,0,0,0.55);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.overlay.active{opacity:1;visibility:visible}
}