.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.simple-form-basic,
.simple-text,
.simple-textarea,
.simple-select {
border: 1px solid #ccc;
padding: 4px;
vertical-align: middle;
}
.simple-form-basic:focus,
.simple-text:focus,
.simple-textarea:focus,
.simple-select:focus {
outline: 0 none;
}
.fixedstar2 {
position: relative;
top: -3.0rem;
}
.simple-text {
height: 18px;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.simple-text:focus {
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
.simple-textarea {
height: 18px;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
height: 80px;
width: 500px;
vertical-align: top;
}
.simple-textarea:focus {
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
.simple-select {
*margin-top: 5px;
*margin-bottom: 5px;
*vertical-align: top;
}
.reset-radio-checkbox {
margin: 0 5px 0 0;
padding: 0;
font-size: 13px;
*width: 13px;
*height: 13px;
}
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
* 0. sassCore's style
*/
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
/**
* 1. Remove default margin
* 0. sassCore's style.
*/
body {
margin: 0;
font-size: 12px;
line-height: 2;
color: #333;
background-color: #fff;
overflow: hidden;
overflow-y: auto;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
* 3. Correct `inline-block` display in IE 6/7.
*/
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
*display: inline;
*zoom: 1;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* 1. Remove the gray background color from active links in IE 10.
* 2. Improve readability when focused and also mouse hovered in all browsers.
* 0. sassCore's style.
*/
a {
background: transparent;
text-decoration: none;
color: #08c;
}
a:active,
a:hover {
outline: 0;
}
a:hover {
color: #006699;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* 1. Remove border when inside `a` element in IE 8/9/10.
* 2. Improve image quality when scaled in IE 7.
* 0. sassCore's style.
*/
img {
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* 1. Contain overflow in all browsers.
* 2. Improve readability of pre-formatted text in all browsers.
*/
pre {
overflow: auto;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/**
* 1. Address odd `em`-unit font size rendering in all browsers.
* 2. Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
*overflow: visible;
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea:focus,
input:focus {
outline: none;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
* 3. Remove excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px;
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="text"] {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
* 3. Correct alignment displayed oddly in IE 6/7.
*/
legend {
border: 0;
padding: 0;
*margin-left: -7px;
}
/**
* 1. Remove default vertical scrollbar in IE 8/9/10/11.
* 0. sassCore's style
*/
textarea {
overflow: auto;
resize: vertical;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/**
* Address CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
html,
button,
input,
select,
textarea {
font-family: "Microsoft Yahei", "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
form,
blockquote {
margin: 0;
}
ul,
ol,
li,
dl,
dd {
margin: 0;
padding: 0;
}
ul,
ol {
list-style: none outside none;
}
h1,
h2,
h3 {
line-height: 2;
font-weight: normal;
}
h1 {
font-size: 18px;
}
h2 {
font-size: 15.6px;
}
h3 {
font-size: 14.04px;
}
h4 {
font-size: 12px;
}
h5,
h6 {
font-size: 10.2px;
text-transform: uppercase;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #ccc;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #ccc;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #ccc;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #ccc;
}
html {
overflow: hidden;
overflow-y: scroll;
}
button,
input,
textarea,
select {
border: none;
border-radius: 0;
outline: none;
padding: 0;
}
* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
}
img {
display: block;
max-width: 100%;
}
.clear {
clear: both;
}
.f-cb {
zoom: 1;
}
.f-cb:after {
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
content: ".";
}
.fl {
float: left;
}
.fr {
float: right;
}
.por {
position: relative;
}
.poa {
position: absolute;
}
.pof {
position: fixed;
}
.poa-f {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.ovh {
overflow: hidden;
}
.noselect {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.dn {
display: none;
}
.w-f {
width: 100%;
}
.h-f {
height: 100%;
}
.loader {
width: 50px;
height: 50px;
position: fixed;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
font-size: 10px;
border-top: 2px solid rgba(0, 0, 0, 0.08);
border-right: 2px solid rgba(0, 0, 0, 0.08);
border-bottom: 2px solid rgba(0, 0, 0, 0.08);
border-left: 2px solid rgba(0, 0, 0, 0.5);
border-radius: 50%;
animation: spinner 700ms infinite linear;
}
.loader.white {
border-top: 2px solid rgba(255, 255, 255, 0.08);
border-right: 2px solid rgba(255, 255, 255, 0.08);
border-bottom: 2px solid rgba(255, 255, 255, 0.08);
border-left: 2px solid rgba(255, 255, 255, 0.5);
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*手机上a链接有黑色透明底怎么去掉
给a加这个样式*/
a {
-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
select,
input {
outline: none;
}
input::-ms-clear {
display: none;
}
@media only screen and (min-width: 360px) {
html {
font-size: 26px !important;
}
}
@media only screen and (min-width: 435px) {
html {
font-size: 30px !important;
}
}
/*@media only screen and(min-width: 500px) {
html {
font-size: 36px!important
}
}*/
@media (min-width: 769px) {
html {
font-size: 34px !important;
}
}
@media only screen and (min-width: 1024px) {
html {
font-size: 28px !important;
}
}
@media only screen and (min-width: 1200px) {
html {
font-size: 30px !important;
}
}
@media only screen and (min-width: 1440px) {
html {
font-size: 34px !important;
}
}
@media only screen and (min-width: 1680px) {
html {
font-size: 40px !important;
}
}
::-moz-selection {
background: red;
color: #fff;
}
::selection {
background: #D02127;
color: #fff;
}
::-webkit-scrollbar {
width: 4px;
height: 4px;
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
background-image: -webkit-linear-gradient(0, #d77515, #d71518);
background-image: linear-gradient(0, #d77515, #d71518);
background-image: -webkit-linear-gradient(bottom, #d77515, #d71518);
background-image: linear-gradient(to top, #d77515, #d71518);
}
::-webkit-scrollbar-thumb:window-inactive {
background-image: -webkit-linear-gradient(0, #d77515, #d71518);
background-image: linear-gradient(0, #d77515, #d71518);
background-image: -webkit-linear-gradient(bottom, #d77515, #d71518);
background-image: linear-gradient(to top, #d77515, #d71518);
}
::-webkit-scrollbar-thumb:vertical:hover {
background-image: -webkit-linear-gradient(0, #d77515, #d71518);
background-image: linear-gradient(0, #d77515, #d71518);
background-image: -webkit-linear-gradient(bottom, #d77515, #d71518);
background-image: linear-gradient(to top, #d77515, #d71518);
}
.col-fff {
color: #fff;
}
.col-000 {
color: #000;
}
.col-111 {
color: #111;
}
.col-222 {
color: #222;
}
.col-333 {
color: #333;
}
.col-444 {
color: #444;
}
.col-555 {
color: #555;
}
.col-777 {
color: #777;
}
.col-666 {
color: #666;
}
.col-888 {
color: #888;
}
.col-999 {
color: #999;
}
.tit-12 {
font-size: 12px;
line-height: 2;
}
.tit-13 {
font-size: 13px;
line-height: 2;
}
.tit-14 {
font-size: 14px;
line-height: 2;
}
.tit-15 {
font-size: 15px;
line-height: 2;
}
.tit-16 {
line-height: 1.8;
font-size: 16px;
}
.tit-17 {
line-height: 1.8;
font-size: 17px;
}
.tit-18 {
line-height: 1.8;
font-size: 18px;
}
.tit-19 {
line-height: 1.8;
font-size: 19px;
}
.tit-20 {
line-height: 1.8;
font-size: 20px;
}
.tit-21 {
line-height: 1.8;
font-size: 21px;
}
.tit-22 {
line-height: 1.8;
font-size: 22px;
}
.tit-23 {
line-height: 1.8;
font-size: 23px;
}
.tit-24 {
line-height: 1.8;
font-size: 24px;
}
.tit-25 {
line-height: 1.8;
font-size: 25px;
}
.tit-26 {
line-height: 1.8;
font-size: 26px;
}
.tit-27 {
line-height: 1.8;
font-size: 27px;
}
.tit-28 {
line-height: 1.8;
font-size: 28px;
}
.tit-29 {
line-height: 1.8;
font-size: 29px;
}
.tit-30 {
line-height: 1.8;
font-size: 30px;
}
.tit-31 {
line-height: 1.8;
font-size: 31px;
}
.tit-32 {
line-height: 1.8;
font-size: 32px;
}
.tit-33 {
line-height: 1.8;
font-size: 33px;
}
.tit-34 {
line-height: 1.8;
font-size: 34px;
}
.tit-35 {
line-height: 1.8;
font-size: 35px;
}
.tit-36 {
line-height: 1.8;
font-size: 36px;
}
.tit-37 {
line-height: 1.8;
font-size: 37px;
}
.tit-38 {
line-height: 1.8;
font-size: 38px;
}
.tit-39 {
line-height: 1.8;
font-size: 39px;
}
.tit-40 {
line-height: 1.8;
font-size: 40px;
}
.tit-41 {
line-height: 1.8;
font-size: 41px;
}
.tit-42 {
line-height: 1.8;
font-size: 42px;
}
.tit-43 {
line-height: 1.8;
font-size: 43px;
}
.tit-44 {
line-height: 1.8;
font-size: 44px;
}
.tit-45 {
line-height: 1.8;
font-size: 45px;
}
.tit-46 {
line-height: 1.8;
font-size: 46px;
}
.tit-47 {
line-height: 1.8;
font-size: 47px;
}
.tit-48 {
line-height: 1.8;
font-size: 48px;
}
.tit-49 {
line-height: 1.8;
font-size: 49px;
}
.tit-50 {
line-height: 1.8;
font-size: 50px;
}
.tit-51 {
line-height: 1.8;
font-size: 51px;
}
.tit-52 {
line-height: 1.8;
font-size: 52px;
}
.tit-53 {
line-height: 1.8;
font-size: 53px;
}
.tit-54 {
line-height: 1.8;
font-size: 54px;
}
.tit-55 {
line-height: 1.8;
font-size: 55px;
}
.tit-56 {
line-height: 1.8;
font-size: 56px;
}
.tit-57 {
line-height: 1.8;
font-size: 57px;
}
.tit-58 {
line-height: 1.8;
font-size: 58px;
}
.tit-59 {
line-height: 1.8;
font-size: 59px;
}
.tit-60 {
line-height: 1.8;
font-size: 60px;
}
.tit-61 {
line-height: 1.8;
font-size: 61px;
}
.tit-62 {
line-height: 1.8;
font-size: 62px;
}
.tit-63 {
line-height: 1.8;
font-size: 63px;
}
.tit-64 {
line-height: 1.8;
font-size: 64px;
}
.tit-65 {
line-height: 1.8;
font-size: 65px;
}
.tit-66 {
line-height: 1.8;
font-size: 66px;
}
.tit-67 {
line-height: 1.8;
font-size: 67px;
}
.tit-68 {
line-height: 1.8;
font-size: 68px;
}
.tit-69 {
line-height: 1.8;
font-size: 69px;
}
.tit-70 {
line-height: 1.8;
font-size: 70px;
}
.tit-71 {
line-height: 1.8;
font-size: 71px;
}
.tit-72 {
line-height: 1.8;
font-size: 72px;
}
.tit-73 {
line-height: 1.8;
font-size: 73px;
}
.tit-74 {
line-height: 1.8;
font-size: 74px;
}
.tit-75 {
line-height: 1.8;
font-size: 75px;
}
.tit-76 {
line-height: 1.8;
font-size: 76px;
}
.tit-77 {
line-height: 1.8;
font-size: 77px;
}
.tit-78 {
line-height: 1.8;
font-size: 78px;
}
.tit-79 {
line-height: 1.8;
font-size: 79px;
}
.tit-80 {
line-height: 1.8;
font-size: 80px;
}
@media (max-width: 1681px) {
.tit-12 {
font-size: 12px;
}
.tit-13 {
font-size: 13px;
}
.tit-14 {
font-size: 13px;
}
.tit-15 {
font-size: 14px;
}
.tit-16 {
font-size: 15px;
}
.tit-17 {
font-size: 16px;
}
.tit-18 {
font-size: 17px;
}
.tit-19 {
font-size: 18px;
}
.tit-20 {
font-size: 18px;
}
.tit-21 {
font-size: 19px;
}
.tit-22 {
font-size: 20px;
}
.tit-23 {
font-size: 21px;
}
.tit-24 {
font-size: 22px;
}
.tit-25 {
font-size: 23px;
}
.tit-26 {
font-size: 24px;
}
.tit-27 {
font-size: 25px;
}
.tit-28 {
font-size: 26px;
}
.tit-29 {
font-size: 27px;
}
.tit-30 {
font-size: 27px;
}
.tit-31 {
font-size: 28px;
}
.tit-32 {
font-size: 29px;
}
.tit-33 {
font-size: 30px;
}
.tit-34 {
font-size: 31px;
}
.tit-35 {
font-size: 32px;
}
.tit-36 {
font-size: 33px;
}
.tit-37 {
font-size: 34px;
}
.tit-38 {
font-size: 35px;
}
.tit-39 {
font-size: 36px;
}
.tit-40 {
font-size: 37px;
}
.tit-42 {
font-size: 38px;
}
.tit-43 {
font-size: 39px;
}
.tit-44 {
font-size: 40px;
}
.tit-45 {
font-size: 41px;
}
.tit-46 {
font-size: 42px;
}
.tit-47 {
font-size: 43px;
}
.tit-48 {
font-size: 44px;
}
.tit-50 {
font-size: 45px;
}
.tit-51 {
font-size: 46px;
}
.tit-52 {
font-size: 47px;
}
.tit-53 {
font-size: 48px;
}
.tit-54 {
font-size: 49px;
}
.tit-55 {
font-size: 50px;
}
.tit-56 {
font-size: 51px;
}
.tit-57 {
font-size: 52px;
}
.tit-58 {
font-size: 53px;
}
.tit-59 {
font-size: 54px;
}
.tit-60 {
font-size: 54px;
}
.tit-61 {
font-size: 55px;
}
.tit-62 {
font-size: 56px;
}
.tit-63 {
font-size: 57px;
}
.tit-64 {
font-size: 58px;
}
.tit-65 {
font-size: 59px;
}
.tit-66 {
font-size: 60px;
}
.tit-67 {
font-size: 61px;
}
.tit-68 {
font-size: 62px;
}
.tit-69 {
font-size: 63px;
}
.tit-70 {
font-size: 62px;
}
.tit-71 {
font-size: 63px;
}
.tit-72 {
font-size: 64px;
}
.tit-73 {
font-size: 65px;
}
.tit-74 {
font-size: 66px;
}
.tit-75 {
font-size: 67px;
}
.tit-76 {
font-size: 68px;
}
.tit-77 {
font-size: 69px;
}
.tit-78 {
font-size: 70px;
}
.tit-79 {
font-size: 71px;
}
.tit-80 {
font-size: 72px;
}
}
@media (max-width: 1481px) {
.tit-13 {
font-size: 12px;
}
.tit-14 {
font-size: 12px;
}
.tit-15 {
font-size: 13px;
}
.tit-16 {
font-size: 14px;
}
.tit-17 {
font-size: 15px;
}
.tit-18 {
font-size: 16px;
}
.tit-19 {
font-size: 17px;
}
.tit-20 {
font-size: 18px;
}
.tit-20 {
font-size: 16px;
}
.tit-21 {
font-size: 17px;
}
.tit-22 {
font-size: 18px;
}
.tit-23 {
font-size: 19px;
}
.tit-24 {
font-size: 20px;
}
.tit-25 {
font-size: 21px;
}
.tit-26 {
font-size: 22px;
}
.tit-27 {
font-size: 23px;
}
.tit-28 {
font-size: 24px;
}
.tit-29 {
font-size: 25px;
}
.tit-30 {
font-size: 26px;
}
.tit-31 {
font-size: 25px;
}
.tit-32 {
font-size: 26px;
}
.tit-33 {
font-size: 27px;
}
.tit-34 {
font-size: 28px;
}
.tit-35 {
font-size: 29px;
}
.tit-36 {
font-size: 30px;
}
.tit-37 {
font-size: 31px;
}
.tit-38 {
font-size: 32px;
}
.tit-39 {
font-size: 33px;
}
.tit-40 {
font-size: 34px;
}
.tit-41 {
font-size: 35px;
}
.tit-42 {
font-size: 36px;
}
.tit-43 {
font-size: 37px;
}
.tit-44 {
font-size: 38px;
}
.tit-45 {
font-size: 37px;
}
.tit-46 {
font-size: 38px;
}
.tit-47 {
font-size: 39px;
}
.tit-48 {
font-size: 40px;
}
.tit-49 {
font-size: 41px;
}
.tit-50 {
font-size: 42px;
}
.tit-51 {
font-size: 43px;
}
.tit-52 {
font-size: 44px;
}
.tit-53 {
font-size: 45px;
}
.tit-54 {
font-size: 46px;
}
.tit-55 {
font-size: 47px;
}
.tit-56 {
font-size: 48px;
}
.tit-57 {
font-size: 49px;
}
.tit-58 {
font-size: 50px;
}
.tit-59 {
font-size: 51px;
}
.tit-60 {
font-size: 52px;
}
.tit-61 {
font-size: 51px;
}
.tit-62 {
font-size: 52px;
}
.tit-63 {
font-size: 53px;
}
.tit-64 {
font-size: 54px;
}
.tit-65 {
font-size: 55px;
}
.tit-66 {
font-size: 56px;
}
.tit-67 {
font-size: 57px;
}
.tit-68 {
font-size: 58px;
}
.tit-69 {
font-size: 59px;
}
.tit-70 {
font-size: 60px;
}
.tit-71 {
font-size: 55px;
}
.tit-72 {
font-size: 56px;
}
.tit-73 {
font-size: 57px;
}
.tit-74 {
font-size: 58px;
}
.tit-75 {
font-size: 59px;
}
.tit-76 {
font-size: 60px;
}
.tit-77 {
font-size: 61px;
}
.tit-78 {
font-size: 62px;
}
.tit-79 {
font-size: 63px;
}
.tit-80 {
font-size: 64px;
}
}
@media (max-width: 1281px) {
.tit-13 {
font-size: 12px;
}
.tit-14 {
font-size: 12px;
}
.tit-15 {
font-size: 12px;
}
.tit-16 {
font-size: 13px;
}
.tit-17 {
font-size: 16px;
}
.tit-18 {
font-size: 15px;
}
.tit-19 {
font-size: 16px;
}
.tit-20 {
font-size: 17px;
}
.tit-22 {
font-size: 18px;
}
.tit-24 {
font-size: 19px;
}
.tit-25 {
font-size: 20px;
}
.tit-26 {
font-size: 21px;
}
.tit-27 {
font-size: 22px;
}
.tit-28 {
font-size: 23px;
}
.tit-29 {
font-size: 24px;
}
.tit-30 {
font-size: 25px;
}
.tit-31 {
font-size: 26px;
}
.tit-32 {
font-size: 27px;
}
.tit-33 {
font-size: 24px;
}
.tit-34 {
font-size: 25px;
}
.tit-35 {
font-size: 26px;
}
.tit-36 {
font-size: 27px;
}
.tit-37 {
font-size: 28px;
}
.tit-38 {
font-size: 29px;
}
.tit-39 {
font-size: 30px;
}
.tit-40 {
font-size: 31px;
}
.tit-41 {
font-size: 32px;
}
.tit-42 {
font-size: 33px;
}
.tit-43 {
font-size: 34px;
}
.tit-44 {
font-size: 35px;
}
.tit-45 {
font-size: 36px;
}
.tit-46 {
font-size: 37px;
}
.tit-47 {
font-size: 38px;
}
.tit-48 {
font-size: 39px;
}
.tit-49 {
font-size: 40px;
}
.tit-50 {
font-size: 38px;
}
.tit-51 {
font-size: 39px;
}
.tit-52 {
font-size: 40px;
}
.tit-53 {
font-size: 41px;
}
.tit-54 {
font-size: 42px;
}
.tit-55 {
font-size: 43px;
}
.tit-56 {
font-size: 44px;
}
.tit-57 {
font-size: 45px;
}
.tit-58 {
font-size: 46px;
}
.tit-59 {
font-size: 47px;
}
.tit-60 {
font-size: 48px;
}
.tit-61 {
font-size: 49px;
}
.tit-62 {
font-size: 50px;
}
.tit-63 {
font-size: 51px;
}
.tit-64 {
font-size: 52px;
}
.tit-65 {
font-size: 53px;
}
.tit-66 {
font-size: 54px;
}
.tit-67 {
font-size: 55px;
}
.tit-68 {
font-size: 56px;
}
.tit-69 {
font-size: 57px;
}
.tit-70 {
font-size: 58px;
}
.tit-71 {
font-size: 51px;
}
.tit-72 {
font-size: 52px;
}
.tit-73 {
font-size: 53px;
}
.tit-74 {
font-size: 54px;
}
.tit-75 {
font-size: 55px;
}
.tit-76 {
font-size: 56px;
}
.tit-77 {
font-size: 57px;
}
.tit-78 {
font-size: 58px;
}
.tit-79 {
font-size: 59px;
}
.tit-80 {
font-size: 60px;
}
}
@media (max-width: 1024px) {
.tit-24 {
font-size: 16px;
}
.tit-25 {
font-size: 17px;
}
.tit-26 {
font-size: 18px;
}
.tit-27 {
font-size: 19px;
}
.tit-28 {
font-size: 20px;
}
.tit-29 {
font-size: 21px;
}
.tit-30 {
font-size: 22px;
}
.tit-31 {
font-size: 23px;
}
.tit-32 {
font-size: 24px;
}
.tit-33 {
font-size: 21px;
}
.tit-34 {
font-size: 22px;
}
.tit-35 {
font-size: 23px;
}
.tit-36 {
font-size: 24px;
}
.tit-37 {
font-size: 25px;
}
.tit-38 {
font-size: 26px;
}
.tit-39 {
font-size: 27px;
}
.tit-40 {
font-size: 28px;
}
.tit-41 {
font-size: 29px;
}
.tit-42 {
font-size: 30px;
}
.tit-43 {
font-size: 31px;
}
.tit-44 {
font-size: 32px;
}
.tit-45 {
font-size: 33px;
}
.tit-46 {
font-size: 34px;
}
.tit-47 {
font-size: 35px;
}
.tit-48 {
font-size: 36px;
}
.tit-49 {
font-size: 37px;
}
.tit-50 {
font-size: 34px;
}
.tit-51 {
font-size: 35px;
}
.tit-52 {
font-size: 36px;
}
.tit-53 {
font-size: 37px;
}
.tit-54 {
font-size: 38px;
}
.tit-55 {
font-size: 39px;
}
.tit-56 {
font-size: 40px;
}
.tit-57 {
font-size: 41px;
}
.tit-58 {
font-size: 42px;
}
.tit-59 {
font-size: 43px;
}
.tit-60 {
font-size: 44px;
}
.tit-61 {
font-size: 45px;
}
.tit-62 {
font-size: 46px;
}
.tit-63 {
font-size: 47px;
}
.tit-64 {
font-size: 48px;
}
.tit-65 {
font-size: 49px;
}
.tit-66 {
font-size: 50px;
}
.tit-67 {
font-size: 51px;
}
.tit-68 {
font-size: 52px;
}
.tit-69 {
font-size: 53px;
}
.tit-70 {
font-size: 54px;
}
.tit-71 {
font-size: 47px;
}
.tit-72 {
font-size: 48px;
}
.tit-73 {
font-size: 49px;
}
.tit-74 {
font-size: 50px;
}
.tit-75 {
font-size: 51px;
}
.tit-76 {
font-size: 52px;
}
.tit-77 {
font-size: 53px;
}
.tit-78 {
font-size: 54px;
}
.tit-79 {
font-size: 55px;
}
.tit-80 {
font-size: 56px;
}
}
@media (max-width: 768px) {
.tit-16 {
font-size: 12px;
}
.tit-18 {
font-size: 14px;
}
.tit-20 {
font-size: 16px;
}
.tit-33 {
font-size: 20px;
}
.tit-34 {
font-size: 21px;
}
.tit-35 {
font-size: 22px;
}
.tit-36 {
font-size: 23px;
}
.tit-37 {
font-size: 24px;
}
.tit-38 {
font-size: 25px;
}
.tit-39 {
font-size: 26px;
}
.tit-40 {
font-size: 24px;
}
.tit-41 {
font-size: 25px;
}
.tit-42 {
font-size: 26px;
}
.tit-43 {
font-size: 27px;
}
.tit-44 {
font-size: 28px;
}
.tit-45 {
font-size: 29px;
}
.tit-46 {
font-size: 30px;
}
.tit-47 {
font-size: 31px;
}
.tit-48 {
font-size: 32px;
}
.tit-49 {
font-size: 33px;
}
.tit-50 {
font-size: 28px;
}
.tit-51 {
font-size: 29px;
}
.tit-52 {
font-size: 30px;
}
.tit-53 {
font-size: 31px;
}
.tit-54 {
font-size: 32px;
}
.tit-55 {
font-size: 33px;
}
.tit-56 {
font-size: 34px;
}
.tit-57 {
font-size: 35px;
}
.tit-58 {
font-size: 36px;
}
.tit-59 {
font-size: 37px;
}
.tit-60 {
font-size: 36px;
}
.tit-61 {
font-size: 37px;
}
.tit-62 {
font-size: 38px;
}
.tit-63 {
font-size: 39px;
}
.tit-64 {
font-size: 40px;
}
.tit-65 {
font-size: 41px;
}
.tit-66 {
font-size: 42px;
}
.tit-67 {
font-size: 43px;
}
.tit-68 {
font-size: 44px;
}
.tit-69 {
font-size: 45px;
}
.tit-70 {
font-size: 46px;
}
.tit-70 {
font-size: 42px;
}
.tit-71 {
font-size: 43px;
}
.tit-72 {
font-size: 44px;
}
.tit-73 {
font-size: 45px;
}
.tit-74 {
font-size: 46px;
}
.tit-75 {
font-size: 47px;
}
.tit-76 {
font-size: 48px;
}
.tit-77 {
font-size: 49px;
}
.tit-78 {
font-size: 50px;
}
.tit-79 {
font-size: 51px;
}
.tit-80 {
font-size: 52px;
}
}
.conbox-14 {
font-size: 14 px;
line-height: 1.8;
}
.conbox-15 {
font-size: 15 px;
line-height: 1.8;
}
.conbox-16 {
font-size: 16 px;
line-height: 1.8;
}
.conbox-17 {
font-size: 17 px;
line-height: 1.8;
}
.conbox-18 {
font-size: 18 px;
line-height: 1.8;
}
.conbox-19 {
font-size: 19 px;
line-height: 1.8;
}
.conbox-20 {
font-size: 20 px;
line-height: 1.8;
}
.conbox-21 {
font-size: 21 px;
line-height: 1.8;
}
.conbox-22 {
font-size: 22 px;
line-height: 1.8;
}
.conbox-23 {
font-size: 23 px;
line-height: 1.8;
}
.conbox-24 {
font-size: 24 px;
line-height: 1.8;
}
@media (max-width: 1481px) {
.conbox-18 {
font-size: 16px;
}
.conbox-20 {
font-size: 18px;
}
.conbox-24 {
font-size: 20px;
}
}
@media (max-width: 1281px) {
.conbox-14 {
font-size: 13px;
}
.conbox-16 {
font-size: 14px;
}
.conbox-18 {
font-size: 15px;
}
.conbox-20 {
font-size: 15px;
}
.conbox-24 {
font-size: 16px;
}
}
.f-no {
display: flex;
flex-flow: row wrap;
}
.f-no-b-center {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.f-no-b-start {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.f-no-b-stretch {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: stretch;
}
.f-no-c-center {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.f-no-c-start {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
}
.f-no-c-stretch {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: stretch;
}
.f-no-s-center {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
.f-no-s-end {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-end;
}
.f-no-s-stretch {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch;
}
.f-no-end-start {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
}
.f-no-col {
display: flex;
flex-flow: column wrap;
}
.f-no-col-b-center {
display: flex;
flex-flow: column wrap;
justify-content: space-between;
align-items: center;
}
.f-no-col-c-center {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
}
.f-no-col-s-center {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: center;
}
.f-no-col-s-end {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-end;
}
.f-no-col-c-start {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: flex-start;
}
.f-no-col-b-start {
display: flex;
flex-flow: column wrap;
justify-content: space-between;
align-items: flex-start;
}
.f-no-col-end-start {
display: flex;
flex-flow: column wrap;
justify-content: flex-end;
align-items: flex-start;
}
.pc-block {
display: block;
}
.pc-block-768 {
display: block;
}
.pc-block-767 {
display: block;
}
.m-block {
display: none;
}
.m-block-767 {
display: none;
}
.m-block-768 {
display: none;
}
@media (max-width: 1024px) {
.pc-block {
display: none;
}
.m-block {
display: block;
}
}
@media (max-width: 768px) {
.pc-block-768 {
display: none;
}
.m-block-768 {
display: block;
}
}
@media (max-width: 767px) {
.pc-block-767 {
display: none;
}
.m-block-767 {
display: block;
}
}
.poa-middle {
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.tran-middle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.text-hide {
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.img-cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.pointer {
cursor: pointer;
}
.bgtop {
background-position: top;
}
.containbg {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justif {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-bold {
font-weight: bold;
}
.centerh {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.centerv {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.centerblock {
margin-left: auto;
margin-right: auto;
}
.shadow1 {
box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15);
}
.full {
width: 100%;
height: 100%;
}
.fullw {
width: 100%;
}
.fullh {
height: 100%;
}
.fullvh {
height: 100vh;
}
.top {
top: 0;
}
.btm {
bottom: 0;
}
.lt {
left: 0;
}
.rt {
right: 0;
}
.block {
display: block;
}
.inlineblock {
display: inline-block;
}
.notrans {
-webkit-transition-duration: 0s !important;
-o-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.no-hover {
pointer-events: none !important;
cursor: default;
}
.trans3d0 {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.round {
border-radius: 50%;
}
.mt0 {
margin-top: 0;
}
.mb0 {
margin-bottom: 0;
}
.in-block {
display: inline-block;
*display: inline;
*zoom: 1;
}
.w1720 {
max-width: 1720px;
width: 90%;
margin: 0 auto;
}
.w1300 {
width: 1300px;
margin: 0 auto;
}
@media (max-width: 1350px) {
.w1300 {
width: 94%;
}
}
.w1080 {
width: 1080px;
margin: 0 auto;
}
@media (max-width: 1100px) {
.w1080 {
width: 94%;
}
}
.w1070 {
width: 1070px;
margin: 0 auto;
}
@media (max-width: 1100px) {
.w1070 {
width: 94%;
}
}
.wpage {
text-align: center;
}
.page {
padding: 2rem 0 0;
font-size: 14px;
font-weight: bold;
line-height: 22px;
text-align: center;
clear: both;
display: inline-block;
}
.page a {
text-decoration: none;
color: #666666;
width: 38px;
height: 38px;
line-height: 38px;
margin: 0 2px;
background: #F3F3F3;
display: block;
float: left;
transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.page a[rel=prev],
.page a[rel=next] {
background-image: url(../image/jt5.png);
background-size: 7px 11px;
background-repeat: no-repeat;
background-position: center;
}
.page a[rel=prev]:hover,
.page a[rel=next]:hover {
background-color: #da3830;
background-image: url(../image/jt4.png);
}
.page a[rel=next] {
transform: rotate(180deg);
}
.page a.active {
background: #da3830;
color: #fff;
transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.page span.laypage_curr {
width: 38px;
height: 38px;
line-height: 38px;
margin: 0 2px;
display: inline-block;
background: #da3830;
color: #fff;
transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.page a:hover {
text-decoration: none;
color: #fff;
background-color: #da3830;
transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
}
@media (max-width: 767px) {
.wrap {
padding: 30px;
}
}
.wrap-sm {
padding: 30px;
}
@media (max-width: 767px) {
.wrap-sm {
padding: 15px;
}
}
.wrap-xs {
padding: 20px;
}
@media (max-width: 767px) {
.wrap-xs {
padding: 10px;
}
}
.p-v-xs {
padding-top: 20px;
padding-bottom: 20px;
}
@media (max-width: 767px) {
.p-v-xs {
padding-top: 10px;
padding-bottom: 10px;
}
}
.p-v-sm {
padding-top: 30px;
padding-bottom: 30px;
}
@media (max-width: 767px) {
.p-v-sm {
padding-top: 20px;
padding-bottom: 20px;
}
}
.p-v-md {
padding-top: 60px;
padding-bottom: 60px;
}
@media (max-width: 959px) {
.p-v-md {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.p-v-md {
padding-top: 30px;
padding-bottom: 30px;
}
}
.p-v-lg {
padding-top: 100px;
padding-bottom: 100px;
}
@media (max-width: 959px) {
.p-v-lg {
padding-top: 70px;
padding-bottom: 70px;
}
}
@media (max-width: 767px) {
.p-v-lg {
padding-top: 50px;
padding-bottom: 50px;
}
}
.p-h-sm {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 767px) {
.p-h-sm {
padding-left: 20px;
padding-right: 20px;
}
}
.pt0 {
padding-top: 0;
}
.pb0 {
padding-bottom: 0;
}
.m-v-lg {
margin-top: 100px;
margin-bottom: 100px;
}
@media (max-width: 959px) {
.m-v-lg {
margin-top: 70px;
margin-bottom: 70px;
}
}
@media (max-width: 767px) {
.m-v-lg {
margin-top: 50px;
margin-bottom: 50px;
}
}
.m-b-xxs {
margin-bottom: 5px;
}
.m-b-xs {
margin-bottom: 10px;
}
.m-b-sm {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.m-b-sm {
margin-bottom: 15px;
}
}
.m-b-md {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.m-b-md {
margin-bottom: 20px;
}
}
.m-b-lg {
margin-bottom: 60px;
}
@media (max-width: 767px) {
.m-b-lg {
margin-bottom: 40px;
}
}
.m-b-xl {
margin-bottom: 100px;
}
@media (max-width: 959px) {
.m-b-xl {
margin-bottom: 70px;
}
}
@media (max-width: 767px) {
.m-b-xl {
margin-bottom: 50px;
}
}
.m-t-xxs {
margin-top: 5px;
}
.m-t-xs {
margin-top: 10px;
}
.m-t-sm {
margin-top: 20px;
}
@media (max-width: 767px) {
.m-t-sm {
margin-top: 15px;
}
}
.m-t-md {
margin-top: 30px;
}
@media (max-width: 767px) {
.m-t-md {
margin-top: 20px;
}
}
.m-t-lg {
margin-top: 60px;
}
@media (max-width: 767px) {
.m-t-lg {
margin-top: 40px;
}
}
.m-r-xxs {
margin-right: 5px;
}
.m-r-xs {
margin-right: 10px;
}
.m-r-sm {
margin-right: 20px;
}
@media (max-width: 767px) {
.m-r-sm {
margin-right: 10px;
}
}
.m-l-xxs {
margin-left: 5px;
}
.m-l-xs {
margin-left: 10px;
}
.m-l-sm {
margin-left: 20px;
}
@media (max-width: 767px) {
.m-l-sm {
margin-left: 10px;
}
}
@media (max-width: 767px) and (orientation: portrait) {
.phone-v-fullw {
width: 100%;
}
.phone-v-p0 {
padding: 0;
}
}
.trans {
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all 0.4s;
}
.trans2 {
-webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.trans-md {
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all 0.8s;
}
.trans-md2 {
-webkit-transition: all 0.8s cubic-bezier(1, 0, 0, 1);
-o-transition: all 0.8s cubic-bezier(1, 0, 0, 1);
transition: all 0.8s cubic-bezier(1, 0, 0, 1);
}
.anim-loader {
animation: loader 1829ms linear infinite, loader_dash 2156ms ease-in-out infinite;
}
.anim-fade-out {
-webkit-animation: fade_out .5s ease forwards;
animation: fade_out 0.5s ease forwards;
}
.ajax-loader {
background: rgba(0, 0, 0, 0.2);
visibility: hidden;
opacity: 0;
z-index: 1036;
}
.tt-ajax-loader .ajax-loader {
visibility: visible;
opacity: 1;
}
.tt-ajax-loader .ajax-loader .loader-icon .line {
-webkit-animation: loader 1829ms linear infinite, loader_dash 2156ms ease-in-out infinite;
animation: loader 1829ms linear infinite, loader_dash 2156ms ease-in-out infinite;
}
.cssanimations .anim_emt,
.cssanimations .anim_group .anim_item {
visibility: hidden;
}
.cssanimations .anim_emt.visb,
.cssanimations .anim_group .anim_item.visb {
visibility: inherit;
}
.anim_emt.start {
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.anim_emt.start.scale_up {
-webkit-animation-name: mk_scale;
animation-name: mk_scale;
}
.anim_emt.start.fade_in {
-webkit-animation-name: mk_fade;
animation-name: mk_fade;
}
.anim_emt.start.r_to_l {
-webkit-animation-name: mk_right_to_left;
animation-name: mk_right_to_left;
}
.anim_emt.start.l_to_r {
-webkit-animation-name: mk_left_to_right;
animation-name: mk_left_to_right;
}
.anim_emt.start.t_to_b {
-webkit-animation-name: mk_top_to_bottom;
animation-name: mk_top_to_bottom;
}
.anim_emt.start.b_to_t {
-webkit-animation-name: mk_bottom_to_top;
animation-name: mk_bottom_to_top;
}
.slide_anim {
visibility: hidden;
}
.slide_anim.start {
visibility: visible;
}
.slide_anim.b_to_t.start {
-webkit-animation: mk_bottom_to_top .6s;
animation: mk_bottom_to_top 0.6s;
}
.anim_emt.palx_img.start {
overflow: hidden;
-webkit-animation-name: tt_palx_wrap;
animation-name: tt_palx_wrap;
}
.anim_emt.palx_img.start .img-wrap {
-webkit-animation: tt_palx_img .6s;
animation: tt_palx_img 0.6s;
}
@keyframes tt_palx_wrap {
0% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes tt_palx_img {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes loader {
to {
-webkit-transform: rotate3d(0, 0, 1, 360deg);
transform: rotate3d(0, 0, 1, 360deg);
}
}
@keyframes loader_dash {
from {
stroke-dasharray: 0 150;
stroke-dashoffset: 0;
}
to {
stroke-dasharray: 100 150;
stroke-dashoffset: -140;
}
}
@keyframes line_w100 {
to {
left: 100%;
}
}
@keyframes rotate_360 {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fade_out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fade_in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade_out_in {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
@keyframes mk_scale {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes mk_fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes mk_left_to_right {
0% {
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes mk_right_to_left {
0% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes mk_bottom_to_top {
0% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes mk_top_to_bottom {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes mk_spt {
0% {
-webkit-transform: translateY(10%);
transform: translateY(10%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.a-del1 {
animation-delay: 0.1s;
}
.a-del2 {
animation-delay: 0.2s;
}
.a-del3 {
animation-delay: 0.3s;
}
.a-del4 {
animation-delay: 0.4s;
}
.a-del5 {
animation-delay: 0.5s;
}
.a-del6 {
animation-delay: 0.6s;
}
.a-del7 {
animation-delay: 0.7s;
}
.a-del8 {
animation-delay: 0.8s;
}
.a-del9 {
animation-delay: 0.9s;
}
.a-del10 {
animation-delay: 1s;
}
.a-dur1 {
animation-duration: 0.3s;
}
.a-dur2 {
animation-duration: 0.4s;
}
.a-dur3 {
animation-duration: 0.5s;
}
.a-dur4 {
animation-duration: 0.6s;
}
.a-dur5 {
animation-duration: 0.7s;
}
.a-dur6 {
animation-duration: 0.8s;
}
.a-dur7 {
animation-duration: 0.9s;
}
.a-dur8 {
animation-duration: 1s;
}
.a-dur9 {
animation-duration: 1.1s;
}
.a-dur10 {
animation-duration: 1.2s;
}
.a-dur11 {
animation-duration: 1.3s;
}
.a-dur12 {
animation-duration: 1.4s;
}
.a-dur13 {
animation-duration: 1.5s;
}
.a-dur14 {
animation-duration: 1.6s;
}
.a-dur15 {
animation-duration: 1.7s;
}
.a-dur16 {
animation-duration: 1.8s;
}
.a-dur17 {
animation-duration: 1.9s;
}
.a-dur18 {
animation-duration: 2s;
}
.t-del1 {
transition-delay: 0.1s;
}
.t-del2 {
transition-delay: 0.2s;
}
.t-del3 {
transition-delay: 0.3s;
}
.t-del4 {
transition-delay: 0.4s;
}
.t-del5 {
transition-delay: 0.5s;
}
.t-del6 {
transition-delay: 0.6s;
}
.t-del7 {
transition-delay: 0.7s;
}
.t-del8 {
transition-delay: 0.8s;
}
.t-del9 {
transition-delay: 0.9s;
}
.t-del10 {
transition-delay: 1s;
}
.browsers {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #fff url(/img/img1.png);
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: 99;
}
/*@include font-face($font-family:'ad', $file-path:"../fonts/BEBAS", $weight: normal, $style: normal);
@include simple-text($borderColorFocus:#000);
@include simple-textarea($borderColorFocus:#52a8ec, $width:500px, $height:80px)
@include simple-btn($formbtn:false, $bgColor: $primary, $textColor:$white);
/*.conbox-16{
color:nth($infoColor,1);
background:nth($infoColor,2);
border:1px solid nth($infoColor,3);
}*/
.fl1 {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.fl2 {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.fl3 {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
.fl4 {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
}
.fl5 {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.fl6 {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.fl7 {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: flex-start;
}
.fl8 {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-end;
}
.fl9 {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: flex-end;
}
.fl10 {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: baseline;
}
.fl11 {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: stretch;
}
.fl12 {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: baseline;
}
.fl13 {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch;
}
.fl12 {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: baseline;
}
.fl13 {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: stretch;
}
.fl14 {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: baseline;
}
.fl15 {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: stretch;
}
.fl16 {
display: flex;
flex-flow: column wrap;
justify-content: space-between;
align-items: center;
}
.fl17 {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
}
.fl18 {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: center;
}
.fl19 {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: flex-start;
}
.fl20 {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
}
.fl21 {
display: flex;
flex-flow: column wrap;
justify-content: space-between;
align-items: flex-start;
}
.fl22 {
display: flex;
flex-flow: column wrap;
justify-content: flex-end;
align-items: flex-start;
}
.fl23 {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-end;
}
.fl24 {
display: flex;
flex-flow: column wrap;
justify-content: flex-end;
align-items: flex-end;
}
.fl25 {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: baseline;
}
.fl26 {
display: flex;
flex-flow: column wrap;
justify-content: flex-end;
align-items: stretch;
}
.fl27 {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: baseline;
}
.fl28 {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: stretch;
}
.fl29 {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: baseline;
}
.fl30 {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: stretch;
}
.fl31 {
display: flex;
flex-flow: column wrap;
justify-content: space-between;
align-items: baseline;
}
.fl32 {
display: flex;
flex-flow: column wrap;
justify-content: space-between;
align-items: stretch;
}
.fl33 {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-items: center;
}
.lh1 {
line-height: 1;
}
.yxb-header-m {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 80px;
background-color: #fff;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
transition: all 0.8s;
}
.yxb-header-m .yxb-logo {
position: absolute;
left: 5.28%;
top: 15px;
display: block;
transition: all 0.8s;
}
.yxb-header-m .yxb-logo img {
display: block;
max-width: 100%;
}
.yxb-header-m .yxb-nav {
position: absolute;
top: 0;
bottom: 0;
right: -80.55%;
width: 80.55%;
height: 100vh;
background-color: #fff;
}
.yxb-header-m .yxb-nav li {
padding: 0 8.27%;
border-bottom: 1px solid #ebebeb;
font-size: 26px;
background: #f6f6f6;
}
.yxb-header-m .yxb-nav li.dy {
background: #000;
}
.yxb-header-m .yxb-nav li.dy a {
padding: 0;
color: #fff;
}
.yxb-header-m .yxb-nav li .link {
position: relative;
display: block;
padding: 6% 0;
color: #222;
transition: all 0.6s;
transform: translateX(100px);
opacity: 0;
}
.yxb-header-m .yxb-nav li .link .arrow {
position: absolute;
right: 0;
top: 50%;
display: block;
width: 14px;
height: 24px;
margin-top: -10px;
background: url(../image/arrow-r.png) no-repeat center center;
}
.yxb-header-m .yxb-nav li .hide {
position: absolute;
top: 0;
left: 101%;
z-index: 1001;
width: 100%;
height: 100%;
background-color: #fff;
transition: all 0.8s;
}
.yxb-header-m .yxb-nav li .hide .sub-link {
display: block;
padding: 6% 8.27%;
border-bottom: 1px solid #ebebeb;
font-size: 26px;
color: #222;
background: #f6f6f6;
}
.yxb-header-m .yxb-nav li .hide .sub-link .text {
display: block;
transform: translateX(100px);
opacity: 0;
transition: all 0.6s;
}
.yxb-header-m .yxb-nav li .hide .title {
position: relative;
height: 80px;
padding: 0;
line-height: 80px;
font-size: 24px;
text-align: center;
color: #fff;
background: #D7000F;
}
.yxb-header-m .yxb-nav li .hide .title .back {
position: absolute;
left: 8.27%;
top: 50%;
display: block;
width: 14px;
height: 24px;
margin-top: -10px;
background: url(../image/arrow-l.png) no-repeat center center;
}
.yxb-header-m .yxb-nav li.weibo {
background-color: #fff;
}
.yxb-header-m .yxb-nav li.weibo .link .icon {
margin-right: 16px;
}
.yxb-header-m .yxb-nav li.weibo .link .icon img {
max-width: 100%;
}
.yxb-header-m .yxb-nav li.wechat {
background-color: #fff;
}
.yxb-header-m .yxb-nav li.wechat .link .icon {
margin-right: 16px;
}
.yxb-header-m .yxb-nav li.wechat .link .icon img {
max-width: 100%;
}
.yxb-header-m .bg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100vh;
background: #000;
opacity: 0.1;
filter: alpha(opacity=10);
cursor: pointer;
transform: scaleX(0);
transform-origin: 100% 50%;
transition: transform 0.6s;
backdrop-filter: blur(60px);
}
.yxb-header-m .menu-box {
position: absolute;
top: 26px;
right: 5.28%;
transition: all 0.6s;
}
.yxb-header-m .yxb-menu {
width: 35px;
margin: 0 auto;
cursor: pointer;
}
.yxb-header-m .yxb-menu .line {
position: relative;
top: 0;
display: block;
width: 100%;
height: 4px;
transition: transform 0.3s ease, top 0.3s ease, width 0.3s ease, opacity 0.3s, background 0.3s;
transform-origin: center center;
background: #000;
}
.yxb-header-m .yxb-menu .line:nth-child(2) {
margin: 8px 0;
}
.yxb-header-m.ishow {
transform: translateX(-80.55%);
}
.yxb-header-m.ishow .bg {
transform: scaleX(1);
display: none;
}
.yxb-header-m.ishow .yxb-nav li .link {
transform: translateX(0px);
opacity: 1;
}
.yxb-header-m.ishow .yxb-nav li .hide.ishow {
transform: translateX(-101%);
}
.yxb-header-m.ishow .yxb-nav li .hide.ishow .sub-link .text {
transform: translateX(0px);
opacity: 1;
}
.yxb-header-m.ishow .menu-box {
right: 0;
width: 19.45%;
}
.yxb-header-m.ishow .yxb-menu .line:nth-child(1) {
top: 12px;
transform: rotate(45deg);
opacity: 0.8;
}
.yxb-header-m.ishow .yxb-menu .line:nth-child(2) {
opacity: 0;
width: 0;
}
.yxb-header-m.ishow .yxb-menu .line:nth-child(3) {
top: -12px;
transform: rotate(-45deg);
opacity: 0.8;
}
@media (min-width: 1025px) {
.yxb-header-m {
display: none;
}
}
@media (max-width: 750px) {
.yxb-header-m {
height: 70px;
}
.yxb-header-m .yxb-logo {
top: 10px;
}
.yxb-header-m .yxb-nav li {
font-size: 18px;
}
.yxb-header-m .yxb-nav li .link .arrow {
width: 9.8px;
height: 16.8px;
margin-top: -8.4px;
background-size: contain;
}
.yxb-header-m .yxb-nav li .hide .sub-link {
font-size: 18px;
}
.yxb-header-m .yxb-nav li .hide .title {
height: 70px;
line-height: 70px;
font-size: 18px;
}
.yxb-header-m .yxb-nav li .hide .title .back {
width: 9.8px;
height: 16.8px;
margin-top: -8.4px;
background-size: contain;
}
.yxb-header-m .yxb-nav li.weibo .link .icon {
width: 24px;
margin-right: 0.4rem;
}
.yxb-header-m .yxb-nav li.wechat .link .icon {
width: 24px;
margin-right: 0.4rem;
}
.yxb-header-m .menu-box {
top: 23px;
}
.yxb-header-m .yxb-menu {
width: 26px;
}
.yxb-header-m .yxb-menu .line {
height: 2px;
}
.yxb-header-m .yxb-menu .line:nth-child(2) {
margin: 6px 0;
}
.yxb-header-m.ishow .yxb-menu .line:nth-child(1) {
top: 8px;
}
.yxb-header-m.ishow .yxb-menu .line:nth-child(3) {
top: -8px;
}
}
@media (max-width: 500px) {
.yxb-header-m {
height: 60px;
}
.yxb-header-m .yxb-logo {
top: 11px;
}
.yxb-header-m .yxb-logo img {
height: 38px;
}
.yxb-header-m .yxb-nav li {
font-size: 16px;
}
.yxb-header-m .yxb-nav li .link .arrow {
width: 8.4px;
height: 14.4px;
margin-top: -7.2px;
}
.yxb-header-m .yxb-nav li .hide .sub-link {
font-size: 16px;
}
.yxb-header-m .yxb-nav li .hide .title {
height: 60px;
line-height: 60px;
font-size: 16px;
}
.yxb-header-m .yxb-nav li .hide .title .back {
width: 8.4px;
height: 14.4px;
margin-top: -7.2px;
}
.yxb-header-m .yxb-nav li.dy {
height: 60px;
line-height: 60px;
font-size: 16px;
}
.yxb-header-m .yxb-nav li.weibo .link .icon {
width: 22px;
}
.yxb-header-m .yxb-nav li.wechat .link .icon {
width: 22px;
}
.yxb-header-m .menu-box {
top: 19px;
}
}
.wr {
width: 100%;
position: relative;
}
.li2 {
width: 49%;
float: left;
margin-right: 2%;
}
.li2:last-child {
margin-right: 0;
}
.li4 {
width: 24.25%;
margin-right: 1%;
float: left;
}
.li4:last-child {
margin-right: 0;
}
.li3 {
width: 32%;
margin-right: 2%;
float: left;
}
.li3:last-child {
margin-right: 0;
}
.view {
width: 100%;
padding: 0 1.5rem;
}
.view2 {
width: 100%;
padding: 0 8.333%;
}
.sr {
font-family: "Microsoft Yahei";
}
.sm {
font-family: "Microsoft Yahei";
font-weight: 500;
}
.mc {
color: #D02127;
}
.pc-header {
height: 105px;
background-color: #fff;
position: fixed;
z-index: 999;
display: flex;
align-items: center;
justify-content: space-between;
}
.pc-header .logo {
display: block;
width: 5.525rem;
position: relative;
}
.pc-header .logo:after {
content: "";
position: absolute;
width: 1px;
height: 50px;
background: #000000;
opacity: 0.1;
top: 0;
right: -27px;
}
.pc-header .nav {
margin-left: 54px;
}
.pc-header .nav .li {
float: left;
height: 105px;
line-height: 105px;
margin-right: 1.75rem;
}
.pc-header .nav .li .tit-18 {
position: relative;
}
.pc-header .nav .li .tit-18:after {
content: "";
position: absolute;
right: -12px;
width: 6px;
height: 4px;
top: 50%;
margin-top: -2px;
background-image: url(../image/hicon1.png);
background-size: 6px 4px;
transition: all 0.3s;
opacity: 0;
}
.pc-header .nav .li .nav_sub {
position: absolute;
top: 105px;
padding: 10px 50px;
padding-left: calc(6.42rem + 54px);
line-height: 1;
width: 100%;
display: none;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
background-color: rgba(255, 255, 255, 0.8);
}
.pc-header .nav .li .nav_sub a {
display: inline-block;
font-size: 14px;
line-height: 44px;
color: #333;
margin-right: 30px;
transition-duration: .3s;
padding: 0 20px;
transition: all 0.3s;
}
.pc-header .nav .li .nav_sub a:first-child {
border-top: 0;
}
.pc-header .header-right {
float: right;
display: flex;
align-items: center;
}
.pc-header .header-right .seach {
width: 9rem;
height: 1.15rem;
position: relative;
}
.pc-header .header-right .seach .seor {
width: 2.4rem;
height: 100%;
background-image: url(/img/seach1.png);
background-size: 100%;
background-repeat: no-repeat;
position: absolute;
left: 0;
}
.pc-header .header-right .seach .seor .tit {
width: 100%;
height: 1.15rem;
text-align: center;
line-height: 1.15rem;
position: relative;
color: #888;
cursor: pointer;
}
.pc-header .header-right .seach .seor .tit img {
display: inline-block;
vertical-align: middle;
}
.pc-header .header-right .seach .seor .ss-sub {
position: absolute;
top: 1.15rem;
width: 83%;
background-color: #ebebeb;
display: none;
}
.pc-header .header-right .seach .seor .ss-sub .li {
display: block;
color: #888;
width: 100%;
line-height: 40px;
padding: 0 .4rem;
font-size: 14px;
box-sizing: border-box;
cursor: pointer;
}
.pc-header .header-right .seach .txt {
width: 7.075rem;
height: 1.15rem;
position: absolute;
right: 0;
background-image: url(/img/seach2.png);
background-size: 100%;
background-repeat: no-repeat;
}
.pc-header .header-right .seach .txt input {
width: 100%;
height: 100%;
padding: .3rem 1rem;
background: transparent;
font-size: 14px;
}
.pc-header .header-right .svflist .a {
display: inline-block;
width: auto;
height: 20px;
vertical-align: top;
position: relative;
padding: 0 12px;
}
.pc-header .header-right .svflist .a svg {
fill: #333;
}
.header-left {
display: flex;
align-items: center;
}
footer {
background-color: #ffffff;
overflow: hidden;
}
footer .bot {
background-color: #e8e7e6;
padding: 0.82rem 0;
}
footer .bot .view2 {
display: flex;
justify-content: space-between;
color: #3b3938;
font-size: 14px;
}
footer .bot .view2 a {
color: #3b3938;
}
footer .bot .view2 .bright a {
margin: 0 0.6rem;
}
footer .bot .view2 .bright a:last-child {
margin-right: 0;
}
.bgimg {
width: 100%;
height: 100%;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.sub_banner {
height: 16rem;
position: relative;
overflow: hidden;
}
.sub_banner .conts {
height: 100%;
width: 100%;
position: relative;
}
.sub_banner .intxt {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 4rem;
}
.sub_banner .intxt .en {
margin-top: 0.45rem;
}
.header-fix {
width: 100%;
height: 105px;
position: relative;
}
.adds-nav {
background-color: #F1F1F1;
height: 1.6rem;
font-size: 0;
text-align: center;
}
.adds-nav a {
display: inline-block;
vertical-align: top;
margin: 0;
line-height: 1.6rem;
font-size: .4rem;
color: #666666;
font-weight: 500;
width: 4.75rem;
text-align: center;
position: relative;
overflow: hidden;
}
.adds-nav a:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #D02127;
transform: scaleX(0);
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: right center;
}
.adds-nav a:before {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 1px;
height: 12px;
margin-top: -6px;
background-color: #ccc;
}
.adds-nav a:last-child:before {
display: none;
}
.about_a {
border-bottom: 1px solid #EAEAEA;
padding-top: 2.925rem;
padding-bottom: 2.25rem;
}
.about_a .left {
width: 45.2%;
float: left;
}
.about_a .left .tit-44 {
line-height: 1.5rem;
margin-bottom: .6rem;
position: relative;
font-weight: 700;
}
.about_a .left .tit-44:after {
content: "";
width: 51px;
height: 0px;
position: absolute;
background: #DCDCDC;
right: 0;
bottom: 0;
}
.about_a .left .vioeobox {
width: 100%;
height: 11.5rem;
margin-top: 1.25rem;
position: relative;
}
.about_a .right {
width: 43.8%;
float: right;
}
.about_a .right .tit-17 {
line-height: 0.9rem;
}
.about_a .right .numlist {
width: 100%;
margin-top: 2rem;
}
.about_a .right .numlist .li {
width: 50%;
float: left;
display: flex;
align-items: flex-start;
justify-content: space-between;
border-bottom: 1px solid rgba(210, 18, 25, 0.1);
}
.about_a .right .numlist .li img {
margin-right: 1.5rem;
}
.about_a .right .numlist .li .munbox {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.about_a .right .numlist .li .munbox .tot {
display: flex;
align-items: flex-start;
flex-direction: row;
font-style: italic;
}
.about_a .right .numlist .li .munbox .tot .tit-24 {
margin-left: .3rem;
font-family: "BEBAS";
}
.about_a .right .numlist .li .munbox .tot .cout {
display: inline-block;
}
.about_a .right .numlist .li .munbox .tot span {
display: inline-block;
font-size: .85rem;
font-family: "BEBAS";
vertical-align: top;
transform: translateY(5px);
}
.about_a .right .numlist .li .munbox .tit-15 {
margin-top: .3rem;
}
.about_a .right .numlist .li:nth-child(2n) .munbox {
margin-left: 2rem;
}
.about_a .right .numlist .li:nth-child(2n) img {
margin-right: 0;
}
.about_a .right .numlist .li:nth-child(1) {
padding-bottom: .8rem;
border-right: 1px solid rgba(210, 18, 25, 0.1);
}
.about_a .right .numlist .li:nth-child(2) {
padding-bottom: .8rem;
}
.about_a .right .numlist .li:nth-child(3) {
padding: .8rem 0;
border-right: 1px solid rgba(210, 18, 25, 0.1);
}
.about_a .right .numlist .li:nth-child(4) {
padding: .8rem 0;
}
.about_a .right .numlist .li:nth-child(5) {
padding-top: .8rem;
border-bottom: 0;
border-right: 1px solid rgba(210, 18, 25, 0.1);
}
.about_a .right .numlist .li:nth-child(6) {
padding-top: .8rem;
border-bottom: 0;
}
.vidcontainer {
position: fixed;
width: 100%;
height: 100%;
z-index: 100;
top: 0;
left: 0;
overflow: hidden;
display: none;
cursor: pointer;
z-index: 999;
}
.vidcontainer .video-dialog {
position: absolute;
left: 50%;
top: 50%;
width: 50%;
transform: translate(-50%, -50%);
}
.vidcontainer .mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .8;
}
.vidcontainer .closevid {
width: 1.5rem;
height: 1.5rem;
background-image: url("/img/close-vid2.png");
background-size: .35rem;
border: 1px solid #fff;
border-radius: 100%;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
right: -2.5rem;
cursor: pointer;
transition: all .3s;
}
.vidcontainer video {
width: 100%;
outline: none;
}
@media (max-width: 767px) {
.vidcontainer .closevid {
width: .6rem;
height: .6rem;
top: -1rem;
right: 0;
}
.vidcontainer .video-dialog {
width: 90%;
}
}
@media (min-width: 1025px) {
.vidcontainer .closevid:hover {
transform: rotate(90deg);
}
}
.play-btn {
cursor: pointer;
}
.about_b {
padding-top: 1.75rem;
padding-bottom: 2rem;
}
.about_b .tit-34 {
font-weight: 700;
}
.about_b .abb-container {
margin-top: 1rem;
overflow: hidden;
}
.about_b .abb-container .swiper-slide {
margin-right: 0.875rem;
width: calc((100% - 1.75rem) / 3);
height: 8.25rem;
overflow: hidden;
}
.about_b .abb-container .swiper-slide .bgimg {
transition: all 0.6s;
}
.about_b .abb-container .swiper-slide:last-child {
margin-right: 0;
}
.about_b .next,
.about_b .pev {
width: 43px;
height: 43px;
position: absolute;
top: 40%;
transform: translateY(-50%);
background-image: url(../image/jt1.png);
background-size: 24px 43px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.about_b .next {
right: -.56rem;
margin-right: -43px;
transform: translateY(-50%) rotate(180deg);
}
.about_b .pev {
left: -.56rem;
margin-left: -43px;
}
.main-pagination {
text-align: center;
margin-top: 1.25rem;
}
.main-pagination .swiper-pagination-bullet {
width: 63px;
height: 2px;
background: #E3E3E3;
opacity: 1;
margin-right: 13px;
border-radius: 0;
}
.main-pagination .swiper-pagination-bullet-active {
background: #D02127;
}
.adds .view.fixed {
position: fixed;
left: 0;
top: 0;
right: 0;
margin: auto;
z-index: 1000;
}
.app_info .qtop {
height: 1.2rem;
}
.quality .tit-44 {
font-weight: 700;
}
.app_info .qtop .table.fixed {
position: fixed;
top: 0;
z-index: 10;
}
.pc-header.neiye {
position: absolute;
}
.teasers-con {
position: absolute;
left: -3%;
top: -3%;
width: 106%;
height: 106%;
}
.belief_a {
padding-top: 2.75rem;
padding-bottom: 2rem;
}
.belief_a .tit-44 {
position: relative;
display: inline-block;
margin-bottom: 0.75rem;
font-weight: 700;
}
.belief_a .tit-44:after {
content: "";
width: 2.5rem;
height: 1px;
background: #999999;
position: absolute;
top: 50%;
transform: translateY(-50%) scale(0.5) translateX(100%);
left: -3.75rem;
}
.belief_a .tit-44:before {
content: "";
width: 2.5rem;
height: 1px;
background: #999999;
position: absolute;
top: 50%;
transform: translateY(-50%) scale(0.5) translateX(-100%);
right: -3.75rem;
}
.be_b {
height: 19.125rem;
}
.be_b .bgimg {
padding-top: 2.85rem;
}
.be_b .bgimg .img {
width: 10.15rem;
display: inline-block;
margin-bottom: 1.4rem;
}
.be_b .bgimg .tit-18 {
line-height: 0.9rem;
}
.footerbg {
position: absolute;
bottom: 0;
left: 4.25rem;
width: 21.275rem;
z-index: 1;
opacity: 0.01;
}
footer .bot {
z-index: 9;
position: relative;
}
footer .por {
z-index: 5;
}
.belief_a .tit-24 {
margin-bottom: 0.6rem;
}
.belief_a .tit-34 {
margin-bottom: 0.56rem;
margin-top: .5rem;
}
.belief_a .tit-18 {
width: 23rem;
line-height: .9rem;
margin: auto;
font-size: 0.4rem;
}
.his {
height: 20rem;
overflow: hidden;
display: flex;
align-items: center;
}
.his .his-container {
padding-left: 4.35rem;
}
.his .his-container .swiper-slide {
height: 5rem;
padding-left: 0.74rem;
position: relative;
}
.his .his-container .swiper-slide .tit-24 {
margin-top: .45rem;
margin-bottom: 0.5rem;
}
.his .his-container .swiper-slide .tit-14 {
line-height: .6rem;
width: 129%;
}
.his .his-container .swiper-slide:after {
content: "";
width: 1px;
height: calc(5rem - 28px);
position: absolute;
background-color: #fff;
opacity: 0.4;
left: 0;
bottom: 0;
}
.his .his-container .swiper-slide:before {
content: "";
width: 26px;
height: 30px;
position: absolute;
background: url(/img/his2.png);
box-sizing: 26px 30px;
background-repeat: no-repeat;
left: -13px;
top: 0;
}
.his .his-container .swiper-slide:nth-child(2n) {
margin-top: 5rem;
padding-top: 2rem;
}
.his .his-container .swiper-slide:nth-child(2n):after {
content: "";
width: 1px;
height: 2rem;
position: absolute;
background-color: #fff;
opacity: 0.4;
left: 0;
top: 0;
}
.his .his-container .swiper-slide:nth-child(2n):before {
content: "";
width: 26px;
height: 30px;
position: absolute;
background: url(/img/his2.png);
box-sizing: 26px 30px;
background-repeat: no-repeat;
left: -13px;
top: 2rem;
}
.his .his-container::after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background-color: #FFFFFF;
opacity: .3;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.honor {
padding-top: 3.25rem;
padding-bottom: 3rem;
}
.honor .left {
width: 43%;
float: left;
}
.honor .left .tit-44 {
font-weight: 700;
}
.honor .left .list {
width: 100%;
margin-top: 1.5rem;
max-height: 9.6rem;
overflow: auto;
padding-right: 2rem;
}
.honor .left .list .li {
width: 100%;
position: relative;
padding-left: 28px;
line-height: 1.2rem;
}
.honor .left .list .li:after {
content: "";
position: absolute;
width: 5px;
height: 5px;
background: #D02127;
left: 0;
top: 50%;
font-weight: 450;
transform: translateY(-50%);
}
.honor .right {
width: 57%;
float: left;
position: relative;
}
.honor .right .honor-container {
width: calc(100% - 7.6rem);
margin-left: 3.8rem;
overflow: hidden;
}
.honor .right .honor-container .swiper-slide {
width: 100%;
position: relative;
height: 12.425rem;
}
.honor .right .honor-container .swiper-slide img {
max-width: 100%;
max-height: 100%;
}
.hon-button-prev,
.hon-button-next {
width: 44px;
height: 44px;
border: 2px solid #77777780;
position: absolute;
top: 50%;
margin-top: -22px;
z-index: 3;
cursor: pointer;
background-image: url(../image/jt3.png);
background-size: 7px 11px;
background-repeat: no-repeat;
background-position: center;
transition: all 0.3s;
}
.hon-button-prev {
left: 2.1rem;
}
.hon-button-next {
right: 2.1rem;
transform: rotate(180deg);
}
.job_a {
padding-bottom: 0;
}
.job_a .list {
background-image: linear-gradient(transparent, #FBFBFB);
padding-top: 1rem;
padding-bottom: 2rem;
}
.job_a .list .li {
width: calc((100% - 1.5rem) / 6);
background: #fff;
height: 4.5rem;
margin-right: .3rem;
margin-bottom: .3rem;
float: left;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.job_a .list .li .img {
width: 2.7rem;
height: 2.7rem;
position: relative;
border-radius: 50%;
margin-bottom: 0.2rem;
background-color: #f5f5f5;
transition: all 0.3s;
}
.job_a .list .li .img .img1 {
opacity: 1;
transition: all 0.3s;
}
.job_a .list .li .img .img2 {
opacity: 0;
transition: all 0.3s;
}
.job_a .list .li:nth-child(6n) {
margin-right: 0;
}
.job_b {
padding-top: 2.775rem;
padding-bottom: 3rem;
background-color: #fff;
overflow: hidden;
}
.job_b .job-container .swiper-slide {
width: 14.0rem;
height: 10rem;
border-radius: 5px;
position: relative;
margin: 0 0.375rem;
overflow: hidden;
opacity: 0.6;
}
.job_b .job-container .swiper-slide .bgimg {
transition: all 0.3s;
}
.job_b .job-container .swiper-slide .tit-28 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0.85rem 0.75rem;
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.1));
}
.job_b .job-container .swiper-slide:last-child {
margin-right: 0;
}
.job_b .hon-button-prev {
left: 2.9rem;
top: 40%;
}
.job_b .hon-button-next {
right: 2.9rem;
top: 40%;
transform: rotate(180deg);
}
.job-pagination {
text-align: center;
margin-top: 1.25rem;
}
.job-pagination .swiper-pagination-bullet {
width: 63px;
height: 3px;
background: #E3E3E3;
opacity: 1;
margin-right: 13px;
border-radius: 0;
}
.job-pagination .swiper-pagination-bullet-active {
background: #D02127;
}
.job_c {
padding-top: 2rem;
padding-bottom: 2.5rem;
background: #F8F8F8;
}
.jionus_list {
margin-top: 1.2rem;
}
.jionus_list .index_more {
margin-top: .4rem;
}
.jionus_list .recruit-list-1 .title-top {
font-size: 15px;
padding: .5rem 0;
color: #1D2224;
padding-left: 0.75rem;
border-top: 1px solid #E3E3E3;
}
.jionus_list .recruit-list-1 .title-top .span6 {
width: 10%;
}
.jionus_list .recruit-list-1 .title-top .span2,
.jionus_list .recruit-list-1 .title-top .span3,
.jionus_list .recruit-list-1 .title-top .span4,
.jionus_list .recruit-list-1 .title-top .span5,
.jionus_list .recruit-list-1 .title-top .span1 {
width: 25%;
text-indent: .75rem;
}
.jionus_list .recruit-list-1 .list {
width: 100%;
border: 1px solid #E3E3E3;
border-right: 0;
border-left: 0;
cursor: pointer;
margin-top: -1px;
color: #1D2224;
}
.jionus_list .recruit-list-1 .list .list-top {
padding: .5rem 0;
padding-left: 0.75rem;
}
.jionus_list .recruit-list-1 .list .span1 {
width: 10%;
}
.jionus_list .recruit-list-1 .list .span2,
.jionus_list .recruit-list-1 .list .span3,
.jionus_list .recruit-list-1 .list .span4,
.jionus_list .recruit-list-1 .list .span5,
.jionus_list .recruit-list-1 .list .span1 {
width: 25%;
text-indent: .75rem;
}
.jionus_list .recruit-list-1 .list .span6 span {
color: #C2192F;
display: inline-block;
border-bottom: 1px solid #C2192F;
text-indent: 0;
}
.jionus_list .recruit-list-1 .list .item {
margin-bottom: 1.225rem;
}
.jionus_list .recruit-list-1 .list .list-hide {
padding: .5rem 1.825rem;
padding-bottom: 1.55rem;
position: relative;
display: none;
background-color: #fff;
}
.jionus_list .recruit-list-1 .list .tit2 {
margin-bottom: 0.6rem;
line-height: 1;
}
.jionus_list .recruit-list-1 .list .ul {
display: flex;
flex-flow: row wrap;
color: #666;
}
.jionus_list .recruit-list-1 .list .ul .li {
margin-bottom: 15px;
margin-right: .8rem;
}
.jionus_list .recruit-list-1 .list .morebox {
width: 132px;
height: 44px;
background: #C2192F;
color: #fff;
line-height: 44px;
text-align: center;
margin-top: 1rem;
display: block;
border: 2px solid transparent;
transition: all .5s ease;
box-sizing: content-box;
}
.jionus_list .recruit-list-1 .list .morebox:hover {
background: transparent;
color: #C2192F;
border: 2px solid #C2192F;
}
.jionus_list .recruit-list-1 .list.cur {
margin-bottom: .4rem;
}
@media (max-width: 960px) {
.jionus_list .recruit-list-1 .span2,
.jionus_list .recruit-list-1 .span3,
.jionus_list .recruit-list-1 .span4 {
display: none;
}
.jionus_list .recruit-list-1 .span1 {
width: calc(100% - 100px) !important;
}
.jionus_list .recruit-list-1 .span6 {
width: 80px !important;
}
}
@media (max-width: 767px) {
.jionus_list .recruit-list-1 .title-top .span1 {
text-indent: .5rem;
}
.jionus_list .recruit-list-1 .list .span1 {
text-indent: .5rem;
}
.jionus_list .recruit-list-1 .list .list-hide {
padding: 0.5rem 0.5rem 1rem;
}
.jionus_list .recruit-list-1 .list .list-hide:before {
left: .5rem;
top: 0;
width: calc(100% - 1rem);
}
.jionus_list .recruit-list-1 .list .morebox {
width: 6rem;
height: 35px;
color: #fff;
line-height: 35px;
}
}
.index_more {
display: inline-block;
width: 160px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 15px;
color: #333;
position: relative;
border: 1px solid #A0A0A0;
}
.index_more span {
display: inline-block;
vertical-align: middle;
position: relative;
}
.index_more .t {
transform: translateY(-2px);
}
.index_more .img {
width: 5px;
height: 9px;
margin-left: 3px;
position: relative;
transform: translateY(-1px) rotate(180deg);
}
.index_more .img .img1 {
opacity: 1;
}
.index_more .img .img2 {
opacity: 0;
}
.index_more:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #d1282e;
transform: scaleX(0);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: right center;
}
.cont {
padding-top: 3rem;
padding-bottom: 3rem;
}
.cont .tit-44,
.job_c .tit-44 {
font-weight: 700;
}
.cont .list {
margin-top: 2rem;
}
.cont .list .li {
width: calc((100% - 3.25rem) / 3);
margin-right: 1.625rem;
margin-bottom: 1rem;
height: 9.5rem;
float: left;
}
.cont .list .li .line {
margin-top: 0.72rem;
margin-bottom: 0.6rem;
width: 100%;
height: 1px;
background: #DDDDDD;
}
.cont .list .li .tit-18 {
line-height: .9rem;
}
.cont .list .li .tit-18 .tit-16 {
color: #333333;
display: inline-block;
margin-top: .7rem;
line-height: 1;
}
.cont .list .li .tit-18 i {
font-style: normal;
width: 45%;
display: inline-block;
vertical-align: top;
}
.cont .list .li .shlist a {
display: inline-block;
margin-right: 0.35rem;
vertical-align: top;
width: 1.05rem;
transition: all 0.4s;
}
.cont .list .li .ewmlist {
margin-top: .7rem;
white-space: nowrap;
}
.cont .list .li .ewmlist a img {
height: 2.2rem;
margin-bottom: 0.1rem;
}
.cont .list .li .ewmlist a {
display: inline-block;
margin-right: 1.05rem;
vertical-align: top;
width: 2.2rem;
}
.cont .list .li:nth-child(3n) {
margin-right: 0;
}
.culture {
margin-top: 2.1rem;
}
.culture .right {
float: right;
width: 54.125%;
height: 13.75rem;
}
.culture .left {
width: 45.875%;
float: left;
}
.culture .left .li {
margin-bottom: 1.2rem;
}
.culture .left .li .tit-17 {
margin-top: 0.6rem;
}
.culture .left .li .tit-17 p {
position: relative;
padding-left: 12px;
margin-right: 2rem;
}
.culture .left .li .tit-17 p:last-child {
margin-right: 0;
}
.culture .left .li .tit-17 p:after {
content: '';
position: absolute;
width: 5px;
height: 5px;
background: #D02127;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.about a {
width: 8.85rem;
}
.news {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.comm_tepm .tit {
font-size: 1.1rem;
color: #121212;
font-family: 'Noto Sans SC';
font-weight: 500;
position: relative;
display: inline-block;
}
.comm_tepm {
text-align: center;
position: relative;
z-index: 33;
}
.comm_tepm .seachs {
display: inline-block;
}
.comm_tepm .seachs .seach_input {
display: inline-block;
margin: 0;
vertical-align: top;
width: 7.5rem;
height: 1.625rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid rgba(0, 0, 0, 0.12);
overflow: hidden;
}
.comm_tepm .seachs .seach_input .text {
width: 60%;
float: left;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 0.625rem;
background-color: transparent;
font-family: "pingfang-Regular";
font-size: 0.5rem;
}
.comm_tepm .seachs .seach_input .submit {
width: 20%;
float: right;
height: 100%;
background-color: transparent;
background-image: url(../image/sss.png);
background-repeat: no-repeat;
background-position: center;
}
.comm_tepm .seachs .seor {
display: inline-block;
margin: 0;
vertical-align: top;
width: 7.5rem;
height: 1.625rem;
background-color: #D02127;
margin-left: 0.5rem;
position: relative;
padding: 0 0.625rem;
padding-bottom: .5rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
z-index: 33;
}
.comm_tepm .seachs .seor a {
display: block;
font-family: "pingfang-Regular";
font-size: 0.5rem;
color: #fff;
}
.comm_tepm .seachs .seor .s_tit {
width: 100%;
line-height: 1.625rem;
position: relative;
}
.comm_tepm .seachs .seor .s_tit:after {
content: "";
position: absolute;
width: 6px;
height: 6px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
right: 0;
top: 50%;
margin-top: -4px;
transform: rotate(-45deg);
}
.comm_tepm .seachs .seor .sub {
position: absolute;
top: 1.625rem;
width: 100%;
left: 0;
max-height: 9rem;
display: none;
z-index: 66;
background-color: #D02127;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 0;
padding: 0 0.5rem;
padding-bottom: .5rem;
}
.comm_tepm .seachs .seor .sub a {
width: 100%;
line-height: 1.625rem;
background-color: #D02127;
border-bottom: 1px solid #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 0.1rem;
color: #fff;
}
.news_content {
margin-top: 1.75rem;
}
.news-container {
overflow: hidden;
}
.news-container .img {
width: 100%;
height: 8.5rem;
}
.news-container .tit-15 {
margin-top: 0.75rem;
margin-bottom: 0.4rem;
}
.news-container .tit-24 {
line-height: .9rem;
height: 1.8rem;
overflow: hidden;
}
.news-pagination {
text-align: center;
margin-top: 1.25rem;
}
.news-pagination .swiper-pagination-bullet {
width: 9px;
height: 9px;
background: #DCDCDC;
border-radius: 5px;
margin: 0 5px;
transition: all 0.5s;
opacity: 1;
}
.news-pagination .swiper-pagination-bullet-active {
background: #D02127;
width: 41px;
}
.news_list {
margin-top: 2.9rem;
}
.news_list a {
display: flex;
float: left;
margin-right: 1.5rem;
width: calc((100% - 1.5rem) / 2);
background: #F7F7F7;
padding: 1.35rem 1.275rem;
align-items: center;
justify-content: flex-start;
transition: all 0.3s;
margin-bottom: 0.76rem;
}
.news_list a .time {
margin-right: 1.05rem;
padding-right: 1.05rem;
border-right: 1px solid #E4E4E4;
}
.news_list a .time .big {
border-bottom: 1px solid #E4E4E4;
padding-bottom: .3rem;
margin: .2rem;
}
.news_list a:nth-child(2n) {
margin-right: 0;
}
.classroom {
margin-top: 1.95rem;
}
.videolist .li {
display: inline-block;
vertical-align: top;
width: calc((100% - 3.4rem) / 3);
margin: 0 0.4rem;
height: 8.25rem;
overflow: hidden;
position: relative;
margin-bottom: .8rem;
}
.videolist .li .tit-24 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: .75rem 1rem;
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.1));
}
.q_a .content {
padding-top: 3.125rem;
padding-bottom: 2.5rem;
border-bottom: 1px solid #E5E5E5;
}
.q_a .content .list {
margin-top: 0.925rem;
}
.q_a .content .list .item {
display: none;
}
.q_a .content .list .li {
width: calc((100% - 1.5rem) / 3);
float: left;
margin-right: 0.75rem;
height: 1.85rem;
margin-top: 0.75rem;
padding: 0 1.05rem;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #EEEEEE;
transition: all 0.3s;
line-height: 1.5;
}
.q_a .content .list .li .down svg {
fill: #666666;
vertical-align: bottom;
}
.q_a .content .list .li:nth-child(3n) {
margin-right: 0;
}
.qtop {
display: flex;
align-items: center;
justify-content: flex-start;
}
.qtop .table {
margin-left: 11.45rem;
font-size: 0;
border: 1px solid #DCDCDC;
border-right: 0;
}
.qtop .table a {
display: inline-block;
margin: 0;
line-height: 1.2rem;
vertical-align: top;
font-size: .425rem;
transition: all 0.3s;
padding: 0 0.925rem;
border-right: 1px solid #DCDCDC;
position: relative;
}
.qtop .table a span {
position: relative;
z-index: 2;
color: #666;
}
.qtop .table a:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #d1282e;
transform: scaleX(0);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: right center;
}
.q_b .content {
padding-top: 2.575rem;
padding-bottom: 3.55rem;
}
.q_b .table {
margin-left: 6.35rem;
}
.q_b .table .img {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
transform: translateY(-2px);
width: .5rem;
}
.q_b .table .img .img1 {
opacity: 1;
}
.q_b .table .img .img2 {
opacity: 0;
top: 0;
left: 0;
position: absolute;
}
.q_b .list {
margin-top: 1.6rem;
}
.q_b .list .item {
display: none;
}
.q_b .list .li {
width: calc((100% - 3.25rem) / 6);
float: left;
margin-right: 0.65rem;
height: 6rem;
margin-top: .6rem;
background: #FFFFFF;
box-shadow: 5px 20px 46px 0px rgba(228, 228, 228, 0.73);
text-align: center;
}
.q_b .list .li .img {
width: 100%;
height: 80%;
overflow: hidden;
position: relative;
}
.q_b .list .li:nth-child(6n) {
margin-right: 0;
}
.q_c {
background-color: #F5F5F5;
}
.q_c .content {
padding-top: 2.275rem;
padding-bottom: 3.075rem;
}
.q_c .content .tit-22 {
margin-top: .75rem;
}
.q_c .content .tit-16 {
margin-top: .45rem;
line-height: 1;
}
.qclist {
margin-top: 1rem;
}
.qclist .li {
width: calc((100% - 2.775rem) / 4);
float: left;
margin-right: 0.925rem;
height: 6.5rem;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.qclist .li .img {
width: 3.9rem;
height: 3.9rem;
background: #F5F5F5;
border-radius: 50%;
position: relative;
margin-bottom: .4rem;
transition: all 0.4s;
}
.qclist .li .img img {
width: 2.375rem;
}
.qclist .li .img .img1 {
opacity: 1;
}
.qclist .li .img .img2 {
opacity: 0;
transition: all 0.4s;
}
.qclist .li:nth-child(4n) {
margin-right: 0;
}
.q_d .content {
padding-top: 2.075rem;
padding-bottom: 0;
}
.q_d .content .col-666 {
line-height: 0.75rem;
margin-top: 0.72rem;
}
.q_d .content .list {
margin-top: 0.925rem;
padding-bottom: 3.25rem;
border-bottom: 1px solid #E5E5E5;
margin-bottom: 0.15rem;
}
.q_d .content .list .li {
width: calc((95% - 1.5rem) / 3);
float: left;
margin-right: 0.75rem;
height: 1.85rem;
margin-top: 0;
padding: 0 1.05rem;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #EEEEEE;
transition: all 0.3s;
line-height: 1.5;
}
.q_d .content .list .li .down svg {
fill: #666666;
vertical-align: bottom;
}
.q_d .content .list .li .pdf {
fill: #666666;
vertical-align: middle;
transform: translateY(-2px);
margin-right: 0.1rem;
}
.q_d .content .list .li:nth-child(3n) {
margin-right: 0;
}
.q_e .content {
padding-bottom: 4rem;
}
.q_e .qclist .li {
background-color: #F5F5F5;
}
.q_e .qclist .li .img {
background-color: #fff;
}
.newsinfo_nav {
height: 70px;
display: flex;
align-items: center;
justify-content: space-between;
background-image: url(../image/newsinfo.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.newsinfo_nav a {
color: #fff;
}
.newsinfo_nav span {
margin: 0 10px;
}
.newsinfo_nav .icon {
margin-right: 10px;
transform: translateY(2px);
}
.newsinfo {
background-color: #F0F0F0;
padding-top: 1.75rem;
padding-bottom: 2.775rem;
}
.newsinfo .left {
float: left;
width: 63.3%;
background-color: #fff;
padding: 2.25rem;
}
.newsinfo .left .tit-40 {
line-height: 1.35rem;
padding-bottom: 0.85rem;
border-bottom: 1px solid #ccc;
}
.newsinfo .left .share-box {
margin-top: .7rem;
font-size: 0;
display: flex;
align-items: center;
}
.newsinfo .left .share-box .num {
display: inline-block;
padding-left: .7rem;
background-repeat: no-repeat;
line-height: 20px;
font-size: .4rem;
background-position: left center;
background-image: url(../image/look.png);
background-size: .5rem;
}
.newsinfo .left .share-box .time {
line-height: 1;
margin-right: 1.65rem;
display: inline-block;
vertical-align: middle;
}
.newsinfo .left .conte {
margin-top: 1rem;
padding-bottom: 2.5rem;
border-bottom: 1px solid #ccc;
}
.newsinfo .left .conte p {
line-height: 0.8rem;
}
.newsinfo .left .conte p img {
display: inline-block;
}
.newsinfo .left .bot {
width: 100%;
margin-top: 1.5rem;
}
.newsinfo .left .bot a {
display: block;
float: left;
width: 45%;
margin-right: 10%;
font-family: 'Noto Sans SC';
padding: .7rem 1rem;
box-sizing: border-box;
border-top: 3px solid #D02127;
background: #F5F5F5;
}
.newsinfo .left .bot a:last-child {
margin-right: 0;
}
.newsinfo .left .bot a .tit2 {
font-size: 0.4rem;
color: #666666;
padding-bottom: 0.4rem;
border-bottom: 1px solid #D02127;
}
.newsinfo .left .bot .txt2 {
margin-top: 1rem;
}
.newsinfo .left .bot .txt2 .p1 {
font-size: 0.5rem;
color: #333333;
line-height: 0.8rem;
height: 1.6rem;
overflow: hidden;
font-weight: 500;
}
.newsinfo .left .bot .time {
font-size: 0.375rem;
color: #999999;
margin-top: 0.6rem;
}
.newsinfo .right {
width: 25.5%;
background-color: #fff;
float: left;
margin-left: 5%;
padding: 1.0rem 1rem;
box-sizing: border-box;
border-top: 6px solid #D02127;
}
.newsinfo .right .tit {
font-size: 0.4rem;
color: #666666;
padding-bottom: 0.4rem;
border-bottom: 1px solid #D02127;
}
.newsinfo .right .box {
display: block;
width: 100%;
padding: 0.7rem 0;
border-bottom: 1px solid #ccc;
font-family: 'Noto Sans SC';
}
.newsinfo .right .box .tit2 {
font-size: 0.5rem;
color: #333333;
line-height: 0.8rem;
height: .8rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 500;
}
.newsinfo .right .box .time {
font-size: 0.375rem;
color: #999999;
margin-top: 0.1rem;
}
.newsinfo .right .comm_tepm .seachs .seach_input {
width: 100%;
height: 1.325rem;
border: 1px solid rgba(0, 0, 0, 0.12);
font-size: .4rem;
}
.newsinfo .comm_tepm .seachs {
width: 100%;
margin-bottom: .9rem;
}
.newsinfo .comm_tepm .seachs .seach_input .text {
font-size: .4rem;
}
.app {
padding-top: 1.9rem;
padding-bottom: 1.9rem;
}
.app .left {
width: 10rem;
border: 1px solid #E5E5E5;
float: left;
}
.app .left .comm_tepm .seachs .seach_input {
width: 100%;
height: 1.325rem;
border: 0;
font-size: .4rem;
background-color: #f5f5f5;
}
.app .left .comm_tepm .seachs {
width: 100%;
margin-bottom: .9rem;
margin-top: 0.75rem;
padding-left: 1.0rem;
padding-right: 0.575rem;
margin-bottom: 0.75rem;
}
.app .left .comm_tepm .seachs .seach_input .text {
font-size: .4rem;
}
.app .left .sores {
width: 100%;
border-top: 1px solid #E5E5E5;
}
.app .left .sores .tit {
width: 100%;
background-color: #fff;
color: #444444;
height: 2rem;
line-height: 2rem;
padding-left: 1.0rem;
padding-right: 0.575rem;
display: block;
position: relative;
}
.app .left .sores .tit:after {
content: "";
position: absolute;
background-image: url(../image/appjt.png);
top: 50%;
right: 0.575rem;
margin-top: -10px;
width: 20px;
height: 20px;
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
transition: all 0.3s;
}
.app .left .sores .tit.on:after {
background-image: url(../image/appjt2.png);
transform: rotate(180deg);
}
.app .left .sores .tit.on {
background-color: #D02127;
color: #fff;
}
.app .left .sores .s_sub {
background: #F6F6F6;
width: 100%;
padding: 0 1.8rem;
display: none;
}
.app .left .sores .s_sub a {
display: block;
padding: 0.4rem 0;
border-bottom: 1px dashed #BFBFBF;
}
.app .left .sores .s_sub a:last-child {
border-bottom: 0;
}
.app .left .sores .s_sub a img {
display: inline-block;
transition: transform 0.4s;
transition-delay: 0.2s;
margin-left: 5px;
opacity: 0;
display: none;
}
.app .left .sores .s_sub a:hover img {
transform: rotate(-19deg);
opacity: 1;
}
.app .left .sores .s_sub a.on {
color: #D02127;
}
.app .left .sores .s_sub a.on img {
transform: rotate(-19deg);
opacity: 1;
}
.app .right {
float: left;
width: calc(100% - 16rem);
margin-left: 2.925rem;
}
.app .right .app_item .col-666 {
line-height: 0.75rem;
width: 80%;
margin-top: 0.9rem;
}
.app .right .app_item .list {
margin-top: 1.475rem;
}
.app .right .app_item .li {
width: calc((100% - 1.2rem) / 3);
float: left;
margin-right: 0.6rem;
border: 1px solid #EEEEEE;
margin-bottom: 1.2rem;
cursor: pointer;
}
.app .right .app_item .li .img {
width: 100%;
height: 10rem;
overflow: hidden;
}
@media (max-width: 768px) {
.app .right .app_item .li .img {
width: 100%;
height: 12.5rem;
overflow: hidden;
}
}
.app .right .app_item .li .img .bgimg {
transition: transform 0.4s;
}
.app .right .app_item .li .txt {
width: 100%;
height: 1.9rem;
padding: 0 0.525rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.app .right .app_item .li .txt img {
display: inline-block;
transition: transform 0.4s;
margin-left: 5px;
display: none;
}
.app .right .app_item .li:nth-child(3n) {
margin-right: 0;
}
.app .right .app_item .li:hover img {
transform: rotate(-19deg);
}
.app .right .app_item .li:hover .bgimg {
transform: scale(1.1);
}
.app .right .app_item .li:hover .txt {
color: #D02127;
}
.app_info {
width: 90%;
}
.app_info .qtop .table {
margin-left: 0;
}
.app_info .qtop {
margin-top: 1.0rem;
}
.app_info .qtop .table a {
padding: 0 1.475rem;
background-color: #fff;
}
.app_info .txt0 {
font-size: 24px;
font-weight: bold;
line-height: 1;
color: #333;
}
.application-con .words {
}
.application-con .words table {
width: 100%;
}
.appli-details01 p {
font-size: .4rem;
color: #666;
}
.app_info .arrangements {
padding: 0;
margin-top: 0.875rem;
}
.app_info .arrangements tbody th {
min-width: 120px;
padding-left: 0.625rem;
padding-right: 0.625rem;
font-weight: 400;
}
.app_info .arrangements tbody tr:nth-child(2n) {
background-color: #F5F5F5;
}
.app_info th a {
color: #666666;
display: inline-block;
line-height: 1.2;
border-bottom: 1px solid transparent;
transition: .5s ease-in-out;
vertical-align: middle;
}
.app_info th a:hover {
color: #D02127;
}
.app_info .apli:nth-child(n+2) {
margin-top: 1.25rem;
}
.app_info thead tr {
background: #D02127;
color: #fff;
font-size: 16px;
height: 2rem !important;
}
.por_info thead tr {
background: #D02127;
color: #fff;
font-size: 16px;
height: 1rem !important;
}
.app_info tr {
font-size: 16px;
height: 2rem !important;
border-top: 1px solid #e5e5e5;
font-size: .4rem;
}
.app_info tr th {
border-right: 1px solid #e5e5e5;
font-size: .4rem;
}
.app_info table {
width: 100%;
border: 1px solid #e5e5e5;
border-right: 0;
border-top: 0;
}
.por_item .seach_top {
padding: 0.8rem 1.075rem;
border: 1px solid #E5E5E5;
}
.por_item .seach_top .list {
margin-top: 0.4rem;
}
.por_item .seach_top .list .item {
float: left;
margin-right: 0.75rem;
margin-bottom: 0.5rem;
}
.por_item .seach_top .list .item1 .tit-18 {
float: left;
line-height: 0.85rem;
white-space: nowrap;
}
.por_item .seach_top .list .item1 .tit-18 br {
display: none;
}
.por_item .seach_top .list .item1 input {
float: left;
width: 5.0rem;
height: 0.85rem;
margin-left: 6px;
background: #EEEEEE;
padding: 0 0.2rem
}
.por_item .seach_top .list .item .checkbox {
display: flex;
align-items: flex-start;
}
.por_item .seach_top .list .item .checkbox .box {
display: flex;
align-items: flex-start;
}
.por_item .seach_top .list .item .checkbox .cheak_list {
margin-left: 0.2rem;
}
.por_item .seach_top .list .item .checkbox .cheak_list .boxs {
width: 10px;
height: 10px;
background: #EEEEEE;
margin-right: 5px;
cursor: pointer;
}
.por_item .seach_top .list .item .checkbox .cheak_list .check {
display: flex;
align-items: center;
margin-bottom: 0.1rem;
}
.por_item .seach_top .list .item .checkbox .cheak_list .boxs.on {
background: #D02127;
}
.por_item .seach_top .list .item .checkbox .tit-20 {
margin: 0 .5rem;
}
.but_list {
text-align: left;
margin-top: 1rem;
}
.but_list .li {
display: inline-block;
width: 2.6rem;
height: 0.9rem;
border: 2px solid #E5E5E5;
line-height: 0.875rem;
text-align: center;
margin-right: 10px;
cursor: pointer;
position: relative;
}
.but_list .li:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #d1282e;
transform: scaleX(0);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: right center;
}
.but_list .li span {
position: relative;
z-index: 2;
}
.por_info {
margin-top: 2.9rem;
}
.por_info .col-666 {
margin-top: 0.3rem;
}
.por_info .add3 {
margin-top: 0.9rem !important;
}
.por_info {
width: 100%;
}
.por_item.ss .por_info {
margin-top: 0;
}
.tdlist {
margin-top: 1rem;
padding-left: .8rem;
}
.tdlist li {
width: 100%;
float: left;
line-height: 1;
margin-bottom: .5rem;
list-style: square;
color: #D02127;
margin-right: 2.25rem;
font-size: 0.4rem;
}
.tdlist li:nth-child(2n) {
margin-right: 0;
}
.tdlist li span {
color: #666666;
}
.yanz_doig {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 999;
display: none;
}
.yanz_doig .mak {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
}
.yanz_doig .mabox {
padding: 1.25rem 1.15rem;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 10px;
}
.yanz_doig .mabox .item {
width: 10.475rem;
height: 1.45rem;
line-height: 1.45rem;
background: #FFFFFF;
border-radius: 3px;
margin-top: 0.3rem;
overflow: hidden;
}
.yanz_doig .mabox .item input {
width: 100%;
height: 100%;
padding: 0 0.5rem;
font-size: 0.35rem;
}
.yanz_doig .mabox .close {
position: absolute;
bottom: -0.55rem;
left: 50%;
transform: translate(-50%, 100%);
cursor: pointer;
}
.yanz_doig .mabox .item1 {
margin-top: 0.75rem;
}
.yanz_doig .mabox .item2 {
margin-top: 0.3rem;
width: 10.475rem;
height: 1.45rem;
position: relative;
}
.yanz_doig .mabox .item2 input {
width: 7.4rem;
height: 1.45rem;
float: left;
background: #FFFFFF;
border-radius: 3px;
padding-left: 1.45rem;
font-size: 0.35rem;
position: relative;
z-index: 1;
}
.yanz_doig .mabox .item2 .butt {
width: 2.925rem;
height: 1.45rem;
background: #D02127;
border-radius: 3px;
float: right;
text-align: center;
line-height: 1.45rem;
color: #fff;
font-size: 0.35rem;
cursor: pointer;
}
.yanz_doig .mabox .item2 .butt.on {
background-color: #CDCDCD;
}
.yanz_doig .mabox .item2:before {
content: "";
position: absolute;
background-image: url(/img/yzm.png);
width: 0.5rem;
height: 0.5rem;
top: 50%;
z-index: 3;
margin-top: -0.25rem;
left: 0.575rem;
background-size: 0.5rem 0.5rem;
background-repeat: no-repeat;
background-position: center;
}
.erry {
line-height: 1;
margin-top: 21px;
opacity: 0;
}
.dl {
width: 10.475rem;
height: 1.45rem;
background: #D02127;
border-radius: 3px;
color: #fff;
font-size: 0.45rem;
text-align: center;
line-height: 1.45rem;
cursor: pointer;
}
.samp {
background-color: #F3F3F3;
padding-top: 2.45rem;
padding-bottom: 3.475rem;
}
.fromlist {
margin-top: 1.75rem;
}
.fromlist .item {
width: calc((100% - 2.5rem) / 3);
float: left;
margin-right: 1.25rem;
margin-bottom: 0.75rem;
}
.fromlist .item input {
width: 100%;
height: 1.45rem;
background: #FFFFFF;
margin-top: 0.5rem;
padding: 0 0.5rem;
font-size: 0.4rem;
}
.fromlist .item:nth-child(3n) {
margin-right: 0;
}
.fromlist .item textarea {
width: 100%;
height: 3.75rem;
background: #FFFFFF;
margin-top: 0.5rem;
padding: 0 0.5rem;
font-size: 0.4rem;
}
.fromlist .item2 {
width: calc(((100% - 2.5rem) / 3 * 2) + 1.25rem);
margin-right: 0;
}
.fromlist .code {
position: relative;
height: 1.45rem;
margin-top: 0.5rem;
}
.fromlist .code input {
margin-top: 0;
padding-right: 2.8rem;
}
.fromlist .code img {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 2.2rem;
}
.but_list {
float: left;
}
.but_list input {
width: 4.075rem;
height: 1.45rem;
font-size: 0.45rem;
line-height: 1.45rem;
text-align: center;
margin-left: 10px;
display: inline-block;
vertical-align: top;
background: #FFFFFF;
transition: all 0.4s;
font-weight: 500;
}
.but_list input:hover {
background: #D02127;
color: #fff;
}
.samp .col-888 {
margin-top: 1.25rem;
line-height: 0.9rem;
}
.banner {
overflow: hidden;
}
.banner .txt {
position: absolute;
top: 24%;
left: 1.65rem;
}
.banner .txt .tit-80 {
font-size: 1.8rem;
font-family: "BEBAS";
word-spacing: 1.2;
}
.banner .txt .tit-18 {
margin-top: 0.3rem;
}
.en {
font-family: "Arial";
}
.banner .txt .tit-34 {
margin-top: 2.3rem;
margin-bottom: 0.975rem;
}
.banner .txt .index_more {
width: 4.75rem;
height: 1.2rem;
line-height: 1.2rem;
border: 0;
font-weight: 500;
background: #FFFFFF;
}
.banner-container {
overflow: hidden;
}
.banner .txt .index_more span {
color: rgb(48, 111, 187)
}
.banner .txt .index_more:hover span {
color: #fff;
}
.banner .txt .list {
width: 14.25rem;
margin-top: 0.95rem;
}
.banner .txt .list img {
display: inline-block;
width: auto;
}
.banner .swiper-slide:nth-child(2) .txt .tit-34 {
margin-top: 0.3rem;
}
.banner .swiper-slide:nth-child(2) .txt .list {
width: 9rem;
margin-top: 0.95rem;
}
.banner .swiper-slide:nth-child(2) .txt .list img {
width: 100%;
}
.banner .swiper-slide:nth-child(2) .index_more span {
color: rgb(58, 155, 161)
}
.pagt {
opacity: 0;
position: absolute;
z-index: 22;
top: 15.5%;
left: 1.65rem !important;
display: flex;
align-items: center;
font-family: "Arial";
}
.pagt .active_page {
margin-right: 5px;
}
.pagt .sun_page {
margin-left: 5px;
}
.bannner-pagination {
position: absolute;
bottom: 1rem;
text-align: center;
z-index: 3;
}
.bannner-pagination .swiper-pagination-bullet {
width: 25px;
border-radius: 50%;
height: 25px;
margin: 0 10px;
background-color: rgba(0, 0, 0, 0.2);
position: relative;
}
.bannner-pagination .swiper-pagination-bullet:after {
content: "";
width: 16px;
height: 16px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
.bannner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.news_banner {
height: 2.25rem
}
.news_index {
background: #F0F4F7;
height: 100%;
padding: 0 2.5rem;
display: flex;
align-items: center;
}
.news_index .tit-20 {
position: relative;
}
.news_index .tit-20:after {
content: "";
position: absolute;
width: 1px;
height: 21px;
background-color: #DCDCDC;
top: 50%;
margin-top: -10px;
right: -0.5rem;
}
.news_container {
overflow: hidden;
height: 24px;
line-height: 0.6rem;
margin-left: 1rem;
width: 85%;
}
.news_container .swiper-slide {
display: flex;
justify-content: space-between;
}
.page-box {
display: flex;
margin-left: 20px;
}
.page-box div {
display: inline-block;
vertical-align: top;
width: 7px;
height: 14px;
background-image: url(../image/jt3.png);
background-size: 7px 14px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.page-box div:hover {
background-image: url(../image/jt2.png);
}
.page-box .prev {
margin-right: 10px;
}
.page-box .nexts {
transform: rotate(180deg);
}
.page-box .prev:hover {
transform: rotate(180deg);
}
.page-box .nexts:hover {
transform: rotate(0);
}
.home_a {
padding: 2.8rem 0;
}
.home_a .qtop {
margin-top: 0.75rem;
text-align: center;
}
.home_a .table {
margin-left: 0;
border: 0;
}
.home_a .table a {
margin: 0 5px;
border: 0;
color: #fff;
background: #D7000F;
}
.home_a .table a span {
color: #fff;
}
.seachsd {
width: 50%;
height: 1.4rem;
border: 1px solid #E5E5E5;
text-align: center;
margin: auto;
margin-top: 1rem;
display: flex;
align-items: center;
justify-content: center;
}
.seachsd input {
height: 100%;
line-height: 1.4rem;
margin-left: 5px;
font-size: 0.4rem;
}
.home_b {
padding-top: 2.55rem;
padding-bottom: 2.525rem;
background: #F5F5F5;
}
.home_b .table {
font-size: 0;
margin-top: 1rem;
}
.home_b .table a {
display: inline-block;
width: 4.4rem;
vertical-align: top;
margin: 0;
border-right: 1px solid #D5D6D6;
}
.home_b .table a .img {
width: 1.175rem;
position: relative;
margin-bottom: .2rem;
}
.home_b .table a .img .img1 {
opacity: 1;
transition: all 0.3s;
}
.home_b .table a .img .img2 {
opacity: 0;
position: absolute;
top: 0;
left: 0;
transition: all 0.3s;
}
.home_b .table a .con {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.home_b .table a:last-child {
border-right: 0;
}
.home_b .table a:hover .img1 {
opacity: 0;
}
.home_b .table a:hover .img2 {
opacity: 1;
}
.home_b .table a:hover .col-888 {
color: #D7000F;
}
.hb-container {
overflow: hidden;
margin-top: 1.125rem;
}
.hb-container .swiper-slide {
width: calc((100% - 2.5rem) / 3);
margin-right: 1.25rem;
}
.hb-container .swiper-slide:last-child {
margin-right: 0;
}
.hb-container .swiper-slide .img {
width: 100%;
height: 7.25rem;
overflow: hidden;
}
.hb-container .swiper-slide .img .bgimg {
transition: all 0.4s;
}
.hb-container .swiper-slide .txt {
background-color: #fff;
padding: 1.125rem 1.05rem;
}
.hb-container .swiper-slide .txt .tit-36 {
line-height: 1;
display: flex;
align-items: flex-end;
justify-content: flex-start;
c
}
.hb-container .swiper-slide .txt .tit-36 img {
margin-left: 5px;
opacity: 0;
transition: transform 0.3s;
transform: rotate(90deg);
}
.hb-container .swiper-slide .txt .list {
text-align: left;
width: 100%;
margin-top: 0.7rem;
}
.hb-container .swiper-slide .txt .list a {
display: inline-block;
padding: 0.275rem 0.35rem;
line-height: 1;
background-color: #EEEEEE;
vertical-align: top;
color: #333;
margin-bottom: 0.3rem;
}
.hb-container .swiper-slide .txt .tit-14 {
line-height: 0.75rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.hb-container .swiper-slide:hover .bgimg {
transform: scale(1.1)
}
.hb-container .swiper-slide:hover .txt .tit-36 img {
transform: rotate(0deg);
opacity: 1;
}
.hb-container .swiper-slide .txt .list a:hover {
background: #D02127;
color: #fff;
}
.home_b .next,
.home_b .pev {
width: 43px;
height: 43px;
position: absolute;
top: 40%;
transform: translateY(-50%);
background-image: url(../image/jt1.png);
background-size: 24px 43px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.home_b .next {
right: -1rem;
margin-right: -43px;
transform: translateY(-50%) rotate(180deg);
}
.home_b .pev {
left: -1rem;
margin-left: -43px;
}
.home_c {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.home_c .tit-16 {
margin-top: 0.6em;
}
.hc-container {
overflow: hidden;
margin-top: 1.05rem;
}
.hc-container .swiper-slide {
border-top: 1px solid #DCDCDC;
border-left: 1px solid #DCDCDC;
}
.hc-container .swiper-slide .li {
width: calc(100% / 6);
height: 4.5rem;
float: left;
position: relative;
border-right: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
overflow: hidden;
}
.hc-container .swiper-slide .li:hover img {
transition: all 0.4s;
transform: translate(-50%, -50%) scale(1.1);
}
.ha-container {
margin-top: 0rem;
overflow: hidden;
}
.ha-container .swiper-wrapper {}
.ha-container .swiper-slide {
width: 11.275rem;
height: 12.5rem;
}
.ha-container .swiper-slide .img {
width: 10.625rem;
height: 12.5rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #eeeff3;
}
.ha-container .swiper-slide.swiper-slide-active .img {
width: 8.275rem;
height: 8.275rem;
background-image: url(../image/homeabg.png);
background-size: cover;
box-shadow: 0px 0px 1.0rem 12px rgb(0 0 0 / 12%);
}
.ha-container .swiper-slide.swiper-slide-prev .img {
width: 9.625rem;
height: 9.75rem;
right: -0.3rem;
left: auto;
transform: translateY(-50%);
}
.ha-container .swiper-slide.swiper-slide-next .img {
width: 9.625rem;
height: 9.75rem;
left: -0.3rem;
transform: translateY(-50%);
}
.ha-container .swiper-slide .img .rx {
position: absolute;
top: 1rem;
left: -15px;
}
.ha_txt {
width: 8.275rem;
margin: auto;
position: relative;
}
.ha_txt .pcon {
margin-top: 19px;
line-height: 1.5;
}
.ha_txt a {
display: flex;
margin-top: 0.95rem;
flex-direction: row;
align-items: center;
}
.ha_txt a img {
margin-right: 0.3rem;
}
.ha_prev,
.ha_next {
width: 1.75rem;
height: 1.75rem;
position: absolute;
background-image: url(../image/hajt.png);
background-size: 1.75rem 1.75rem;
background-position: center;
background-repeat: no-repeat;
top: 0;
cursor: pointer;
}
.ha_prev:hover,
.ha_next:hover {
background-image: url(../image/hajt2.png);
}
.ha_prev {
left: -3.75rem;
transform: rotate(180deg);
}
.ha_next {
right: -3.75rem;
}
.ha_prev:hover {
transform: rotate(0);
}
.ha_next:hover {
transform: rotate(180deg);
}
.app_info .arrangements {
overflow: auto;
padding-bottom: 1rem;
max-height: 20rem;
}
.right_fix {
position: fixed;
right: 0;
top: 60%;
display: block;
z-index: 333;
}
.right_fix .li {
width: 1.775rem;
height: 1.775rem;
background: #EEEEEE;
margin-bottom: 5px;
position: relative;
}
.contsa {
width: 1.775rem;
height: 1.775rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 0.275rem;
}
.right_fix .li svg {
fill: #666;
width: 0.7rem;
height: 0.7rem;
}
.right_fix .li .hovebox {
position: absolute;
padding: .5rem;
min-height: 1.775rem;
left: 0;
top: 0;
transform: translateX(-100%) scaleX(0);
background-color: #D02127;
white-space: nowrap;
color: #fff;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
transition: all 0.4s;
transform-origin: 100% 50%;
}
.right_fix .li .hovebox.on {
transform: translateX(-100%) scaleX(1);
}
.right_fix .li .hovebox p {
line-height: 1.5;
}
.right_fix .li .hovebox img {
width: 2rem;
height: 2rem;
background: #fff;
max-width: none;
}
.contsa .tit-18 {
font-family: "BEBAS";
}
.right_fix.on {
display: block;
}
.pc-header .header-right .seach .txt input.submitindex {
position: absolute;
width: 14px;
height: 14px;
background-image: url(/img/indexseach.png);
background-size: 14px 14px;
background-repeat: no-repeat;
right: -.5rem;
top: 50%;
margin-top: -7px;
}
.home_a .table a {
line-height: 1rem;
padding: 0 0.5rem;
}
.job_b .job-container .swiper-slide-prev,
.job_b .job-container .swiper-slide-next,
.job_b .job-container .swiper-slide-active {
opacity: 1;
}
.app_info .tit-40 {
font-weight: 600;
margin-bottom: .6rem;
}
.news-container .swiper-slide {
display: block;
}
.news-container .swiper-slide:hover .tit-24 {
color: #D02127;
}
.news-container .swiper-slide .img {
overflow: hidden;
}
.news-container .swiper-slide .bgimg {
transition: all 0.4s;
}
.news-container .swiper-slide:hover .bgimg {
transform: scale(1.1)
}
.app_info .pr-top .th {
font-size: 0;
}
.app_info .pr-top .th .li {
width: calc(100% / 7);
background: #D02127;
min-width: 160px;
color: #fff;
text-align: center;
display: inline-block;
font-size: .4rem;
border-right: 1px solid #e5e5e5;
margin: 0;
height: 1rem !important;
line-height: 1rem;
}
.app_info .pr-top .th .li br {
display: none;
}
.app_info .pr-top table {
width: auto;
}
.pr-top .ul .li {
cursor: pointer;
}
.pr-top {
font-size: 0;
overflow-x: auto;
white-space: nowrap;
margin-top: 1rem;
}
.pr-top .ul {
display: inline-block;
vertical-align: top;
width: calc(100% / 7);
min-width: 160px;
font-size: 12px;
line-height: 18px;
border: 1px solid #e6e6e6;
padding: 5px 7px;
height: 200px;
overflow-y: auto;
}
.listboxbx0 .pr-top .ul .libox {
height: calc(100% - 10px);
overflow-y: auto;
padding: 5px;
}
.pr-top .ul .li {
padding-left: 19px;
word-break: break-word;
position: relative;
}
.pr-top .ul .li:after {
width: 12px;
position: absolute;
height: 12px;
content: "";
left: 0;
top: 3px;
margin: auto;
background: url(/img/k1.png) no-repeat center;
background-size: 100%;
}
.pr-top .ul .li.active:after {
background: url(/img/k0.png) no-repeat center;
background-size: 100%;
}
.pr-top .ul .thead {
width: 100%;
text-align: center;
background: #D02127;
color: #fff;
font-size: 16px;
height: 1rem;
line-height: 1rem;
}
.proli-listfixed .listbox1 {
position: fixed;
background: #ffffff;
height: 100%;
width: 100%;
overflow-y: auto;
left: 0;
top: 0;
z-index: 30;
padding: 20px;
z-index: 100;
}
.proli-listfixed .listbox1 .close {
width: 48px;
height: 48px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
background: url(/img/close.png) no-repeat center;
background-size: 48px 48px;
}
body.cur,
html.cur {
overflow: hidden;
}
.tnav_sub {
width: 100vw;
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
left: 0;
display: none;
top: 105px;
box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
z-index: 5;
padding: 30px 20px 35px 20px;
padding-left: calc(3rem + 54px);
}
.tnav_sub .lefts {
float: left;
padding: 0 0 30px 8%;
width: 20%;
border-right: 1px solid #dadada;
}
.tnav_sub .lefts .tit-16 {
line-height: 22px;
margin-bottom: 12px;
position: relative;
cursor: pointer;
}
.tnav_sub .lefts .tit-16.on {
color: #D7000F;
}
.tnav_sub .lefts .tit-16:after {
content: "";
width: 7px;
height: 12px;
position: absolute;
right: 30%;
top: 50%;
margin-top: -6px;
background-image: url(../image/arrow-r.png);
background-size: 7px 12px;
background-position: center;
background-repeat: no-repeat;
}
.tnav_sub .lefts .tit-16:nth-child(1) {
color: #D7000F;
}
.tnav_sub .lefts .tit-16:nth-child(1):after {
background-image: url(/img/arrow-r2.png);
}
.tnav_sub .lefts .tit-16.on:after {
background-image: url(/img/arrow-r2.png);
}
.tnav_sub .right {
width: 60%;
float: left;
text-align: left;
position: relative;
}
.tnav_sub .right .item {
position: absolute;
top: 0;
left: 0;
display: none;
width: 100%;
padding: 0 45px;
}
.tnav_sub .right .item:nth-child(1) {
display: block;
}
.tnav_sub .right .item a {
vertical-align: middle;
margin: 0;
display: inline-block;
width: 25%;
float: left;
font-size: 15px;
margin-bottom: 12px;
height: auto;
line-height: 22px;
color: #333;
}
.tnav_sub .right .item a:hover {
color: #D7000F;
}
.zhankai {
display: inline-block;
padding: 0.3rem 0.5rem;
border: 2px solid rgba(0, 0, 0, 0.1);
margin-top: 0.5rem;
line-height: 1;
transition: all 0.3s;
cursor: pointer;
}
.zhankai2 {
background-color: #D02127;
color: #fff;
border: 2px solid #D02127;
}
.zhankai:hover {
background-color: #D02127;
color: #fff;
border: 2px solid #D02127;
}
.app_info .apli {
padding-bottom: 1.25rem;
border-bottom: 1px solid #E5E5E5;
}
.his .next,
.his .pev {
width: 43px;
height: 43px;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-image: url(/img/jt13.png);
background-size: 24px 43px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
z-index: 33;
}
.his .next {
right: 0;
transform: translateY(-50%) rotate(180deg);
}
.his .pev {
left: 0;
}
footer .left .top .ewm-list img {
transition: all 0.3s;
}
footer .left .top .ewm-list img:hover {
transform: scale(1.5);
}
.cont .list .li .ewmlist a img {
transition: all 0.3s;
}
.cont .list .li .ewmlist a img:hover {
transform: scale(1.6);
}
.home_a .tit-52,
.home_b .tit-52,
.home_c .tit-52 {
font-weight: 700;
}
.app .right .tit-40 {
font-weight: 700;
}
#cnzz_stat_icon_1280867027 img {
display: inline;
margin-left: 0.5rem;
}
.lanlist {
width: 50px;
height: 120px;
background-color: #fff;
position: absolute;
top: 25px;
left: 0;
box-shadow: 2px 4px 2px 1px rgb(0 0 0 / 20%);
display: none;
}
.lanlist a {
display: block;
height: 30px;
width: 100%;
text-align: center;
font-size: 14px;
font-weight: 500;
color: #000;
}
.ptit {
font-weight: 700;
}
.ha_txt .pcon span {
font-weight: 700;
}
.sltd {
max-width: none;
width: 30px;
margin: auto;
}
.img_doil {
width: 100%;
height: 100%;
position: fixed;
top: 0;
display: none;
left: 0;
z-index: 999;
}
.img_doil .mak {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.img_doil .box {
position: absolute;
top: 50%;
width: auto;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.pol .list a .txt .bot .time {
margin-right: .4rem;
color: #fff;
}
.img_doil .box img {
display: inline-block;
max-width: 80%;
}
.img_doil .box .colse {
width: 14px;
height: 14px;
position: absolute;
top: -1rem;
right: -1rem;
background-image: url(/img/close-vid2.png);
background-size: 14px 14px;
cursor: pointer;
}
.banner .txt .index_more{
background-color: #D7000F;
}
.banner .txt .index_more span{
color: #fff !important;
}
.banner .txt .index_more:hover span{
color: #fff !important;
}
.banner .txt .index_more .img{
display: none;
}
.banner .txt .index_more:hover{
background-color: #80030b;
}
.banner .txt .index_more:hover:before {
transform: scaleX(0);
transform-origin: left center;
}
@media (max-width: 768px){
.bannner-pagination .swiper-pagination-bullet{
width: 8px;
height: 8px;
}
.bannner-pagination .swiper-pagination-bullet:after{
width: 8px;
height: 8px;
}
.banner .txt .index_more{
width: auto;
padding-left: .5rem;
padding-right: .5rem;
}
}
.yx{
display: flex;
align-items: center;
margin-right: 1rem;
}
.yx .icon{
width: .5rem;
height: .5rem;
}
.yx .txt{
line-height: 1;
margin-left: 4px;
font-size: .4rem;
color: #D7000F;
font-weight: 700;
}