@font-face{font-family:'fontB';src:url(../font/OPPOSansB.ttf);}
.fontB,.fontB *{font-family: "fontB"!important;}

@font-face{font-family:'fontH';src:url(../font/OPPOSansH.ttf);}
.fontH,.fontH *{font-family: "fontH"!important;}

@font-face{font-family:'fontL';src:url(../font/OPPOSansL.ttf);}
.fontL,.fontL *{font-family: "fontL"!important;}

@font-face{font-family:'fontR';src:url(../font/OPPOSansR.ttf);}
.fontR,.fontR *{font-family: "fontR"!important;}



html, body {position: relative;height: 100%;}
body{overflow-x: hidden;background: #fff;}
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: 1650px;padding: 0 50px;}
.colorF{color:#fff!important;}
.color0{color:#000!important;}
.color3{color:#333!important;}
.color6{color:#666!important;}
.color9{color:#999!important;}
.colorMain{color:#FE027D!important;}
input,textarea{outline-color: #FE027D!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:#000;}

/* .content img{display: inline-block;width: inherit;} */
#box-1,#box-2,#box-3,#box-4,#box-5,#box-6,#box-7,#box-8{width: 100%;height: auto;padding: 140px 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,#box-8{padding: 90px 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,#box-8{padding: 70px 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);}


/*底部*/
footer{background: url(../img/footer.jpg)no-repeat center center;background-size: cover;padding-top: 160px;overflow: hidden;}
footer *{color: #fff;}
footer .box1{border-bottom: 1px dashed rgba(255, 255, 255, 0.5);padding-bottom: 45px;}
footer .footer_logo{width: 25%;max-width: 375px;}
footer .footer_dh{width: 62%;}
footer .footer_dh ul{display: flex;text-align: right;font-size: 18px;}
footer .footer_dh li{width: 20%;}
footer .footer_dh li a:hover{color: #FD017F;}
footer .box2{margin-top: 100px;align-items: flex-start}
footer .box2 .left{width: 35%;}
footer .box2 .left .t1{font-size: 26px;}
footer .box2 .left .t2{font-size: 51px;font-family: 'fontH'!important;}
footer .footer_lxfs{width: 57%;margin: 55px -15px 0 -15px;max-width: 253px;}
footer .footer_lxfs ul{display: flex;}
footer .footer_lxfs li{position: relative;}
footer .footer_lxfs .tb{background: #FD017F;border-radius: 5px;overflow: hidden;padding: 5px 5px;margin: 0 15px;}
footer .footer_lxfs .tb img{-webkit-animation: swing 2s infinite;}
footer .footer_lxfs p{font-size: 12px;text-align: center;padding-top: 5px;}
footer .footer_lxfs .ewm{position: absolute;width: 130%;top: 115%;left:-15%;transform: scale(0);transition: 0.5s;transform-origin: top;background: #fff;padding: 5px;border-radius: 5px;}
footer .footer_lxfs li:hover .ewm{transform: scale(1);}
footer .footer_lxfs .ewm::after{content: '';width: 100%;height: 10px;position: absolute;display: block;top: -10px;left: 0%;background: url(../img/ewm_jt.png)no-repeat center bottom;background-size: contain;}
footer .footer_lxfs .ewm img{position: relative;z-index: 2;}
footer .box2 .content{width: 53%;font-size: 18px;}
footer .box2 .content li:nth-child(1){padding-bottom: 45px;}
footer .box2 .content li>div{display: flex;}
footer .box2 .content li .img{width: 32px;margin-right: 13px;}
footer .box2 .content li .text{width: calc(100% - 32px);}
footer .box2 .right{width: 10%;text-align: center;max-width: 153px;}
footer .box2 .right .img{border-radius: 10px;overflow: hidden;}
footer .box2 .right p{font-size: 17px;margin-top: 10px;}
footer .box3{margin-top: 290px;border-top: 1px solid rgba(255, 255, 255, 0.5);padding: 25px 0 45px 0;font-size: 16px;}
footer .box3 span{padding-right: 20px;display: inline-block;}
@keyframes swing{
	10% {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
	20% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}
	30% {-webkit-transform: rotate(5deg);transform: rotate(5deg);}
	40% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
	50%, 100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@media (min-width:1199px) and (max-width:1500px){
	footer .box2 .left {width: 30%;}
	footer .box2 .left .t2 {font-size: 48px;}
	footer .footer_lxfs {width: 60%;}
	footer .box2 .content {font-size: 17px;}
	footer .box3 {margin-top: 250px;}
}
@media (min-width:767px) and (max-width:1199px){
	footer{padding-top: 90px;}
	footer .footer_dh ul{font-size: 16px;}
	footer .box2 .left {width: 30%;}
	footer .box2 .left .t1 {font-size: 20px;}
	footer .box2 .left .t2 {font-size: 36px;}
	footer .footer_lxfs {width: 75%;}
	footer .footer_lxfs .ewm::after{top: -7px;}
	footer .box2 .content {font-size: 15px;width: 43%;}
	footer .box2 .right {width: 13%;}
	footer .box2 .right p {font-size: 15px;}
	footer .box3 {margin-top: 180px;font-size: 15px;padding: 25px 0 30px 0;}
	footer .box3 span {padding-right: 15px;}
}
@media (max-width:850px){
	footer{background: url(../img/footer_bj_sj.jpg)no-repeat center center;background-size: cover;}
	footer .PCBlock{display: none!important;}
	footer .SJBlock{display: block!important;}
	footer .box1,footer .box2 .content li .img,footer .box2 .right{display: none;}
	footer .footer_lxfs {width: 75%;margin:50px auto;}
	footer .box2{margin-top: 0;}
	footer .box2 .left{width: 100%;text-align: center;}
	footer .box2 .left .t2{font-size: 48px;color: #FD017F;}
	footer .box2 .content{width: 100%;margin-top: 40px;}
	footer .box2 .content li .text{width: 100%;text-align: center;}
	footer .box2 .content li .text p:nth-child(1){color: #FD017F;padding-bottom: 10px;}
	footer .box3{display: block;text-align: center;}
	footer .box3 .cz-center{display: block;margin-top: 20px;}
}
@media (max-width:767px){
	footer{padding-top: 80px;}
	footer .box2 .left .t1 {font-size: 18px;}
	footer .box2 .left .t2 {font-size: 38px;}
	footer .footer_lxfs .ewm::after{top: -8px;}
	footer .box2 .content {font-size: 15px;}
	footer .box2 .content li .text p:nth-child(1){font-size: 17px;}
	footer .box3 {margin-top: 145px;padding: 20px 0 20px 0;font-size: 12px;}
	footer .box3 span {padding: 0 3px;line-height: 1.8;}
}


/*轮播点*/
.swiper-pagination{position: relative!important;margin-top: 35px;}
.swiper-pagination span{width: 9px;height: 9px;background: #fff;opacity: 1;border-radius: 5px;margin: 0 2px!important;transition: 0.5s;border-radius: 50%;}
.swiper-pagination .swiper-pagination-bullet-active{width: 23px;border-radius: 5px;}
@media (max-width: 768px){
	.swiper-pagination .swiper-pagination-bullet-active{width: 18px;}
	.swiper-pagination span{width: 7px;height: 7px;}
}

/*标题*/
.pub_title p{display: inline-block;color: #fff;}
.pub_title2 p{color: #000;}
.pub_title .title p{font-size: 90px;font-family: "fontH";line-height: 1.3;}
.pub_title .ftitle{margin: 0 -10px;}
.pub_title .ftitle p{font-size: 20px;text-transform: uppercase;font-family: "fontL";padding: 0 5px;}

@media (min-width:1199px) and (max-width:1500px){
	.pub_title .title p{font-size: 78px;}
	.pub_title .ftitle p{font-size: 18px;}
}
@media (min-width:767px) and (max-width:1199px){
	.pub_title .title p{font-size: 62px;}
	.pub_title .ftitle p{font-size: 16px;}
}
@media (max-width:767px){
	.pub_title .title p{font-size: 42px;line-height: 1.4;}
	.pub_title .ftitle{margin: 0 -5px;}
	.pub_title .ftitle p{font-size: 15px;padding: 0 5px;}
}

/*内页*/
#ny_top .container{max-width: 1580px;}
#ny_top .box1{padding-top: 235px;align-items: flex-end;}
#ny_top .pub_title .ftitle{margin: 0 0px;}
#ny_top .pub_title .title{margin-top: 10px;}
#ny_top .pub_title .title p{font-size: 100px;color: #000;}
#ny_top .pub_title .ftitle p{font-size: 24px;color: #FE027D;font-family: "fontR";}
#ny_top .yuan{margin-right: -40px;margin-top: 10px;}
#ny_top .yuan span{width: 22px;height: 22px;background: #FE027D;border-radius: 50%;animation: op 1.6s infinite linear;display: inline-block;}
#ny_top .yuan span:nth-child(2){animation: op 1.6s 0.8s infinite linear;margin-left: -10px;}
@keyframes op{
	0%{transform: translateX(0px);opacity: 0.3;}
	50%{transform: translateX(3px);}
	100%{transform: translateX(0px);opacity: 1;}
}
#ny_top .ny_dh{font-size: 20px;color: rgba(51, 51, 51, 0.5);font-family: "fontR";margin: 0 -18px;}
#ny_top .ny_dh ul{display: flex;}
#ny_top .ny_dh ul li{padding: 18px;}
#ny_top .ny_dh li a:hover,#ny_top .ny_dh li.on a{color: #FE027D;}

@media (min-width:1199px) and (max-width:1500px){
	#ny_top .pub_title .title p{font-size: 88px;}
	#ny_top .pub_title .ftitle p{font-size: 22px;}
	#ny_top .yuan span{width: 19px;height: 19px;}
}
@media (min-width:767px) and (max-width:1199px){
	#ny_top .ny_dh{font-size: 18px;margin: 0 -13px;}
	#ny_top .ny_dh ul li {padding: 15px 13px;}
	
	#ny_top .box1{padding-top: 180px;}
	#ny_top .pub_title .title p{font-size: 66px;}
	#ny_top .pub_title .ftitle p{font-size: 17px;}
	#ny_top .yuan{margin-right: -30px;margin-top: 7px;}
	#ny_top .yuan span{width: 16px;height: 16px;}
}
@media(max-width:850px){
	#ny_top .ny_dh{display: none;}
}
@media(max-width:767px){
	#ny_top .ny_dh{display: none;width: 100%;margin: 35px 0 0 0;}
	
	#ny_top .box1{padding-top: 130px;}
	#ny_top .pub_title .title {margin-top: 3px;}
	#ny_top .pub_title .title p{font-size: 52px;}
	#ny_top .pub_title .ftitle p{font-size: 15px;padding: 0 3px;}
	#ny_top .yuan{margin-right: -30px;margin-top: 5px;}
	#ny_top .yuan span{width: 14px;height: 14px;}
	#ny_top .yuan span:nth-child(2){margin-left: -7px;}
}


/*按钮*/
.pub_btn a{display: inline-flex;align-items: center;filter: url(#buttonFilter);}
.pub_btn .text{font-size: 22px;color: #fff;background: #000;border-radius: 40px;padding: 0px 55px;position: relative;height: 66px;}
.pub_btn .text *{z-index: 2;position: relative;font-family: "fontR";}
.pub_btn .img{width: 66px;height: 66px;background: #000;border-radius: 50%;transition:1s cubic-bezier(.135,.9,.15,1);margin-left: -8px;}
.pub_btn a:hover .img{transform: translateX(18px) rotate(45deg);}
.pub_btn .img img{width: 25%;}
@media (min-width: 768px) and (max-width: 1199px){
	.pub_btn .text{height: 45px;font-size: 17px;padding: 0px 30px;}
	.pub_btn .img{width: 45px;height: 45px;}
}
@media (max-width:767px){
	.pub_btn .text{height: 43px;font-size: 16px;padding: 0px 30px;}
	.pub_btn .img{width: 43px;height: 43px;}
}

/*轮播按钮*/
.main .swiper-button-prev,.main .swiper-button-next{width: 70px;height: 70px;top:45%;}
.main .swiper-button-prev{background: url(../img/left_jt.png) no-repeat center top;background-size: contain;left: 30px;}
.main .swiper-button-next{background: url(../img/right_jt.png) no-repeat center top;background-size: contain;right: 30px;}
@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: 30px;height: 30px;}
	.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: 35px;padding-bottom: 0px;display: flex;justify-content: center;width: 100%;margin-top: 10px;}
.pagination li *{font-size: 18px;text-align: center;color: #000;margin:3px;border-radius: 50%;width: 33px;height: 33px;display: flex;justify-content: center;align-items: center;font-family: "fontL";}
.pageRemark{display: none;}
.pagination li.active span,.pagination a:hover{color: #fff;background: #000;}
@media (min-width: 767px) and (max-width: 1199px){
	.pagination {padding-top: 30px;}
	.pagination li *{font-size: 16px;width: 30px;height: 30px;}
}
@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 *{font-size: 15px;width: 30px;height: 30px;}
}

/*友情链接*/
footer select {width: 118px;padding: 3px 13px;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: 12px;border: 1px solid #fff;}
footer select option{background:#013054;}

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