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: #333;
  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: 1670px;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;}}

.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:rgba(50, 44, 43, 1);}

/* .content img{display: inline-block;width: inherit;} */
#box-1,#box-2,#box-3,#box-4,#box-5,#box-6{width: 100%;height: auto;padding: 100px 0;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;}

/*手机*/
@media screen and (max-width: 767px){
	.container{padding: 0 20px;}
	#box-1,#box-2,#box-3,#box-4,#box-5,#box-6{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;}


/*pc头部*/
header{position: fixed;height: auto;width: 100%;background: transparent;z-index: 999;}
.PCheader{background: #ff711b;}
.PCheader .container>.sb-center{align-items: stretch;padding: 12px 0;}
.PCheader .logo{width: 18%;height: auto;}
.PCheader .logo img{max-width: 247px;}
.PCheader .pc_dh{width: 52%;}
.PCheader .pc_dh ul{width: 100%;height: 100%;}
.PCheader .pc_dh li{width: 14%;height: 100%;}
.PCheader .pc_dh li a{display: flex;height: 100%;width: 100%;text-align: center;position: relative;}
.PCheader .pc_dh li a::before{content: '';height: 0px;width: 100%;background: #F8DE03;position: absolute;top: -12px;left: 0;z-index: 2;transition: all .35s;}
.PCheader .pc_dh li:hover a::before,.PCheader .pc_dh li.on a::before{height: 6px;}
.PCheader .pc_dh li a::after{content: '';height:0;width: 100%;position: absolute;top: -12px;left: 0;transition: all .35s;background: rgba(0, 0, 0, 0.05);backdrop-filter: blur(10px);}
.PCheader .pc_dh li:hover a::after,.PCheader .pc_dh li.on a::after{height: calc(100% + 24px);}
.PCheader .pc_dh li a p{font-size: 18px;color: #fff;z-index: 2;position: relative; font-weight: bold;}
.PCheader .dh_btn{width: 20%;height: auto;}
.PCheader .dh_btn>div {border: 2px solid #FFFFFF;border-radius: 28px;padding: 5px 20px 5px 5px;}
.PCheader .dh_btn>div img{width: 43px;margin-right: 13px;}
.PCheader .dh_btn>div span{font-size: 24px;color: #fff;font-weight: bold;}

@media (min-width:1199px) and (max-width:1500px){
	.PCheader .dh_btn>div span{font-size: 22px;}
}
@media (min-width:767px) and (max-width:1199px){
	.PCheader .pc_dh {width: 55%;}
	.PCheader .pc_dh li a p {font-size: 15px;}
	.PCheader .dh_btn>div{padding: 4px 13px 4px 4px;}
	.PCheader .dh_btn>div img {width: 32px;margin-right: 8px;}
	.PCheader .dh_btn>div span{font-size: 18px;}
}


/*sj头部*/
header{z-index: 999;}
header .menu>p{justify-content: flex-end;}
.sjheader{background:#ff711b;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: 27px !important;}
.close {content: url(../image/closedaohang.png);width: 20px !important;filter: invert(1);}
.fathermenu .erji {display: none;}
.fathermenu li div {position: relative;}
.fathermenu li .app_menu_erji:before {content: "";border-top: 2px solid #fff;border-left: 2px solid #fff;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:#F8DE03;}
.fathermenu li div,
.fathermenu li a {color: #fff !important;}
#app_menu {display: block;padding: 0px;top: 0;background: #ff711b;position: fixed;right: 0px;/* transform: translate3d(70%, 0, 0); */transform: translate3d(100%, 0, 0);width: 70%;height: 100vh;overflow-y: auto;z-index: -1;box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 12px 0px;}
.fathermenu {padding: 0 20px;margin-top: 45%;}
#app_menu ul li .app_menu_erji{padding: 20px 12px;}
#app_menu ul li>div a{display: block;padding: 20px 12px;}
#app_menu .app_menu_noerji:hover,#app_menu .app_menu_noerji.on,#app_menu .app_menu_erji.on{background: #fff;}
#app_menu .app_menu_noerji:hover>*,#app_menu .app_menu_noerji.on>*,#app_menu .app_menu_erji.on{color: #F8DE03!important;}
#app_menu .app_menu_erji.on:before{border-color: #F8DE03;}
#app_menu .iconb{background: #fff;}
#app_menu .iconb{color: #F8DE03!important;}
/* #app_menu .erji li:hover{background: #fff;}
#app_menu .erji li:hover *{color: #0066B3!important;} */
#app_menu ul li:not(:last-child) {border-bottom: 1px solid rgba(255, 255, 255, 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;}
	.sjheader{height:60px;display:block!important;}
	.sjheader #logo{width: 80%;}
	.sjheader #logo img{width: 63%;max-width: 160px;}
	.sjheader #menu{width: 20%;text-align: right;}
}
/*底部*/
footer{background: url(../image/sy_footer_bj.jpg) no-repeat center top;background-size: cover;position: relative;padding: 55px 0 0px 0;margin-top: -82px;z-index: 3;position: relative;}
.fudongImg1{position: absolute;width: 100%;animation: fudongImg1 48s infinite linear;height: 80px;top: -80px;}
.fudongImg2{position: absolute;width: 100%;animation: fudongImg2 48s infinite linear;height: 80px;top: -80px;}
@media (min-width:1500px){
  .fudongImg1{position: absolute;width: 100%;animation: fudongImg1 24s infinite linear;}
  .fudongImg2{animation: fudongImg2 24s infinite linear;}
}    
@keyframes fudongImg1 {
  0% {background: url("../img/footer_bl1.png") no-repeat right 0 top;}
  50% {background: url("../img/footer_bl1.png") no-repeat left 0 top;}
  100% {background: url("../img/footer_bl1.png") no-repeat right 0 top;}
}
@keyframes fudongImg2 {
  0% {background: url("../img/footer_bl2.png") no-repeat left 0 top;}
  50% {background: url("../img/footer_bl2.png") no-repeat right 0 top;}
  100% {background: url("../img/footer_bl2.png") no-repeat left 0 top;}
}

footer .box1{align-items: flex-start;}
footer .box1 .left{width: 31%;padding-top: 12px;}
footer .box1 .left .footer_logo{width: 53%;}
footer .box1 .left .desc{margin: 30px 0 25px 0;}
footer .box1 .left .desc p{font-size: 18px;color: #FEFEFE;padding-bottom: 3px;}
footer .box1 .left .desc p span{font-size: 24px;color: #F8DE03;font-weight: 600;}
footer .box1 .left ul{margin: 0 -5px;align-items: flex-start;}
footer .box1 .left li{text-align: center;padding: 0 5px;width: 25%;}
footer .box1 .left li .img{border-radius: 6px;overflow: hidden;}
footer .box1 .left li p{font-size: 17px;color: #fff;padding-top: 10px;}
footer .box1 .right{width: 55%;}
footer .box1 .right ul{align-items: flex-start;}
footer .box1 .right .title{font-size: 18px;color: #FEFEFE;font-weight: bold;padding-bottom: 5px;}
footer .box1 .right .desc p{font-size: 16px;color: rgba(255, 255, 255, 0.7);padding: 5px 0;transition: 0.5s;}
footer .box1 .right .desc p:hover{color: #F8C67E;}

footer .box2{margin-top: 100px;padding-bottom: 25px;}
footer .box2 a{font-size: 18px;color: #fff;}
footer .box2 div a{padding-right: 15px;}

@media (min-width:767px) and (max-width:1199px){
	footer .box1 .left {padding-top: 0px;}
	footer .box1 .left .desc p ,footer .box1 .left li p,footer .box1 .right .title,footer .box2 a{font-size: 17px;}
	footer .box1 .right .desc p{font-size: 15px;}
	footer .box2{margin-top: 80px;}
}
@media (max-width:850px){
	footer{padding: 15px 0 0px 0;}
	footer .box1 .left {width: 100%;}
	footer .box1 .right{display: none;}
	footer .box1 .left ul{margin: 0 -2%;}
	footer .box1 .left li{padding: 0 2%;}
	footer .box1 .left .desc p ,footer .box1 .left li p,footer .box1 .right .title,footer .box2 a{font-size: 18px;}
	footer .box1 .left .desc p span{font-size: 20px;}
	footer .box1 .right .desc p{font-size: 15px;}
	
	footer .box2{justify-content: center;}
}
@media (max-width:767px){
	footer .box1 .left .desc p ,footer .box1 .right .title,footer .box2 a{font-size: 15px;}
	footer .box1 .left li p{font-size: 13px;}
	footer .box2{display: inline-block;text-align: center;padding-bottom: 15px;margin-top: 65px;}
	footer .box2 a {padding-bottom: 0px;}
}

/*内页*/
#ny_banner {height: 78vh;position: relative;overflow: hidden;}
#ny_banner .rect{width: 65vw;height: 65vw;position: absolute;left: -27vw;top: -15vw;background: rgb(255 113 27 / 0.8);border-radius: 45%;-webkit-animation: ro 20s linear infinite;}
#ny_banner .content{height: 100%;padding-left: 8%;}
#ny_banner .content .title_img{width: 25%;}
#ny_banner .content>div{position: relative;padding:80px 0 210px 0;}
@keyframes ro{
	0% {transform: rotate(0);}
	100% {transform: rotate(360deg);}
}
@media (min-width:767px) and (max-width:1680px){
	#ny_banner .content{padding-left: 40px;}
}
@media (min-width:767px) and (max-width:1199px){
	#ny_banner{height: 550px;}
	#ny_banner .rect{width: 75vw;height: 75vw;position: absolute;left: -30vw;top: -15vw;}
	#ny_banner .content>div {padding: 70px 0 190px 0;}
	#ny_banner .content .title_img{width: 43%;}
}
@media (min-width:767px) and (max-width:850px){
	#ny_banner .rect{width: 77vw;height: 77vw;position: absolute;left: -20vw;top: -2vw;}
}
@media (max-width:767px){
	#ny_banner{height:160px;}
	#ny_banner .rect{width: 80vw;height: 50vw;min-width: 160px;min-height: 120px;position: absolute;left: -40vw;top: 0vw;}
	#ny_banner .content>div {padding: 25px 0 70px 0;}
}

/*提示*/
#tipDown{position: absolute;left:0;bottom:0;}
#tipDown img:nth-child(1){width: 140px;animation: tipDown1 10s infinite linear;}
#tipDown img:nth-child(2){position: absolute;right: calc(50% - 13px);bottom: 48%;width: 26px;animation: tipDown2 2s infinite ease-in-out;}
@keyframes tipDown1{
  0% {transform: rotate(0);}
  100% {transform: rotate(365deg);}
}
@keyframes tipDown2{
  0% {transform: translateY(0%);}
  50% {transform: translateY(50%);}
  100% {transform: translateY(0%);}
}
@media (min-width:767px) and (max-width:1199px){
	#tipDown img:nth-child(1){width: 120px;}
	#tipDown img:nth-child(2){right: calc(50% - 11px);width: 22px;}
}
@media (max-width:767px){
	#tipDown img:nth-child(1){width: 50px;}
	#tipDown img:nth-child(2){right: calc(50% - 7.5px);width: 15px;}
}
/*轮播点*/
.swiper-pagination{position: relative!important;}
.swiper-pagination span{width: 10px;height: 10px;background: #fff;opacity: 0.5;border-radius: 5px;margin: 0 5px;transition: 0.5s;}
.swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
@media (max-width: 768px){
	.swiper-pagination span{width: 8px;height: 8px;margin: 0 3px;}
}

/*标题*/
.SY_bt{overflow: hidden;}
.SY_bt .title{font-size: 60px;color: #000;font-weight: bold;line-height: 1.2;padding-bottom: 5px;}
.SY_bt .ftitle{font-size: 18px;text-transform: uppercase;}

@media (min-width:1199px) and (max-width:1500px){
	.SY_bt .title{font-size: 48px;}
}
@media (min-width:767px) and (max-width:1199px){
	.SY_bt .title{font-size: 42px;}
	.SY_bt .ftitle{font-size: 16px;}
}
@media (max-width:767px){
	.SY_bt .title{font-size: 32px;margin-bottom: 0px;}
	.SY_bt .ftitle{font-size: 15px;}
}

/*按钮*/
.button .btn a{display: inline-block;background: #ed6412;border-radius: 25px;padding: 12px 65px 12px 25px;}
.button a>div{position: relative;}
.button a>div p{transition: ease 0.6s;transition-delay:0s;width: 100%;overflow: hidden;white-space: pre;font-size: 18px;color: #fff;}
.button a>div::after{content:'';position: absolute;height: 40px;width: 40px;background-image: url(../image/jiantou.png);background-size: 100% 100%;top: -6.5px;right: -58px;transition: ease 0.8s;z-index:9;text-indent: 0;pointer-events: none;}
.button a:hover>div::after {transform: translateX(-270%) rotate(-1440deg);}
.button a:hover>div p {width: 0%;transition-delay:0.2s;}

@media (max-width:767px){
	.button .btn a{padding: 10px 50px 10px 20px;}
	.button a>div p{font-size: 16px;}
	.button a>div::after{height: 35px;width: 35px;top: -5.5px;right: -45px;}
	.button a:hover>div::after {transform: translateX(-255%) rotate(-1440deg);}
}

/*轮播按钮*/
.main .swiper-button-prev,.main .swiper-button-next{width: 70px;height: 70px;top:45%;}
.main .swiper-button-prev{background: url(../image/ny_jtL1.png) no-repeat center top;background-size: contain;left: 30px;}
.main .swiper-button-next{background: url(../image/ny_jtR1.png) no-repeat center top;background-size: contain;right: 30px;}
.main .swiper-button-prev:hover{background: url(../image/ny_jtL2.png) no-repeat center top;background-size: contain;}
.main .swiper-button-next:hover{background: url(../image/ny_jtR2.png) no-repeat center top;background-size: contain;}
@media (min-width: 768px) and (max-width: 1199px){
	.main .swiper-button-prev,.main .swiper-button-next{width: 50px;height: 50px;top:48%;}
}
@media (max-width: 768px){
	.main .swiper-button-prev,.main .swiper-button-next{width: 40px;height: 40px;}
	.main .swiper-button-prev{left: 15px;}
	.main .swiper-button-next{right: 15px;}
}

/*分页*/
.pages{justify-content: center!important;justify-items: center!important;display: flex!important;flex-wrap: wrap!important;width: 100%;}
.pagination {height: auto!important;padding-top: 40px!important;padding-bottom: 0px!important;display: flex;justify-content: center;width: 100%;}
.pagination{margin-top: 10px!important;}
.pagination a,.pagination p{
  	width: 66px!important;
  	height: 66px!important;
  	line-height: 60px!important;
    border-radius: 50%!important;
    font-size: 20px!important;
    padding: 0!important;
    text-align: center!important;
	background: #fff!important;
	border: none!important;
	color: #333!important;
	margin: 0 12px!important;
}
.pageRemark{display: none!important;}
.pagination a.cur {
    background: #F8DE03!important;color: #fff!important;
}
.pagination a:hover {background: #F8DE03!important;color: #fff!important;}
@media screen and (max-width: 767px){
	.pages{justify-content: center!important;justify-items: center!important;display: flex!important;flex-wrap: wrap!important;}
	.pagination {height: auto!important;padding-top: 15px!important;padding-bottom: 0px!important;}
	.pagination a,.pagination p{width: 36px!important;height: 36px!important;line-height: 36px!important;font-size: 16px!important;margin: 0 5px!important;}
}



/*友情链接*/
footer .box2 select {width: 135px;padding: 3px 10px;color: #fff;font-size: 14px;appearance: none;-moz-appearance: none;-webkit-appearance: none;border: none;background: url(../image/select.png) no-repeat right 13px center;background-size: 8px;border: 1px solid #fff;}
footer .box2 select option{background:#013054;}

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

.image-container {
  position: relative;
}




.image-container::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-image: url(/static/image/play-button.png);
  background-size: cover;
  cursor: pointer;