﻿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;}
.f15 {font-size: 15px;}
.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: 1620px;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;}
.hangNum5{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.hangNum6{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;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:#000;}

/* .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 (min-width:767px) and (max-width:1199px){
	#box-1,#box-2,#box-3,#box-4,#box-5,#box-6{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{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);}


/*pc头部*/
header{position: fixed;height: auto;width: 100%;background: transparent;z-index: 999;}
.PCheader{background: #fff;}
.PCheader .box1{align-items: stretch;max-width: 1760px;margin-left: auto;}
.PCheader .logo{width: 11%;height: auto;padding-left: 40px;}
.PCheader .logo img{max-width: 127px;}
.PCheader .right{width: 84%;justify-content: flex-end;display: flex;flex-wrap: wrap;}
.PCheader .pc_dh{width: 70%;flex-wrap: nowrap;}
.PCheader .pc_dh .dh{width: 100%;height: 100%;margin-right: 1%;}
.PCheader .pc_dh .dh li{width: 14%;height: 100%;position: relative;}
.PCheader .pc_dh .dh li a{display: flex;height: 100%;width: 100%;text-align: center;}
.PCheader .pc_dh .dh li::after {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;background: url(../image/dh_logo.png) no-repeat center center;background-size: 53px;transition: 0.5s;z-index: -1;}
.PCheader .pc_dh .dh li.on::after,.PCheader .pc_dh li:hover::after{opacity: 1;}
.PCheader .pc_dh .dh li a p{font-size: 16px;color: #000;z-index: 2;position: relative;}
.PCheader .pc_dh .language{height: 100%;display: flex;align-items: center;position: relative;padding: 0 3% 0 10px;}
.PCheader .pc_dh .language div{font-size: 15px;color: #000;flex-wrap: nowrap;width: 85px;}
.PCheader .pc_dh .language img{width: 18px;margin-right: 5px;}
.PCheader .pc_dh .language ul{position: absolute;top: 100%;background: #fff;width: 100%;padding: 8px 0;height: auto;left: 0;box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 10px;opacity: 0;visibility: hidden;transition: 0.3s;}
.PCheader .pc_dh .language:hover ul{opacity: 1;visibility: visible;}
.PCheader .pc_dh .language ul li{padding: 4px;text-align: center;color: #888;}
.PCheader .pc_dh .language ul li a{display: block;text-align: center;font-size: 14px;}
.PCheader .pc_dh .language .active a{color: #000;}
.PCheader .pc_dh .language ul li a:hover{color: #000;}
.PCheader .dh_btn{width: 22.5%;max-width:310px;height: auto;padding: 14px 0;background: #d03233;}
.PCheader .dh_btn>div {padding: 5px;}
.PCheader .dh_btn>div:hover img{animation: DDimg 1.5s infinite ease-in-out;}
.PCheader .dh_btn>div img{width: 30px;margin-right: 13px;}
.PCheader .dh_btn>div span{font-size: 28px;color: #000;font-weight: bold;}
@keyframes DDimg{
	0% {-webkit-transform: scale(0.1) rotate(30deg);transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom;transform-origin: center bottom;}
	50% { -webkit-transform: rotate(-10deg);transform: rotate(-10deg);}
	70% { -webkit-transform: rotate(3deg);transform: rotate(3deg);}
	100% {-webkit-transform: scale(1);transform: scale(1);}
}

@media (min-width:1199px) and (max-width:1500px){
	.PCheader .dh_btn>div img {width: 29px;margin-right: 10px;}
	.PCheader .dh_btn>div span{font-size: 27px;}
}
@media (min-width:767px) and (max-width:1199px){
	.PCheader .logo {width: 12%;}
	.PCheader .pc_dh{width: 74%;}
	.PCheader .pc_dh .dh{margin-right: 15px;}
	.PCheader .pc_dh .dh li{width: auto;}
	.PCheader .pc_dh .dh li a p,.PCheader .pc_dh .language div{font-size: 14px;}
	.PCheader .pc_dh .dh li::after{background-size: 40px;}
	.PCheader .pc_dh .language{padding: 0 2% 0 8px;}
	.PCheader .pc_dh .language img {width: 16px;}
	.PCheader .pc_dh .language ul li a{font-size: 14px;}
	.PCheader .dh_btn>div{padding: 4px;}
	.PCheader .dh_btn>div img {width: 25px;margin-right: 8px;}
	.PCheader .dh_btn>div span{font-size: 22px;}
}


/*sj头部*/
.overflow-H{overflow-y: hidden;}
header{z-index: 999;}
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: 27px !important;filter: invert(1);}
.close {content: url(../image/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:#000;}
.fathermenu li .app_menu_erji.on:before{border-color:#000;}
.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%;height: 60vh;overflow: scroll;}
#app_menu ul li .app_menu_erji{padding: 20px 12px;width: 100%;}
#app_menu ul li>div a{display: block;padding: 18px 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: #000;background: #d03233;}
#app_menu .iconb{color: #000;background: #d03233;}
#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;}

#app_menu .language{position: absolute;bottom: 12vh;width: 100%;display: flex;justify-content: center;font-size: 16px;opacity: 0.6;z-index: 9;}
#app_menu .language img{width: 18px;margin:0 7px;}
#app_menu .language img:nth-child(2){width: 13px;}
#app_menu .language_block{position: absolute;width: 100%;background: #fff;z-index: 99;bottom: 0;padding: 50px 20px 12vh 20px;text-align: center;box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 12px 0px;opacity: 0;visibility: hidden;transition: 0.3s;}
#app_menu .language_block .language_close{position: absolute;top: 18px;width: 15px;right: 20px;}
#app_menu .language_block .language_close img{width: 100%;}
#app_menu .language_block li{border: none!important;}
#app_menu .language_block li a{padding: 10px;display: block;font-size: 15px;color: #000;}

.app_menu_block_language .fathermenu{filter: blur(1px);}
.app_menu_block_language .language_block{opacity: 1!important;visibility: visible!important;}


@media screen and (max-width: 850px){
	.PCheader{display:none;}
	.sjheader{height:60px;display:block!important;}
	.sjheader #logo{width: 80%;}
	.sjheader #logo img{width: 30%;max-width: 90px;}
	.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: 100px 0 50px 0;z-index: 3;}
footer .logo{width: 35%;max-width:520px;margin: 0px auto 65px auto;}
footer .ewm{width: 85%;max-width: 1250px;margin: 0 auto;}
footer .ewm ul{align-items: flex-start;}
footer .ewm li{width: 20%;padding: 0 15px;text-align: center;}
footer .ewm li>div img{transition: 0.5s;padding: 0 25px;}
footer .ewm li>div:hover img{transform: translateY(-8px);}
footer .ewm li .text{font-size: 15px;color: #fff;padding-top: 15px;font-weight: bold;}
footer .copyright{margin-top: 50px;}
footer .text1{margin-bottom: 5px;}
footer .text1,footer .text2,footer .text3{color: #fff;font-size: 15px;text-align: center;padding: 5px 0;opacity: 0.8;}
footer .text1 span,footer .text2 span,footer .text3 span{padding: 0 15px;display: inline-block;}
footer .text2 span img{width: 18px;margin-bottom: -3px;margin-right: 5px;}

@media (min-width:767px) and (max-width:1199px){
	
	footer .ewm { width: 90%;}
	footer .ewm li {padding: 0 10px;}
	footer .ewm li>div img {padding: 0 15px;}
	footer .text1 span, footer .text2 span, footer .text3 span {padding: 0 10px;}
}
@media (min-width:767px) {
	footer .ewm li{margin-left: 40%;}
}


@media (max-width:850px){
	footer .logo {width: 47%;margin: 0px auto 50px auto;}
	footer .ewm { width: 100%;}
	
}
@media (max-width:767px){
	footer{padding: 50px 0 20px 0;}
	footer .logo {width: 68%;margin: 0px auto 25px auto;}
	footer .ewm ul{margin: 0 -10px;justify-content: center;}
	footer .ewm li {padding:15px 10px;width: 33.3%;}
	footer .ewm li>div img{padding: 0 5px;}
	footer .ewm li .text{font-size: 13px;}
	footer .copyright {margin-top: 25px;}
	footer .text1{display: flex;flex-wrap: wrap;flex-direction: column-reverse;align-items: center;margin-bottom: 2px;}
	footer .text1 select{margin-bottom: 15px;}
	footer .text1, footer .text2, footer .text3{font-size: 13px;padding: 0;}
	footer .text1 span, footer .text2 span, footer .text3 span {padding: 3px;}
	footer .text2 span img{width: 15px;}
}

/*内页banner*/
#ny_banner{height: 100vh;position: relative;}
#ny_banner .container{height: 100%;}
#ny_banner .content{width: 43%;max-width:560px;margin: auto;padding-bottom: 0px;}
#ny_banner .content .img{margin-bottom: 30px;}
@media (min-width:767px) and (max-width:1199px){
	#ny_banner{height: 680px;}
	#ny_banner .content{width: 53%;max-width: 400px;}
}
@media (max-width:767px){
	#ny_banner{height: 400px;}
	#ny_banner .content{width: 72%;max-width: 260px;padding-bottom: 15px;}
	#ny_banner .content .img{margin-bottom: 0px;}
}

/*提示*/
#tipDown{position: absolute;left:calc(50% - 50px);bottom:40px;}
#tipDown img:nth-child(1){width: 100px;animation: tipDown1 10s infinite linear;}
#tipDown img:nth-child(2){position: absolute;right: calc(50% - 10px);bottom: 45%;width: 20px;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{left:calc(50% - 45px);}
	#tipDown img:nth-child(1){width: 90px;}
	#tipDown img:nth-child(2){right: calc(50% - 9px);width: 18px;}
}
@media (max-width:767px){
	#tipDown{left:calc(50% - 33px);bottom:25px;}
	#tipDown img:nth-child(1){width: 66px;}
	#tipDown img:nth-child(2){right: calc(50% - 6px);width: 12px;}
}
/*轮播点*/
.swiper-pagination{position: relative!important;}
.swiper-pagination span{width: 12px;height: 12px;background: #fff;opacity: 0.5;border-radius: 5px;margin: 0 8px;transition: 0.5s;border-radius: 50%;}
.swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
@media (max-width: 768px){
	.swiper-pagination span{width: 9px;height: 9px;margin: 0 3px;}
}

/*标题*/
.main .title_img{width: 30vw;max-width: 450px;margin: 0 auto 40px auto;}

@media (min-width:767px) and (max-width:1199px){
	.main .title_img{width: 40vw;max-width: 300px;}
}
@media (max-width:767px){
	.main .title_img{width: 50vw;max-width: 250px;margin: 0 auto 30px auto;}
}

/*按钮*/
.btn a{display: inline-block;font-size: 0;}
.btn a img{width: 215px;transition: 0.5s;}
.btn a:hover img{transform: scale(1.1);}
@media (min-width:850px) and (max-width:1199px){
	.btn a img{width: 180px;}
}
@media (max-width:850px){
	.btn a img{width: 148px;}
}

/*轮播按钮*/
.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: 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;}
}

/*分页*/
.pages .pagination{justify-content: center;justify-items: center;display: flex;flex-wrap: wrap;width: 100%;}
.pagination {height: auto;padding-top: 40px;padding-bottom: 0px;display: flex;justify-content: center;width: 100%;margin-top: 10px;}
.pagination li *{
	display: block;
  	width: 70px;
  	height: 70px;
  	line-height: 70px;
    border-radius: 50%;
    font-size: 22px;
    padding: 0;
    text-align: center;
	background: transparent;
	border: 1px solid #000;
	color: #000;
	margin: 0 18px;
}
.pageRemark{display: none;}
.pagination li.active span,.pagination a:hover{
    background: #F5C12B;border: 1px solid #F5C12B;
}
.pagination li.disabled span{cursor: not-allowed;}
.pagination li:first-child *,.pagination li:last-child *{border:none}
.pagination li:first-child *{background: url(../image/ny_newsjtL1.png) no-repeat center top;background-size: contain;}
.pagination li:last-child *{background: url(../image/ny_newsjtR1.png) no-repeat center top;background-size: contain;}
.pagination li:first-child a:hover{background: url(../image/ny_newsjtL2.png) no-repeat center top;background-size: contain;}
.pagination li:last-child a:hover{background: url(../image/ny_newsjtR2.png) no-repeat center top;background-size: contain;}

@media (min-width: 767px) and (max-width: 1199px){
	.pagination li *{width: 53px;height: 53px;line-height: 53px;font-size: 20px;margin: 0 13px;}
}
@media screen and (max-width: 767px){
	.pages{justify-content: center;justify-items: center;display: flex;flex-wrap: wrap;}
	.pagination {height: auto;padding-top: 15px;padding-bottom: 0px;}
	.pagination li *{width: 40px;height: 40px;line-height: 40px;font-size: 18px;margin: 0 8px!important;}
}



/*友情链接*/
footer .yqlj 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 .yqlj select option{background:#013054;}

@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(../image/select.png) no-repeat right 15px center;background-size:8px;font-size: 14px;}
}