@charset "utf-8";
/* CSS Document */
body {
    margin: 0;
    ffont-family:"Microsoft JhengHei", "Microsoft YaHei",  Arial, sans-serif，"Lucida Grande";
	font-size: 16px;
    color: #666;
    background: #fff;
    line-height: 30px;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1
}
p {
    margin-top: 0;
    margin-bottom: 0
}
address {
    margin-bottom: 1.125rem;
    font-style: normal;
    line-height: inherit
}
dd, dl, ol, ul {
    margin: 0;
    padding: 0;
    list-style: none
}
blockquote {
    margin: 0 2.875em 1.125em 2.875em
}
small {
    font-size: 62.5%
}
sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
sub {
    bottom: -.375em
}
sup {
    top: -.5em
}
a {
    color: inherit;
    text-decoration: none
}
i {
    font-style: inherit
}
img {
    vertical-align: top;
    border: 0 none
}
 img::-moz-selection {
 background: 0 0
}
img::selection {
    background: 0 0
}
table {
    width: 100%;
    border-collapse: collapse
}
th {
    text-align: inherit
}
input, option, select {
    margin: 0;
    border: 0 none;
    border-radius: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: inherit;
    outline: 0 none
}
button {
    margin: 0;
    border: 0 none;
    border-radius: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: inherit;
    cursor: pointer
}
textarea {
    padding: .375em .625em;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    border: 0 none;
    overflow: auto;
    resize: none
}
a, button, input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none
}
hr {
    height: 1px;
    margin: .5em 0;
    background: #eee;
    border: 0 none
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}
:focus {
    outline: 0 none
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}
.clearfix:after, .clearfix:before {
    content: '';
    display: block
}
.clearfix:after {
    clear: both
}
figure {
    margin: 0
}
figure.pic img {
    width: 100%
}
.left {
    float: left
}
.right {
    float: right
}
.cy-table {
    display: table;
    width: 100%;
    height: 100%
}
.cy-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}
.details-body {
    line-height: 25px;
    overflow: hidden
}
.details-body img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin: .5em auto
}
.icon {
    display: inline-block;
    background: no-repeat center center;
    vertical-align: top
}
/*! Animate v1.1.0-alpha.1 */
.ani {
    overflow: hidden
}
.ani img {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}
.container {
    -webkit-transition: max-width .3s;
    -o-transition: max-width .3s;
    transition: max-width .3s
}
.act {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}
.w1360 {
	width: 1200px;
	margin: 0 auto;
}
.iileft {
	float: left;
	width: 48%;
}

.in-gt {
	display: block;
	text-transform: uppercase;
	color: #333333;
	font-size: 20px;
	line-height: 1;
}

.igeng {
	display: block;
	font-family: "Gilroy-Regular.woff";
	text-transform: none;
	line-height: 1.2;
}

.ilname {
	color: #666666;
	font-size: 30px;
	font-weight: normal;
	margin-top: 15px;
}

.ildesc {
	color: #666666;
	font-size: 18px;
	margin-top:35px;
	height: 143px;
	overflow: hidden;
	line-height: 35px;
}

.ilmore:hover:before {
	top: 0;
	height: 100%;
}

.ilmore:hover {
	color: #fff;
	border: 1px solid #2B3C91;
}

.ilmore:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	width: 100%;
	background: #2B3C91;
	transition: 0.45s;
	z-index: -3;
}

.ilmore {
	position: relative;
	display: block;
	width: 147px;
	height: 45px;
	border-radius: 50px;
	border: 1px solid #666666;
	text-align: center;
	line-height: 45px;
	color: #666666;
	font-size: 14px;
	margin-top: 55px;
	z-index: 3;
	overflow: hidden;
	transition: 0.45s;
}

.ilmore i {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	margin-left: 10px;
}

.iiright {
	float: right;
	width: 48%;
}

.iiright img {
	display: block;
	width: 100%;
}

.pb70 {
	padding: 70px 0;
}

.cy-tg.cy-upToDown {
    opacity: 0;
    -webkit-transform: translate(0, -27px);
    -ms-transform: translate(0, -27px);
    transform: translate(0, -27px)
}
.cy-tg.cy-downToUp {
    opacity: 0;
    -webkit-transform: translate(0, 27px);
    -ms-transform: translate(0, 27px);
    transform: translate(0, 27px)
}
.cy-tg.cy-leftToRight {
    opacity: 0;
    -webkit-transform: translate(-27px, 0);
    -ms-transform: translate(-27px, 0);
    transform: translate(-27px, 0)
}
.cy-tg.cy-rightToLeft {
    opacity: 0;
    -webkit-transform: translate(27px, 0);
    -ms-transform: translate(27px, 0);
    transform: translate(27px, 0)
}
.act.cy-downToUp, .act.cy-leftToRight, .act.cy-rightToLeft, .act.cy-upToDown {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.cy-tg.cy-rightToLeftSkew {
    opacity: 0;
    -webkit-transform: translate(20px, 0) scale(.9) skew(-27deg);
    -ms-transform: translate(20px, 0) scale(.9) skew(-27deg);
    transform: translate(20px, 0) scale(.9) skew(-27deg);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}
.act.cy-rightToLeftSkew {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.cy-tg.cy-rightToLeftScale {
    opacity: 0;
    -webkit-transform: translate(20px, 0) scale(.9);
    -ms-transform: translate(20px, 0) scale(.9);
    transform: translate(20px, 0) scale(.9);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}
.act.cy-rightToLeftScale {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.cy-tg.cy-upToDownScale {
    opacity: 0;
    -webkit-transform: translate(0, -30%) scale(.3);
    -ms-transform: translate(0, -30%) scale(.3);
    transform: translate(0, -30%) scale(.3);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}
.act.cy-upToDownScale {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}
.cy-d1 {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}
.cy-d2 {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}
.cy-d3 {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}
.cy-d4 {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.cy-d5 {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}
.cy-d6 {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}
.cy-d7 {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}
.cy-d8 {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}
.cy-d9 {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}
.cy-d10 {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}
.builder {
    display: inline-block;
    vertical-align: top
}
.cy-iconShow {
    -webkit-animation: iconShow .5s;
    animation: iconShow .5s
}
 @-webkit-keyframes _cyLogoShow {
 0% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) -15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 15%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) -15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 15%)
}
 10% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) -5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 25%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) -5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 25%)
}
 20% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 35%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 35%)
}
 30% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 45%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 45%)
}
 40% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 55%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 55%)
}
 50% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 65%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 65%)
}
 60% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 75%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 75%)
}
 70% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 85%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 85%)
}
 80% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 95%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 95%)
}
 90% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 105%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 105%)
}
 100% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 115%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 115%)
}
}
 @keyframes _cyLogoShow {
 0% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) -15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 15%);
 background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) -15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 15%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) -15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 15%)
}
 10% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) -5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 25%);
 background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) -5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 25%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) -5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 25%)
}
 20% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 35%);
 background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 35%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 35%)
}
 30% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 45%);
 background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 45%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 45%)
}
 40% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 55%);
 background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 55%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 55%)
}
 50% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 65%);
 background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 65%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 65%)
}
 60% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 75%);
 background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 75%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 75%)
}
 70% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 85%);
 background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 85%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 85%)
}
 80% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 95%);
 background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 95%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 95%)
}
 90% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 105%);
 background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 105%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 105%)
}
 100% {
 background: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 115%);
 background: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 115%);
 background: linear-gradient(120deg, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 115%)
}
}
 @-webkit-keyframes iconShow {
 from,  to {
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1)
}
 25% {
 -webkit-transform: scale(.9, 1.1);
 transform: scale(.9, 1.1)
}
 50% {
 -webkit-transform: scale(1.1, .9);
 transform: scale(1.1, .9)
}
 75% {
 -webkit-transform: scale(.95, 1.05);
 transform: scale(.95, 1.05)
}
}
 @keyframes iconShow {
 from,  to {
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1)
}
 25% {
 -webkit-transform: scale(.9, 1.1);
 transform: scale(.9, 1.1)
}
 50% {
 -webkit-transform: scale(1.1, .9);
 transform: scale(1.1, .9)
}
 75% {
 -webkit-transform: scale(.95, 1.05);
 transform: scale(.95, 1.05)
}
}

@media (max-width:1024px) {
.cy-tg.cy-downToUp,  .cy-tg.cy-leftToRight,  .cy-tg.cy-rightToLeft,  .cy-tg.cy-rightToLeftScale,  .cy-tg.cy-rightToLeftSkew,  .cy-tg.cy-upToDown {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    z-index: 1
}
.slick-list:focus {
    outline: 0
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.slick-next, .slick-prev {
    position: absolute;
    top: 50%;
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    margin-top: -16px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    z-index: 5
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}
.slick-next:before, .slick-prev:before {
    content: '';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-prev {
    left: -36px
}
[dir=rtl] .slick-prev {
    right: -36px;
    left: auto
}
.slick-next {
    right: -36px
}
[dir=rtl] .slick-next {
    right: auto;
    left: -36px
}
.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 0;
    text-align: center;
    z-index: 5
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    padding: 0;
    cursor: pointer
}
.flexslider {
    margin: 0;
    padding: 0
}
.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}
.flexslider .slides img {
    width: 100%;
    display: block
}
.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
html[xmlns] .flexslider .slides {
    display: block
}
* html .flexslider .slides {
    height: 1%
}
.no-js .flexslider .slides>li:first-child {
    display: block
}
.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2)
}
.flexslider .slides {
    zoom: 1
}
.flexslider .slides img {
    height: auto;
    -moz-user-select: none
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}
.loading .flex-viewport {
    max-height: 300px
}
.flex-direction-nav {
 *height: 0
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.flex-direction-nav a:before {
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3)
}
.flex-direction-nav a.flex-next:before {
    content: '\f002'
}
.flex-direction-nav .flex-prev {
    left: -50px
}
.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right
}
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: .7;
    left: 10px
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1
}
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: .7;
    right: 10px
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1
}
.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1
}
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}
.flex-pauseplay a:before {
    display: inline-block;
    content: '\f004'
}
.flex-pauseplay a:hover {
    opacity: 1
}
.flex-pauseplay a.flex-play:before {
    content: '\f003'
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
 *display: inline
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    border-radius: 20px
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, .7)
}
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, .9);
    cursor: default
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}
.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}
.flex-control-thumbs img:hover {
    opacity: 1
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}
.owl-carousel .owl-item {
    float: left
}
.owl-controls .owl-buttons div, .owl-controls .owl-page {
    cursor: pointer
}
.owl-controls {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -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)
}
.bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
 *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.bx-wrapper img {
    max-width: 100%;
    display: block
}
.bxslider {
    margin: 0;
    padding: 0
}
ul.bxslider {
    list-style: none
}
.bx-viewport {
    -webkit-transform: translateZ(0)
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../images/plugins/bx_loader-ca9d6f1fb9.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .75em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item {
    display: inline-block;
    vertical-align: bottom;
 *zoom: 1;
 *display: inline
}
.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0
}
.bx-wrapper .bx-prev {
    left: 10px;
    background: url(../images/plugins/controls-dab32f6a80.png) no-repeat 0 -32px
}
.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover {
    background-position: 0 0
}
.bx-wrapper .bx-next {
    right: 10px;
    background: url(../images/plugins/controls-dab32f6a80.png) no-repeat -43px -32px
}
.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
    background-position: -43px 0
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}
.bx-wrapper .bx-controls-auto {
    text-align: center
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../images/plugins/controls-dab32f6a80.png) -86px -11px no-repeat;
    margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../images/plugins/controls-dab32f6a80.png) -86px -44px no-repeat;
    margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, .75);
    width: 100%
}
.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .75em;
    padding: 10px
}
.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}
.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}
.mCSB_inside>.mCSB_container {
    margin-right: 30px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}
.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}
.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}
.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}
.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover~.mCSB_scrollTools, .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(../images/plugins/mCSB_buttons-ccf3085d9a.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}
.vwrap {
    display: none;
    z-index: 9777;
    width: 100%;
    position: fixed
}
.vwrap .videobtg {
    z-index: 900;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
    overflow: hidden
}
.vwrap .videobox {
    z-index: 990;
    width: 800px;
    height: 500px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -250px;
    margin-left: -400px
}

@media (max-width:1024px) {
.vwrap .videobox {
    width: 600px;
    height: 400px;
    margin-top: -200px;
    margin-left: -300px
}
	.iileft,
	.iiright,
	.inbanner,
	.inblist {
		float: none;
		width: 100%;
	}
	.incontent {
		height: 850px;
	}
	.iiright {
		margin-top: 20px;
	}
	
	.in-gt {
		font-size: 20px;
	}
	.ilname {
		font-size: 18px;
	}
	.ildesc {
		margin-top: 15px;
	}
	.ilmore {
		width: 100px;
		margin-top: 15px;
		height: 32px;
		line-height: 32px;
	}
}

@media (max-width:768px) {
.vwrap .videobox {
    width: 400px;
    height: 300px;
    margin-top: -150px;
    margin-left: -200px
}
	.iiright {
		display: none
	}
}

@media (max-width:576px) {
.vwrap .videobox {
    width: 300px;
    height: 200px;
    margin-top: -100px;
    margin-left: -150px
}
}
.vwrap .videobox #videobox {
    width: 100%;
    display: inline-block;
    height: 100%;
    background: #80abde
}
#videobox_wrapper {
    height: 100% !important
}
.vwrap .close {
    z-index: 999;
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -42px
}

@media (max-width:576px) {
.vwrap .close {
    top: -32px;
    right: 0
}
}
.vwrap .close i {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/plugins/video-close-48a17585a3.png) no-repeat 50% 50%;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}
.vwrap .close:hover i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
#videobox_display_button, #videocontainer_display_button {
    background: none no-repeat !important
}
.jwplayer .jwicon {
    opacity: .8;
    filter: alpha(opacity=80);
    cursor: pointer;
    background: no-repeat scroll center center;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important
}
.jwplayer .jwicon:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}
.jwclick, .jwlogo {
    display: none !important
}
.jwdisplayIcon {
    background: none no-repeat !important
}
.vbBox {
    position: relative;
    background: no-repeat center center;
    overflow: hidden;
    cursor: pointer
}
.vbBox .vicoBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}
.vbBox .vico {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 64px;
    height: 64px;
    margin-top: -32px;
    margin-left: -32px;
    background: no-repeat;
    background-size: cover;
    -webkit-transition: 330ms;
    -o-transition: 330ms;
    transition: 330ms
}

@media (max-width:1024px) {
.vbBox .vico {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}
}

@media (max-width:768px) {
.vbBox .vico {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px
}
}
.vbBox #case-video_wrapper, .vbBox .jwplayer {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}
.fancybox-enabled {
    overflow: hidden
}
.fancybox-enabled body {
    height: 100%
}
.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.fancybox-container~.fancybox-container {
    z-index: 99992
}
.fancybox-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0f0f11;
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.55, .06, .68, .19);
    -o-transition-timing-function: cubic-bezier(.55, .06, .68, .19);
    transition-timing-function: cubic-bezier(.55, .06, .68, .19);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.fancybox-container--ready .fancybox-bg {
    opacity: .87;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}
.fancybox-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    z-index: 99994;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    direction: ltr
}
.fancybox-show-controls .fancybox-controls {
    opacity: 1
}
.fancybox-infobar {
    display: none
}
.fancybox-show-infobar .fancybox-infobar {
    display: inline-block;
    pointer-events: all
}
.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 15px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, .7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}
.fancybox-buttons {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    pointer-events: all
}
.fancybox-show-buttons .fancybox-buttons {
    display: block
}
.fancybox-slider-wrap {
    overflow: hidden;
    direction: ltr
}
.fancybox-slider, .fancybox-slider-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}
.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: 0;
    white-space: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch
}
.fancybox-slide:before {
    content: "";
    height: 100%;
    width: 0
}
.fancybox-slide:before, .fancybox-slide>* {
    display: inline-block;
    vertical-align: middle
}
.fancybox-slide>* {
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.fancybox-slide--image {
    overflow: hidden
}
.fancybox-slide--image:before {
    display: none
}
.fancybox-content {
    display: inline-block;
    position: relative;
    margin: 44px auto;
    padding: 0;
    border: 0;
    width: 80%;
    height: calc(100% - 88px);
    vertical-align: middle;
    line-height: normal;
    text-align: left;
    white-space: normal;
    outline: 0;
    font-size: 16px;
    font-family: Arial, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch
}
.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff
}
.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {
    background: 0 0
}
.fancybox-placeholder {
    z-index: 99995;
    background: 0 0;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.fancybox-image, .fancybox-placeholder, .fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0
}
.fancybox-image, .fancybox-spaceball {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    background: 0 0;
    background-size: 100% 100%
}
.fancybox-controls--canzoomOut .fancybox-placeholder {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.fancybox-controls--canzoomIn .fancybox-placeholder {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}
.fancybox-controls--canGrab .fancybox-placeholder {
    cursor: -webkit-grab;
    cursor: grab
}
.fancybox-controls--isGrabbing .fancybox-placeholder {
    cursor: -webkit-grabbing;
    cursor: grabbing
}
.fancybox-spaceball {
    z-index: 1
}
.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}
.fancybox-error {
    position: absolute;
    margin: 0;
    padding: 40px;
    top: 50%;
    left: 50%;
    width: 380px;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    cursor: default
}
.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif
}
.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: 0 0;
    z-index: 10;
    cursor: pointer
}
.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2
}
.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}
.fancybox-slide--video .fancybox-close-small {
    top: -36px;
    right: -36px;
    background: 0 0
}
.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}
.fancybox-caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0;
    z-index: 99998;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, rgba(0, 0, 0, .1)), color-stop(40%, rgba(0, 0, 0, .2)), color-stop(80%, rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    opacity: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none
}
.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1
}
.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, .4);
    font-size: 16px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}
.fancybox-caption a, .fancybox-caption button {
    pointer-events: all
}
.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}
.fancybox-button {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: 0 0;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    outline: 0
}
.fancybox-button--disabled {
    cursor: default;
    pointer-events: none
}
.fancybox-button, .fancybox-infobar__body {
    background: rgba(30, 30, 30, .6)
}
.fancybox-button:hover {
    background: rgba(0, 0, 0, .8)
}
.fancybox-button:after, .fancybox-button:before {
    content: "";
    pointer-events: none;
    position: absolute;
    border-color: #fff;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block
}
.fancybox-button--disabled:after, .fancybox-button--disabled:before {
    opacity: .5
}
.fancybox-button--left:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}
.fancybox-button--left:after, .fancybox-button--right:after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: 0 0;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor
}
.fancybox-button--right:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.fancybox-button--left {
    border-bottom-left-radius: 5px
}
.fancybox-button--right {
    border-bottom-right-radius: 5px
}
.fancybox-button--close {
    float: right
}
.fancybox-button--close:after, .fancybox-button--close:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}
.fancybox-button--close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.fancybox-button--close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.fancybox-loading {
    border: 6px solid rgba(99, 99, 99, .4);
    border-top: 6px solid rgba(255, 255, 255, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}
 @-webkit-keyframes a {
 0% {
 -webkit-transform: rotate(0);
 transform: rotate(0)
}
 to {
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg)
}
}
 @keyframes a {
 0% {
 -webkit-transform: rotate(0);
 transform: rotate(0)
}
 to {
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg)
}
}

