@charset "utf-8";  
@font-face {font-family: "ruisong";src: url('../fonts/ruisong.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');} 
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_Bold';-webkit-text-size-adjust: none;overflow-x: hidden;}
html,body{color:#000;}
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;}

.header.notop{position: fixed; top:0; left: 0; width: 100%; background: #f7f4f0; z-index: 100;}
.logo img{height: 3.9vw}
.header{padding: 0px 0; border-bottom: solid 1px #e9e6e2; overflow: hidden; position: relative;     display: flex;
    align-items: center; transition: all 0.5s}
.container{width: 100%; padding: 0 3.5vw;}
.logo{float: left; padding: 15px 0 15px 3.5vw;}
.nav li.search:after{display: none}
.nav{float: right; font-family: "ruisong"; width: 100%; text-align: right; position: relative;}
.nav li a{font-size: 36px;}
.nav li{display: inline-block; padding: 25px 2.4vw; position: relative;}
.nav li:after{position: absolute; width: 1px; height: 1vw; background: #000; 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; padding: 1.6vw 0; 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;}


.nav-trigger span, .nav-trigger span:before, .nav-trigger span:after {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: block;
    background: #000;
}
.nav-trigger {
        padding: 9px 15px; padding-top: 26px;
        margin-right: 0px;
        display: inline-block; display: none;
        float: right; position: fixed; right: 0; top: 0;
    }
.nav-trigger span {
        position: relative;
        width: 28px;
        height: 2px;
        margin-top: 19px;
    }

.nav-trigger span:before,.nav-trigger span:after {
        content: '';
        position: relative;
        width: 100%; display: block;
        height: 2px;
        left: 0;
    }
.nav-trigger span,.nav-trigger span:before,.nav-trigger span:after {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: block;
        background: #000;
    }
.nav-trigger span,.nav-trigger span:before,.nav-trigger span:after{background: #000;}
.nav-trigger span:before {
        top: 8px;
    }
.nav-trigger span:after {
        bottom: 10px;
    }
.nav-trigger.nav-open  span:before {
        top: 10px;
        -webkit-transform: translateY(-11px) rotate(-45deg);
        -moz-transform: translateY(-11px) rotate(-45deg);
        -ms-transform: translateY(-11px) rotate(-45deg);
        -o-transform: translateY(-11px) rotate(-45deg);
        transform: translateY(-11px) rotate(-45deg);
    }
.nav-trigger.nav-open  span:after {
        bottom: 12px;
        -webkit-transform: translateY(10px) rotate(45deg);
        -moz-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    }
.nav-trigger.nav-open  span {
        background: none;
    }
.nav-trigger.nav-open  span:before,.nav-trigger.nav-open  span:after {
        background: #000;
    }


.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{font-size: 22px; color: #fff; font-family: "HarmonyOS_Sans_SC_Regular"; line-height: 2em}
.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;}
@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}
}
@media (max-width:1440px) {
    
}   
@media(max-width:1199px){
	
	 
} 

@media(max-width:991px){  
    html{font-size: 18px;}
	.logo{padding: 15px}
	.logo img{height: 50px;}
	.nav ul{display: none}
	.nav-trigger{display: block;}
	#cd-navigation{position: fixed; top: 80px; width: 100%; left: 0; z-index: 100; background: rgba(255,255,255,0.8);}
	.nav li{display:block; text-align: center;}
	.nav .search{position: relative; width: 100%; padding: 30px 0; height: 100px;}
	.nav .search a{float: right;}
	.search .search_input{}
    .nav li:after{display: none}
}
@media(max-width:768px){  
	html {outline: 0;-webkit-text-size-adjust: none; font-size: 0.4vw;}
}