@charset "utf-8";  
@font-face {font-family: "ruisong";src: url('../fonts/ruisong.otf') format('truetype');}
@font-face {font-family: "dotuch";src: url('../fonts/Dutch801BT-Roman.otf') format('truetype');}
@font-face {font-family: "HarmonyOS_Sans_Bold";src: url('../fonts/HarmonyOS_Sans_Bold.ttf') format('truetype');} 
@font-face {font-family: "HarmonyOS_Sans_SC_Light";src: url('../fonts/HarmonyOS_Sans_SC_Light.ttf') format('truetype');} 
@font-face {font-family: "HarmonyOS_Sans_SC_Regular";src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');} 
@font-face {font-family: "HarmonyOS_Sans_SC_Black";src: url('../fonts/HarmonyOS_Sans_SC_Black.ttf') format('truetype');} 
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,button,th,td,figure,figcaption {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: none;}
input,select,textarea{outline:none;}
ul li{list-style: none;}
a {text-decoration: none;cursor: pointer;color:inherit;font-size: inherit;}
a:hover,a:active,a:focus{text-decoration: none;color:inherit;}

body {width: 100%;  font-family:'HarmonyOS_Sans_SC_Regular';-webkit-text-size-adjust: none;overflow-x: hidden;}
html,body{color:#000; background: #fff;}
html {outline: 0;-webkit-text-size-adjust: none; font-size: 0.85vw;}
em{font-style:normal;color:#ff4b4c;}
.fl {float: left;}/*左浮动*/
.fr {float: right;}/* 右浮动*/
.tal{text-align: left;}
.tac{text-align:center;}
.tar{text-align:right;}
.clear {clear: both;}/*清除浮动*/
.clearfix:after{clear:both;display: block;content: '';}/*清除浮动*/
.flexbox{display: flex;}

.nav212 ul {
  width: 100%; text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav212 ul li {
  list-style: none; line-height: 2em; padding: 35px 0
}
.nav212 ul li a {
  display: block;
  padding: 0 14px;
  line-height: 1; font-size: 24px; color: #fff;
}
.nav212{ position: fixed; top: 0px; z-index: 999999; width: 100%; background: rgba(216,165,108,0.85); display: flex;
  align-items: center; /* ✅ 垂直居中核心 */
  height: 0; overflow: hidden; transition: all 0.5s}
.nav212 li{display: block;}
.nav212.open{height: 100%}


.header.notop{position: fixed; top:0; left: 0; width: 100%; background: #fff; z-index: 1000000;}
.logo img{}
.header{padding: 0px 0; border-bottom: solid 4px #cdc6b8; overflow: hidden; position: relative;     display: flex;
    justify-content:space-between; transition: all 0.5s}
.container{width: 1600px}
.container2{ width: 1360px;}
.logo{float: left; padding: 0px 0 0px 3.5vw;}
.nav li.search:after{display: none}
.nav{ position: relative;}
.nav li a{font-size: 22px;}
.nav li{display: inline-block; padding: 32px 2.4vw; position: relative;}
.nav li:after{position: absolute; width: 1px; height: 1vw;  content: ""; display: block; position: absolute; left: 0;  top: 0; bottom: 0; margin: auto;}
.nav li:first-child:after{display: none;}
.nav .search{background: #000; position: inherit; width: 9.4vw;  text-align: center; height: 100%; }
.nav .search a{color: #fff; padding-right: 50px; display: inline-block; background: url(../images/search.svg) no-repeat right center; background-size: 36px;}
.search_input{position: absolute; right: 9.4vw; height: 100%; background: #000; overflow: hidden; width: 0; padding: 1.5vw 0; top: 0; transition: all 0.5s }
.search_input input{height: 100%; width: 100%; font-size: 1.5vw; font-family: "ruisong"; padding-bottom: 20px; background: none; border: 0; border-bottom: solid 2px #333; color: #fff}
.search2 .search_input{width: calc(100% - 11.4vw); padding-left: 56px;}
.shejiao img{width: 38px;}
.shejiao a{margin: 0px;}
.shejiao{text-align: left;}
.head_menu{display: flex; padding-right: 3.5vw;}
.head_menu a{font-size: 22px; padding: 32px; display: inline-block;}
.menu-button {
  
      float: right;
      padding: 15px;

      cursor: pointer;
      padding-top: 38px;
      -webkit-transition: 0.3s;
      transition: 0.3s;



      /*margin: 14px;
            border-radius: 5px;*/
    }

    .menu-button .bar:nth-of-type(1) {
      margin-top: 0px;
    }

    .menu-button .bar:nth-of-type(3) {
      margin-bottom: 0px;
    }

    .bar {
      position: relative;
      display: block;

      width: 24px;
      height: 3px; border-radius: 3px;

      margin: 5px auto;
      background-color: #000;

      border-radius: 10px;

      -webkit-transition: 0.3s;
      transition: 0.3s;
    }

    .menu-button:hover .bar:nth-of-type(1) {
      -webkit-transform: translateY(1.5px) rotate(-4.5deg);
      -ms-transform: translateY(1.5px) rotate(-4.5deg);
      transform: translateY(1.5px) rotate(-4.5deg);
    }

    .menu-button:hover .bar:nth-of-type(2) {
      opacity: 0.9;
    }

    .menu-button:hover .bar:nth-of-type(3) {
      -webkit-transform: translateY(-1.5px) rotate(4.5deg);
      -ms-transform: translateY(-1.5px) rotate(4.5deg);
      transform: translateY(-1.5px) rotate(4.5deg);
    }

    .cross .bar:nth-of-type(1) {
      -webkit-transform: translateY(15px) rotate(-45deg);
      -ms-transform: translateY(15px) rotate(-45deg);
      transform: translateY(15px) rotate(-45deg);
    }

    .cross .bar:nth-of-type(2) {
      opacity: 0;
    }

    .cross .bar:nth-of-type(3) {
      -webkit-transform: translateY(-15px) rotate(45deg);
      -ms-transform: translateY(-15px) rotate(45deg);
      transform: translateY(-15px) rotate(45deg);
    }

    .cross:hover .bar:nth-of-type(1) {
      -webkit-transform: translateY(13.5px) rotate(-40.5deg);
      -ms-transform: translateY(13.5px) rotate(-40.5deg);
      transform: translateY(13.5px) rotate(-40.5deg);
    }

    .cross:hover .bar:nth-of-type(2) {
      opacity: 0.1;
    }

    .cross:hover .bar:nth-of-type(3) {
      -webkit-transform: translateY(-13.5px) rotate(40.5deg);
      -ms-transform: translateY(-13.5px) rotate(40.5deg);
      transform: translateY(-13.5px) rotate(40.5deg);
    }


.follow a span{ position: absolute;  border-radius: 10px; bottom: 50px; left: 0}
.follow a span img{width: 0; height: 0; transition: all 0.5s}
.follow a {position: relative;}
.follow a:hover span{display: block; }
.follow a:hover span img{width: 94px; height: 94px;}

.goTop {
    position: fixed;
    right: 0px;
    bottom: 180px; z-index: 10;
}
.goTop a{width: 66px; height: 66px; font-family: "ruisong"; font-size: 22px; color: #fff; line-height: 66px; background: #000; display: block; margin-bottom: 15px; text-align: center; }
.goTop a img{width: 34px; }
footer{background: #000; padding: 1.76vw 0;}
.banquan{text-align: right; line-height: 38px;}
.banquan p{font-family: "HarmonyOS_Sans_SC_Light"; color: #949494}
.banquan p b{color: #fff}
.follow h3{font-size: 22px; color: #fff; margin-bottom: 20px;}
.follow h3 span{font-size: 20px; padding-left: 10px;}
.follow a{display: inline-block; margin-right: 5px;}
.follow a img{width: 30px;}
.follow input{background: #262526; height: 40px; border: 0; font-size: 18px; padding: 0 10px; width: calc(100% - 50px); font-family: "HarmonyOS_Sans_SC_Regular"; color: #fff; float: left;}
.follow form{height: 42px; overflow: hidden;}
.follow form img{    margin: 10px 10px 0 0;}

.img_k{position: relative;}
.img_k:before{content:""; display: block; width: 90px; height: 60px; background: url(../images/logo2.svg) no-repeat; background-size: 100%; position: absolute; top: 20px; left: 20px;}

.footer{background: #fff; border-top: solid 4px #d4ae7a; text-align: center; padding:10px 20px; font-size: 14px; color: #000}
#cd-navigation.open{display: block;}
.mobile{display: none !important}
.pc{display: block !important;}
@media (min-width:769px) {
	
}

@media (min-width:992px) {
	
}

@media (min-width:1200px) {
	
  	
}


@media (max-width:1920px) {
    

}

@media (max-width:1680px) {
	.banquan{font-size: 16px;}
	.follow h3{font-size: 16px;}
	.follow h3 span{font-size: 14px;}
	.follow a img{width: 20px;}
	.follow form img{width: 20px; height: auto;     margin: 6px 10px 0 0;}
	.follow input{width: calc(100% - 30px);}
	
    .nav li a{font-size: 24px;}
    .nav .search a{    line-height: 24px;    height: 24px;  padding-right: 30px;   background-size: 24px;}
    .nav .search{padding: 34px 0}
    .container{width: 1360px}
.container2{ width: 1360px;}
}
@media (max-width:1440px) {
    .container{width: 1200px}
    .container2{ width: 1200px;}
    .head_menu a,.nav li a{font-size: 16px;}
    
}   
@media(max-width:1199px){
	.container{width: 1200px}
.container2{ width: 1200px;}
	 
} 

@media(max-width:991px){  
    .container{width: 100%}
.container2{ width: 100%;}
    html{font-size: 18px;}
	.logo{padding: 15px}
	.logo img{height: 50px;}
	.nav ul{display: none}
	.nav-trigger{display: block;}
	#cd-navigation{}
	.nav li{display:block; text-align: center;}
  .nav212{top: 0px;}
	.nav .search{position: relative; width: 100%; padding: 30px 0; height: 100px;}
	.nav .search a{float: right;}
	.search .search_input{}
    .nav li:after{display: none}
    .mobile{display: block !important}
.pc{display: none !important;}
.shejiao{text-align: center;}
.banquan{text-align: center; margin-top: 15px;}
  .head_menu a,.nav li a{font-size: 20px;}
  .head_menu a{padding:0 15px; line-height:80px}
  .menu-button{padding-top:30px;}
}
@media(max-width:768px){  
	html {outline: 0;-webkit-text-size-adjust: none; font-size: 0.4vw;}
}