@media (max-width:768px) {
.fancybox-controls {
    text-align: left
}
.fancybox-button--left,  .fancybox-button--right,  .fancybox-buttons button:not(.fancybox-button--close) {
    display: none !important
}
.fancybox-caption {
    padding: 20px 0;
    margin: 0
}
}
.fancybox-button--fullscreen:before {
    width: 15px;
    height: 11px;
    left: 15px;
    top: 16px;
    border: 2px solid;
    background: 0 0
}
.fancybox-button--play:before {
    top: 16px;
    left: 18px;
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px;
    background: 0 0
}
.fancybox-button--pause:before {
    top: 16px;
    left: 18px;
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px;
    background: 0 0
}
.fancybox-button--thumbs span {
    font-size: 23px
}
.fancybox-button--thumbs:before {
    top: 20px;
    left: 21px;
    width: 3px;
    height: 3px;
    -webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
}
.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
    right: 220px
}
.fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    z-index: 99993;
    word-break: normal;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0
}
.fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: 0;
    border: 5px solid #fff;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}
.fancybox-thumbs>ul>li>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.fancybox-thumbs>ul>li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94)
}
.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:768px) {
.fancybox-thumbs {
    display: none !important
}
.fancybox-container--thumbs .fancybox-caption-wrap,  .fancybox-container--thumbs .fancybox-controls,  .fancybox-container--thumbs .fancybox-slider-wrap {
    right: 0
}
}
/*! Animate End */
body.overflow, html.overflow {
    overflow-y: hidden
}
 html::-webkit-scrollbar {
 width: 7px;
 height: 7px;
 background-color: #f7f7f7
}
 html::-webkit-scrollbar-track {
 border-radius: 7px;
 background-color: #f7f7f7;
 -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, .3)
}
 html::-webkit-scrollbar-thumb {
 border-radius: 7px;
 width: 17px;
 height: 17px;
 background-color: #333;
 -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, .3)
}
.cy-wrapper {
    overflow: hidden;
    -webkit-transition: all .37s;
    -o-transition: all .37s;
    transition: all .37s
}
.cy-wrapper.go {
    -webkit-transform: translate(-320px, 0);
    -ms-transform: translate(-320px, 0);
    transform: translate(-320px, 0);
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: all .47s;
    -o-transition: all .47s;
    transition: all .47s
}

@media (max-width:576px) {
.cy-wrapper.go {
    -webkit-transform: translate(-70%, 0);
    -ms-transform: translate(-70%, 0);
    transform: translate(-70%, 0)
}
}
.container {
    width: 100%
}

@media (min-width:426px) {
.container {
    max-width: 90%
}
}

@media (min-width:577px) {
.container {
    max-width: 540px
}
}

@media (min-width:769px) {
.container {
    max-width: 720px
}
}

@media (min-width:1025px) {
.container {
    max-width: 960px;
    padding: 0
}
}

@media (min-width:1241px) {
.container {
    max-width: 1140px
}
}

@media (min-width:1441px) {
.container {
    max-width: 1200px
}
}
.container.details-container {
    width: 1000px
}

@media (max-width:1024px) {
.container.details-container {
    width: auto
}
}
.container.feedback-container {
    width: 900px
}

@media (max-width:1024px) {
.container.feedback-container {
    width: auto
}
}
.copyright  {
  
    text-align: center;
	font-size: 16px;
}


::-moz-selection {
 background: #00a2eb;
 color: #fff
}
::selection {
    background: #00a2eb;
    color: #fff
}
.cy-404html {
    display: table;
    position: relative;
    width: 100%;
    height: 100%
}
.cy-404html body {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}
.cy-404html .bg-404 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    background-size: cover
}
.cy-404html .pic-404 {
    max-width: 90%
}
.cy-404html .info-404 {
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.cy-404html .back-404:hover {
    -webkit-box-shadow: inset 0 0 5px 5px #333;
    box-shadow: inset 0 0 5px 5px #333
}
.ipc-banner {
    overflow: hidden
}
.ipc-banner .banner-pic img {
    width: 100%
}
.ipc-nav .i-n-nav {
    overflow: hidden;
    text-align: center;
    background: #eee;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.ipc-nav .i-n-list {
    display: inline-block;
    vertical-align: top
}

@media (max-width:576px) {
.ipc-nav .i-n-list {
    display: block
}
}
.ipc-nav .i-n-item {
    float: left;
    font-size: 16px;
    line-height: 20px
}

@media (max-width:576px) {
.ipc-nav .i-n-item {
    width: 25%
}
}
.ipc-nav .i-n-item a {
    display: block;
    padding: 25px
}

@media (max-width:1024px) {
.ipc-nav .i-n-item a {
    padding: 15px
}
}

@media (max-width:768px) {
.ipc-nav .i-n-item a {
    padding: 10px;
    font-size: 16px
}
}

@media (max-width:576px) {
.ipc-nav .i-n-item a {
    padding: 10px
}
}

@media (max-width:425px) {
.ipc-nav .i-n-item a {
    padding: 5px 10px;
    font-size: 14px
}
}
.ipc-nav .i-n-item:hover {
    text-decoration: underline;
    color: #333
}
.ipc-nav .i-n-item.current {
    background: #263d8f;
    color: #fff
}
.ipc-title {
    margin-bottom: 40px;
    text-align: center;
    line-height: 30px
}

@media (max-width:1024px) {
.ipc-title {
    margin-bottom: 30px
}
}

@media (max-width:768px) {
.ipc-title {
    margin-bottom: 20px;
    line-height: 20px
}
}
.ipc-title.w {
    color: #fff
}
.ipc-title.w:after {
    background: #eee
}
.ipc-title.b .t {
    color: #333
}
.ipc-title.b .e {
    color: #999
}
.ipc-title.b.g .t {
    color: #666
}
.ipc-title.b.l {
    text-align: left
}
.ipc-title.b.ln:after {
    background: #666
}
.ipc-title.b:after {
    background: #344996
}
.ipc-title.bl .t {
    font-weight: 700
}
.ipc-title.bl:after {
    background: #344996
}
.ipc-title .t {
    font-weight: 400;
    font-size: 30px;
    line-height: 40px
}

@media (max-width:1024px) {
.ipc-title .t {
    font-size: 26px;
    line-height: 30px
}
}

@media (max-width:768px) {
.ipc-title .t {
    font-size: 22px;
    line-height: 25px
}
}

@media (max-width:576px) {
.ipc-title .t {
    font-size: 18px
}
}
.ipc-title .e {
    font-size: 14px;
    font-family: Arial, sans-serif;
    line-height: 20px
}

@media (max-width:1024px) {
.ipc-title .e {
    font-size: 12px
}
}
.ipc-title:after {
    display: inline-block;
    width: 40px;
    height: 2px;
    vertical-align: middle;
    background: #fff;
    opacity: .3;
    content: ''
}

@media (max-width:1024px) {
.ipc-title:after {
    width: 35px
}
}

@media (max-width:768px) {
.ipc-title:after {
    width: 30px
}
}
.pages {
    padding: 50px 0;
    line-height: 0
}

@media (max-width:1024px) {
.pages {
    padding: 40px 0
}
}

@media (max-width:768px) {
.pages {
    padding: 30px 0
}
}

@media (max-width:576px) {
.pages {
    padding: 20px 0
}
}
.pages .pages-info {
    text-align: center
}
.pages .pages-list {
    display: inline-block;
    vertical-align: top
}
.pages .pages-item {
    float: left;
    position: relative;
    margin: 0 5px;
    border: 1px solid #ddd
}

@media (max-width:576px) {
.pages .pages-item {
    margin: 0 3px
}
}

@media (max-width:425px) {
.pages .pages-item {
    margin: 0 2px
}
}
.pages .pages-item:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #263d8f;
    height: 5px;
    background: #00a2eb
}

@media (max-width:576px) {
.pages .pages-item:before {
    height: 3px
}
}
.pages .pages-item a {
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 20px
}

@media (max-width:768px) {
.pages .pages-item a {
    padding: 5px 10px
}
}

@media (max-width:576px) {
.pages .pages-item a {
    font-size: 12px;
    line-height: 15px
}
}

@media (max-width:425px) {
.pages .pages-item a {
    padding: 5px 8px
}
}
.pages .pages-item:hover {
    background: #263d8f;
    color: #fff
}
.pages .pages-item.current {
    background: #263d8f;
    color: #fff
}
.pages .pages-item.current:before {
    content: ''
}
.pages.pages2 {
    margin-top: 60px;
    border: 2px solid #aaa;
    padding: 5px 30px
}

@media (max-width:1240px) {
.pages.pages2 {
    margin-top: 50px
}
}

@media (max-width:1024px) {
.pages.pages2 {
    margin-top: 40px
}
}

@media (max-width:768px) {
.pages.pages2 {
    margin-top: 30px;
    padding: 5px 5%
}
}
.pages.pages2 .pages2-item {
    position: relative;
    z-index: 5;
    line-height: 0
}
.pages.pages2 .pages2-item a {
    display: block;
    width: 50px;
    height: 40px
}

@media (max-width:768px) {
.pages.pages2 .pages2-item a {
    width: 40px;
    height: 30px
}
}

@media (max-width:576px) {
.pages.pages2 .pages2-item a {
    width: 30px;
    height: 25px
}
}
.pages.pages2 .pages2-item .i {
    display: inline-block;
    position: relative;
    margin: 19px 0;
    width: 20px;
    height: 2px;
    vertical-align: top;
    background: #000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media (max-width:768px) {
.pages.pages2 .pages2-item .i {
    margin: 14px 0
}
}

@media (max-width:576px) {
.pages.pages2 .pages2-item .i {
    width: 15px;
    margin: 12px 0
}
}
.pages.pages2 .pages2-item .i:before {
    position: absolute;
    top: -6px;
    z-index: -1;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    content: ''
}
.pages.pages2 .pages2-item .i:after {
    position: absolute;
    top: -4px;
    z-index: -1;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    content: ''
}
.pages.pages2 .pages2-item.prev {
    float: left;
    text-align: left
}
.pages.pages2 .pages2-item.prev .i {
    margin-left: 10px
}
.pages.pages2 .pages2-item.prev .i:before {
    left: -5px;
    border-right: 7px solid #000
}
.pages.pages2 .pages2-item.prev .i:after {
    left: -3px;
    border-right: 5px solid #eee
}
.pages.pages2 .pages2-item.next {
    float: right;
    text-align: right
}
.pages.pages2 .pages2-item.next .i {
    margin-right: 10px
}
.pages.pages2 .pages2-item.next .i:before {
    right: -5px;
    border-left: 7px solid #000
}
.pages.pages2 .pages2-item.next .i:after {
    right: -3px;
    border-left: 5px solid #eee
}
.pages.pages2 .pages2-item:hover .i {
    width: 30px;
    background: #263d8f
}

@media (max-width:576px) {
.pages.pages2 .pages2-item:hover .i {
    width: 20px
}
}
.pages.pages2 .pages2-item:hover.prev .i {
    margin-left: 5px
}
.pages.pages2 .pages2-item:hover.prev .i:before {
    border-right-color: #263d8f
}
.pages.pages2 .pages2-item:hover.next .i {
    margin-right: 5px
}
.pages.pages2 .pages2-item:hover.next .i:before {
    border-left-color: #263d8f
}
.txt-tf {
    position: relative
}
.txt-tf .tf-y {
    display: block;
    -webkit-transition: all .27s .1s;
    -o-transition: all .27s .1s;
    transition: all .27s .1s;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}
.txt-tf .tf-y:after {
    content: '';
    display: block;
    clear: both
}
.txt-tf .tf-c {
    display: block;
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #00a2eb;
    -webkit-transition: all .27s .1s;
    -o-transition: all .27s .1s;
    transition: all .27s .1s;
    -webkit-transform: translate(0, -100%) rotateX(90deg);
    transform: translate(0, -100%) rotateX(90deg);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}
.txt-tf .tf-c:after {
    content: '';
    display: block;
    clear: both
}
.txt-tf:hover .tf-y {
    visibility: hidden;
    -webkit-transform: translate(0, 100%) rotateX(-90deg);
    transform: translate(0, 100%) rotateX(-90deg)
}
.txt-tf:hover .tf-c {
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.bsBox {
    width: auto !important;
    height: auto !important
}
header.scroll .header {
    -webkit-box-shadow: 0 0 3px #aaa;
    box-shadow: 0 0 3px #aaa
}
header.scroll .hn-tools, header.scroll .logo {
    margin: 10px 0
}
header.scroll .hn-item {
    padding: 10px 0
}
header.scroll .side-overlay {
    top: 40px
}
header.scroll .header-side .hs-menu {
    height: 40px;
    -webkit-transition: all .17s;
    -o-transition: all .17s;
    transition: all .17s
}
header.scroll .header-side .hs-m-btn {
    margin-top: -9px;
    margin-left: -12px;
    width: 24px;
    height: 18px;
    -webkit-transition: all .17s;
    -o-transition: all .17s;
    transition: all .17s
}
header.scroll .header-side .hs-m-btn.show {
    margin-left: -9px;
    width: 18px
}
header.scroll .sn-nav {
    padding-top: 0;
    -webkit-transition: all .17s;
    -o-transition: all .17s;
    transition: all .17s
}
.header-overlay {
    visibility: hidden;
    height: 70px;
    -webkit-transition: height .17s;
    -o-transition: height .17s;
    transition: height .17s
}

@media (max-width:1024px) {
.header-overlay {
    height: 60px
}
}

@media (max-width:576px) {
.header-overlay {
    height: 50px
}
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4777;
    background: #fff
}
.header .container {
    max-width: 90%
}

@media (max-width:1024px) {
.header .container {
    max-width: 96%
}
}
.header .logo {
    display: block;
    float: left;
    position: relative;
    margin: 20px 0;
    -webkit-transition: margin .17s;
    -o-transition: margin .17s;
    transition: margin .17s
}

@media (max-width:576px) {
.header .logo {
    margin: 15px 0
}
}
.header .logo:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: ''
}
.header .logo img {
    display: block;
    height: 30px
}

@media (max-width:1024px) {
.header .logo img {
    height: 20px
}
}
.header .logo:hover:before {
    -webkit-animation: _cyLogoShow .57s;
    animation: _cyLogoShow .57s
}
.header .header-nav {
    padding-left: 25%;
    -webkit-transition: padding .17s;
    -o-transition: padding .17s;
    transition: padding .17s
}

@media (max-width:1024px) {
.header .header-nav {
    display: none
}
}
.header .header-nav:after {
    content: '';
    display: block;
    clear: both
}
.header .hn-nav {
    float: left
}
.header .hn-list {
    margin: 0 -20px
}

@media (max-width:1240px) {
.header .hn-list {
    margin: 0 -15px
}
}
.header .hn-item {
    float: left;
    padding: 20px 0;
    margin: 0 30px;
	font-weight: bold;
	color: #000000;
    -webkit-transition: all .17s;
    -o-transition: all .17s;
    transition: all .17s
}

@media (max-width:1240px) {
.header .hn-item {
    margin: 0 15px
}
}
.header .hn-item a {
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}
.header .hn-item .o {
    display: block;
    -webkit-transition: visibility .27s .1s, -webkit-transform .27s .1s;
    transition: visibility .27s .1s, -webkit-transform .27s .1s;
    -o-transition: transform .27s .1s, visibility .27s .1s;
    transition: transform .27s .1s, visibility .27s .1s;
    transition: transform .27s .1s, visibility .27s .1s, -webkit-transform .27s .1s;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}
.header .hn-item .c {
    display: block;
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    color: #00a2eb;
    -webkit-transition: visibility .27s .1s, -webkit-transform .27s .1s;
    transition: visibility .27s .1s, -webkit-transform .27s .1s;
    -o-transition: transform .27s .1s, visibility .27s .1s;
    transition: transform .27s .1s, visibility .27s .1s;
    transition: transform .27s .1s, visibility .27s .1s, -webkit-transform .27s .1s;
    -webkit-transform: translate(0, -100%) rotateX(90deg);
    transform: translate(0, -100%) rotateX(90deg);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}
