/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main { /* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details, /* 1 */
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/*
TODO will need to remove settings on HTML since we can't namespace it.
TODO with the prefix, should I group by selector or property for weight savings?
*/
html {
color: #000;
background: #FFF;
}
/*
TODO remove settings on BODY since we can't namespace it.
*/
/*
TODO test putting a class on HEAD.
- Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,
img {
border: 0;
}
/*
TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal;
}
ol,
ul {
list-style: none;
}
caption,
th {
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
q:before,
q:after {
content: '';
}
abbr,
acronym {
border: 0;
font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input,
textarea,
select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size: 100%;
/*to enable resizing for IE*/
}
/*because legend doesn't inherit in IE */
legend {
color: #000;
}
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
display: none;
}.clearfix, .bt-qrcode {
*zoom: 1; }
.clearfix:after, .bt-qrcode:after {
clear: both;
height: 0;
overflow: hidden;
display: block;
visibility: hidden;
content: "."; }
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
* {
margin: 0px;
padding: 0px; }
body {
font-family: "Microsoft YaHei", "SimSun", sans-serif;
min-width: 1200px;
background: #fff;
font-size: 12px; }
a {
text-decoration: none;
color: #3e3a39; }
a:hover {
text-decoration: underline; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #aaabab; }
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #aaabab; }
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #aaabab; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #aaabab; }
.con {
width: 1200px;
margin: 0px auto; }
.hd-wrap {
width: 100%;background: #fff }
.hd {
height: 86px;
position: relative; }
.hd-logo {
height: 100%;
width: 357px;
position: absolute;
left: 0px;
top: 0px;
background: url(logo201804.jpg) no-repeat 0 center;
background-size: 357px;
}
.hd-logo h1 {
position: absolute;
left: -99999px; }
.hd-logo a {
height: 100%;
width: 100%;
display: block; }
.hd-con {
width: 100%; }
.hd-sch-wrap {
float: right;
font-family: "SimSun";
padding: 10px 0 0 0; }
.hd-sch-wrap .hd-lnk {
float: left;
line-height: 26px; }
.hd-sch-wrap .hd-lnk a {
padding: 0px 12px;
color: #aaabab; }
.hd-sch-wrap .hd-lnk a.red {
color: #e60012; }
.hd-sch-wrap .hd-sch {
float: left;
font-size: 0; }
.hd-sch-wrap .hd-sch input {
width: 276px;
height: 24px;
line-height: 30px;
border: solid 1px #dcdddd;
padding: 0 0 0 12px;
vertical-align: middle;
font-size: 12px; }
.hd-sch-wrap .hd-sch button {
width: 33px;
height: 26px;
border: none 0;
cursor: pointer;
background: url(search-s.png) no-repeat 0 0;
vertical-align: middle; }
.hd-nav {
width: 820px;
float: right;
font-size: 14px;
height: 48px;
position: relative; }
.hd-nav li {
float: left;
line-height: 48px;
margin: 0 0 0 50px;
border-bottom: solid 3px #fff; }
.hd-nav li a {
display: block;
color: #000; }
.hd-nav li a:hover {
text-decoration: none; }
.hd-nav li .nav-con {
display: none; }
.hd-nav li.active {
border-bottom-color: #004098; }
.hd-nav li.active>a {
color: #004098; }
.hd-nav li.hover {
border-bottom-color: #004098; }
.hd-nav li.hover .nav-con {
display: block; }
.hd-nav li.hover>a{color:#004098; }
.nav-con {
display: none;
position: absolute;
padding: 7px;
top: 50px;
right: 0px;
width: 682px;
height: 161px;
z-index: 999; }
.nav-cont {
width: 242px;
height: 160px;
overflow: hidden;
float: left;
line-height: 25px; }
.nav-cont dt {
position: absolute;
right: 7px;
top: 7px; }
.nav-cont dd {
margin-left: 20px;
float: left;
height: 40px;
line-height: 40px;
display: block;
width: 100px;
text-indent: 1em;
border-bottom: solid 1px #898989;
background: url(poi.png) no-repeat 0 center; }
.nav-cont dd a {
display: block;
color: #00a0e9; }
.nav-cont dd a:hover {
color: #225c98; }
.nav-con-bg {
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
width: 100%;
height: 100%;
background: #f0f0f0;
opacity: 0.9;
filter: alpha(opacity=90); }
.bt-wrap {
margin-top: 30px;
border-top: solid 4px #006fbc;
color: #aaabab; }
.bt-wrap .bt {
position: relative; }
.bt-wrap a {
color: #aaabab; }
.lnks {
height: 35px; }
.lnks .hover ul {
height: auto;
display: block; }
.lnks-ddl {
float: left;
line-height: 26px;
height: 26px;
position: relative;
margin-right: 10px; }
.lnks-ddl ul {
min-width: 100%;
position: absolute;
background: #fff;
border: solid 1px #006fbc;
border-width: 1px 1px 0px 1px;
bottom: 26px;
z-index: 999;
display: none;
}
.lnks-ddl a {
padding-left: 10px;
padding-right: 10px;
display: block;
position: relative;
white-space: nowrap;
}
.lnks-ddl a.btn-more {
padding-right: 25px; }
.lnks-ddl a.btn-more:hover {
text-decoration: none; }
.lnks-ddl a.btn-more:hover i {
background-image: url(ty1.png); }
.lnks-ddl a.btn-more i {
display: block;
position: absolute;
right: 0px;
top: 9px;
width: 19px;
height: 9px;
background-position: right center;
background-repeat: no-repeat;
background-image: url(down.png); }
.bt-info {
line-height: 24px; }
.bt-qrcode {
position: absolute;
z-index: 999;
top: 0px;
right: 0px;
margin: 15px 160px 0 0; }
.bt-qrcode dl {
float: left;
position: relative;
margin-left: 52px; }
.bt-qrcode dd.thumb {
height: 77px;
width: 77px; }
.bt-qrcode dd.real {
position: absolute;
left: 0px;
top: -150px;
display: none;
width: 150px;
height: 150px; }
.bt-qrcode dd.real img {
height: 100%;
width: 100%; }
.bt-qrcode dt {
height: 24px;
line-height: 24px;
text-align: center; }
.bt-qrcode dl.hover dd.real {
display: block; }
.backToTop {
position: fixed;
bottom: 150px;
right: 8px;
width: 48px;
height: 48px;
z-index: 999;
display: none;
cursor: pointer;
background: url(ty2.png) no-repeat center center; }
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slider-wrap{
width: 100%
}
/* mouse grab icon */
.grabbing {
cursor:url(ty3.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.owl-theme .owl-controls{
/*margin-top: 10px;*/
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
min-height: 150px;
background: url(ty4.gif) no-repeat center center
}/*
* Owl Carousel CSS3 Transitions
* v1.3.2
*/
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
}
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}.clearfix, .pro-wrap .pro-item {
*zoom: 1; }
.clearfix:after, .pro-wrap .pro-item:after {
clear: both;
height: 0;
overflow: hidden;
display: block;
visibility: hidden;
content: "."; }
.ellipsis, .slider-news-wrap .news-con a, .news-lst-wrap a, .slider-pic-wrap .slider-item a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.slider-wrap {
position: relative;
width: 100%;
margin-top: 86px;
margin: 0px auto; }
.slider-wrap img{
width:100%;
}
.slider-wrap .owl-item {
text-align: center; }
.slider-wrap .owl-theme .owl-buttons {
width: 1200px;
position: relative;
margin: 0px auto;
display: none; }
.slider-wrap .owl-theme .owl-buttons .owl-prev,
.slider-wrap .owl-theme .owl-buttons .owl-next {
width: 51px;
height: 97px;
position: absolute;
top: -220px;
background: url(ty5.png) no-repeat;
opacity: 0.6;
filter: alpha(opacity=60); }
.slider-wrap .owl-theme .owl-buttons .owl-next {
background-position: 0 0;
right: 0px; }
.slider-wrap .owl-theme .owl-buttons .owl-prev {
background-position: 0 -102px;
left: 0px; }
.slider-wrap .hover .owl-buttons {
display: block; }
.pro-wrap {
background: #002978; }
.pro-wrap .pro-item {
float: left;
height: 82px;
overflow: hidden; }
.pro-wrap .pro-item .pro-title {
width: 108px;
height: 70px;
text-align: center;
font-size: 14px;
color: #fff;
float: left;
cursor: pointer;
padding-top: 12px; }
.pro-wrap .pro-item .pro-title span {
display: block;
height: 30px;
line-height: 30px; }
.pro-wrap .pro-item .pro-title img {
display: block;
margin: 0px auto;
width: 38px;
height: 38px; }
.pro-wrap .pro-item:nth-child(2n) .pro-title {
background: #00a0e9; }
.pro-wrap .pro-item:nth-child(2n+1) .pro-title {
background: #006fbc; }
.pro-wrap .pro-item .pro-desc {
transition: width .5s;
width: 0px;
float: left;
line-height: 20px; }
.pro-wrap .pro-item .pro-desc div {
padding: 10px; }
.pro-wrap .pro-item .pro-desc p {
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;
color: #fff; }
.pro-wrap .pro-item .pro-desc a {
color: #06b1ff; }
.pro-wrap .pro-item.active .pro-desc {
display: block; width: 444px}
.lnk-more {
display: block;
color: #9fa0a0;
padding-right: 15px;
background: url(more.png) no-repeat right center; }
.left-wrap, .center-wrap {
width: 408px;
float: left; }
.left-wrap .news-lst-wrap, .center-wrap .news-lst-wrap {
margin-top: 14px; }
.center-wrap {
margin-left: 30px; }
.center-wrap .news-lst-wrap {
margin-top: -10px; }
.right-wrap {
width: 324px;
float: right; }
.item-wrap {
padding-top: 30px; }
.item-wrap .item-hd {
height: 21px;
line-height: 21px; }
.item-wrap .item-hd .item-title {
font-size: 18px;
float: left; }
.item-wrap .item-hd .lnk-more {
float: right; }
.item-wrap .item-con {
padding-top: 24px; }
.slider-news-wrap .news-pic {
width: 100%;
height: 203px;
overflow: hidden; }
.slider-news-wrap .news-pic img {
width: 100%;
height: auto;
min-height:203px;
}
.slider-news-wrap .news-con a {
color: #4c4948;
font-size: 14px;
line-height: 30px;
display: inline-block;
max-width: 373px; }
.slider-news-wrap .news-con a.hot {
padding-right: 35px;
background: url(hot.png) no-repeat right center; }
.slider-news-wrap .news-con p {
height: 66px;
overflow: hidden;
position: relative;
top: -2px;
color: #b5b5b6;
line-height: 21px;
font-family: "SimSun";
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;
}
.slider-news-wrap.owl-theme .owl-buttons {
position: relative;
margin: 0px auto;
display: none; }
.slider-news-wrap .prev,
.slider-news-wrap .next {
margin: 0px;
padding: 0px;
width: 37px;
height: 60px;
top: 66px;
position: absolute;
cursor: pointer;
display: none;
z-index: 99;
opacity: 0.6;
filter: alpha(opacity=60);
background-color: #272222;
background-repeat: no-repeat;
background-position: center center; }
.slider-news-wrap .next {
background-image: url(right.png);
border-radius: 5px 0 0 5px;
right: 0px; }
.slider-news-wrap .next:hover,.slider-news-wrap .prev:hover{opacity: 1}
.slider-news-wrap .prev {
background-image: url(left.png);
border-radius: 0 5px 5px 0;
left: 0px; }
.slider-news-wrap:hover .prev,.slider-news-wrap:hover .next {
display: block; }
.sepa-line {
height: 2px;
overflow: hidden;
background: #aeafaf;
position: relative; }
.sepa-line:before {
position: absolute;
display: block;
content: '';
width: 25%;
height: 100%;
background: #cb3f39; }
.news-lst-wrap {
line-height: 30px; }
.news-lst-wrap ul {
padding:0;
color: #c9cacb;
line-height: 30px; }
.news-lst-wrap li{
background-image: url(pot.png);
background-position: 0 center;
background-repeat: no-repeat;
padding-left: 13px;
}
.news-lst-wrap li:after {
clear: both;
height: 0;
overflow: hidden;
display: block;
visibility: hidden;
content: "."; }
.news-lst-wrap li span {
float: right; }
.news-lst-wrap a {
float: left;
display: block;
height: 30px;
width: 80%;
color: #3e3a39; }
.news-lst-wrap a:hover {
color: #e50a05; }
.slider-pic-wrap .slider-item {
position: relative;
width: 100%;
text-align: center; }
.slider-pic-wrap .slider-item img {
width: 100%;
height: auto;
height:147px;
}
.slider-pic-wrap .slider-item p {
display: block;
height: 30px;
line-height: 30px; }
.slider-pic-wrap .slider-item a {
display: block;
height: 147px;
text-align: center; }
.slider-pic-wrap .pagination{
text-align: center;
position: absolute;
bottom: 5px;
z-index: 80;
}
.slider-pic-wrap .pagination span {
width: 5px;
height: 5px;
background: #7d7d7d;
opacity: 1; }
.slider-pic-wrap .pagination .swiper-pagination-bullet-active{
width: 12px;
background: #e60012;
border-radius: 4px;}
#sliderRepo,#sliderSpecTopic {
height: 192px; }
#sliderRepo .slider-item img {
height: auto; }
.column-wrap {
padding: 0px 45px;
margin: 30px 0 0 0;
background: #f7f8f8; }
.column-icons-wrap {
position: relative; }
.column-icons-wrap .column-icon-item {
padding: 12px 0 17px 0;
text-align: center; }
.column-icons-wrap .column-icon-item img {
display: block;
margin: 0px auto;
height: 64px;
width: 64px; }
.column-icons-wrap .column-icon-item span {
font-size: 14px;
color: #595757;
display: block;
margin-top: 10px; }
.column-icons-wrap.owl-theme .owl-controls {
display: block !important; }
.column-icons-wrap.owl-theme .owl-controls .owl-buttons {
width: 100%;
position: relative;
margin: 0px auto; }
.ytrsp .prev,
.ytrsp .next {
z-index: 55;
margin: 0;
padding: 0;
width: 37px;
height: 60px;
top: 30px;
position: absolute;
opacity: 1;
filter: alpha(opacity=100);
background-color: #1472ba;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}
.ytrsp .next {
background-image: url(next.png);
border-radius: 5px 0 0 5px;
right: 0px; }
.ytrsp .prev {
background-image: url(prev.png);
border-radius: 0 5px 5px 0;
left: 0px; }
.nav-ls img{
width:425px;
height:160px;
}
.fast-box{
margin-top:30px;
width: 1180px;
margin-right: auto;
margin-left: auto;
}
.item-box{
background-color: #fff;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #ccc;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
color: #4098d7;
font-weight: bold;
font-size: 20px;
line-height: 40px;
width: 140px;
text-align: center;
border-bottom:1px solid #fff;
background-color:#fff;
z-index:5
}
.item-box-navs{
margin-top:-2px;;
background-color: #fff;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #ccc;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-size: inherit;
border-top: 1px solid #ccc;
}
.item-box-navs-li{
padding-top:19px;
padding-bottom:19px;
width: 1060px;
margin-right: auto;
margin-left: auto;
}
.item-box-navs-li div{
width: 171px;
padding-left: 25px;
height: 35px;
line-height: 35px;
display: inline-block;
position: relative;
}
.item-box-navs-li div img{
position: absolute;
left: 7px;
top: 11px;
}
@media screen and (max-width: 768px) {
img{max-width: 100%;}
body{min-width: 100%;}
*{box-sizing: border-box;}
.hd-sch-wrap{display: none}
.hd-nav li{margin:0;width: 25%;height: 3rem;line-height: 3rem;text-align: center;font-size: 2rem}
.con{
width:92%;
margin:0 auto;
}
.hd{height: 10rem;}
.hd-wrap>.hd{height: auto;overflow:hidden;}
.hd-logo{position: initial;width:100%;background:url(logo201804.jpg) no-repeat center center;background-size:contain;}
.hd-nav{width:100%;height: auto;padding-bottom: 1rem}
.hd-nav li.active{border-bottom: none}
.pro-wrap .pro-item .pro-desc{display: block !important;width: 70% !important}
.pro-wrap .pro-item .pro-desc div{padding-right: 0}
.pro-wrap .pro-item .pro-title{width:30%;height: 82px;}
.pro-wrap .pro-item{float: none;width: 100%;}
.pro-wrap .pro-item .pro-desc p{ text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.left-wrap, .center-wrap{float: none;width: 100%;margin-left:0;}
.slider-news-wrap .news-pic{height: 24rem;}
.slider-news-wrap .news-pic img{width:100%;}
.item-wrap .item-con{width:100%;}
.swiper-container{width: 100%;}
.slider-news-wrap .prev, .slider-news-wrap .next{display: none !important}
.slider-news-wrap .news-con a{max-width: 100%;font-size:1.8rem;line-height: 5.4rem}
.slider-news-wrap .news-con p{
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;
height: auto;
font-size: 1.5rem;line-height: 2.6rem;
}
.item-wrap .item-con .swiper-slide{padding-bottom: 2rem}
.news-lst-wrap a{font-size: 1.6rem;line-height: 3rem;height: 3rem;}
.news-lst-wrap li span{font-size: 1.4rem;line-height: 3rem;height: 3rem;}
.item-wrap .item-hd .item-title{font-size: 1.8rem}
.lnk-more{font-size: 1.5rem !important}
.right-wrap{width: 100%;float: none}
.slider-pic-wrap .slider-item a{height: 22rem}
#sliderRepo .slider-item img,.slider-pic-wrap .slider-item img,#sliderRepo, #sliderSpecTopic{height: 22rem}
.lnks{display: none}
.bt-qrcode{display: none}
.ytrsp{display: none}
.bt-info{text-align: center;line-height: 2.4rem;font-size: 1.4rem;padding:1.2rem 0;}
.hd-nav li .nav-con{display: none !important}
.column-icons-wrap .column-icon-item span{font-size: 1.6rem}
.fast-box{width: 100%;padding:0 2.5%;}
.item-box-navs-li{padding:0;width: 100%;}
.item-box-navs-li div{width: 32.33%}
}