/*字体*/
@font-face{font-family:'Roboto';src:url(../font/Roboto-Light.ttf);font-weight: 300;}
@font-face{font-family:'Roboto';src:url(../font/Roboto-Regular.ttf);font-weight: 400;}
@font-face{font-family:'Roboto';src:url(../font/Roboto-SemiBold.ttf);font-weight: bold;}
@font-face{font-family:'Oswald';src:url(../font/Oswald-Light.ttf);font-weight: 300;}
@font-face{font-family:'Oswald';src:url(../font/Oswald-Regular.ttf);font-weight: 400;}
@font-face{font-family:'Oswald';src:url(../font/Oswald-Bold.ttf);font-weight: bold;}
@font-face{font-family:'OswaldSemiBold';src:url(../font/Oswald-SemiBold.ttf);}
@font-face{font-family:'FloaneBold';src:url(../font/Floane-Bold.ttf);}
.Oswald{font-family:'Oswald';}
.OswaldSemiBold{font-family:'OswaldSemiBold';}
.FloaneBold{font-family:'FloaneBold';}
:root{--colormain:#000;}

html, body {position: relative;height: 100%;}
body{overflow-x: hidden;}
body.overflow-H{overflow-y: hidden;}
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
p{color:#000;}

/* Sections
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
	border-style: none;
}
.img img{
	object-fit: cover;
	max-width: 100%;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}
.textCenter{text-align: center;}
.textLeft{text-align: left;}
.textRight{text-align: right;}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
.textCenter{text-align: center;}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}

address,
cite,
dfn,
em,
var {
  font-style: normal;
}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

legend {color: #000;}

fieldset,img {border: 0;}

body,
button,
input,
select,
textarea {
  font: 400 14px / 1.5 "\5FAE\8F6F\96C5\9ED1", "Robotot";
  color: #000;
  font-size: 14px;
}
table {border-collapse: collapse;border-spacing: 0;}
ul,ol {list-style: none;}

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"] {
  cursor: pointer;}
  
a {color: inherit;color: expression(this.parentNode.currentStyle.color);text-decoration: none;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}

h2 {font-size: 32px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
h6 {font-size: 16px;}


.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.clearfix, .container:after,.row:after, ul {*zoom: 1;}
.clearfix:after, .container:after,.row:after, ul:after {content: " ";display: none;height: 0;clear: both;visibility: hidden;}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.container {margin-right: auto;margin-left: auto;}
.content img {max-width: 100%;}
.img img {width: 100%;}

.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}

.container{max-width: 1650px;padding: 0 70px;}
.colorF{color:#fff!important;}
.color0{color:#000!important;}
.color3{color:#333!important;}
.color6{color:#666!important;}
.color9{color:#999!important;}
.colorMain{color:var(--colormain);}
input,textarea{outline-color: var(--colormain)!important;}


/*显示行数*/
.hangNum1{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.hangNum2{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.hangNum3{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.hangNum4{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

@media screen and (max-width: 769px){.SJ{display: block!important;} .PC{display:none!important;}}
@media screen and (min-width: 769px){.PC{display: block!important;} .SJ{display: none!important;}}
@media screen and (min-width: 767px){.SJBlock{display: none!important;} .PCBlock{display: block!important;}}
@media screen and (max-width: 767px){.SJBlock{display: block!important;} .PCBlock{display: none!important;}}

.cz-center{align-items: center;align-content: center; display: flex;flex-wrap: wrap;}
.sp-center{justify-content: space-around;justify-items: center;display: flex;flex-wrap: wrap;align-items: center;}
.sb-center{justify-content: space-between;justify-items: space-between;display: flex;flex-wrap: wrap;align-items: center;}
.end-center{align-items: flex-end;align-content: flex-end;display: flex;flex-wrap: wrap;}
.cs-center{align-items: center;align-content: center;display: flex;justify-items: center;justify-content: center; height: 100%;flex-wrap: wrap;}


/* .content img{display: inline-block;width: inherit;} */
h1{font-family: "OswaldSemiBold";font-size: clamp(36px, 2.8vw, 51px);line-height: 1.35;margin: auto;}
.main_box{width: 100%;height: auto;padding: 200px 0;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;overflow: hidden;}
@media (min-width:1199px) and (max-width:1500px){
	.main_box{padding: 160px 0;}
}
@media (min-width:767px) and (max-width:1199px){
	.container{padding: 0 50px;}
	h1{font-size: clamp(26px, 4.2vw, 36px);}
	.main_box{padding: 130px 0;}
}
@media (min-width:767px) and (max-width:850px){
	.main_box{padding: 100px 0;}
}
@media screen and (max-width: 767px){
	h1{font-size: clamp(20px, 6vw, 24px);}
	.container{padding: 0 20px;}
	.main_box{padding: 60px 0;}
	
	.sf30{font-size: 30px!important;}
	.sf24{font-size: 24px!important;}
	.sf22{font-size: 22px!important;}
	.sf20{font-size: 20px!important;}
	.sf18{font-size: 18px!important;}
	.sf16{font-size: 16px!important;}
	.sf14{font-size: 14px!important;}
	
}

/*图片*/
.imgD li img{transition: 0.5s;}
.imgD li>a:hover img,.imgD li>div:hover img{transform: scale(1.08);}
.tP{transition: 0.5s;}
.tP:hover{transform: scale(1.1);}
.tD img{transition: 0.5s;}
.tD:hover img{transform: scale(1.08);}
.img{font-size:0;-webkit-transform: translate3d(0, 0, 0);}

/*pc头部*/
.main{padding-top: 100px;}
header{position: fixed;height: auto;width: 100%;z-index: 999;background:#fff;}
#PCheader .container{max-width: 100%;padding:25px 40px 25px 40px;transition: 0.5s;}
#PCheader.boxShow{box-shadow: rgba(125, 138, 54, 0.13) 0px 0px 12px 0px;}
/* #PCheader.follow .container{padding-top: 20px;padding-bottom: 20px;} */
#PCheader .box1 .left{align-items: flex-end;width: calc(100% - 280px);max-width: 1418px;}
#PCheader .logo{max-width: 230px;width: 25%;}
#PCheader nav{width: 75%;padding-left: 12.2%;}
#PCheader nav ul{flex-wrap: nowrap;}
#PCheader nav li{height: -webkit-fill-available;display: flex;align-items: center;padding: 0 5.6%;}
#PCheader nav a{font-size: 24px;opacity: 0.63;transition: opacity 0.5s;}
#PCheader nav a:hover{opacity: 1;}
#PCheader nav .on a{font-size: 30px;font-weight: bold;opacity: 1;}
/* #PCheader .pub_Btn{margin-top: 10px;} */

@media (min-width: 1500px){
	#PCheader .container{padding:25px 143px 25px 60px;}
}
@media (min-width: 1199px) and (max-width: 1500px){
	#PCheader nav {padding-left: 9%;}
}
@media (min-width: 860px) and (max-width: 1199px){
	.main {padding-top: 80px;}
	#PCheader .container{padding: 15px 20px 15px 40px;}
	/* #PCheader.follow .container{padding-top: 10px;padding-bottom: 10px;} */
	#PCheader .logo {max-width: 190px;width: 30%;margin-bottom: 5px;}
	#PCheader nav {padding-left: 8%;width: 70%;}
	#PCheader nav a{font-size: 18px;}
	#PCheader nav .on a{font-size: 24px;}
}
@media (max-width: 860px) {
	.main {padding-top: 60px;}
}


/*sj头部*/
header .menu>p{justify-content: flex-end;}
.SJheader{background:#fff;box-shadow: rgba(125, 138, 54, 0.13) 0px 0px 12px 0px;height:60px;}
.SJheader .container {height: inherit;}
.SJheader #menu {background: url(../img/daohang.png) center center / contain no-repeat;width: 23px;height: 23px;}
.SJheader #menu.close {background: url(../img/closedaohang.png) center center / 90% no-repeat;}
.fathermenu .erji {display: none;}
.fathermenu li div {position: relative;}
.fathermenu li .app_menu_erji:before {content: "";border-top: 1px solid #000;border-left: 1px solid #000;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;transform: rotate(135deg);right: 15px;transition: 0.2s;}
.fathermenu li .iconb:before {transform: rotate(225deg) translateY(3px);border-color:var(--colormain);}
.fathermenu li.active .app_menu_erji:before {border-color:var(--colormain);}
.fathermenu li div,.fathermenu li a {color: #000;}
#app_menu {display: block;padding: 0px;top: 0;position: fixed;left: 0px;width: 100%;height: 0vh;overflow: hidden;z-index: -1;box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);transition: 0.3s ease-in-out;}
#app_menu .app_menu_block{background: #fff;min-height: 100%;top: 0;position: absolute;width: 100%;}
.fathermenu {margin-top: 100px;height: 75vh;overflow-y: auto;}
#app_menu ul li{padding: 0 50px;}
#app_menu ul li .app_menu_erji{padding: 15px 12px;width: 100%;}
#app_menu ul li>div a{display: block;padding: 20px 12px;}
#app_menu .app_menu_noerji:hover>*,#app_menu li.active .app_menu_erji,#app_menu .app_menu_noerji.on *,#app_menu li .app_menu_erji.active span{display: block;color: var(--colormain);font-weight: bold;}
#app_menu .iconb{color: var(--colormain);}
#app_menu ul li:not(:last-child) {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
#app_menu ul .sanji li {padding: 18px 12px;}
#app_menu.active {display: block;z-index: 99;height: 100vh;}
.erji>li {border-bottom: none !important;padding-bottom: 10px!important;margin-top: -5px!important;}
.erji li a{padding: 15px 8px!important;}

@media screen and (max-width: 860px){
	#PCheader{display:none;}
	.SJheader{display:block!important;}
	.SJheader #logo{width: 35%;max-width: 125px;}
	.SJheader .box1{width: 85%;flex-wrap: nowrap;}
	.SJheader .tel{padding-left: 7%;border-left: 2px solid #EBEBEB;margin-left: 7%;}
	.SJheader .tel *{color: #fff;line-height: 1.18;font-size: 20px;}
	.SJheader .tel p{font-size: 13px;}
}
@media screen and (max-width: 767px){
	.SJheader .tel *{font-size: 4.3vw;white-space: nowrap;}
	#app_menu ul li{padding: 0 15px;}
}

/*底部*/

/*内页banner*/
#ny_banner{position: relative;}
#ny_banner .box1{width: 100%;position: absolute;left: 0;top: 132px;z-index: 2;}
#ny_banner .box1 .title{font-size: clamp(32px, 5vw, 80px);font-weight: 300;text-align: center;color: #fff;}
#ny_banner .bj_img img{min-height: 530px;}
@media (min-width: 1199px) and (max-width: 1500px){
	#ny_banner .box1{top: 13%;}
}
@media (min-width: 768px) and (max-width: 1199px){
	#ny_banner .box1{top: 13%;}
	#ny_banner .bj_img img{min-height: 430px;}
}
@media (max-width: 767px){
	#ny_banner .box1{top: 45px;}
	#ny_banner .bj_img img {/* min-height: 350px; */min-height: 280px;}
}

/*按钮*/
.pub_Btn a{background: linear-gradient(0deg, #E1A049 0%, #F6E3B4 47%, #EEBC7B 100%);border-radius: 11px;font-family: "Oswald";font-weight: bold;font-size: 29px;transition: 0.5s;text-align: center;padding:2px 15px 6px 15px;box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.3);display: inline-block;width: 179px;}
.pub_Btn a:hover{transform: scale(1.03);}
@media (min-width: 1199px) and (max-width: 1500px){
	.pub_Btn{transform: scale(0.9);}
	.pub_Btn a{font-size: 27px;}
}
@media (min-width: 860px) and (max-width: 1199px){
	.pub_Btn{transform: scale(0.75);}
}
@media (max-width: 860px){
	.pub_Btn{transform: scale(0.55);}
}

/*轮播点*/
main .swiper-pagination{position: relative!important;margin-top: 35px;bottom: 0;}
main .swiper-pagination span{width: 8px;height: 8px;margin: 0 8px;transition: 0.5s;background: transparent;border-radius: 50%;opacity: 1;border:1px solid #fff}
main .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
@media (min-width: 768px) and (max-width: 1199px){
	main .swiper-pagination span{width: 8px;height: 8px;margin: 0 3px;}
}
@media (max-width: 768px){
	main .swiper-pagination{margin-top: 30px;}
	main .swiper-pagination span{width: 8px;height: 8px;margin: 0 3px;}
}