.header .hn-item:hover .o {
    visibility: hidden;
    -webkit-transform: translate(0, 100%) rotateX(-90deg);
    transform: translate(0, 100%) rotateX(-90deg)
}
.header .hn-item:hover .c {
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.header .hn-item.current a {
    color: #263d8f
}
.header .hn-item.current .o {
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.header .hn-item.current .c {
    visibility: hidden
}
.header .hn-tools {
    float: right;
    margin: 20px 0;
    padding: 5px 0;
    -webkit-transition: all .17s;
    -o-transition: all .17s;
    transition: all .17s
}
.header .hn-tools:after {
    content: '';
    display: block;
    clear: both
}
.header .tools-list {
    margin-right: -20px
}
.header .tools-item {
    float: left;
    margin-right: 20px
}
.header .tools-item a {
    display: block;
    position: relative;
    width: 20px;
    height: 20px
}
.header .tools-item a:after, .header .tools-item a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    -webkit-transition: visibility .27s .1s, -webkit-transform .27s .1s;
    transition: visibility .27s .1s, -webkit-transform .27s .1s;
    -o-transition: visibility .27s .1s, transform .27s .1s;
    transition: visibility .27s .1s, transform .27s .1s;
    transition: visibility .27s .1s, transform .27s .1s, -webkit-transform .27s .1s
}
.header .tools-item a:before {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}
.header .tools-item a:after {
    visibility: hidden;
    -webkit-transform: translateY(-100%) rotateX(90deg);
    transform: translateY(-100%) rotateX(90deg);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}
.header .tools-item:hover a:before {
    visibility: hidden;
    -webkit-transform: translateY(100%) rotateX(-90deg);
    transform: translateY(100%) rotateX(-90deg)
}
.header .tools-item:hover a:after {
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.header .tc-qr {
    position: relative;
    z-index: 3
}
.header .popup {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: -80px;
    right: -80px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 4px;
    background: #fff;
    opacity: 0;
    -webkit-transition: all .5s .1s;
    -o-transition: all .5s .1s;
    transition: all .5s .1s
}

@media (max-width:1600px) {
.header .popup {
    left: -70px;
    right: -70px;
    border-radius: 4px
}
}

@media (max-width:1440px) {
.header .popup {
    left: -60px;
    right: -60px;
    border-radius: 3px
}
}

@media (max-width:1240px) {
.header .popup {
    left: -48px;
    right: -48px;
    border-radius: 2px;
    padding: 2px
}
}

@media (max-width:1024px) {
.header .popup {
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    z-index: 4778;
    margin-left: -105px;
    border-radius: 4px;
    -webkit-transform: translate(0, -50%) scale(0);
    -ms-transform: translate(0, -50%) scale(0);
    transform: translate(0, -50%) scale(0)
}
}
.header .popup:before {
    position: absolute;
    left: 50%;
    bottom: 100%;
    z-index: 2;
    margin-left: -8px;
    border-bottom: 7px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: ''
}

@media (max-width:1024px) {
.header .popup:before {
    content: none
}
}
.header .popup:after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    z-index: 1;
    margin-left: -9px;
    border-bottom: 8px solid #ccc;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: ''
}

@media (max-width:1024px) {
.header .popup:after {
    content: none
}
}
.header .popup img {
    width: 100%
}
.header .popup p {
    margin-bottom: 5px;
    line-height: 15px;
    text-align: center
}
.header .popup.show {
    visibility: visible;
    margin-top: 15px;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media (max-width:1024px) {
.header .popup.show {
    -webkit-transform: translate(0, -50%) scale(1);
    -ms-transform: translate(0, -50%) scale(1);
    transform: translate(0, -50%) scale(1)
}
}
.side-overlay {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4577;
    background: rgba(0, 0, 0, .7);
    cursor: pointer
}

@media (max-width:576px) {
.side-overlay {
    top: 50px
}
}
.header-side {
    display: none;
    position: fixed;
    top: 0;
    left: 100%;
    right: -320px;
    bottom: 0;
    z-index: 4977;
    width: 320px;
    background: #263d8f;
    -webkit-transition: all .47s;
    -o-transition: all .47s;
    transition: all .47s
}

@media (max-width:1024px) {
.header-side {
    display: block
}
}

@media (max-width:576px) {
.header-side {
    width: auto
}
}
.header-side.show {
    margin-left: -320px
}

@media (max-width:576px) {
.header-side.show {
    left: 60px;
    right: 0;
    margin-left: 0
}
}
.header-side .hs-menu {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 10;
    width: 70px;
    height: 60px;
    background: #eee;
    cursor: pointer
}

@media (max-width:576px) {
.header-side .hs-menu {
    width: 60px;
    height: 50px
}
}
.header-side .hs-menu.active .hs-m-btn {
    margin-left: -12px;
    width: 24px
}

@media (max-width:576px) {
.header-side .hs-menu.active .hs-m-btn {
    margin-top: -9px;
    width: 18px
}
}
.header-side .hs-menu.active .hs-m-btn .sb1, .header-side .hs-menu.active .hs-m-btn .sb3 {
    -webkit-transition: all .27s, -webkit-transform .27s .37s;
    transition: all .27s, -webkit-transform .27s .37s;
    -o-transition: all .27s, transform .27s .37s;
    transition: all .27s, transform .27s .37s;
    transition: all .27s, transform .27s .37s, -webkit-transform .27s .37s
}
.header-side .hs-menu.active .hs-m-btn .sb1 {
    top: 50%;
    margin-top: -2px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media (max-width:576px) {
.header-side .hs-menu.active .hs-m-btn .sb1 {
    margin-top: -1px
}
}
.header-side .hs-menu.active .hs-m-btn .sb2 {
    visibility: hidden;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0)
}
.header-side .hs-menu.active .hs-m-btn .sb3 {
    bottom: 50%;
    margin-bottom: -2px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

@media (max-width:576px) {
.header-side .hs-menu.active .hs-m-btn .sb3 {
    margin-bottom: -1px
}
}
.header-side .hs-m-btn {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -15px;
    width: 30px;
    height: 24px;
    -webkit-transition: all .37s;
    -o-transition: all .37s;
    transition: all .37s
}

@media (max-width:576px) {
.header-side .hs-m-btn {
    margin-top: -9px;
    margin-left: -12px;
    width: 24px;
    height: 18px
}
}
.header-side .hs-m-btn .sb {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background: #000;
    -webkit-transition: all .37s, height 0s;
    -o-transition: all .37s, height 0s;
    transition: all .37s, height 0s
}

@media (max-width:576px) {
.header-side .hs-m-btn .sb {
    height: 2px
}
}
.header-side .hs-m-btn .sb1, .header-side .hs-m-btn .sb3 {
    -webkit-transition: all .27s .37s, height 0s, -webkit-transform .37s;
    transition: all .27s .37s, height 0s, -webkit-transform .37s;
    -o-transition: all .27s .37s, transform .37s, height 0s;
    transition: all .27s .37s, transform .37s, height 0s;
    transition: all .27s .37s, transform .37s, height 0s, -webkit-transform .37s
}
.header-side .hs-m-btn .sb1 {
    top: 0
}
.header-side .hs-m-btn .sb2 {
    top: 50%;
    margin-top: -2px
}

@media (max-width:576px) {
.header-side .hs-m-btn .sb2 {
    margin-top: -1px
}
}
.header-side .hs-m-btn .sb3 {
    bottom: 0
}
.header-side .side-nav {
    overflow: auto;
    height: 100%
}
.header-side .sn-nav {
    padding: 20px 0 60px
}

@media (max-width:576px) {
.header-side .sn-nav {
    padding: 10px 0 50px
}
}
.header-side .sn-item {
    border-bottom: 1px solid #223780
}
.header-side .sn-sub .sn-name {
    position: relative;
    -webkit-transition: all .27s;
    -o-transition: all .27s;
    transition: all .27s
}
.header-side .sn-sub .sn-name:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10%;
    margin-top: -8px;
    width: 10px;
    height: 16px;
    background: url(../images/icons/more-65a96a4014.png) no-repeat center center;
    -webkit-transition: all .27s;
    -o-transition: all .27s;
    transition: all .27s
}
.header-side .sn-sub.active .sn-name {
    background: #00a2eb
}
.header-side .sn-sub.active .sn-name:before {
    background-image: url(../images/icons/moreh-b137abe7da.png)
}
.header-side .sn-name {
    display: block;
    padding: 10px 10%;
    font-size: 15px;
    line-height: 20px;
    color: #fff
}
.header-side .sn-name:active {
    background: #00a2eb
}
.header-side .sub-nav {
    display: none
}
.header-side .sbn-nav {
    padding: 15px 0
}
.header-side .sbn-nav a {
    display: block;
    padding: 6px 10%;
    font-size: 14px;
    line-height: 20px;
    color: #88dbff
}
.header-side .sbn-nav a:active {
    background: #00a2eb;
    color: #fff
}
footer {
    padding: 10px 0;
    font-size: 12px;
    line-height: 20px;
    background: #e5e5e5;
    color: #999
}
footer.btm {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2777
}
footer .builder {
    float: right
}

@media (max-width:1024px) {
footer .builder {
    float: none
}
}
.hm-banner .banner-carousel {
    position: relative
}
.hm-banner .carousel-item {
    position: relative
}
.hm-banner .carousel-item.current .carousel-pic img {
    -webkit-transform: scale(1.17);
    -ms-transform: scale(1.17);
    transform: scale(1.17)
}

@media (max-width:1024px) {
.hm-banner .carousel-item.current .carousel-pic img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
}
.hm-banner .carousel-item.current .carousel-info .t-box:before {
    -webkit-transition: all .7s 1s, width .4s .2s;
    -o-transition: all .7s 1s, width .4s .2s;
    transition: all .7s 1s, width .4s .2s
}
.hm-banner .carousel-item.current .carousel-info .e-box:before {
    -webkit-transition: all .7s 1.3s, width .4s .4s;
    -o-transition: all .7s 1.3s, width .4s .4s;
    transition: all .7s 1.3s, width .4s .4s
}
.hm-banner .carousel-item.current .carousel-info .i-box:before {
    -webkit-transition: all .7s 1.7s, width .4s .6s;
    -o-transition: all .7s 1.7s, width .4s .6s;
    transition: all .7s 1.7s, width .4s .6s
}
.hm-banner .carousel-item.current .carousel-info .e, .hm-banner .carousel-item.current .carousel-info .i, .hm-banner .carousel-item.current .carousel-info .t {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.hm-banner .carousel-item.current .carousel-info .t {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}
.hm-banner .carousel-item.current .carousel-info .e {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}
.hm-banner .carousel-item.current .carousel-info .i {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}
.hm-banner .carousel-item.current .carousel-info .i:after, .hm-banner .carousel-item.current .carousel-info .i:before {
    width: 80px;
    -webkit-transition: width .4s 1.5s;
    -o-transition: width .4s 1.5s;
    transition: width .4s 1.5s
}
.hm-banner .carousel-pic {
    position: relative
}
.hm-banner .carousel-pic:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(38, 61, 143, .2);
    content: ''
}
.hm-banner .carousel-pic img {
    -webkit-transition: -webkit-transform 7s;
    transition: -webkit-transform 7s;
    -o-transition: transform 7s;
    transition: transform 7s;
    transition: transform 7s, -webkit-transform 7s;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}
.hm-banner .carousel-info {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 4;
    padding: 0 10%;
    width: 100%;
    text-align: center;
    color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media (max-width:1024px) {
.hm-banner .carousel-info {
    top: 44%
}
}
.hm-banner .carousel-info .t {
    font-weight: 400;
    font-size: 40px;
    line-height: 60px
}

@media (max-height:576px) {
.hm-banner .carousel-info .t {
    font-size: 30px;
    line-height: 50px
}
}

@media (max-width:1240px) {
.hm-banner .carousel-info .t {
    font-size: 36px;
    line-height: 55px
}
}

@media (max-width:1024px) {
.hm-banner .carousel-info .t {
    font-size: 32px;
    line-height: 50px
}
}

@media (max-width:768px) {
.hm-banner .carousel-info .t {
    font-size: 28px;
    line-height: 45px;
}
}

@media (max-width:576px) {
.hm-banner .carousel-info .t {
    font-size: 24px;
    line-height: 40px
}
	.hm-banner{display: none}
}
.hm-banner .carousel-info .e {
    margin-top: 20px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    line-height: 20px;
    text-transform: uppercase
}

@media (max-height:576px) {
.hm-banner .carousel-info .e {
    margin-top: 10px
}
}

@media (max-width:1024px) {
.hm-banner .carousel-info .e {
    margin-top: 10px
}
}

@media (max-width:576px) {
.hm-banner .carousel-info .e {
    font-size: 12px;
    line-height: 15px
}
}
.hm-banner .carousel-info .i {
    display: inline-block;
    position: relative;
    margin-top: 40px;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background: url(../images/icons/logos-d4358e4b0f.png) no-repeat center center
}

@media (max-height:576px) {
.hm-banner .carousel-info .i {
    margin-top: 20px
}
}

@media (max-width:1024px) {
.hm-banner .carousel-info .i {
    margin-top: 10px
}
}
.hm-banner .carousel-info .i:after, .hm-banner .carousel-info .i:before {
    position: absolute;
    top: 50%;
    width: 0;
    height: 1px;
    background: #fff;
    content: ''
}
.hm-banner .carousel-info .i:before {
    right: 100%;
    margin-right: 20px
}
.hm-banner .carousel-info .i:after {
    left: 100%;
    margin-left: 19px
}
.hm-banner .carousel-info .e, .hm-banner .carousel-info .i, .hm-banner .carousel-info .t {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}
.hm-banner .carousel-info .info-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 1px;
    padding: 1px 0
}
.hm-banner .slick-dots {
    bottom: 20px;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

@media (max-width:1024px) {
.hm-banner .slick-dots {
    bottom: 15px
}
}
.hm-banner .slick-dots li {
    margin: 0 5px;
    width: 8px;
    height: 8px;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

@media (max-width:1024px) {
.hm-banner .slick-dots li {
    margin: 0 4px;
    width: 7px;
    height: 7px
}
}

@media (max-width:425px) {
.hm-banner .slick-dots li {
    margin: 0 3px;
    width: 6px;
    height: 6px
}
}
.hm-banner .slick-dots li:after, .hm-banner .slick-dots li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    content: ''
}
.hm-banner .slick-dots li:before {
    background: #00a2eb;
    visibility: hidden;
    -webkit-transform: translateY(-100%) rotateX(-90deg);
    transform: translateY(-100%) rotateX(-90deg);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}
.hm-banner .slick-dots li:after {
    background: #fff;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}
.hm-banner .slick-dots li.slick-active:before {
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.hm-banner .slick-dots li.slick-active:after {
    visibility: hidden;
    -webkit-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg)
}
.hm-menu {
    background: rgba(0, 162, 235, .5)
}

@media (max-width:1024px) {
.hm-menu {
    background: 0 0
}
}
.hm-menu .menu-item {
    float: left;
    overflow: hidden;
    position: relative;
    width: 25%;
    -webkit-transition: -webkit-transform .7s;
    transition: -webkit-transform .7s;
    -o-transition: transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}
.hm-menu .menu-item.show {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media (max-width:1024px) {
.hm-menu .menu-item {
    width: 50%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
}

@media (max-width:425px) {
.hm-menu .menu-item {
    float: none;
    margin: 10px;
    width: auto
}
}
.hm-menu .menu-item:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #263d8f;
    content: '';
    visibility: hidden;
    opacity: .5;
    -webkit-transition: visibility .5s, -webkit-transform .5s;
    transition: visibility .5s, -webkit-transform .5s;
    -o-transition: transform .5s, visibility .5s;
    transition: transform .5s, visibility .5s;
    transition: transform .5s, visibility .5s, -webkit-transform .5s;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}
.hm-menu .menu-item:nth-child(even):before {
    background: #00a2eb
}
.hm-menu .menu-item:nth-child(even) .txt-tf .tf-c {
    color: #263d8f
}
.hm-menu .menu-item:hover:before {
    visibility: visible;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}
.hm-menu .menu-item:hover .menu-pic {
    opacity: .5;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}
.hm-menu .menu-pic {
    overflow: hidden;
    position: relative;
    visibility: visible;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.hm-menu .menu-pic:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(43, 63, 145, .5);
    content: ''
}
.hm-menu .menu-pic img {
    width: 100%
}
.hm-menu .menu-info {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 4;
    width: 100%;
    text-align: center;
    color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.hm-menu .menu-info .e {
    font-size: 24px;
    text-transform: capitalize
}

@media (max-width:1024px) {
.hm-menu .menu-info .e {
    font-size: 21px
}
}

@media (max-width:768px) {
.hm-menu .menu-info .e {
    font-size: 18px;
    line-height: 25px
}
}

@media (max-width:576px) {
.hm-menu .menu-info .e {
    font-size: 16px;
    line-height: 20px
}
}
.hm-menu .menu-info .z {
    font-size: 18px
}

@media (max-width:1024px) {
.hm-menu .menu-info .z {
    font-size: 16px;
    line-height: 25px
}
}

@media (max-width:576px) {
.hm-menu .menu-info .z {
    font-size: 14px;
    line-height: 20px
}
}
.about-profile .profile-info {
    padding: 60px 0
}

@media (max-width:1024px) {
.about-profile .profile-info {
    padding: 40px 0
}
}

@media (max-width:768px) {
.about-profile .profile-info {
    padding: 30px 0
}
}

@media (max-width:576px) {
.about-profile .profile-info {
    padding: 20px 0
}
}
.about-profile .title {
    margin-bottom: 50px
}

@media (max-width:1024px) {
.about-profile .title {
    margin-bottom: 40px
}
}

@media (max-width:768px) {
.about-profile .title {
    margin-bottom: 30px
}
}

@media (max-width:576px) {
.about-profile .title {
    margin-bottom: 20px
}
}
.about-profile .title .t {
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    color: #333
}

@media (max-width:1024px) {
.about-profile .title .t {
    font-size: 24px;
    line-height: 30px
}
}

@media (max-width:768px) {
.about-profile .title .t {
    font-size: 18px;
    line-height: 25px
}
}
.about-profile .title .e {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #999
}

@media (max-width:1024px) {
.about-profile .title .e {
    font-size: 12px
}
}
.about-profile .profile-section {
    margin-bottom: 70px
}

@media (max-width:1024px) {
.about-profile .profile-section {
    margin-bottom: 50px
}
}

@media (max-width:768px) {
.about-profile .profile-section {
    margin-bottom: 40px
}
}

@media (max-width:576px) {
.about-profile .profile-section {
    margin-bottom: 30px
}
}

@media (max-width:425px) {
.about-profile .profile-section {
    margin-bottom: 20px
}
}
.about-profile .pfs-pv {
    margin-top: 8px;
    width: 50%
}

@media (max-width:1024px) {
.about-profile .pfs-pv {
    margin-top: 5px
}
}

@media (max-width:576px) {
.about-profile .pfs-pv {
    width: 70%
}
}

@media (max-width:425px) {
.about-profile .pfs-pv {
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%
}
}
.about-profile .pfs-pv.l {
    float: left;
    margin-right: 20px;
    padding-right: 20px
}

@media (max-width:1024px) {
.about-profile .pfs-pv.l {
    margin-right: 15px;
    padding-right: 15px
}
}

@media (max-width:768px) {
.about-profile .pfs-pv.l {
    margin-right: 10px;
    padding-right: 10px
}
}

@media (max-width:425px) {
.about-profile .pfs-pv.l {
    float: none;
    margin-right: 0;
    padding-right: 0
}
}
.about-profile .pfs-pv.r {
    float: right;
    margin-left: 20px;
    padding-left: 20px
}

@media (max-width:1024px) {
.about-profile .pfs-pv.r {
    margin-left: 15px;
    padding-left: 15px
}
}

@media (max-width:768px) {
.about-profile .pfs-pv.r {
    margin-left: 10px;
    padding-left: 10px
}
}

@media (max-width:425px) {
.about-profile .pfs-pv.r {
    float: none;
    margin-left: 0;
    padding-left: 0
}
}
.about-profile .vbBox .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}
.about-profile .vbBox .vico {
    width: auto;
    height: auto
}
.about-profile .vbBox .vico .i {
    display: block;
    position: relative;
    border-radius: 50%;
    border: 3px solid #fff;
    width: 64px;
    height: 64px
}

@media (max-width:768px) {
.about-profile .vbBox .vico .i {
    border-width: 2px;
    width: 40px;
    height: 40px
}
}
.about-profile .vbBox .vico .i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -7px;
    border-top: 11px solid transparent;
    border-left: 14px solid #fff;
    border-bottom: 11px solid transparent;
    content: ''
}

@media (max-width:1024px) {
.about-profile .vbBox .vico .i:before {
    margin-top: -7px;
    margin-left: -3px;
    border-top-width: 7px;
    border-left-width: 10px;
    border-bottom-width: 7px
}
}
.about-profile .vbBox .vico:hover .i {
    -webkit-transition: all 170s linear;
    -o-transition: all 170s linear;
    transition: all 170s linear;
    -webkit-transform: rotate(7200deg);
    -ms-transform: rotate(7200deg);
    transform: rotate(7200deg)
}
.about-profile .v-preview {
    width: 100%
}
.about-profile .pfs-info {
    font-size: 14px;
    line-height: 30px;
    text-align: justify
}

@media (max-width:768px) {
.about-profile .pfs-info {
    line-height: 25px
}
}

@media (max-width:425px) {
.about-profile .pfs-info {
    font-size: 13px
}
}
.about-history {
    overflow: hidden;
    position: relative;
    z-index: 0;
    padding: 80px 0 160px;
    background: no-repeat bottom center fixed;
    background-size: cover
}

@media (max-width:1240px) {
.about-history {
    padding-top: 80px
}
}

@media (max-width:1024px) {
.about-history {
    background-attachment: scroll;
    padding: 70px 0
}
}

@media (max-width:768px) {
.about-history {
    padding: 60px 0
}
}

@media (max-width:576px) {
.about-history {
    padding: 40px 0
}
}
.about-history:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: ''
}
.about-history .history-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: no-repeat bottom center;
    background-size: cover;/* -webkit-animation: historyBg 17s infinite ease-out;
    animation: historyBg 17s infinite ease-out */
}

@media (max-width:1024px) {
.about-history .history-bg {
    display: none;
    -webkit-animation: none;
    animation: none
}
}
.about-history .history-info {
    position: relative;
    padding: 0 10%
}

@media (max-width:1024px) {
.about-history .history-info {
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    width: 720px
}
}

@media (max-width:768px) {
.about-history .history-info {
    width: 540px
}
}

@media (max-width:576px) {
.about-history .history-info {
    width: 90%
}
}

@media (max-width:425px) {
.about-history .history-info {
    width: auto
}
}
.about-history .history-carousel {
    position: relative;
    z-index: 1;
    -webkit-transition: padding .1s;
    -o-transition: padding .1s;
    transition: padding .1s
}

@media (max-width:1024px) {
.about-history .history-carousel:after {
    position: absolute;
    top: 0;
    left: 9px;
    bottom: -3em;
    z-index: -1;
    width: 4px;
    background: #fff;
    content: ''
}
}

@media (max-width:768px) {
.about-history .history-carousel:after {
    top: 2px;
    left: 8px;
    bottom: -2em;
    width: 2px
}
}

@media (max-width:425px) {
.about-history .history-carousel:after {
    top: 5px;
    left: 5px;
    width: 1px
}
}
.about-history .history-carousel:after {
    content: '';
    display: block;
    clear: both
}
.about-history .carousel-item {
    float: left;
    width: 25%;
    color: #fff;
    visibility: hidden;
    height: 0;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.about-history .carousel-item.slick-active {
    visibility: visible;
    height: 100%;
    opacity: 1
}

@media (max-width:1024px) {
.about-history .carousel-item {
    float: none;
    overflow: hidden;
    margin-bottom: 3em;
    width: auto;
    height: auto;
    visibility: visible;
    opacity: 1
}
}

@media (max-width:768px) {
.about-history .carousel-item {
    margin-bottom: 2em
}
}

@media (max-width:425px) {
.about-history .carousel-item {
    margin-bottom: 20px
}
}
.about-history .carousel-item:after {
    content: '';
    display: block;
    clear: both
}
.about-history .carousel-item .date {
    float: left;
    position: relative;
    top: -22px;
    z-index: 1;
    padding-bottom: 40px;
    height: 70px
}

@media (max-width:1024px) {
.about-history .carousel-item .date {
    top: 0;
    margin-right: 2em;
    padding-bottom: 0;
    width: 120px;
    height: auto
}
}

@media (max-width:768px) {
.about-history .carousel-item .date {
    width: 100px
}
}

@media (max-width:425px) {
.about-history .carousel-item .date {
    float: none;
    margin-bottom: 5px;
    margin-right: 0;
    width: auto
}
}
.about-history .carousel-item .date .c {
    font-size: 26px;
    font-family: Arial, sans-serif;
    line-height: 30px;
    text-align: center;
    color: #fff
}

@media (max-width:1024px) {
.about-history .carousel-item .date .c {
    padding-left: 45px;
    font-size: 20px;
    line-height: 25px;
    text-align: right
}
}

@media (max-width:768px) {
.about-history .carousel-item .date .c {
    padding-left: 35px;
    font-size: 18px
}
}

@media (max-width:425px) {
.about-history .carousel-item .date .c {
    padding-left: 25px;
    text-align: left
}
}
.about-history .carousel-item .cir {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    border-radius: 50%;
    border: 4px solid #fff;
    width: 26px;
    height: 26px;
    background: #00a2eb;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media (max-width:1024px) {
.about-history .carousel-item .cir {
    top: 0;
    left: 0;
    bottom: auto;
    border-width: 3px;
    width: 22px;
    height: 22px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
}

@media (max-width:768px) {
.about-history .carousel-item .cir {
    margin-top: 2px;
    border-width: 2px;
    width: 18px;
    height: 18px
}
}

@media (max-width:425px) {
.about-history .carousel-item .cir {
    margin-top: 5px;
    width: 11px;
    height: 11px
}
}

@media (max-width:1024px) {
.about-history .carousel-item .cir:before {
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -1px;
    border-radius: 2px;
    width: 18px;
    height: 2px;
    background: #fff;
    content: ''
}
}

@media (max-width:768px) {
.about-history .carousel-item .cir:before {
    width: 12px
}
}

@media (max-width:425px) {
.about-history .carousel-item .cir:before {
    width: 6px
}
}
.about-history .carousel-item .l {
    position: absolute;
    top: 22px;
    left: 0;
    z-index: -1;
    width: 100%;
    -webkit-transition: height .1s;
    -o-transition: height .1s;
    transition: height .1s
}

@media (max-width:1024px) {
.about-history .carousel-item .l {
    display: none
}
}
.about-history .carousel-item .l:before {
    position: absolute;
    top: 48px;
    left: 50%;
    bottom: 6px;
    width: 1px;
    background: #fff;
    content: ''
}
.about-history .carousel-item .l:after {
    position: absolute;
    left: 50%;
    right: 10px;
    bottom: 6px;
    height: 1px;
    background: #fff;
    content: ''
}
.about-history .carousel-item .info {
    overflow: hidden;
    position: relative;
    padding-top: 160px;
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

@media (max-width:1240px) {
.about-history .carousel-item .info {
    padding-top: 120px
}
}

@media (max-width:1024px) {
.about-history .carousel-item .info {
    margin-top: -2px;
    padding-top: 0
}
}

@media (max-width:768px) {
.about-history .carousel-item .info {
    font-size: 13px
}
}

@media (max-width:425px) {
.about-history .carousel-item .info {
    padding-left: 25px;
    font-size: 12px
}
}
.about-history .carousel-item .info:hover {
    -webkit-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px)
}

@media (max-width:1024px) {
.about-history .carousel-item .info:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
}
.about-history .carousel-item:nth-child(odd) .date {
    top: auto;
    bottom: -22px;
    padding-top: 40px;
    padding-bottom: 0
}

@media (max-width:1024px) {
.about-history .carousel-item:nth-child(odd) .date {
    bottom: 0;
    padding-top: 0
}
}
.about-history .carousel-item:nth-child(odd) .cir {
    top: 0;
    bottom: auto
}
.about-history .carousel-item:nth-child(odd) .l {
    top: auto;
    bottom: 22px
}
.about-history .carousel-item:nth-child(odd) .l:before {
    top: 6px;
    bottom: 48px
}
.about-history .carousel-item:nth-child(odd) .l:after {
    top: 6px;
    bottom: auto
}
.about-history .carousel-item:nth-child(odd) .info {
    top: 70px;
    padding-top: 0;
    padding-bottom: 160px
}

@media (max-width:1240px) {
.about-history .carousel-item:nth-child(odd) .info {
    padding-bottom: 120px
}
}

@media (max-width:1024px) {
.about-history .carousel-item:nth-child(odd) .info {
    top: 0;
    padding-bottom: 0
}
}
.about-history .history-line {
    position: absolute;
    left: 0;
    z-index: 0;
    margin-top: 10px;
    width: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:1024px) {
.about-history .history-line {
    display: none
}
}
.about-history .history-line .arrow {
    display: block;
    position: relative;
    cursor: pointer
}
.about-history .history-line .arrow .i {
    display: block;
    width: 30px;
    height: 50px;
    background: no-repeat center center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.about-history .history-line .arrow.prev {
    float: left;
    left: 3%
}
.about-history .history-line .arrow.prev .i {
    background-image: url(../images/icons/left-2e0ce8f225.png)
}
.about-history .history-line .arrow.next {
    float: right;
    right: 3%
}
.about-history .history-line .arrow.next .i {
    background-image: url(../images/icons/right-dd3c5068ea.png)
}
.about-history .history-line .arrow.slick-disabled {
    visibility: hidden;
    opacity: 0
}
.about-history .history-line .line {
    position: relative;
    top: 23px;
    z-index: -1;
    height: 4px;
    background: #fff
}
 @-webkit-keyframes historyBg {
 from {
 -webkit-transform: scale(2);
 transform: scale(2);
 opacity: 0
}
 to {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1
}
}
 @keyframes historyBg {
 from {
 -webkit-transform: scale(2);
 transform: scale(2);
 opacity: 0
}
 to {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1
}
}
.about-strength {
    padding: 90px 0
}

@media (max-width:1240px) {
.about-strength {
    padding: 80px 0
}
}

@media (max-width:1024px) {
.about-strength {
    padding: 70px 0
}
}

@media (max-width:768px) {
.about-strength {
    padding: 50px 0
}
}

@media (max-width:576px) {
.about-strength {
    padding: 30px 0
}
}
.about-strength .strength-info .t {
    font-weight: 700;
    font-size: 18px;
    color: #263d8f;
    line-height: 30px
}

@media (max-width:1024px) {
.about-strength .strength-info .t {
    font-size: 16px
}
}

@media (max-width:768px) {
.about-strength .strength-info .t {
    line-height: 25px
}
}

@media (max-width:576px) {
.about-strength .strength-info .t {
    font-size: 15px
}
}
.about-honor {
    position: relative;
    padding: 80px 0;
    background: no-repeat bottom center fixed;
    background-size: cover
}

@media (max-width:1024px) {
.about-honor {
    padding: 70px 0 90px;
    background-attachment: scroll
}
}

@media (max-width:768px) {
.about-honor {
    padding: 55px 0
}
}

@media (max-width:576px) {
.about-honor {
    padding: 40px 0
}
}

@media (max-width:425px) {
.about-honor {
    padding: 30px 0
}
}
.about-honor:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: ''
}
.about-honor .honor-carousel {
    position: relative;
    padding: 0 70px
}

@media (max-width:1240px) {
.about-honor .honor-carousel {
    padding: 0 60px
}
}

@media (max-width:768px) {
.about-honor .honor-carousel {
    padding: 0 50px
}
}

@media (max-width:576px) {
.about-honor .honor-carousel {
    padding: 0 30px
}
}
.about-honor .carousel {
    overflow: hidden
}
.about-honor .slick-list {
    margin: 0 -20px
}

@media (max-width:1240px) {
.about-honor .slick-list {
    margin: 0 -15px
}
}

@media (max-width:768px) {
.about-honor .slick-list {
    margin: 0 -10px
}
}
.about-honor .carousel-item {
    margin: 70px 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media (max-width:1240px) {
.about-honor .carousel-item {
    margin: 50px 15px
}
}

@media (max-width:1024px) {
.about-honor .carousel-item {
    margin: 30px 15px
}
}

@media (max-width:768px) {
.about-honor .carousel-item {
    margin: 20px 10px
}
}

@media (max-width:576px) {
.about-honor .carousel-item {
    margin: 15px 10px
}
}
.about-honor .carousel-item:hover {
    -webkit-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px)
}
.about-honor .carousel-pic {
    position: relative
}
.about-honor .carousel-pic:before {
    top: 0;
    left: 0;
    border: 6px solid #344996;
    width: 100%;
    height: 100%;
    background: rgba(14, 26, 73, .5);
    content: ''
}

@media (max-width:768px) {
.about-honor .carousel-pic:before {
    border-width: 4px
}
}
.about-honor .carousel-pic:after {
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    background: url(../images/icons/more1-976cf3f1d7.png) no-repeat center center;
    content: ''
}
.about-honor .carousel-pic:after, .about-honor .carousel-pic:before {
    position: absolute;
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.about-honor .carousel-pic img {
    width: 100%
}
.about-honor .carousel-pic:hover:after, .about-honor .carousel-pic:hover:before {
    visibility: visible;
    opacity: 1
}
.about-honor .carousel-arrow .arrow {
    position: absolute;
    top: 50%;
    margin-top: -25px
}
.about-honor .carousel-arrow .arrow.slick-disabled .i {
    opacity: .5
}
.about-honor .carousel-arrow .i {
    display: block;
    visibility: visible;
    width: 30px;
    height: 50px;
    background: no-repeat center center;
    opacity: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer
}

@media (max-width:768px) {
.about-honor .carousel-arrow .i {
    background-size: 60%
}
}

@media (max-width:576px) {
.about-honor .carousel-arrow .i {
    background-size: 40%;
    background-color: rgba(0, 162, 235, .5)
}
}
.about-honor .carousel-arrow .prev {
    left: 0
}
.about-honor .carousel-arrow .prev .i {
    background-image: url(../images/icons/left-2e0ce8f225.png)
}

@media (max-width:576px) {
.about-honor .carousel-arrow .prev {
    left: -10px
}
}
.about-honor .carousel-arrow .next {
    right: 0
}
.about-honor .carousel-arrow .next .i {
    background-image: url(../images/icons/right-dd3c5068ea.png)
}

@media (max-width:576px) {
.about-honor .carousel-arrow .next {
    right: -10px
}
}
.about-culture {
    padding: 100px 0
}

@media (max-width:1240px) {
.about-culture {
    padding: 90px 0
}
}

@media (max-width:1024px) {
.about-culture {
    padding: 70px 0
}
}

@media (max-width:768px) {
.about-culture {
    padding: 60px 0
}
}

@media (max-width:576px) {
.about-culture {
    padding: 50px 0
}
}

@media (max-width:425px) {
.about-culture {
    padding: 35px 0
}
}
.about-culture .culture-list {
    margin-right: -28px
}

@media (max-width:1240px) {
.about-culture .culture-list {
    margin-right: -20px
}
}

@media (max-width:1024px) {
.about-culture .culture-list {
    margin-right: -40px
}
}

@media (max-width:768px) {
.about-culture .culture-list {
    margin-right: -20px
}
}

@media (max-width:576px) {
.about-culture .culture-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 280px
}
}
.about-culture .culture-item {
    float: left;
    padding-right: 27px;
    width: 25%
}

@media (max-width:1240px) {
.about-culture .culture-item {
    padding-right: 20px
}
}

@media (max-width:1024px) {
.about-culture .culture-item {
    margin-bottom: 50px;
    padding-right: 40px;
    width: 50%
}
}

@media (max-width:768px) {
.about-culture .culture-item {
    margin-bottom: 30px;
    padding-right: 20px
}
}

@media (max-width:576px) {
.about-culture .culture-item {
    float: none;
    margin-bottom: 25px;
    padding-right: 0;
    width: auto
}
}
.about-culture .clt-i-box {
    overflow: hidden;
    position: relative;
    padding-bottom: 100px
}

@media (max-width:1240px) {
.about-culture .clt-i-box {
    padding-bottom: 80px
}
}
.about-culture .clt-i-box:hover .culture-pic img {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}
.about-culture .clt-i-box:hover .culture-cont {
    top: 0;
    margin-top: 0;
    padding: 0;
    height: 100%;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}
.about-culture .clt-i-box:hover .culture-cont:before {
    top: 0;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}
.about-culture .clt-i-box:hover .culture-cont .clt-c-box {
    height: 100%;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}
.about-culture .clt-i-box:hover .culture-cont .c-e, .about-culture .clt-i-box:hover .culture-cont .c-t {
    color: #fff;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}
.about-culture .culture-pic {
    overflow: hidden
}
.about-culture .culture-pic img {
    width: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.about-culture .culture-cont {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    margin-top: -100px;
    padding: 25px 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #eee;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:1240px) {
.about-culture .culture-cont {
    margin-top: -80px;
    padding: 15px 0
}
}
.about-culture .culture-cont:before {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #263d8f;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    content: ''
}
.about-culture .culture-cont .clt-c-box {
    display: table;
    width: 100%;
    height: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.about-culture .culture-cont .clt-c-cell {
    display: table-cell;
    vertical-align: middle
}
.about-culture .culture-cont .c-t {
    font-size: 18px;
    line-height: 25px;
    color: #000;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.about-culture .culture-cont .c-e {
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 20px;
    text-transform: uppercase;
    color: #999;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.about-culture .culture-cont .c-l {
    display: inline-block;
    margin: 30px 0;
    width: 1px;
    height: 20px;
    vertical-align: top;
    background: #fff
}

@media (max-width:1240px) {
.about-culture .culture-cont .c-l {
    margin: 20px 0
}
}
.about-culture .culture-cont .c-c {
    padding: 0 5%;
    font-size: 16px;
    line-height: 25px;
    color: #fff
}
.about-duty {
    padding: 100px 0
}

@media (max-width:1240px) {
.about-duty {
    padding: 90px 0
}
}

@media (max-width:1024px) {
.about-duty {
    padding: 70px 0
}
}

@media (max-width:768px) {
.about-duty {
    padding: 60px 0
}
}

@media (max-width:576px) {
.about-duty {
    padding: 50px 0
}
}

@media (max-width:425px) {
.about-duty {
    padding: 35px 0
}
}
.about-duty .duty-info {
    position: relative;
    z-index: 1
}
.about-duty .carousel-item {
    background: #fff
}
.about-duty .carousel-item:after {
    content: '';
    display: block;
    clear: both
}
.about-duty .carousel-item:hover .carousel-pic img {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07)
}
.about-duty .carousel-pic {
    float: left;
    overflow: hidden;
    width: 50%
}

@media (max-width:768px) {
.about-duty .carousel-pic {
    float: none;
    width: auto
}
}
.about-duty .carousel-pic img {
    width: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:768px) {
.about-duty .carousel-pic img {
    margin-top: -60px
}
}

@media (max-width:576px) {
.about-duty .carousel-pic img {
    margin-top: -40px
}
}

@media (max-width:425px) {
.about-duty .carousel-pic img {
    margin-top: -30px
}
}
.about-duty .carousel-info {
    float: right;
    padding: 50px;
    width: 50%
}

@media (max-width:1240px) {
.about-duty .carousel-info {
    padding: 40px
}
}

@media (max-width:1024px) {
.about-duty .carousel-info {
    padding: 30px
}
}

@media (max-width:768px) {
.about-duty .carousel-info {
    float: none;
    position: relative;
    z-index: 5;
    margin-top: -60px;
    padding-bottom: 60px;
    width: auto;
    background: #fff
}
}

@media (max-width:576px) {
.about-duty .carousel-info {
    margin-top: -40px;
    padding: 20px 5%;
    padding-bottom: 50px
}
}

@media (max-width:425px) {
.about-duty .carousel-info {
    margin-top: -30px
}
}
.about-duty .carousel-info .t {
    overflow: hidden;
    font-size: 20px;
    line-height: 30px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #000
}

@media (max-width:1024px) {
.about-duty .carousel-info .t {
    font-size: 18px;
    line-height: 25px
}
}

@media (max-width:576px) {
.about-duty .carousel-info .t {
    font-size: 16px;
    line-height: 20px
}
}
.about-duty .carousel-info .t:hover {
    text-decoration: underline;
    color: #263d8f
}
.about-duty .carousel-info .c {
    margin-top: 15px;
    height: 90px;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #999
}

@media (max-width:1240px) {
.about-duty .carousel-info .c {
    height: 75px;
    line-height: 25px
}
}

@media (max-width:1024px) {
.about-duty .carousel-info .c {
    margin-top: 10px;
    height: 60px;
    line-height: 20px
}
}

@media (max-width:576px) {
.about-duty .carousel-info .c {
    font-size: 12px
}
}
.about-duty .carousel-info .m {
    display: inline-block;
    margin-top: 50px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
    color: #263d8f
}

@media (max-width:1240px) {
.about-duty .carousel-info .m {
    margin-top: 40px
}
}

@media (max-width:1024px) {
.about-duty .carousel-info .m {
    margin-top: 20px
}
}

@media (max-width:576px) {
.about-duty .carousel-info .m {
    margin-top: 15px;
    font-size: 12px
}
}
.about-duty .carousel-info .m:hover {
    text-decoration: underline
}
.about-duty .carousel-arrow {
    position: absolute;
    left: 50%;
    bottom: 50px;
    z-index: 5;
    margin-left: 50px
}

@media (max-width:1240px) {
.about-duty .carousel-arrow {
    bottom: 30px;
    margin-left: 40px
}
}

@media (max-width:1024px) {
.about-duty .carousel-arrow {
    bottom: 15px;
    margin-left: 30px
}
}

@media (max-width:768px) {
.about-duty .carousel-arrow {
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: 0
}
}
.about-duty .carousel-arrow .arrow {
    float: left;
    margin-right: 4px
}

@media (max-width:768px) {
.about-duty .carousel-arrow .arrow {
    margin-right: 0;
    width: 50%
}
}
.about-duty .carousel-arrow .arrow .i {
    display: block;
    width: 65px;
    height: 35px;
    background: no-repeat center center #ddd;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    cursor: pointer
}

@media (max-width:1024px) {
.about-duty .carousel-arrow .arrow .i {
    width: 50px;
    height: 30px
}
}

@media (max-width:768px) {
.about-duty .carousel-arrow .arrow .i {
    width: auto;
    height: 40px
}
}

@media (max-width:576px) {
.about-duty .carousel-arrow .arrow .i {
    height: 35px
}
}
.about-duty .carousel-arrow .arrow.prev .i {
    background-image: url(../images/icons/left3-06f8762e27.png)
}
.about-duty .carousel-arrow .arrow.next .i {
    background-image: url(../images/icons/right3-8ae6a7061c.png)
}
.about-duty .carousel-arrow .arrow:hover .i {
    background-color: #263d8f
}
.about-duty .carousel-arrow .arrow:hover.prev .i {
    background-image: url(../images/icons/left4-52295a4a49.png)
}
.about-duty .carousel-arrow .arrow:hover.next .i {
    background-image: url(../images/icons/right4-fa1cacd367.png)
}
.about-concern {
    padding: 100px 0
}

@media (max-width:1240px) {
.about-concern {
    padding: 90px 0
}
}

@media (max-width:1024px) {
.about-concern {
    padding: 70px 0
}
}

@media (max-width:768px) {
.about-concern {
    padding: 60px 0
}
}

@media (max-width:576px) {
.about-concern {
    padding: 50px 0
}
}

@media (max-width:425px) {
.about-concern {
    padding: 35px 0
}
}
.about-concern .concern-info {
    position: relative;
    padding: 0 65px
}

@media (max-width:1024px) {
.about-concern .concern-info {
    padding: 0 50px
}
}

@media (max-width:768px) {
.about-concern .concern-info {
    padding: 0 30px
}
}

@media (max-width:425px) {
.about-concern .concern-info {
    padding: 0 20px
}
}
.about-concern .slick-list {
    margin: 0 -20px
}

@media (max-width:1024px) {
.about-concern .slick-list {
    margin: 0 -15px
}
}

@media (max-width:768px) {
.about-concern .slick-list {
    margin: 0 -10px
}
}

@media (max-width:576px) {
.about-concern .slick-list {
    margin: 0
}
}
.about-concern .carousel {
    overflow: hidden
}
.about-concern .carousel-item {
    position: relative;
    margin: 20px
}

@media (max-width:1024px) {
.about-concern .carousel-item {
    margin: 15px
}
}

@media (max-width:768px) {
.about-concern .carousel-item {
    margin: 15px 10px
}
}

@media (max-width:576px) {
.about-concern .carousel-item {
    margin: 15px 0
}
}
.about-concern .carousel-item a {
    display: block;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.about-concern .carousel-item a:hover {
    -webkit-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px)
}
.about-concern .carousel-item a:hover .carousel-pic figcaption {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}
.about-concern .carousel-item a:hover .carousel-pic .m {
    margin-top: -10px;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}
.about-concern .carousel-item a:hover .carousel-info {
    background: #263d8f;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}
.about-concern .carousel-item a:hover .carousel-info .date {
    background: #263d8f;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}
.about-concern .carousel-pic {
    overflow: hidden;
    position: relative
}
.about-concern .carousel-pic img {
    width: 100%
}
.about-concern .carousel-pic figcaption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(14, 26, 73, .5);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.about-concern .carousel-pic .m {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.about-concern .carousel-info {
    padding: 15px;
    text-align: center;
    background: #bbb;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:425px) {
.about-concern .carousel-info {
    padding: 10px 5%
}
}
.about-concern .carousel-info .date {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    padding: 10px 0;
    width: 60px;
    font-family: Arial, sans-serif;
    line-height: 0;
    background: #bbb;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:768px) {
.about-concern .carousel-info .date {
    padding: 5px 0;
    width: 55px
}
}
.about-concern .carousel-info .d {
    font-weight: 700;
    font-size: 22px;
    line-height: 20px
}

@media (max-width:576px) {
.about-concern .carousel-info .d {
    font-size: 18px
}
}
.about-concern .carousel-info .ym {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    line-height: 10px
}
.about-concern .carousel-info .t {
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media (max-width:576px) {
.about-concern .carousel-info .t {
    font-size: 13px
}
}
.about-concern .carousel-arrow .arrow {
    position: absolute;
    top: 50%;
    margin-top: -25px
}
.about-concern .carousel-arrow .arrow .i {
    display: block;
    width: 30px;
    height: 50px;
    background: no-repeat center center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

@media (max-width:1024px) {
.about-concern .carousel-arrow .arrow .i {
    background-size: 70%
}
}

@media (max-width:576px) {
.about-concern .carousel-arrow .arrow .i {
    background-size: 40%
}
}
.about-concern .carousel-arrow .arrow.prev {
    left: 0
}

@media (max-width:768px) {
.about-concern .carousel-arrow .arrow.prev {
    left: -15px
}
}
.about-concern .carousel-arrow .arrow.prev .i {
    background-image: url(../images/icons/left1-9d80f8ad94.png)
}
.about-concern .carousel-arrow .arrow.next {
    right: 0
}

@media (max-width:768px) {
.about-concern .carousel-arrow .arrow.next {
    right: -15px
}
}
.about-concern .carousel-arrow .arrow.next .i {
    background-image: url(../images/icons/right1-6a08b608bc.png)
}
.about-concern .carousel-arrow .arrow.slick-disabled .i {
    visibility: hidden;
    opacity: 0
}
.about-concern .carousel-arrow .arrow:hover.prev .i {
    background-image: url(../images/icons/left2-5b031daf8f.png)
}
.about-concern .carousel-arrow .arrow:hover.next .i {
    background-image: url(../images/icons/right2-a6509d4d34.png)
}
.news {
    padding: 30px 0
}

@media (max-width:768px) {
.news {
    padding: 20px 0
}
}
.news .news-info-item {
    position: relative;
    border-bottom: 1px solid #eee
}
.news .news-info-item:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #eee;
    visibility: hidden;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    content: ''
}
.news .news-info-item a {
    display: block;
    padding: 65px 0
}

@media (max-width:1240px) {
.news .news-info-item a {
    padding: 50px 0
}
}

@media (max-width:1024px) {
.news .news-info-item a {
    padding: 40px 0
}
}

@media (max-width:768px) {
.news .news-info-item a {
    padding: 30px 0
}
}

@media (max-width:576px) {
.news .news-info-item a {
    padding: 20px 0
}
}
.news .news-info-item:hover:before {
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.news .news-info-item:hover .news-info-pic img {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07)
}
.news .news-info-item:hover .news-info-cont .t {
    color: #263d8f
}
.news .news-info-item:hover .news-info-cont .i {
    width: 30px;
    background: #263d8f
}

@media (max-width:768px) {
.news .news-info-item:hover .news-info-cont .i {
    width: 25px
}
}
.news .news-info-item:hover .news-info-cont .i:before {
    background-image: url(../images/icons/moreh2-c214b29b59.png)
}
.news .news-info {
    position: relative;
    padding-left: 135px
}

@media (max-width:1240px) {
.news .news-info {
    padding-left: 110px
}
}

@media (max-width:1024px) {
.news .news-info {
    padding-top: 60px;
    padding-left: 0
}
}

@media (max-width:768px) {
.news .news-info {
    padding-top: 50px
}
}
.news .news-info:after {
    content: '';
    display: block;
    clear: both
}
.news .news-info-pic {
    float: left;
    overflow: hidden;
    margin-right: 60px
}

@media (max-width:1240px) {
.news .news-info-pic {
    margin-right: 40px
}
}

@media (max-width:1024px) {
.news .news-info-pic {
    margin-right: 30px;
    width: 50%
}
}

@media (max-width:768px) {
.news .news-info-pic {
    margin-right: 20px
}
}

@media (max-width:576px) {
.news .news-info-pic {
    float: none;
    margin-right: 0;
    width: auto
}
}
.news .news-info-pic img {
    width: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.news .news-info-cont {
    overflow: hidden
}
.news .news-info-cont .date {
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 15px 0;
    width: 90px;
    font-family: Arial, sans-serif;
    line-height: 0;
    text-align: center;
    color: #333
}

@media (max-width:1240px) {
.news .news-info-cont .date {
    padding: 10px 0;
    width: 70px
}
}

@media (max-width:1024px) {
.news .news-info-cont .date {
    padding: 10px 0;
    width: 100%
}
}

@media (max-width:768px) {
.news .news-info-cont .date {
    padding: 5px 0
}
}
.news .news-info-cont .day {
    font-size: 35px;
    line-height: 30px
}

@media (max-width:1240px) {
.news .news-info-cont .day {
    font-size: 30px
}
}

@media (max-width:1024px) {
.news .news-info-cont .day {
    display: inline-block;
    font-size: 24px;
    line-height: 25px
}
}

@media (max-width:768px) {
.news .news-info-cont .day {
    font-size: 20px;
    line-height: 20px
}
}
.news .news-info-cont .ym {
    margin: 15px 0 5px;
    font-size: 14px;
    line-height: 15px
}

@media (max-width:1240px) {
.news .news-info-cont .ym {
    margin-top: 10px
}
}

@media (max-width:1024px) {
.news .news-info-cont .ym {
    display: inline-block;
    margin: 0
}
}
.news .news-info-cont .t {
    max-height: 60px;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #666;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width:1024px) {
.news .news-info-cont .t {
    font-size: 18px
}
}

@media (max-width:768px) {
.news .news-info-cont .t {
    max-height: 50px;
    font-size: 16px;
    line-height: 25px
}
}

@media (max-width:576px) {
.news .news-info-cont .t {
    margin-top: 20px;
    max-height: none
}
}
.news .news-info-cont .c {
    margin-top: 25px;
    height: 60px;
    line-height: 30px;
    color: #999;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width:1024px) {
.news .news-info-cont .c {
    margin-top: 20px;
    height: 50px;
    line-height: 25px
}
}

@media (max-width:768px) {
.news .news-info-cont .c {
    margin-top: 10px;
    height: 40px;
    font-size: 12px;
    line-height: 20px
}
}
.news .news-info-cont .m {
    display: inline-block;
    margin-top: 100px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    vertical-align: top
}

@media (max-width:1024px) {
.news .news-info-cont .m {
    margin-top: 30px
}
}

@media (max-width:768px) {
.news .news-info-cont .m {
    margin-top: 20px;
    font-size: 12px
}
}
.news .news-info-cont .i {
    float: right;
    position: relative;
    margin: 9px 0;
    margin-left: 10px;
    width: 25px;
    height: 2px;
    background: #000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media (max-width:768px) {
.news .news-info-cont .i {
    margin-left: 5px;
    width: 15px
}
}
.news .news-info-cont .i:before {
    position: absolute;
    top: -9px;
    right: -8px;
    width: 12px;
    height: 20px;
    background: url(../images/icons/more2-7e884ec947.png) no-repeat center center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    content: ''
}
.details-banner {
    background: #263d8f
}
.details-banner .d-b-info {
    position: relative;
    padding: 30px 0;
    color: #fff
}

@media (max-width:768px) {
.details-banner .d-b-info {
    padding: 20px 0
}
}
.details-banner .d-b-info:before {
    position: absolute;
    top: 100%;
    left: 25px;
    border-top: 25px solid #263d8f;
    border-right: 25px solid transparent;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
    content: ''
}

@media (max-width:768px) {
.details-banner .d-b-info:before {
    border-top-width: 20px;
    border-right-width: 20px
}
}
.details-banner .d-b-info .d-b-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px
}

@media (max-width:768px) {
.details-banner .d-b-info .d-b-title {
    font-size: 21px
}
}

@media (max-width:576px) {
.details-banner .d-b-info .d-b-title {
    font-size: 18px
}
}
.details-banner .d-b-info .back {
    float: right;
    margin-top: -20px;
    font-size: 14px;
    line-height: 20px
}

@media (max-width:768px) {
.details-banner .d-b-info .back {
    font-size: 12px
}
}
.details-banner .d-b-info .back:hover {
    color: #00a2eb
}
.news-details .details-head {
    padding: 70px 0 40px
}

@media (max-width:768px) {
.news-details .details-head {
    padding: 50px 0 30px
}
}

@media (max-width:576px) {
.news-details .details-head {
    padding: 30px 0 20px
}
}
.news-details .details-head .t {
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #333
}

@media (max-width:768px) {
.news-details .details-head .t {
    font-size: 20px
}
}

@media (max-width:576px) {
.news-details .details-head .t {
    font-size: 16px;
    line-height: 25px
}
}
.news-details .details-head .d {
    margin-top: 15px;
    padding-left: 25px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    line-height: 20px;
    background: url(../images/icons/date-867e2691ca.png) no-repeat left center;
    color: #999
}

@media (max-width:768px) {
.news-details .details-head .d {
    font-size: 12px
}
}
.news-details .details-head .share {
    margin-top: 40px
}

@media (max-width:1024px) {
.news-details .details-head .share {
    display: none
}
}
.news-details .details-head .bshare-custom a {
    vertical-align: top
}
.news-details .details-body {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}
.news-details .details-body {
    padding: 60px 0
}

@media (max-width:1024px) {
.news-details .details-body {
    padding: 50px 0
}
}

@media (max-width:768px) {
.news-details .details-body {
    padding: 40px 0
}
}

@media (max-width:576px) {
.news-details .details-body {
    padding: 30px 0
}
}

@media (max-width:425px) {
.news-details .details-body {
    padding: 20px 0
}
}
.news-details .details-foot {
    padding: 30px 0 60px
}

@media (max-width:576px) {
.news-details .details-foot {
    padding-bottom: 30px
}
}
.news-details .d-p-arrow {
    line-height: 0
}
.news-details .d-p-arrow .i {
    display: inline-block;
    position: relative;
    margin: 7px 0;
    width: 20px;
    height: 2px;
    vertical-align: top;
    background: #000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.news-details .d-p-arrow .i:before {
    position: absolute;
    top: -6px;
    z-index: -1;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    content: ''
}
.news-details .d-p-arrow .i:after {
    position: absolute;
    top: -4px;
    z-index: -1;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    content: ''
}
.news-details .d-p-arrow .c {
    overflow: hidden;
    margin-top: 14px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #999;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media (max-width:768px) {
.news-details .d-p-arrow .c {
    margin-top: 9px
}
}
.news-details .d-p-arrow.prev {
    float: left;
    max-width: 40%;
    text-align: left
}

@media (max-width:768px) {
.news-details .d-p-arrow.prev {
    max-width: 45%
}
}
.news-details .d-p-arrow.prev .i {
    margin-left: 10px
}
.news-details .d-p-arrow.prev .i:before {
    left: -5px;
    border-right: 7px solid #000
}
.news-details .d-p-arrow.prev .i:after {
    left: -3px;
    border-right: 5px solid #fff
}
.news-details .d-p-arrow.next {
    float: right;
    max-width: 40%;
    text-align: right
}

@media (max-width:768px) {
.news-details .d-p-arrow.next {
    max-width: 45%
}
}
.news-details .d-p-arrow.next .i {
    margin-right: 10px
}
.news-details .d-p-arrow.next .i:before {
    right: -5px;
    border-left: 7px solid #000
}
.news-details .d-p-arrow.next .i:after {
    right: -3px;
    border-left: 5px solid #fff
}
.news-details .d-p-arrow.back {
    text-align: center
}

@media (max-width:768px) {
.news-details .d-p-arrow.back {
    float: left;
    margin-top: 20px;
    width: 100%
}
}
.news-details .d-p-arrow.back .i {
    margin: 0;
    width: 16px;
    height: 16px;
    background: url(../images/icons/menu-c1738c53c6.png) no-repeat center center
}
.news-details .d-p-arrow.back .i:after, .news-details .d-p-arrow.back .i:before {
    content: none
}
.news-details .d-p-arrow:hover .c a {
    color: #263d8f;
    text-decoration: underline
}
.news-details .d-p-arrow:hover.prev .i {
    width: 30px;
    background: #263d8f
}
.news-details .d-p-arrow:hover.prev .i:before {
    border-right-color: #263d8f
}
.news-details .d-p-arrow:hover.next .i {
    width: 30px;
    background: #263d8f
}
.news-details .d-p-arrow:hover.next .i:before {
    border-left-color: #263d8f
}
.product-new {
    padding: 90px 0
}

@media (max-width:1240px) {
.product-new {
    padding: 80px 0
}
}

@media (max-width:1024px) {
.product-new {
    padding: 60px 0
}
}

@media (max-width:768px) {
.product-new {
    padding: 50px 0
}
}

@media (max-width:576px) {
.product-new {
    padding: 40px 0
}
}

@media (max-width:425px) {
.product-new {
    padding: 30px 0
}
}
.product-new .p-new-info .t {
    font-weight: 700;
    font-size: 30px;
    line-height: 40px
}

@media (max-width:1240px) {
.product-new .p-new-info .t {
    font-size: 26px;
    line-height: 30px
}
}

@media (max-width:1024px) {
.product-new .p-new-info .t {
    font-size: 22px
}
}
.product-new .p-new-info .e {
    font-size: 14px;
    font-family: Arial, sans-serif;
    line-height: 20px;
    color: #999
}
.product-new .p-new-info .c {
    margin-top: 50px;
    text-align: justify
}

@media (max-width:1240px) {
.product-new .p-new-info .c {
    margin-top: 30px
}
}

@media (max-width:1024px) {
.product-new .p-new-info .c {
    margin-top: 20px;
    line-height: 25px
}
}
.product-new .p-new-info:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03)
}
.product-new .p-new-pic {
    float: right;
    overflow: hidden;
    margin-top: -60px;
    margin-left: 20px;
    padding-left: 20px
}

@media (max-width:1240px) {
.product-new .p-new-pic {
    width: 50%
}
}

@media (max-width:1024px) {
.product-new .p-new-pic {
    margin-top: 25px
}
}

@media (max-width:768px) {
.product-new .p-new-pic {
    float: none;
    width: auto;
    margin-top: 20px;
    margin-left: 0;
    padding-left: 0
}
}
.product-new .p-new-pic img {
    width: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.product-composition {
    padding: 50px 0 100px;
    border-top: 1px solid #f5f5f5;
    background: #ffffff
}

@media (max-width:1240px) {
.product-composition {
    padding: 40px 0 80px
}
}

@media (max-width:768px) {
.product-composition {
    padding: 30px 0 60px
}
}

@media (max-width:425px) {
.product-composition {
    padding-bottom: 50px
}
}
.product-composition .p-c-nav {
    text-align: center
}

@media (max-width:768px) {
.product-composition .p-c-nav {
    display: none
}
}
.product-composition .p-cn-list {
    display: inline-block;
    vertical-align: top
}
.product-composition .p-cn-item {
    float: left;
    position: relative;
    margin: 0 5px;
    padding: 20px 0;
    border: 1px solid #bbb;
    width: 130px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    cursor: pointer
}

@media (max-width:1240px) {
.product-composition .p-cn-item {
    padding: 15px 0
}
}

@media (max-width:1024px) {
.product-composition .p-cn-item {
    padding: 10px 20px;
    width: auto
}
}
.product-composition .p-cn-item:before {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-top: 6px solid #263d8f;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}
.product-composition .p-cn-item:hover {
    border-color: #00a2eb;
    color: #00a2eb
}
.product-composition .p-cn-item.active {
    border-color: #263d8f;
    background: #263d8f;
    color: #fff
}
.product-composition .p-cn-item.active:before {
    content: ''
}

@media (max-width:768px) {
.product-composition .p-cn-item.active:before {
    content: none
}
}
.product-composition .p-c-carousel {
    position: relative;
    margin-top: 60px;
    padding: 0 65px
}

@media (max-width:1024px) {
.product-composition .p-c-carousel {
    margin-top: 50px
}
}

@media (max-width:768px) {
.product-composition .p-c-carousel {
    margin-top: 30px
}
}

@media (max-width:576px) {
.product-composition .p-c-carousel {
    padding: 0 30px
}
}

@media (max-width:425px) {
.product-composition .p-c-carousel {
    margin-top: 0;
    padding: 0 0 90px
}
}
.product-composition .carousel-item {
    text-align: center
}
.product-composition .carousel-item .carousel-info {
    display: none
}
.product-composition .carousel-item .t {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px
}
.product-composition .carousel-item .c {
    font-size: 14px;
    line-height: 20px;
    color: #999
}
.product-composition .carousel-arrow .arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    margin-top: -25px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media (max-width:425px) {
.product-composition .carousel-arrow .arrow {
    overflow: hidden;
    top: auto;
    bottom: 0;
    margin-top: 0;
    width: 50%
}
}
.product-composition .carousel-arrow .arrow .i {
    display: block;
    width: 30px;
    height: 50px;
    background: no-repeat center center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

@media (max-width:1240px) {
.product-composition .carousel-arrow .arrow .i {
    background-size: 80%
}
}

@media (max-width:1024px) {
.product-composition .carousel-arrow .arrow .i {
    background-size: 70%
}
}

@media (max-width:768px) {
.product-composition .carousel-arrow .arrow .i {
    background-size: 60%
}
}

@media (max-width:576px) {
.product-composition .carousel-arrow .arrow .i {
    background-size: 40%
}
}

@media (max-width:425px) {
.product-composition .carousel-arrow .arrow .i {
    width: auto;
    height: 40px;
    background-color: #ccc;
    background-size: auto 35%
}
}
.product-composition .carousel-arrow .arrow.prev {
    left: 0
}
.product-composition .carousel-arrow .arrow.prev .i {
    background-image: url(../images/icons/left1-9d80f8ad94.png)
}
.product-composition .carousel-arrow .arrow.next {
    right: 0
}
.product-composition .carousel-arrow .arrow.next .i {
    background-image: url(../images/icons/right1-6a08b608bc.png)
}

@media (max-width:425px) {
.product-composition .carousel-arrow .arrow.next {
    border-left: 1px solid #eee
}
}
.product-composition .carousel-arrow .arrow.slick-disabled {
    opacity: .5
}

@media (max-width:425px) {
.product-composition .carousel-arrow .arrow.slick-disabled {
    visibility: visible;
    opacity: .5;
    cursor: default
}
.product-composition .carousel-arrow .arrow.slick-disabled .i {
    cursor: default
}
}
.product-composition .carousel-arrow .arrow:hover.prev .i {
    background-image: url(../images/icons/left2-5b031daf8f.png)
}
.product-composition .carousel-arrow .arrow:hover.next .i {
    background-image: url(../images/icons/right2-a6509d4d34.png)
}
.product-application {
    padding: 80px 0
}

@media (max-width:1240px) {
.product-application {
    padding: 70px 0
}
}

@media (max-width:1024px) {
.product-application {
    padding: 60px 0
}
}

@media (max-width:768px) {
.product-application {
    padding: 50px 0
}
}

@media (max-width:576px) {
.product-application {
    padding: 40px 0
}
}
.product-application .p-app-sct {
    margin-bottom: 100px
}

@media (max-width:1240px) {
.product-application .p-app-sct {
    margin-bottom: 90px
}
}

@media (max-width:1024px) {
.product-application .p-app-sct {
    margin-bottom: 70px
}
}

@media (max-width:768px) {
.product-application .p-app-sct {
    margin-bottom: 60px
}
}

@media (max-width:576px) {
.product-application .p-app-sct {
    margin-bottom: 50px
}
}

@media (max-width:425px) {
.product-application .p-app-sct {
    margin-bottom: 30px
}
}
.product-application .p-app-title {
    border: 1px solid #ccc;
    margin-bottom: 60px;
    padding: 20px
}

@media (max-width:1240px) {
.product-application .p-app-title {
    margin-bottom: 540px;
    padding: 15px 0
}
}

@media (max-width:1024px) {
.product-application .p-app-title {
    margin-bottom: 40px
}
}

@media (max-width:768px) {
.product-application .p-app-title {
    margin-bottom: 30px;
    padding: 10px 0
}
}

@media (max-width:576px) {
.product-application .p-app-title {
    margin-bottom: 20px
}
}
.product-application .p-app-title:hover {
    border-color: #263d8f
}
.product-application .p-app-title:hover .t {
    color: #263d8f
}
.product-application .p-app-title .t {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #000
}
.product-application .p-app-info.p-app-4 .p-app-list {
    margin-right: -12px
}
.product-application .p-app-info.p-app-4 .p-app-item {
    padding-right: 13px;
    width: 25%
}

@media (max-width:768px) {
.product-application .p-app-info.p-app-4 .p-app-item {
    width: 50%
}
.product-application .p-app-info.p-app-4 .p-app-item:nth-child(2n+1) {
    clear: left
}
}

@media (max-width:425px) {
.product-application .p-app-info.p-app-4 .p-app-item {
    width: 100%
}
}
.product-application .p-app-info.p-app-5 .p-app-list {
    margin-right: -10px
}
.product-application .p-app-info.p-app-5 .p-app-item {
    padding-right: 12px;
    width: 20%
}

@media (max-width:1440px) {
.product-application .p-app-info.p-app-5 .p-app-item {
    padding-right: 10px
}
}

@media (max-width:768px) {
.product-application .p-app-info.p-app-5 .p-app-item {
    width: 33.3334%
}
.product-application .p-app-info.p-app-5 .p-app-item:nth-child(3n+1) {
    clear: left
}
}

@media (max-width:576px) {
.product-application .p-app-info.p-app-5 .p-app-item {
    width: 50%
}
.product-application .p-app-info.p-app-5 .p-app-item:nth-child(3n+1) {
    clear: none
}
.product-application .p-app-info.p-app-5 .p-app-item:nth-child(2n+1) {
    clear: left
}
}
.product-application .p-app-item {
    float: left;
    margin-bottom: 20px
}

@media (max-width:576px) {
.product-application .p-app-item {
    margin-bottom: 15px
}
}

@media (max-width:425px) {
.product-application .p-app-item {
    margin-bottom: 10px
}
}
.product-application .p-app-box:hover img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}
.product-application .p-app-pic {
    overflow: hidden
}
.product-application .p-app-pic img {
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.product-application .p-app-cont {
    padding: 5px
}
.product-application .p-app-cont .c {
    font-size: 14px;
    line-height: 20px;
    color: #000
}
.product-pdt {
    padding: 60px 0
}

@media (max-width:1024px) {
.product-pdt {
    padding: 50px 0
}
}

@media (max-width:768px) {
.product-pdt {
    padding: 40px 0
}
}

@media (max-width:576px) {
.product-pdt {
    padding: 30px 0
}
}

@media (max-width:425px) {
.product-pdt {
    padding: 20px 0
}
}
.product-pdt .p-pdt-list {
    margin-top: -50px;
    margin-right: -39px
}

@media (max-width:1240px) {
.product-pdt .p-pdt-list {
    margin-top: -40px;
    margin-right: -30px
}
}

@media (max-width:768px) {
.product-pdt .p-pdt-list {
    margin-right: -20px
}
}
.product-pdt .p-pdt-item {
    float: left;
    margin-top: 50px;
    padding-right: 38px;
    width: 33.3334%
}

@media (max-width:1240px) {
.product-pdt .p-pdt-item {
    margin-top: 40px;
    padding-right: 30px
}
}

@media (max-width:1024px) {
.product-pdt .p-pdt-item {
    width: 50%
}
}

@media (max-width:768px) {
.product-pdt .p-pdt-item {
    padding-right: 20px
}
}

@media (max-width:576px) {
.product-pdt .p-pdt-item {
    float: none;
    width: auto
}
}
.product-pdt .p-pdt-item a {
    display: block;
    position: relative;
    top: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.product-pdt .p-pdt-item a:hover {
    -webkit-box-shadow: 0 0 5px 2px #ddd;
    box-shadow: 0 0 5px 2px #ddd;
    top: -20px
}
.product-pdt .p-pdt-item a:hover .p-pdt-more {
    background: #263d8f
}
.product-pdt .p-pdt-item a:hover .p-pdt-more .m {
    color: #fff
}
.product-pdt .p-pdt-item a:hover .i {
    width: 30px;
    background: #fff
}
.product-pdt .p-pdt-item a:hover .i:before {
    border-left-color: #fff
}
.product-pdt .p-pdt-item a:hover .i:after {
    border-left-color: #263d8f
}
.product-pdt .p-pdt-pic {
    overflow: hidden
}
.product-pdt .p-pdt-pic img {
    width: 100%
}
.product-pdt .p-pdt-cont {
    padding: 30px;
    border: 1px solid #eee
}

@media (max-width:1240px) {
.product-pdt .p-pdt-cont {
    padding: 25px
}
}

@media (max-width:1024px) {
.product-pdt .p-pdt-cont {
    padding: 25px 20px
}
}

@media (max-width:768px) {
.product-pdt .p-pdt-cont {
    padding: 15px 5%
}
}
.product-pdt .p-pdt-cont .t {
    overflow: hidden;
    font-size: 18px;
    line-height: 30px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media (max-width:1024px) {
.product-pdt .p-pdt-cont .t {
    font-size: 16px;
    line-height: 25px
}
}

@media (max-width:768px) {
.product-pdt .p-pdt-cont .t {
    font-size: 15px;
    line-height: 20px
}
}
.product-pdt .p-pdt-cont .c {
    margin-top: 5px;
    height: 75px;
    font-size: 14px;
    line-height: 25px;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

@media (max-width:1024px) {
.product-pdt .p-pdt-cont .c {
    height: 60px;
    font-size: 13px;
    line-height: 20px
}
}

@media (max-width:768px) {
.product-pdt .p-pdt-cont .c {
    margin-top: 10px;
    font-size: 12px
}
}
.product-pdt .p-pdt-more {
    padding: 20px 30px;
    background: #eee;
    line-height: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:1240px) {
.product-pdt .p-pdt-more {
    padding: 15px 25px
}
}

@media (max-width:1024px) {
.product-pdt .p-pdt-more {
    padding: 10px 20px
}
}

@media (max-width:768px) {
.product-pdt .p-pdt-more {
    padding: 10px 5%
}
}
.product-pdt .p-pdt-more .m {
    position: relative;
    z-index: 1;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:1024px) {
.product-pdt .p-pdt-more .m {
    font-size: 12px
}
}

@media (max-width:768px) {
.product-pdt .p-pdt-more .m {
    line-height: 15px
}
}
.product-pdt .p-pdt-more .i {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    width: 20px;
    height: 2px;
    vertical-align: middle;
    background: #000;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.product-pdt .p-pdt-more .i:before {
    position: absolute;
    top: -6px;
    right: -5px;
    z-index: -1;
    border-top: 7px solid transparent;
    border-left: 7px solid #000;
    border-bottom: 7px solid transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    content: ''
}
.product-pdt .p-pdt-more .i:after {
    position: absolute;
    top: -4px;
    right: -3px;
    z-index: -1;
    border-top: 5px solid transparent;
    border-left: 5px solid #eee;
    border-bottom: 5px solid transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    content: ''
}
.pdt-details {
    padding: 60px 0 0
}

@media (max-width:1024px) {
.pdt-details {
    padding-top: 40px
}
}

@media (max-width:576px) {
.pdt-details {
    padding-top: 20px
}
}
.pdt-details .pdt-dt-h-title {
    padding: 15px 0;
    border-bottom: 1px solid #666
}

@media (max-width:1024px) {
.pdt-details .pdt-dt-h-title {
    padding: 10px 0
}
}
.pdt-details .pdt-dt-h-title .t {
    font-weight: 400;
    font-size: 30px;
    line-height: 50px
}

@media (max-width:1024px) {
.pdt-details .pdt-dt-h-title .t {
    font-size: 24px;
    line-height: 40px
}
}

@media (max-width:576px) {
.pdt-details .pdt-dt-h-title .t {
    font-size: 18px;
    line-height: 30px
}
}
.pdt-details .pdt-dt-h-info {
    padding: 50px 0
}

@media (max-width:1024px) {
.pdt-details .pdt-dt-h-info {
    padding: 30px 0
}
}
.pdt-details .pdt-dt-h-pic {
    float: right;
    margin-left: 80px;
    width: 50%
}

@media (max-width:768px) {
.pdt-details .pdt-dt-h-pic {
    margin-left: 40px
}
}

@media (max-width:576px) {
.pdt-details .pdt-dt-h-pic {
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
    width: auto
}
}
.pdt-details .pdt-dt-h-pic img {
    width: 100%
}
.pdt-details .pdt-dt-h-cont {
    font-size: 14px;
    line-height: 30px;
    text-align: justify
}

@media (max-width:768px) {
.pdt-details .pdt-dt-h-cont {
    line-height: 25px
}
}

@media (max-width:576px) {
.pdt-details .pdt-dt-h-cont {
    font-size: 13px
}
}
.pdt-details .pdt-dt-h-list {
    margin-top: 60px
}

@media (max-width:1024px) {
.pdt-details .pdt-dt-h-list {
    margin-top: 40px
}
}

@media (max-width:576px) {
.pdt-details .pdt-dt-h-list {
    margin-top: 30px
}
}
.pdt-details .pdt-dt-h-list dt {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    color: #333
}

@media (max-width:576px) {
.pdt-details .pdt-dt-h-list dt {
    font-size: 15px;
    line-height: 25px
}
}
.pdt-details .pdt-dt-h-list dd {
    float: left;
    margin-top: 10px;
    min-width: 150px;
    font-size: 14px;
    line-height: 25px
}

@media (max-width:768px) {
.pdt-details .pdt-dt-h-list dd {
    margin-top: 5px
}
}

@media (max-width:576px) {
.pdt-details .pdt-dt-h-list dd {
    font-size: 13px
}
}
.pdt-details .pdt-dt-h-list dd:before {
    float: left;
    margin-right: 5px;
    content: '·'
}
.pdt-details .dpt-dt-sct {
    padding: 30px 0 70px
}

@media (max-width:1024px) {
.pdt-details .dpt-dt-sct {
    padding: 20px 0 50px
}
}

@media (max-width:768px) {
.pdt-details .dpt-dt-sct {
    padding-bottom: 40px
}
}

@media (max-width:576px) {
.pdt-details .dpt-dt-sct {
    padding-bottom: 30px
}
}
.pdt-details .dpt-dt-sct+.dpt-dt-sct {
    border-top: 1px solid #f2f2f2
}
.pdt-details .dpt-dt-title {
    padding-bottom: 10px
}
.pdt-details .dpt-dt-title .t {
    font-weight: 700;
    font-size: 16px;
    line-height: 30px
}
.pdt-details .dpt-dt-cont-pic {
    text-align: center
}
.pdt-details .dpt-dt-img {
    display: inline-block;
    vertical-align: top
}
.product-service {
    padding: 90px 0
}

@media (max-width:1240px) {
.product-service {
    padding: 80px 0
}
}

@media (max-width:1024px) {
.product-service {
    padding: 70px 0
}
}

@media (max-width:768px) {
.product-service {
    padding: 55px 0
}
}

@media (max-width:576px) {
.product-service {
    padding: 40px 0
}
}

@media (max-width:425px) {
.product-service {
    padding: 30px 0
}
}
.product-service .pdt-srv-title {
    border: 1px solid #eee;
    padding: 60px;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media (max-width:1240px) {
.product-service .pdt-srv-title {
    padding: 55px
}
}

@media (max-width:1024px) {
.product-service .pdt-srv-title {
    padding: 50px
}
}

@media (max-width:768px) {
.product-service .pdt-srv-title {
    padding: 40px
}
}

@media (max-width:576px) {
.product-service .pdt-srv-title {
    padding: 30px 10%
}
}

@media (max-width:425px) {
.product-service .pdt-srv-title {
    padding: 30px 5%
}
}
.product-service .pdt-srv-title:hover {
    border-color: #263d8f
}
.product-service .pdt-srv-title .t {
    font-weight: 700;
    font-size: 30px;
    line-height: 50px;
    color: #666
}

@media (max-width:1024px) {
.product-service .pdt-srv-title .t {
    font-size: 24px;
    line-height: 40px
}
}

@media (max-width:768px) {
.product-service .pdt-srv-title .t {
    font-size: 18px;
    line-height: 30px
}
}
.product-service .pdt-srv-title .e {
    font-size: 14px;
    font-family: Arial, sans-serif;
    line-height: 20px;
    color: #999
}

@media (max-width:768px) {
.product-service .pdt-srv-title .e {
    font-size: 12px
}
}
.product-service .pdt-srv-title .c {
    margin-top: 40px;
    font-size: 16px;
    line-height: 30px
}

@media (max-width:1024px) {
.product-service .pdt-srv-title .c {
    margin-top: 30px;
    font-size: 14px;
    line-height: 25px
}
}

@media (max-width:768px) {
.product-service .pdt-srv-title .c {
    margin-top: 20px;
    line-height: 20px
}
}

@media (max-width:768px) {
.product-service .pdt-srv-title .c {
    font-size: 13px
}
}
.product-service .pdt-srv-info {
    padding: 40px 0 0
}

@media (max-width:1024px) {
.product-service .pdt-srv-info {
    padding-top: 20px
}
}

@media (max-width:768px) {
.product-service .pdt-srv-info {
    padding-top: 0
}
}
.product-service .pdt-srv-cont:after {
    content: '';
    display: block;
    clear: both
}
.product-service .pdt-srv-item {
    margin-top: 70px
}

@media (max-width:1024px) {
.product-service .pdt-srv-item {
    margin-top: 60px
}
}

@media (max-width:768px) {
.product-service .pdt-srv-item {
    margin-top: 50px
}
}

@media (max-width:576px) {
.product-service .pdt-srv-item {
    margin-top: 40px
}
}

@media (max-width:425px) {
.product-service .pdt-srv-item {
    margin-top: 30px
}
}
.product-service .pdt-srv-item:after {
    content: '';
    display: block;
    clear: both
}
.product-service .pdt-srv-item:nth-child(even) .pdt-srv-pic {
    float: right;
    margin-left: 20px;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 0
}

@media (max-width:1024px) {
.product-service .pdt-srv-item:nth-child(even) .pdt-srv-pic {
    margin-left: 10px;
    padding-left: 10px
}
}

@media (max-width:576px) {
.product-service .pdt-srv-item:nth-child(even) .pdt-srv-pic {
    float: none;
    margin-left: 0;
    padding-left: 0
}
}
.product-service .pdt-srv-item:hover .pdt-srv-pic img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}
.product-service .pdt-srv-pic {
    float: left;
    overflow: hidden;
    margin-right: 20px;
    padding-right: 20px;
    width: 50%
}

@media (max-width:1024px) {
.product-service .pdt-srv-pic {
    margin-right: 10px;
    padding-right: 10px
}
}

@media (max-width:576px) {
.product-service .pdt-srv-pic {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 20px;
    padding-right: 0
}
}
.product-service .pdt-srv-pic img {
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.product-service .pdt-srv-info .t {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #263d8f
}

@media (max-width:1024px) {
.product-service .pdt-srv-info .t {
    line-height: 25px
}
}

@media (max-width:576px) {
.product-service .pdt-srv-info .t {
    font-size: 16px
}
}
.product-service .pdt-srv-info .c {
    margin-top: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
    color: #999
}

@media (max-width:1240px) {
.product-service .pdt-srv-info .c {
    margin-top: 20px;
    line-height: 25px
}
}

@media (max-width:1024px) {
.product-service .pdt-srv-info .c {
    margin-top: 15px;
    font-size: 13px
}
}
.feedback {
    position: relative;
    z-index: 1;
    padding: 80px 0 100px;
    background: no-repeat bottom center fixed;
    background-size: cover
}

@media (max-width:1024px) {
.feedback {
    padding: 65px 0 85px
}
}

@media (max-width:576px) {
.feedback {
    padding: 50px 0
}
}
.feedback:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(52, 73, 150, .7);
    content: ''
}
.feedback .feedback-info .desc {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff
}

@media (max-width:576px) {
.feedback .feedback-info .desc {
    font-size: 12px
}
}
.feedback .feedback-list {
    margin-top: 20px;
    margin-right: -20px
}
.feedback .feedback-item {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding-right: 20px
}
.feedback .feedback-item.fb-i-2 {
    width: 50%
}

@media (max-width:576px) {
.feedback .feedback-item.fb-i-2 {
    width: 100%
}
}
.feedback .feedback-item input, .feedback .feedback-item textarea {
    display: block;
    border: 2px solid #fff;
    padding: 10px;
    width: 100%;
    font-size: 12px;
    line-height: 25px;
    color: #fff
}
.feedback .feedback-item input:focus, .feedback .feedback-item textarea:focus {
    background: rgba(255, 255, 255, .33)
}
 .feedback .feedback-item input::-webkit-input-placeholder, .feedback .feedback-item textarea::-webkit-input-placeholder {
 color: #fff
}
 .feedback .feedback-item input::-moz-placeholder, .feedback .feedback-item textarea::-moz-placeholder {
 color: #fff
}
.feedback .feedback-item textarea {
    height: 16em;
    background: 0 0
}
.feedback .feedback-submit {
    display: block;
    margin-top: 20px;
    padding: 10px;
    font-size: 12px;
    line-height: 25px;
    background: #fff url(../images/icons/moreh2-c214b29b59.png) no-repeat 98% center;
    color: #666;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.feedback .feedback-submit:hover {
    background: #00a2eb url(../images/icons/moreh-b137abe7da.png) no-repeat 99% center;
    color: #fff
}

@media (max-width:1024px) {
.feedback .feedback-item input {
    padding: 8px 10px
}
.feedback .feedback-submit {
    padding: 7px 10px 8px
}
}

@media (max-width:768px) {
.feedback .feedback-item input {
    padding: 5px 10px
}
.feedback .feedback-item textarea {
    height: 14em
}
.feedback .feedback-submit {
    padding: 5px 10px
}
}

@media (max-width:425px) {
.feedback .feedback-item textarea {
    height: 12em
}
}
.product-case {
    padding: 100px 0
}

@media (max-width:1240px) {
.product-case {
    padding: 80px 0
}
}

@media (max-width:1024px) {
.product-case {
    padding: 70px 0
}
}

@media (max-width:768px) {
.product-case {
    padding: 55px 0
}
}

@media (max-width:576px) {
.product-case {
    padding: 35px 0
}
}

@media (max-width:425px) {
.product-case {
    padding: 20px 0
}
}
.product-case .pdt-case-list {
    margin-top: -45px
}

@media (max-width:1240px) {
.product-case .pdt-case-list {
    margin-top: -30px
}
}
.product-case .pdt-case-item {
    margin-top: 45px
}

@media (max-width:1240px) {
.product-case .pdt-case-item {
    margin-top: 30px
}
}
.product-case .pdt-case-item a {
    display: block;
    border: 1px solid #eee;
    padding: 9px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.product-case .pdt-case-item a:after {
    content: '';
    display: block;
    clear: both
}

@media (max-width:576px) {
.product-case .pdt-case-item a {
    padding: 0
}
}
.product-case .pdt-case-item a:hover {
    border-color: #263d8f
}

@media (max-width:576px) {
.product-case .pdt-case-item a:hover {
    border-color: #eee
}
}
.product-case .pdt-case-item a:hover .pdt-case-pic img {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07)
}
.product-case .pdt-case-item a:hover .pdt-case-cont .t {
    color: #263d8f;
    text-decoration: underline
}
.product-case .pdt-case-pic {
    float: left;
    overflow: hidden;
    width: 580px;
    max-width: 50%
}

@media (max-width:1240px) {
.product-case .pdt-case-pic {
    width: 50%
}
}

@media (max-width:768px) {
.product-case .pdt-case-pic {
    float: none;
    width: auto;
    max-width: none
}
}
.product-case .pdt-case-pic img {
    width: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.product-case .pdt-case-cont {
    float: right;
    padding: 30px 20px;
    width: 50%
}

@media (max-width:1240px) {
.product-case .pdt-case-cont {
    padding: 20px
}
}

@media (max-width:1024px) {
.product-case .pdt-case-cont {
    padding: 0 30px
}
}

@media (max-width:768px) {
.product-case .pdt-case-cont {
    float: none;
    padding: 5%;
    width: auto
}
}
.product-case .pdt-case-cont .t {
    overflow: hidden;
    font-size: 20px;
    line-height: 30px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #000;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:1024px) {
.product-case .pdt-case-cont .t {
    font-size: 18px;
    line-height: 25px
}
}

@media (max-width:768px) {
.product-case .pdt-case-cont .t {
    font-size: 16px;
    line-height: 20px
}
}
.product-case .pdt-case-cont .c {
    margin-top: 20px;
    height: 90px;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
    color: #999;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

@media (max-width:1240px) {
.product-case .pdt-case-cont .c {
    height: 75px;
    line-height: 25px
}
}

@media (max-width:1024px) {
.product-case .pdt-case-cont .c {
    margin-top: 15px;
    height: 60px;
    font-size: 13px;
    line-height: 20px
}
}
.product-case .pdt-case-cont .m {
    display: inline-block;
    margin-top: 60px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
    color: #263d8f
}

@media (max-width:1240px) {
.product-case .pdt-case-cont .m {
    margin-top: 40px
}
}

@media (max-width:768px) {
.product-case .pdt-case-cont .m {
    margin-top: 20px;
    font-size: 12px
}
}
.product-case .pdt-case-cont .m:hover {
    text-decoration: underline
}
.product-data {
    padding: 100px 0
}

@media (max-width:1240px) {
.product-data {
    padding: 80px 0
}
}

@media (max-width:1024px) {
.product-data {
    padding: 70px 0
}
}

@media (max-width:768px) {
.product-data {
    padding: 55px 0
}
}

@media (max-width:576px) {
.product-data {
    padding: 35px 0
}
}

@media (max-width:425px) {
.product-data {
    padding: 20px 0
}
}
.product-data .pdt-data-item {
    margin-bottom: 20px
}
.product-data .pdt-data-item:after {
    content: '';
    display: block;
    clear: both
}
.product-data .pdt-data-item a {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 3;
    padding: 50px 150px 45px 90px;
    background: #eee
}

@media (max-width:1024px) {
.product-data .pdt-data-item a {
    padding: 40px 120px 40px 80px
}
}

@media (max-width:768px) {
.product-data .pdt-data-item a {
    padding: 30px 90px
}
}

@media (max-width:576px) {
.product-data .pdt-data-item a {
    padding: 20px 5%
}
}
.product-data .pdt-data-item a:before {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    border-bottom: 4px solid #00a2eb;
    width: 100%;
    height: 100%;
    background: #263d8f;
    visibility: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    content: ''
}
.product-data .pdt-data-item a:hover:before {
    visibility: visible;
    top: 0
}
.product-data .pdt-data-item a:hover .pdt-data-date:before {
    visibility: visible;
    top: 0
}
.product-data .pdt-data-item a:hover .pdt-data-icon {
    border-color: #fff;
    background-image: url(../images/icons/data-downloadh-9cfd28e4f1.png)
}
.product-data .pdt-data-item a:hover .pdt-data-cont .c, .product-data .pdt-data-item a:hover .pdt-data-cont .t {
    color: #fff
}
.product-data .pdt-data-date {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    padding: 8px 0;
    width: 60px;
    height: 50px;
    font-family: Arial, sans-serif;
    line-height: 0;
    text-align: center;
    background: #bbb;
    color: #fff
}

@media (max-width:576px) {
.product-data .pdt-data-date {
    float: left;
    position: relative;
    padding: 10px;
    width: 100px;
    height: auto
}
}
.product-data .pdt-data-date:before {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #00a2eb;
    visibility: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    content: ''
}
.product-data .pdt-data-date .day {
    font-weight: 700;
    font-size: 22px;
    line-height: 20px
}

@media (max-width:576px) {
.product-data .pdt-data-date .day {
    display: inline-block;
    font-size: 18px;
    vertical-align: bottom
}
}
.product-data .pdt-data-date .ym {
    margin-top: 4px;
    font-size: 12px;
    line-height: 10px
}

@media (max-width:576px) {
.product-data .pdt-data-date .ym {
    display: inline-block;
    margin-top: 0;
    line-height: 15px;
    vertical-align: bottom
}
}
.product-data .pdt-data-icon {
    position: absolute;
    top: 50%;
    right: 60px;
    z-index: 3;
    margin-top: -35px;
    border: 1px solid #263d8f;
    width: 70px;
    height: 70px;
    background: url(../images/icons/data-download-9974066362.png) no-repeat center center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:1024px) {
.product-data .pdt-data-icon {
    right: 30px
}
}

@media (max-width:768px) {
.product-data .pdt-data-icon {
    right: 5%;
    margin-top: -25px;
    border: 0 none;
    width: 50px;
    height: 50px
}
}

@media (max-width:576px) {
.product-data .pdt-data-icon {
    float: right;
    position: relative;
    top: 0;
    right: 0;
    margin-top: 0;
    width: 30px;
    height: 40px;
    background-size: 70%
}
}

@media (max-width:576px) {
.product-data .pdt-data-cont {
    display: block;
    float: left;
    margin-top: 15px;
    width: 100%
}
}
.product-data .pdt-data-cont .t {
    overflow: hidden;
    font-size: 20px;
    line-height: 30px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #263d8f;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:1024px) {
.product-data .pdt-data-cont .t {
    font-size: 18px;
    line-height: 25px
}
}

@media (max-width:768px) {
.product-data .pdt-data-cont .t {
    font-size: 16px
}
}
.product-data .pdt-data-cont .c {
    margin-top: 15px;
    max-height: 60px;
    font-size: 14px;
    line-height: 30px;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:1024px) {
.product-data .pdt-data-cont .c {
    margin-top: 10px;
    max-height: 50px;
    line-height: 25px
}
}

@media (max-width:768px) {
.product-data .pdt-data-cont .c {
    margin-top: 5px;
    max-height: 40px;
    line-height: 20px
}
}

@media (max-width:576px) {
.product-data .pdt-data-cont .c {
    margin-top: 10px;
    font-size: 13px
}
}
.service {
    padding: 50px 0
}

@media (max-width:768px) {
.service {
    padding: 40px 0
}
}

@media (max-width:576px) {
.service {
    padding: 30px 0
}
}

@media (max-width:425px) {
.service {
    padding: 20px 0
}
}
.service .service-item {
    padding: 70px 0
}

@media (max-width:1024px) {
.service .service-item {
    padding: 50px 0
}
}

@media (max-width:576px) {
.service .service-item {
    padding: 30px 0
}
}
.service .service-item:after {
    content: '';
    display: block;
    clear: both
}
.service .service-item:nth-child(even) {
    background: #eee
}
.service .service-item:nth-child(even) .service-i-pic {
    float: left;
    margin-left: 0;
    margin-right: 50px
}

@media (max-width:1024px) {
.service .service-item:nth-child(even) .service-i-pic {
    margin-right: 40px
}
}

@media (max-width:768px) {
.service .service-item:nth-child(even) .service-i-pic {
    margin-right: 30px
}
}

@media (max-width:576px) {
.service .service-item:nth-child(even) .service-i-pic {
    float: none;
    margin-right: 0
}
}
.service .service-item:hover .service-i-pic img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}
.service .service-i-pic {
    float: right;
    overflow: hidden;
    margin-left: 50px;
    width: 515px;
    max-width: 50%
}

@media (max-width:1024px) {
.service .service-i-pic {
    margin-left: 40px
}
}

@media (max-width:768px) {
.service .service-i-pic {
    margin-left: 30px
}
}

@media (max-width:576px) {
.service .service-i-pic {
    float: none;
    margin-left: 0;
    margin-bottom: 25px;
    width: 100%;
    max-width: none
}
}
.service .service-i-pic img {
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.service .service-i-cont .c {
    font-size: 14px;
    line-height: 30px;
    text-align: justify
}
.service .acceptance {
    padding: 80px 0
}

@media (max-width:1024px) {
.service .acceptance {
    padding: 60px 0
}
}

@media (max-width:768px) {
.service .acceptance {
    padding: 45px 0
}
}

@media (max-width:576px) {
.service .acceptance {
    padding: 30px 0
}
}
.service .acceptance-table {
    width: 100%;
    border: 1px solid #eee
}
.service .acceptance-table td {
    border: 1px solid #eee
}
.service .acceptance-table .name {
    padding: 10px 0;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #333
}
.service .acceptance-table label {
    display: block;
    width: 100%
}
.service .acceptance-table input, .service .acceptance-table textarea {
    display: block;
    padding: 10px 15px;
    width: 100%;
    color: #333
}
.service .acceptance-table input:focus, .service .acceptance-table textarea:focus {
    background: rgba(0, 162, 235, .1)
}
.service .acceptance-table textarea {
    min-height: 10em
}
.service .acceptance-table .upload label {
    margin: 0 15px;
    padding: 5px 0;
    width: 100px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background: #999;
    color: #fff;
    cursor: pointer
}
.service .acceptance-table .upload label:hover {
    background: #00a2eb
}
.service .acceptance-table .upload input {
    display: none
}
.service .acceptance-submit {
    display: block;
    margin-top: 30px;
    padding: 15px 0;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    background: #263d8f;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media (max-width:768px) {
.service .acceptance-submit {
    margin-top: 20px;
    padding: 10px 0;
    line-height: 20px
}
}
.service .acceptance-submit:hover {
    background: #00a2eb
}
.recruit {
    padding: 70px 0
}

@media (max-width:1240px) {
.recruit {
    padding: 50px 0
}
}

@media (max-width:768px) {
.recruit {
    padding: 30px 0
}
}
.recruit .recruit-idea {
    padding: 80px 0
}

@media (max-width:1240px) {
.recruit .recruit-idea {
    padding: 60px 0
}
}

@media (max-width:768px) {
.recruit .recruit-idea {
    padding: 40px 0
}
}

@media (max-width:576px) {
.recruit .recruit-idea {
    padding: 30px 0
}
}
.recruit .rct-idea-t {
    font-weight: 700;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    color: #666
}

@media (max-width:1240px) {
.recruit .rct-idea-t {
    font-size: 26px;
    line-height: 40px
}
}

@media (max-width:1024px) {
.recruit .rct-idea-t {
    font-size: 22px;
    line-height: 30px
}
}

@media (max-width:768px) {
.recruit .rct-idea-t {
    font-size: 18px
}
}

@media (max-width:576px) {
.recruit .rct-idea-t {
    line-height: 25px
}
}
.recruit .rct-idea-list {
    margin-top: 80px
}

@media (max-width:1240px) {
.recruit .rct-idea-list {
    margin-top: 60px
}
}

@media (max-width:1024px) {
.recruit .rct-idea-list {
    margin-top: 50px
}
}

@media (max-width:768px) {
.recruit .rct-idea-list {
    margin-top: 40px
}
}

@media (max-width:576px) {
.recruit .rct-idea-list {
    margin-top: 30px
}
}

@media (max-width:425px) {
.recruit .rct-idea-list {
    margin-top: 25px
}
}
.recruit .rct-idea-item {
    float: left;
    width: 25%
}

@media (max-width:768px) {
.recruit .rct-idea-item {
    margin-top: 40px;
    width: 50%
}
.recruit .rct-idea-item:nth-child(2n+1) {
    clear: left
}
}

@media (max-width:576px) {
.recruit .rct-idea-item {
    margin-bottom: 30px;
    width: 100%
}
}
.recruit .rct-idea-pic {
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
    width: 230px;
    height: 230px
}

@media (max-width:1240px) {
.recruit .rct-idea-pic {
    width: 200px;
    height: 200px
}
}

@media (max-width:768px) {
.recruit .rct-idea-pic {
    width: 120px;
    height: 120px
}
}

@media (max-width:576px) {
.recruit .rct-idea-pic {
    width: 180px;
    height: 180px
}
}
.recruit .rct-idea-pic:hover img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}
.recruit .rct-idea-pic img {
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.recruit .rct-idea-cont {
    margin-top: 20px;
    padding: 0 5%;
    text-align: center;
    color: #999
}

@media (max-width:1240px) {
.recruit .rct-idea-cont {
    margin-top: 15px
}
}
.recruit .rct-idea-cont .t {
    font-size: 18px;
    line-height: 30px
}

@media (max-width:1240px) {
.recruit .rct-idea-cont .t {
    font-size: 16px;
    line-height: 25px
}
}
.recruit .rct-idea-cont .c {
    margin-top: 5px;
    font-size: 14px;
    line-height: 25px
}

@media (max-width:1240px) {
.recruit .rct-idea-cont .c {
    font-size: 13px;
    line-height: 20px
}
}
.recruit .recruit-staff {
    padding: 30px 0;
    background: #ffffff
}

@media (max-width:1240px) {
.recruit .recruit-staff {
    padding: 60px 0
}
}

@media (max-width:1024px) {
.recruit .recruit-staff {
    padding: 50px 0
}
}

@media (max-width:768px) {
.recruit .recruit-staff {
    padding: 40px 0
}
}

@media (max-width:576px) {
.recruit .recruit-staff {
    padding: 30px 0
}
}
.recruit .rct-staff-list {
    margin-right: -2%
}

@media (max-width:576px) {
.recruit .rct-staff-list {
    margin-right: 0
}
}
.recruit .rct-staff-item {
    float: left;
    position: relative;
    top: 0;
    margin-right: 2%;
    width: 31.3334%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:576px) {
.recruit .rct-staff-item {
    margin-right: 0;
    margin-top: 30px;
    width: 100%
}
}

@media (max-width:425px) {
.recruit .rct-staff-item {
    margin-top: 20px
}
}
.recruit .rct-staff-item:hover {
    top: -20px
}

@media (max-width:1240px) {
.recruit .rct-staff-item:hover {
    top: -10px
}
}

@media (max-width:1024px) {
.recruit .rct-staff-item:hover {
    top: 0
}
}
.recruit .rct-staff-item:hover .rct-staff-pic:before {
    visibility: visible;
    opacity: 1
}
.recruit .rct-staff-item:hover .rct-staff-cont {
    background: #263d8f
}
.recruit .rct-staff-item:hover .rct-staff-cont .c {
    color: #fff
}
.recruit .rct-staff-pic {
    overflow: hidden;
    position: relative;
    z-index: 1
}
.recruit .rct-staff-pic:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border: 2px solid #263d8f;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    content: ''
}
.recruit .rct-staff-pic img {
    width: 100%
}
.recruit .rct-staff-cont {
    padding: 20px 5%;
    background: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:1240px) {
.recruit .rct-staff-cont {
    padding: 15px 5%
}
}

@media (max-width:1024px) {
.recruit .rct-staff-cont {
    padding: 10px 5%
}
}
.recruit .rct-staff-cont .c {
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #333;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.recruit .recruit-info {
    padding: 70px 0
}

@media (max-width:1240px) {
.recruit .recruit-info {
    padding: 60px 0
}
}

@media (max-width:1024px) {
.recruit .recruit-info {
    padding: 50px 0
}
}

@media (max-width:768px) {
.recruit .recruit-info {
    padding: 40px 0
}
}

@media (max-width:576px) {
.recruit .recruit-info {
    padding: 30px 0
}
}
.recruit .recruit-item {
    margin-bottom: 5px
}
.recruit .recruit-item .zp-head {
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 30px;
    padding-right: 100px;
    line-height: 0;
    background: #eee;
    cursor: pointer;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:1240px) {
.recruit .recruit-item .zp-head {
    padding: 25px;
    padding-right: 90px
}
}

@media (max-width:1024px) {
.recruit .recruit-item .zp-head {
    padding: 20px;
    padding-right: 80px
}
}

@media (max-width:768px) {
.recruit .recruit-item .zp-head {
    padding: 15px 5%;
    padding-right: 70px
}
}

@media (max-width:576px) {
.recruit .recruit-item .zp-head {
    padding: 10px 5%;
    padding-right: 60px
}
}
.recruit .recruit-item .zp-head:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #999;
    visibility: hidden;
    -webkit-transition: visibility .3s, -webkit-transform .3s;
    transition: visibility .3s, -webkit-transform .3s;
    -o-transition: transform .3s, visibility .3s;
    transition: transform .3s, visibility .3s;
    transition: transform .3s, visibility .3s, -webkit-transform .3s;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    content: ''
}
.recruit .recruit-item .zp-head .n {
    font-size: 18px;
    line-height: 25px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:768px) {
.recruit .recruit-item .zp-head .n {
    font-size: 16px
}
}

@media (max-width:576px) {
.recruit .recruit-item .zp-head .n {
    font-size: 14px
}
}

@media (max-width:425px) {
.recruit .recruit-item .zp-head .n {
    line-height: 20px
}
}
.recruit .recruit-item .zp-head .m {
    position: absolute;
    top: 50%;
    right: 50px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: #999;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media (max-width:1240px) {
.recruit .recruit-item .zp-head .m {
    right: 40px
}
}

@media (max-width:1024px) {
.recruit .recruit-item .zp-head .m {
    right: 30px
}
}

@media (max-width:768px) {
.recruit .recruit-item .zp-head .m {
    right: 20px
}
}
.recruit .recruit-item .zp-head .m:after, .recruit .recruit-item .zp-head .m:before {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    content: ''
}
.recruit .recruit-item .zp-head .m:before {
    margin-top: -1px;
    margin-left: -6px;
    width: 12px;
    height: 2px
}
.recruit .recruit-item .zp-head .m:after {
    margin-top: -6px;
    margin-left: -1px;
    width: 2px;
    height: 12px
}
.recruit .recruit-item .zp-head:hover:before {
    visibility: visible;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}
.recruit .recruit-item .zp-head:hover .n {
    color: #fff
}
.recruit .recruit-item .zp-head:hover .m {
    background: #fff
}
.recruit .recruit-item .zp-head:hover .m:after, .recruit .recruit-item .zp-head:hover .m:before {
    background: #999
}
.recruit .recruit-item .zp-head.active:before {
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.recruit .recruit-item .zp-head.active .n {
    color: #fff
}
.recruit .recruit-item .zp-head.active .m {
    background: #fff
}
.recruit .recruit-item .zp-head.active .m:after, .recruit .recruit-item .zp-head.active .m:before {
    background: #999
}
.recruit .recruit-item .zp-body {
    display: none;
    border: 1px solid #999;
    padding: 30px;
    color: #999
}

@media (max-width:1240px) {
.recruit .recruit-item .zp-body {
    padding: 25px
}
}

@media (max-width:1024px) {
.recruit .recruit-item .zp-body {
    padding: 20px
}
}

@media (max-width:768px) {
.recruit .recruit-item .zp-body {
    padding: 15px 5%;
    font-size: 13px;
    line-height: 25px
}
}
.contact-banner .banner-img {
    visibility: hidden;
    opacity: 0
}
.contact-banner .banner-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.contact-banner .map {
    height: 100%
}
.contact-banner .map .anchorBL {
    display: none !important
}
.contact .contact-info {
    padding: 70px 0
}

@media (max-width:1024px) {
.contact .contact-info {
    padding: 60px 0
}
}

@media (max-width:768px) {
.contact .contact-info {
    padding: 50px 0
}
}

@media (max-width:576px) {
.contact .contact-info {
    padding: 30px 0
}
}
.contact .ct-info-pic {
    float: right;
    margin-left: 5%
}

@media (max-width:768px) {
.contact .ct-info-pic {
    float: none;
    margin: 0 0 50px;
    text-align: center
}
}

@media (max-width:576px) {
.contact .ct-info-pic {
    margin-bottom: 30px
}
}
.contact .ct-info-pic img {
    max-width: 100%
}
.contact .ct-info-cont {
    overflow: hidden
}
.contact .ct-info-cont .t {
    font-weight: 700;
    font-size: 30px;
    line-height: 50px;
    color: #666
}

@media (max-width:1024px) {
.contact .ct-info-cont .t {
    font-size: 26px;
    line-height: 40px
}
}

@media (max-width:768px) {
.contact .ct-info-cont .t {
    font-size: 22px;
    line-height: 30px
}
}

@media (max-width:576px) {
.contact .ct-info-cont .t {
    font-size: 18px
}
}
.contact .ct-info-list {
    margin-top: 20px
}

@media (max-width:768px) {
.contact .ct-info-list {
    margin-top: 15px
}
}
.contact .ct-info-item {
    margin-bottom: 10px
}
.contact .ct-info-item .i {
    float: left;
    margin-right: 15px;
    width: 30px
}

@media (max-width:576px) {
.contact .ct-info-item .i {
    width: 25px
}
}
.contact .ct-info-item .i img {
    width: 100%
}
.contact .ct-info-item .c {
    overflow: hidden;
    font-size: 18px;
    line-height: 30px;
    color: #333
}

@media (max-width:1024px) {
.contact .ct-info-item .c {
    font-size: 16px
}
}

@media (max-width:576px) {
.contact .ct-info-item .c {
    font-size: 14px;
    line-height: 25px
}
}
.contact .ct-info-item:after {
    content: '';
    display: block;
    clear: both
}
.contact .feedback {
    border-top: 1px solid #eee
}
.contact .feedback:before {
    content: none
}
.contact .feedback .feedback-info .desc {
    text-align: left;
    color: #666
}
.contact .feedback .feedback-item input, .contact .feedback .feedback-item textarea {
    border-color: #eee;
    color: #333
}
.contact .feedback .feedback-item input:focus, .contact .feedback .feedback-item textarea:focus {
    background: rgba(0, 162, 235, .1)
}
 .contact .feedback .feedback-item input::-webkit-input-placeholder, .contact .feedback .feedback-item textarea::-webkit-input-placeholder {
 color: #666
}
 .contact .feedback .feedback-item input:-ms-input-placeholder, .contact .feedback .feedback-item textarea:-ms-input-placeholder {
 color: #666
}
 .contact .feedback .feedback-item input::-ms-input-placeholder, .contact .feedback .feedback-item textarea::-ms-input-placeholder {
 color: #666
}
 .contact .feedback .feedback-item input::placeholder, .contact .feedback .feedback-item textarea::placeholder {
 color: #666
}
 .contact .feedback .feedback-item input::-webkit-input-placeholder, .contact .feedback .feedback-item textarea::-webkit-input-placeholder {
 color: #666
}
 .contact .feedback .feedback-item input::-moz-placeholder, .contact .feedback .feedback-item textarea::-moz-placeholder {
 color: #666
}
.contact .feedback .feedback-submit {
    background-color: #263d8f;
    color: #fff
}
.h--t-user {
    display: block;
    float: left;
    margin-right: 10px;
    border: 1px solid #4d4d4d;
    padding: 4px 14px;
    font-size: 18px;
    line-height: 20px;
    color: #4d4d4d;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.h--t-user:before {
    display: inline-block;
    margin-right: 10px;
    width: 14px;
    height: 20px;
    vertical-align: top;
    background: url(http://www.dgbc.net.cn/images/icons/user.png) no-repeat center center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    content: ''
}
.h--t-user:hover {
    border-color: #00a2eb;
    color: #00a2eb
}
.h--t-user:hover:before {
    background-image: url(../images/icons/userh.png)
}
.header .hn-tools {
    padding: 0
}
.header .tools-list {
    float: left;
    margin: 5px 0
}
.header .tools-item {
    margin: 0 0 0 20px
}

@media (max-width:1440px) {
.header .hn-item {
    margin: 0 15px
}
}

@media (max-width:1240px) {
.header .container {
    max-width: 96%
}
.header .hn-item {
    margin: 0 10px
}
.header .tools-item {
    margin: 0 0 0 15px
}
}
.login-container {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 7;
    margin-top: -185px;
    margin-left: -240px;
    padding: 45px 60px;
    width: 480px;
    height: 370px;
    background: url(../images/icons/login-box.png) no-repeat center center;
    background-size: cover
}
.login-container .t {
    margin-bottom: 25px;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: #fff
}
.login-container .password, .login-container .user {
    display: block;
    margin-bottom: 10px
}
.login-container .password input, .login-container .user input {
    display: block;
    border: 1px solid #fff;
    border-radius: 3px;
    width: 100%;
    padding: 10px 10px 10px 40px;
    font-size: 14px;
    line-height: 20px;
    background: #fff no-repeat 10px center;
    color: #333
}
 .login-container .password input::-webkit-input-placeholder, .login-container .user input::-webkit-input-placeholder {
 color: #999
}
 .login-container .password input:-ms-input-placeholder, .login-container .user input:-ms-input-placeholder {
 color: #999
}
 .login-container .password input::-ms-input-placeholder, .login-container .user input::-ms-input-placeholder {
 color: #999
}
 .login-container .password input::placeholder, .login-container .user input::placeholder {
 color: #999
}
.login-container .password input:focus, .login-container .user input:focus {
    border-color: #00a2eb
}
.login-container .user input {
    background-image: url(../images/icons/user-i.png)
}
.login-container .password input {
    background-image: url(../images/icons/password-i.png)
}
.login-container .yz {
    font-size: 14px;
    line-height: 20px
}
.login-container .yz:after {
    content: '';
    display: block;
    clear: both
}
.login-container .yz input {
    float: left;
    border: 1px solid #fff;
    border-radius: 3px;
    margin-right: 10px;
    padding: 9px;
    width: 160px;
    background: #fff;
    color: #333
}
 .login-container .yz input::-webkit-input-placeholder {
 color: #999
}
 .login-container .yz input:-ms-input-placeholder {
 color: #999
}
 .login-container .yz input::-ms-input-placeholder {
 color: #999
}
 .login-container .yz input::placeholder {
 color: #999
}
.login-container .yz input:focus {
    border-color: #00a2eb
}
.login-container .yz .yzm {
    float: left;
    width: 135px;
    height: 40px;
    cursor: pointer
}
.login-container .yz .yzm img {
    width: 100%
}
.login-container .yz .hz {
    float: right;
    margin: 10px 0;
    color: #fff
}
.login-container .yz .hz:hover {
    text-decoration: underline
}
.login-container .submit {
    display: block;
    margin-top: 40px;
    border-radius: 3px;
    padding: 10px 0;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    background: #263d8f;
    color: #fff
}
.login-container .submit:hover {
    background: #00a2eb
}
.ipc-banner .banner-pic img {
    min-height: 160px
}
.ipc-banner .banner-pic .banner-map img {
    width: auto;
    min-height: auto;
}
.user-center {
    padding: 70px 0
}
.user-center .uer--c-item {
    margin-bottom: 30px;
    border: 1px solid #c2c2c2;
    padding: 25px
}
.user-center .uer--c-item:after {
    content: '';
    display: block;
    clear: both
}
.user-center .uer--c-item:hover {
    background: #f2f2f2
}
.user-center .date {
    float: left;
    margin-right: 25px;
    border-right: 1px solid #b1b1b1;
    padding-right: 25px;
    font-family: Arial, sans-serif;
    text-align: center;
    color: #b1b1b1
}
.user-center .date .d {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px
}
.user-center .date .t {
    margin-top: 5px;
    font-size: 12px;
    line-height: 15px
}
.user-center .cont {
    overflow: hidden;
    margin: 7px 0 8px
}
.user-center .cont .c {
    overflow: hidden;
    font-size: 18px;
    line-height: 35px;
    color: #7f7f7f
}
.user-center .more {
    float: right;
    margin-left: 25px
}
.user-center .more button {
    float: left;
    margin-left: 10px;
    padding: 5px 15px;
    font-size: 14px;
    line-height: 25px;
    background: #b1b1b1;
    color: #fff
}
.user-center .more button:before {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 25px;
    vertical-align: top;
    background: no-repeat center center;
    content: ''
}
.user-center .more button:hover {
    background: #263d8f
}
.user-center .more .cs:before {
    background-image: url(../images/icons/user--jc.png)
}
.user-center .more .xz:before {
    background-image: url(../images/icons/user--xz.png)
}
.user-center .more .sm:before {
    background-image: url(../images/icons/user--sm.png)
}
.cy-dialog {
    display: none;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 7777777;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}
.cy-dialog .c-d {
    display: table;
    padding: 5% 0;
    width: 100%;
    height: 100%
}
.cy-dialog .dialog-content {
    display: table-cell;
    vertical-align: middle
}
.cy-dialog .d-c {
    margin: 0 auto;
    max-width: 900px;
    padding: 45px;
    background: #fff
}
.cy-dialog .d-c .t {
    margin-bottom: 45px;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #7b7b7b
}
.cy-dialog .d-c table, .cy-dialog .d-c td {
    border: 1px solid #e6e6e6;
    text-align: center
}
.cy-dialog .d-c th {
    padding: 15px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #fff
}
.cy-dialog .d-c td {
    padding: 15px;
    font-size: 12px;
    line-height: 20px
}
.cy-dialog .d-c .details-body {
    font-size: 12px;
    color: #7b7b7b
}
.cy-dialog .d-c hr {
    margin: 0;
    background: #ccc
}
.cy-dialog .d-c .f {
    margin: 25px 0;
    text-align: center
}
.cy-dialog .d-c .f a {
    display: inline-block;
    margin: 0 2px;
    border-radius: 4px;
    padding: 5px 10px;
    width: 90px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
    background: #b2b2b2;
    color: #fff
}
.cy-dialog .d-c .f a:hover {
    background: #263d8f
}
.cy-dialog .d-c .xz-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0;
    font-size: 14px;
    line-height: 20px;
    color: #7b7b7b;
    cursor: pointer
}
.cy-dialog .d-c .xz-item:after {
    content: '';
    display: block;
    clear: both
}
.cy-dialog .d-c .xz-item:hover {
    border-color: #00a2eb;
    background: #f7f7f7
}
.cy-dialog .d-c .xz-item .d {
    float: right;
    margin-left: 15px
}
.cy-dialog .d-c .xz-item .c {
    overflow: hidden
}
.cy-dialog .d-c .xz-item .c:before {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background: url(../images/icons/pdf.png) no-repeat center center;
    vertical-align: top;
    content: ''
}
.cy-dialog .yz {
    width: 600px
}
.cy-dialog .yz .yz-i {
    margin-bottom: 15px
}
.cy-dialog .yz .yz-i:after {
    content: '';
    display: block;
    clear: both
}
.cy-dialog .yz .yz-i .n {
    display: inline-block;
    margin-right: 12px;
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
    color: #ccc
}
.cy-dialog .yz .yz-i input {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 9px;
    width: 300px;
    font-size: 14px;
    line-height: 20px;
    color: #333
}
.cy-dialog .yz .yz-i input:focus {
    border-color: #00a2eb
}
.cy-dialog .yz .yz-i button {
    float: right;
    border-radius: 3px;
    padding: 10px;
    width: 100px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background: #b2b2b2;
    color: #fff
}
.cy-dialog .yz .yz-i button:hover {
    background: #263d8f
}
.cy-dialog .yz .submit {
    display: block;
    margin-top: 50px;
    border-radius: 3px;
    padding: 10px;
    width: 100%;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    background: #263d8f;
    color: #fff
}
.cy-dialog .yz .submit:active {
    background: #00a2eb
}
.cy-dialog .xz {
    display: none
}