/* @font-face{font-family:'siyuansongti-Regular';src:url(../font/思源宋体-Regular.otf); */}

html, body {position: relative;height: 100%;}
body{overflow-x: hidden;}
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* 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 {
  font-size: 2em;
  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: 14px/1.5 "\5FAE\8F6F\96C5\9ED1", "arial";
  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;}

h1 {font-size: 36px;}
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;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f28 {font-size: 28px;}
.f30 {font-size: 30px;}
.f32 {font-size: 32px;}
.f34 {font-size: 34px;}
.f36 {font-size: 36px;}
.f38 {font-size: 38px;}
.f40 {font-size: 40px;}
.f42 {font-size: 42px;}
.f44 {font-size: 44px;}
.f46 {font-size: 46px;}
.f48 {font-size: 48px;}
.f50 {font-size: 50px;}

.container{max-width: 1660px;padding: 0 40px;}
.colorF{color:#fff!important;}
.color0{color:#000!important;}
.color3{color:#333!important;}
.color6{color:#666!important;}
.color9{color:#999!important;}
.colorMain{color:#003870!important;}
input,textarea{outline-color: #003870!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;}}

.display-flex{display: flex;flex-wrap: wrap;}
.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;}
p{color:#000;}

/* .content img{display: inline-block;width: inherit;} */
#box-1,#box-2,#box-3,#box-4,#box-5,#box-6,#box-7{width: 100%;height: auto;padding: 155px 0;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;}
@media (min-width:767px) and (max-width:1199px){
	#box-1,#box-2,#box-3,#box-4,#box-5,#box-6,#box-7{padding: 85px 0;}
}
/*手机*/
@media screen and (max-width: 767px){
	.container{padding: 0 20px;}
	#box-1,#box-2,#box-3,#box-4,#box-5,#box-6,#box-7{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,.imgD .zz-loop-item img{transition: 0.5s;}
.imgD li>*:hover img,.imgD .zz-loop-item>*:hover img{transform: scale(1.1);}
.tP{transition: 0.5s;}
.tP:hover{transform: scale(1.1);}
.tD img{transition: 0.5s;}
.tD:hover img{transform: scale(1.1);}
.img{font-size:0;-webkit-transform: translate3d(0, 0, 0);}


.main{background: #fff;}
/*头部*/
header{position: fixed;height: auto;width: 100%;z-index: 999;}
.PCheader{background: rgba(0, 0, 0, 0);padding-top: 50px;}
.PCheader .content{border-radius:50px;position: relative;}
.PCheader .content>div{width: 83%;margin: 0 0px 0 20px;align-items: stretch;}
.PCheader>div>div{box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.08);background: #fff;border: 5px solid #f34705;}
.PCheader .PClogo{padding: 11px 0px 11px 0px;max-width: 260px;width: 22%;margin: auto;}
.PCheader .dh{width: 35%;max-width: 840px;}
.PCheader .dh>ul{width: 100%;align-items: stretch;height: 100%;}
.PCheader .dh>ul>li{position: relative;margin: auto;}
.PCheader .dh>ul>li>div>a{font-size: 20px;color: #040000;display: block;padding: 30px 10px;}
.PCheader .dh>ul>li:hover>div>a, .PCheader .dh>ul>li.on>div>a{color: #E72423;}
.PCheader .dh>ul>li::before {pointer-events: none;content: "";background: url(../picture/dh_banyuan.png) no-repeat center top;background-size: 100% 0px;width: 100%;height: 100%;position: absolute;bottom: -90px;right: 0;z-index: 1;/* opacity: 0; */transition: 0.7s;}
.PCheader .dh>ul>li:hover::before,.PCheader .dh>ul>li.on::before{background-size: 100% 15px;opacity: 1;}
.PCheader .dh>ul>li::after {pointer-events: none;content: "";background: url(../img/butimg2.png) no-repeat center top; background-size: contain;width: 14px;height: 14px;position: absolute;bottom: 5px;left: calc(50% - 7px);z-index: 1;opacity: 0;transition: 0.7s;}
.PCheader .dh>ul>li:hover::after, .PCheader .dh>ul>li.on::after{opacity: 1;}
.PCheader .tel{position: absolute;right: 1%;height:82%;top: 9%;}
.PCheader .tel .img,.PCheader .tel .img img{height: 100%;}
.PCheader .tel .title{position: absolute;width: max-content;background: #ffffff;padding: 8px 35px;border-radius: 27px;top: 140%;right: 0;font-size: 22px;color: #E72423;font-weight: bold;letter-spacing: 1px;box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.08);opacity: 0;visibility: hidden;transform: scale(0.8);transition: 0.5s;}
.PCheader .tel .title::after{content: '';background: url(../picture/tel_jt.png) no-repeat center top;background-size: contain;width: 32%;height: 32%;right: 8%;position: absolute;top: -29%;}
.PCheader .tel:hover .title{opacity: 1;visibility: visible;transform: scale(1);}

@media (min-width:850px) and (max-width:1199px){
	.PCheader .PClogo {padding: 10px 0px 10px 12px;}
	.PCheader .PClogo a{width: 150px;}
	.PCheader .dh {width: 36%;}
	.PCheader .dh>ul>li>div>a{font-size: 16px;padding: 22px 10px;}
	.PCheader .dh>ul>li::before{bottom: -65px;}
	.PCheader .dh>ul>li::after {width: 12px;height: 12px;bottom: 3px;left: calc(50% - 6px);}
	.PCheader .tel {height: 4.7vw;width: 4.7vw;top: 15%;}
	.PCheader .tel .img, .PCheader .tel .img img {height: auto;}
	.PCheader .tel .title{font-size: 18px;top: 148%;padding: 5px 20px;letter-spacing: 0px;}
}

/*sj头部*/
header .menu>p{justify-content: flex-end;}
.sjheader{background:#fff;box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 12px 0px;}
.sjheader #menu {width: 20%;text-align: right;}
.sjheader .container {height: inherit;}
.xz{width: 35px !important;filter: invert(1);}
.close {content: url(../picture/closedaohang.png);width: 22px !important;padding-right: 4px;filter: none;}
.fathermenu .erji {display: none;}
.fathermenu li div {position: relative;}
.fathermenu li .app_menu_erji:before {content: "";border-top: 2px solid #000;border-left: 2px solid #000;box-sizing: content-box;display: block;width: 6px;height: 6px;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:#fff;}
.fathermenu li.on .app_menu_erji:before{border-color:#fff;}
.fathermenu li div,
.fathermenu li a {color: #000;}
#app_menu {display: block;padding: 0px;top: 0;position: fixed;right: 0px;/* transform: translate3d(70%, 0, 0); */background: rgba(0,0,0,0.5);transform: translate3d(100%, 0, 0);width: 100%;height: 100vh;overflow-y: auto;z-index: -1;}
#app_menu .app_menu_block{margin-left: 30%;background: #fff;min-height: 100%;top: 0;position: absolute;width: 70%;}
.fathermenu {padding: 0 20px;margin-top: 45%;}
#app_menu ul li .app_menu_erji{padding: 20px 12px;width: 100%;}
#app_menu ul li>div a{display: block;padding: 20px 12px;}
#app_menu .app_menu_noerji:hover>*,#app_menu li.on .app_menu_erji,#app_menu li .app_menu_noerji.on>*,#app_menu li .app_menu_erji.on{display: block;color: #fff;background: #E72423;}
#app_menu .iconb{color: #fff;background: #E72423;}
#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 {transform: translate3d(0px, 0, 0) !important;transition: all 0.2s ease-in-out;display: block !important;z-index: 99 !important;}
.app_menu.show {transform: translate3d(100%, 0, 0) !important;transition: all 0.2s ease-in-out;}
.erji li {border-bottom: none !important;}
.sanji li a {font-size: 14px;}

@media screen and (max-width: 850px){
	.PCheader{display:none!important;}
	.sjheader{height:72px;display:block!important;}
	.sjheader #logo{width: 80%;}
	.sjheader #logo img{width: 45%;max-width: 170px;}
	.sjheader #menu{width: 20%;text-align: right;}
}

/*底部*/
footer {position: relative;z-index: 2;overflow: hidden;background: url(../picture/footer_bj.png) no-repeat center top;background-size: cover;padding-top: 190px;}
footer *{color: #fff;}
footer .container{max-width: 1660px;}
footer .box1 .footer_logo{width: 18%;max-width: 260px;}
footer .box1 .footer_dh{width: 54%;}
footer .box1 .footer_dh a{font-size: 18px;font-weight: bold;}
footer .box2{padding-top: 70px;align-items: flex-start;}
footer .box2 .content .title{font-size: 28px;}
footer .box2 .content .footer_tel{font-size: 43px;font-weight: bold;line-height: 1.3;}
footer .box2 .footer_lxfs{padding-top: 40px;}
footer .box2 .footer_lxfs ul{margin: 0 -12px;}
footer .box2 .footer_lxfs li{width: 52px;margin:0 12px;position: relative;}
footer .box2 .footer_lxfs li .img1{position: absolute;width: 220%;left: -55%;top: -165%;opacity: 0;visibility: hidden;transform: scale(0);transition: 0.5s;}
footer .box2 .footer_lxfs li:hover .img1{opacity: 1;visibility: visible;transform: scale(1);}
footer .box2 .footer_lxfs li p{font-size: 12px;text-align: center;padding-top: 5px;}
footer .box2 .footer_address .img{width: 32px;margin-right: 13px;}
footer .box2 .footer_address .title div{font-size: 18px;}
footer .box2 .footer_address .title p{font-size: 22px;}
footer .box2 .erweima{width: 14%;max-width: 197px;}
footer .box2 .erweima p{font-size: 20px;text-align: center;padding-top: 5px;}
footer .box3{border-top: 1px solid rgba(255,255,255,0.3);margin-top: 105px;padding: 18px 0;font-size: 16px;}
footer .copyright span{padding-right: 40px;}

@media (min-width:1199px) and (max-width:1500px){
	footer .box2{padding-top: 130px;}
	footer .box3{margin-top: 90px;}
}
@media (min-width:767px) and (max-width:1199px){
	footer{padding-top: 140px;}
	footer .box1 .footer_logo{width: 21%;}
	footer .box1 .footer_dh {width: 58%;}
	footer .box1 .footer_dh a {font-size: 17px;}
	footer .box2{padding-top: 100px;}
	footer .box2 .content .title {font-size: 20px;}
	footer .box2 .content .footer_tel{font-size: 34px;}
	footer .box2 .footer_lxfs {padding-top: 30px;}
	footer .box2 .footer_lxfs li {width: 48px;}
	footer .box2 .footer_address .img{width: 28px;margin-right: 10px;}
	footer .box2 .footer_address .title div{font-size: 16px;}
	footer .box2 .footer_address .title p{font-size: 20px;}
	footer .box2 .erweima p {font-size: 15px;}
	footer .box3{margin-top: 50px;}
	footer .copyright span {padding-right: 18px;}
	
}
@media (max-width:850px){
	footer .box1 .footer_dh {width: 65%;}
	footer .box2 .erweima {width: 16%;}
	footer .box3{justify-content: center;}
}
@media (max-width:767px){
	footer{padding-top: 75px;background: url(../picture/footer_bj_sj.png) no-repeat center top;background-size: cover;}
	footer .box1{display: none;}
	footer .box2{padding-top: 0px;}
	footer .box2 .footer_lxfs,footer .box2 .footer_address{width: 100%;}
	footer .box2 .content{width: 100%;text-align: center;}
	footer .box2 .content .title {font-size: 18px;}
	footer .box2 .content .footer_tel{font-size: 32px;}
	footer .box2 .footer_address{justify-content: center;text-align: center;}
	footer .box2 .footer_address .img{display: none;}
	footer .box2 .footer_address .title div{font-size: 15px;}
	footer .box2 .footer_address .title p {font-size: 18px;}
	footer .box2 .footer_lxfs{padding-top: 30px;}
	footer .box2 .footer_lxfs ul{justify-content: center;}
	footer .box2 .footer_lxfs li{width: 50px;}
	footer .box2 .erweima{margin:30px auto;width: 36%;}
	footer .box2 .erweima p{font-size: 15px;}
	footer .box3{margin-top: 30px;text-align: center;font-size: 12px;line-height: 1.2;}
	footer .box3 .yqlj{padding-bottom: 12px;margin: auto;}
	footer .copyright span {padding-right: 10px;}
}

/*内页banner*/
.ny_main .container{height: 100%;max-width: 1570px;}
.ny_main #box-1{padding-top: 50px;}

#ny_banner{height: 100vh;position: relative;}
#ny_banner .bannerImg{position: absolute;width: 100%;height: 100%;}
#ny_banner .bannerImg p,#ny_banner .bannerImg img{width: 100%;height: 100%;object-fit: cover;}
#ny_banner .content>div{margin-top: 21.5vh;z-index: 2;position: relative;}
#ny_banner .content .img{width: 26px;margin:25px auto;}
#ny_banner .content .title{font-size: 90px;font-weight: bold;color: #fff;line-height: 1.35;}
#ny_banner .content .ftitle{font-size: 22px;font-weight: bold;color: #fff;}
#ny_banner .content span{width: 2px;height: 65px;background: rgba(255, 255, 255, 0.2);margin: 45px auto 55px auto;position: relative;overflow: hidden;display: block;}
#ny_banner .content span::after{content: '';width: 100%;height: 100%;background: #fff;position: absolute;left: 0;animation: topBottom0 2s infinite ease-in-out;}
@keyframes topBottom0 {0% {top: -100%;}100% {top:100%;}}
#ny_banner .ny_banner_bottom{position: absolute;width: 100%;bottom: 0px;}
#ny_banner .ny_banner_bottom img{width: 100%;object-fit: cover;}
@media (min-width:1199px) and (max-width:1500px){
}
@media (min-width:767px) and (max-width:1199px){
	#ny_banner{height: 700px;}
	.ny_main #box-1{padding-top: 40px;}
	#ny_banner .content>div {margin-top: 18.5vh;}
	#ny_banner .content .title{font-size: 68px;}
	#ny_banner .content .ftitle{font-size: 18px;}
	#ny_banner .content span{height: 50px;margin: 35px auto 45px auto;}
}
@media (max-width:767px){
	.ny_main{padding-top: 55px;}
	.ny_main #box-1{padding-top: 45px;}
	#ny_banner{height: 400px;}
	#ny_banner .content>div {margin-top: 7.5vh;}
	#ny_banner .content .title{font-size: 46px;}
	#ny_banner .content .ftitle{font-size: 16px;}
	#ny_banner .content span{height: 33px;margin: 20px auto 20px auto;}
}

/*提示*/
#tipDown{text-align: center;}
#tipDown div{width: 32px;height: 50px;display: inline-block;margin: auto;border: 1px solid #fff;border-radius: 30px;position: relative;}
#tipDown div::after{content: '';width: 1px;height: 10px;background: #fff;position: absolute;left: 50%;top: 10px;animation: tipDown1 2s infinite linear;}
#tipDown p{font-size: 14px;color: #fff;}
@keyframes tipDown1{
  0% {transform: translateY(0px);}
  50% {transform: translateY(8px);}
  100% {transform: translateY(0px);}
}

@media (min-width:767px) and (max-width:1199px){
	#tipDown div{width: 26px;height: 43px;}
}
@media (max-width:767px){
	#tipDown div{width: 16px;height: 27px;}
	#tipDown div::after{height: 6px;top: 5px;}
	#tipDown p {font-size: 12px;}
}
/*轮播点*/
.swiper-pagination{position: relative!important;bottom: 0px!important;margin-top: 35px;}
.swiper-pagination span{width: 12px;height: 12px;background: #fff;margin: 0 4px!important;}
.swiper-pagination .swiper-pagination-bullet-active{width: 30px;border-radius: 5px;transition:width 0.5s;}
@media (min-width:767px) and (max-width:1199px){
	.swiper-pagination span{width: 9px;height: 9px;margin: 0 3px!important;}
	.swiper-pagination .swiper-pagination-bullet-active{width: 25px;}
}
@media (max-width:767px){
	.swiper-pagination span{width: 8px;height: 8px;margin: 0 3px!important;}
	.swiper-pagination .swiper-pagination-bullet-active{width: 20px;}
	.swiper-pagination{margin-top: 30px!important;width: 100%;}
}

/*标题*/
.pub_title .img{width: 18%;margin: auto;max-width: 240px;}
.pub_title2 .img{width: 22%;margin: auto;max-width: 296px;}
.pub_title3 .img{width: 26%;margin: auto;max-width: 355px;}
@media (min-width:767px) and (max-width:1199px){
	.pub_title .img {width: 22%;max-width: 170px;}
	.pub_title2 .img {width: 27%;max-width: 215px;}
	.pub_title3 .img{width: 32%;max-width: 260px;}
}
@media (max-width:767px){
	.pub_title .img {width: 38%;}
	.pub_title2 .img{width: 47%;}
	.pub_title3 .img{width: 56%;}
}

/*按钮*/
.pub_Btn {position: relative;z-index: 1;overflow: hidden;display: inline-flex;justify-content: center;align-items: center;padding: 18px 70px 18px 40px;background-color: #E72423;border: 2px solid #E72423;border-radius: 4rem;transition: background-color .4s ease-out,border-color .4s ease-out}
.pub_Btn ._circle {position: absolute;top: 50%;left: 0;display: inline-block;padding-top: 100%;width: 100%;height: 0;transform: translateY(-50%)}
.pub_Btn ._circle::before {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background-color: #fff;border-radius: 50%;transform: scale(0);transition: transform .4s ease-out;content: ""}
.pub_Btn ._label {position: relative;font-size: 20px;line-height: 1.15;color: #fff;transition: color .4s ease-out}
.pub_Btn ._icon {position: absolute;top: 50%;right: 0.5rem;display: inline-flex;justify-content: center;align-items: center;width: 2.5rem;height: 2.5rem;transform: translateY(-50%)}
.pub_Btn ._icon::after,.pub_Btn ._icon::before {position: absolute;top: 50%;left: 50%;display: inline-block;width: 100%;height: 100%;background-color: rgba(255,255,255,.2);border-radius: 50%;transform: translate(-50%,-50%) scale(.7);transition: transform .4s ease-out,background-color .4s ease-out;content: ""}
.pub_Btn ._icon::after {background-color: #fff;transform: translate(-50%,-50%) scale(.2)}
.pub_Btn ._icon .c-svg {position: relative;z-index: 1;width: 1.6rem;opacity: 0;transition: opacity .4s ease-out;animation: kv-link-arrow-normal .4s ease-out 0s 1 normal both}

@keyframes kv-link-arrow-normal {
    to {transform: translateX(150%) scaleY(.1)}
}
/* @media (hover: hover) { */
    .pub_Btn:hover ._circle::before {transform:scale(1)}
    .pub_Btn:hover ._label {color: #E72423}
    .pub_Btn:hover ._icon::before {transform: translate(-50%,-50%) scale(0)}
    .pub_Btn:hover ._icon::after {background-color: #E72423;transform: translate(-50%,-50%) scale(1)}
    .pub_Btn:hover ._icon .c-svg {opacity: 1;animation: kv-link-arrow-hover .4s ease-out .2s 1 normal both;}
    @keyframes kv-link-arrow-hover {
        from {transform: translateX(-150%) scaleY(.1)}
    }
/* } */
@media (min-width:767px) and (max-width:1199px){
	.pub_Btn {padding:14px 65px 14px 25px;transform: scale(0.9);}
	.pub_Btn ._label{font-size: 19px;}
}
@media only screen and (max-width: 767px) {
	.pub_Btn {padding:13px 55px 13px 25px;transform: scale(0.9);}
	.pub_Btn ._label{font-size: 18px;}
    .pub_Btn ._icon {right:.5rem;width: 2rem;height: 2rem;}
}

/*轮播按钮*/
.main .swiper-button-prev,.main .swiper-button-next{width: 68px;height: 68px;top:45%;}
.main .swiper-button-prev{background: url(../picture/ny_jtL1.png) no-repeat center top;background-size: contain;left: 30px;}
.main .swiper-button-next{background: url(../picture/ny_jtR1.png) no-repeat center top;background-size: contain;right: 30px;}
/* .main .swiper-button-prev:hover{background: url(../img/ny_jtL2.png) no-repeat center top;background-size: contain;}
.main .swiper-button-next:hover{background: url(../img/ny_jtR2.png) no-repeat center top;background-size: contain;} */
@media (min-width: 1199px) and (max-width: 1500px){
	.main .swiper-button-prev,.main .swiper-button-next{width: 60px;height: 60px;top:44%;}
}
@media (min-width: 767px) and (max-width: 1199px){
	.main .swiper-button-prev,.main .swiper-button-next{width: 52px;height: 52px;top:45%;}
}
@media (max-width: 767px){
	.main .swiper-button-prev,.main .swiper-button-next{width: 40px;height: 40px;}
	.main .swiper-button-prev{left: 15px;}
	.main .swiper-button-next{right: 15px;}
}

/*分页*/
.pagination{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-top: 40px;}
.pagination li {margin: 10px;}
.pagination li a{width: 65px;height: 45px;border-radius: 10%;display: flex;align-items: center;justify-content: center;color: #333;font-size: 18px;}
.pagination li.active a,.pagination li:hover a{background: #E72423;color: #fff;}
.pagination li:first-child a,.pagination li:last-child a{color: transparent;background: rgba(0, 0, 0, 0);}
.pagination li:first-child a{content: '';background: url(../picture/product_page.png) no-repeat center center;background-size: 25%;}
.pagination li:last-child a{content: '';background: url(../picture/product_page2.png) no-repeat center center;background-size: 25%;}
.pagination li:first-child.active,.pagination li:last-child.active{pointer-events: none;}
.pagination li.no a{cursor: not-allowed;}

@media (max-width: 767px){
	.pagination{margin-top: 35px;}
	.pagination li {margin: 5px;}
	.pagination li a{width: 65px;height: 30px;}
}


/*友情链接*/
footer .yqlj select {width: 140px;padding: 2px 10px;color: #fff;font-size: 14px;appearance: none;-moz-appearance: none;-webkit-appearance: none;border: none;background: url(../img/select.png) no-repeat right 13px center;background-size: 10px;border: 1px solid #fff;}
footer .yqlj select option{background:#e70707;}

@media (max-width:850px){
	footer .yqlj div{margin-top: 5px;justify-content: center;}
	footer .yqlj select{width: 125px;padding: 3px 30px 3px 10px;background: url(../img/select.png) no-repeat right 15px center;background-size:8px;font-size: 14px;}
}



/**/
@keyframes rotate{0% {transform: rotate(0);}100% {transform: rotate(360deg);}}

.kf_tel{width: 50px;position: fixed;top: 50%;right: 0;z-index: 50;}

/*跟随表单*/
.footer_gsBlock{position: fixed;bottom: 0;width: 100%;z-index: 999;}
.footer_gsBlock .box0{background-color: #E72423;background-image: url(../img/footer_gsBlock_bj.png);background-position: center;background-repeat: no-repeat;background-attachment: inherit;background-size: cover;}
.footer_gsBlock .container{position: relative;}
.footer_gsBlock .left_img{width: 14.5%;position: absolute;top:-45px;left:-20px;transition: 0.5s;}
.footer_gsBlock .left_img img{width: 100%;}
.footer_clobox{padding:28px 11% 25px 21%;}
.footer_clobox .footer_clobox_1{width: 70%;}
.footer_clobox .text01{font-size: 30px;font-weight: bold;line-height: 1.4;color: #fff;}
.footer_clobox .block_001{margin: 0 -13px;}
.footer_clobox input{display: block;width: 43%;font-size: 14px;background-color: #fff;color: #333;border: none;padding: 12px 15px;border-radius: 50px;}
.footer_clobox input{margin: 15px 13px 0 13px;height: 48px;}
.footer_clobox input:focus{outline:none;}
.footer_clobox input::-webkit-input-placeholder{color: rgba(0, 0, 0, 0.3);}
.footer_clobox .footer_submit{filter: opacity(1);transition: 0.5s;width: auto;background-color: rgba(255, 255, 255, 0);color: #DC142D;border-radius: 50px;padding: 10px 45px;background: #fff;font-size: 22px;border:none;margin-top: 5px;}
.footer_clobox .footer_submit:hover{filter: opacity(0.9);}
.footer_clobox .text02{font-size: 15px;color: #fff;padding-top: 8px;}

.footer_ba .left_img{top: 0!important;}
.footer_gsBlock .box1{position: relative;}
.footer_close1{position: absolute;top: 20px;bottom: 0px;margin-top: 0px;right:0;text-align: right;width: 4%;max-width: 48px;}
.footer_close1 img{width: 100%;}
.footer_close1 img:hover{cursor: pointer;transform: rotate(90deg);transition: 0.5s;}
.footer_cos{top: -100px;}
.footer_cos img{content:url("../img/footer_show.png");}
.footer_cos img:hover{transform: rotate(0deg);transition: 0s;}
.footer_ba{background: transparent;transition: 0.5s;}
.footer_ba .footer_clobox{width:100%;}


@media (min-width:1199px) and (max-width:1500px){
	.footer_clobox{padding:28px 10% 25px 21%;}
	.footer_gsBlock .left_img {width: 16%;top: -25px;left: -10px;}
}
@media (min-width:767px) and (max-width:1199px){
	.footer_clobox{padding:20px 9.5% 20px 25%;}
	.footer_gsBlock .container{padding: 0 20px;}
	.footer_gsBlock .left_img{top: -30px;width: 18.5%;left: 0px;}
	.footer_clobox .text01{font-size: 24px;}
	.footer_clobox .block_001{margin: 0 -10px;}
	.footer_clobox input{margin: 13px 10px 0 10px;padding: 8px 15px;width: 40%;height: 43px;}
	.footer_clobox .footer_submit{padding: 10px 40px;font-size: 15px;min-width: 95px;}
	.footer_clobox .text02{font-size: 14px;}
	.footer_cos {top: -85px;}
}
@media (min-width:767px) and (max-width:850px){
	.footer_gsBlock .left_img{top: -10px;width: 21%;left: 0;}
	.footer_clobox .footer_submit{padding: 8px 35px;}
	.footer_clobox .text02 {font-size: 12px;}
	.footer_close1{width: 5%;}
}