﻿html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,button, textarea, p, blockquote, th, td, hr{margin:0; padding:0}
html{overflow-x: hidden}
html,body{width:100%;position:relative}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display:block}
audio, canvas, progress, video{display:inline-block; vertical-align:baseline}
audio:not([controls]){display:none; height:0}
[hidden], template{display:none}
svg:not(:root){overflow:hidden}
a{color:#797979;background:transparent; text-decoration:none; -webkit-tap-highlight-color:transparent}
a:active{outline:0}
a:hover{color:#257dff}
abbr[title]{border-bottom:1px dotted}
b, strong{font-weight:bold}
i{font-style: normal}
dfn{font-style:italic}
mark{background:#ff0; color:#000}
small{font-size:80%}
sub, sup{line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0;vertical-align: middle;max-width: 100%}
hr{box-sizing:content-box; height:0}
em{font-style: normal}
pre{overflow:auto; white-space:pre; white-space:pre-wrap; word-wrap:break-word}
code, kbd, pre, samp{font-family:monospace, monospace; font-size:1em}
button, input, optgroup, select, textarea{color:inherit; font:inherit; margin:0}
button{overflow:visible}
button, select{text-transform:none}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button; cursor:pointer}
button[disabled], html input[disabled]{cursor:default}
input{line-height:normal}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box; padding:0}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield; -webkit-box-sizing:border-box; box-sizing:border-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em}
legend{border:0; padding:0}
textarea{overflow:auto; resize:vertical;outline: 0}
optgroup{font-weight:bold}
table{border-collapse:collapse; border-spacing:0}
td, th{padding:0}
ul, ol{list-style:none outside none}
h1{font-size:24px}
h2{font-size:20px}
h3{font-size:16px}
h4,h5{font-size:14px}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
input:-moz-placeholder{color:#999}


/* 清除浮动 */
.clearfix:after,.gd-container:after,.layout:after,.head-layout:after,.gd-row:after,.foot-item-3 .foot-qrcodes:after,.gs-model-list ul:after,
.gd-layout:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.clearfix,.gd-container,.layout,.head-layout,.gd-row,.foot-item-3 .foot-qrcodes,.gs-model-list ul,
.gd-layout{*zoom:1}


/* 布局 */
.gd-layout, .layout { max-width: 1200px; *width: 1200px; margin: 0 auto }
.head-layout { max-width: 1200px; *width: 1200px; margin: 0 auto }
.gd-layer { }
.gd-row { margin-left: -6px; margin-right: -6px }
.fl { float: left }
.fr { float: right }
.disabled { display: none }
.fb { font-weight: bold }
@media screen and (max-width:1280px) {
   .gd-layout { max-width: 90% }
}
@media screen and (max-width:1024px) {
   .gd-layout { max-width: 95% }
}
@media screen and (max-width:768px) {
   .gd-layout { max-width: inherit; margin-left: 10px; margin-right: 10px }
}

/* 栅格化 */
.gd-col-12, .gd-col-11, .gd-col-10, .gd-col-9, .gd-col-8, .gd-col-7, .gd-col-6, .gd-col-5, .gd-col-4, .gd-col-3, .gd-col-2, .gd-col-1 { float: left }
.gd-col-12 { width: 100% }
.gd-col-11 { width: 91.66666667% }
.gd-col-10 { width: 83.33333333% }
.gd-col-9 { width: 75% }
.gd-col-8 { width: 66.66666667% }
.gd-col-7 { width: 58.33333333% }
.gd-col-6 { width: 50% }
.gd-col-5 { width: 41.66666667% }
.gd-col-4 { width: 33.33333333% }
.gd-col-3 { width: 25% }
.gd-col-2 { width: 16.66666667% }
.gd-col-1 { width: 8.33333333% }

.title-bar,.index-tit-bar .title,.slide-banner-wrapper,.model-cate-panel,.shop-intro .intro-foot,.article-list-wrap,.article-wrap,.article-detail .article-title,

.notice-bar { width: 100%; height: 32px; line-height: 32px; background-color: rgba(0, 0, 0, 0.3); background-color: #2c6aa9; position: absolute; left: 0; bottom: 0; z-index: 2 }
.notice-bar, .notice-bar a { color: #fff }
.notice-bar .gd-layout { position: relative }
.notice-bar .notice-list { padding-left: 45px; padding-right: 80px; position: relative }
.notice-bar .notice-list, .notice-bar .notice-list a { color: #fff }
.notice-bar .notice-ico:before { font-family: 'iconfont'; content: '\e605'; font-size: 16px; position: absolute; left: 0; top: 0 }
.notice-bar .notice-list { height: 32px; padding-left: 35px }
.notice-bar .notice-list li { width: 33%; float: left }
.notice-bar .notice-list li a { display: block; height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 50px; font-size: 12px }
.notice-bar .notice-list li a:hover { opacity: 0.8 }
.notice-bar .notice-list li a:before { content: ''; display: inline-block; width: 3px; height: 3px; background-color: #fff; vertical-align: middle; margin-right: 8px }
.notice-bar .notice-more { position: absolute; right: 0; top: 0; font-size: 12px }
@media screen and (max-width:768px) {
   .notice-bar .notice-list li { width: 50% }
   .notice-bar .notice-list li a { padding-right: 25px }
}
@media screen and (max-width:420px) {
   .notice-bar .notice-list li { display: none; width: auto }
   .notice-bar .notice-list li:first-child { display: block }
}

.slide-banner-layer { background: #247dff url(../images/slider_bg.jpg) center 0 no-repeat; background-size: cover; width: 100%; position: relative; margin: 0 auto 45px; z-index: 1 }
.slide-banner-wrapper { margin: 0 auto; position: relative; width: 100%; min-height: 831px; -webkit-transition: all .3s ease; transition: all .3s ease }
.slide-banner-wrapper .slide-banner-item { text-align: center; padding: 300px 0 190px }
.slide-banner-wrapper .slide-banner-item, .slide-banner-wrapper .slide-banner-item a { color: #fff }
.slide-banner-wrapper .slide-banner-inner { max-width: 90%; margin: 0 auto }
.slide-banner-wrapper .slide-item-img { padding: 0 }
.slide-banner-wrapper .slide-item-img .banner-img-box { width: 4000px; position: relative; left: 50%; margin-left: -2000px; text-align: center }
.slide-banner-wrapper .banner-title { font-size: 60px; line-height: 1.3; font-weight: normal }
.slide-banner-wrapper .banner-text { font-size: 18px; color: #fff; padding-top: 15px }
.slide-banner-wrapper .banner-btn { display: inline-block; padding: 5px 30px; border: 1px solid #fff; font-size: 14px; background-color: #0c7fe9 }
.slide-banner-wrapper .owl-dots .owl-dot { width: 12px; height: 12px; background: #fff; border: 1px solid #fff; margin: 0 8px; opacity: .5; filter: alpha(opacity=50); cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease }
.slide-banner-wrapper .owl-dots .owl-dot:hover { background: none }
.slide-banner-wrapper .owl-dots .active { background: none; box-shadow: none; opacity: 1; filter: alpha(opacity=100) }
.slide-banner-wrapper .banner-btns { text-align: center; padding-top: 25px }
.slide-banner-wrapper .banner-btns a { display: inline-block; padding: 5px 30px; margin: 0 10px; border: 1px solid #fff; -webkit-transition: all .3s ease; transition: all .3s ease; font-size: 14px; overflow: hidden }
.slide-banner-wrapper .banner-btns a { *display: inline }
.slide-banner-wrapper .banner-btns a.active, .slide-banner-wrapper .banner-btns a:hover { background-color: #fff; color: #3ca0f3 }
.slide-banner-wrapper .banner-btns a.active { outline: 4px solid rgba(0, 0, 0, 0); -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; cursor: pointer }
.slide-banner-wrapper .banner-btns a.active:hover { outline: 4px solid rgba(255, 255, 255, .55); outline: 4px solid #9fc8fc\9; overflow: hidden; background: none; border-color: transparent; color: #fff }
.slide-banner-wrapper .owl-controls { width: 100%; position: absolute; left: 0; bottom: 110px; z-index: 2 }
.owl-loaded .slide-banner-item { display: block }
.float-square-bg { position: relative; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1 }
.float-square-bg i { position: absolute; display: block; width: 40px; height: 40px; background: rgba(255, 255, 255, .15); bottom: -160px; -webkit-animation: square 28s infinite; animation: square 28s infinite; -webkit-transition-timing-function: linear; transition-timing-function: linear }
.float-square-bg i:nth-child(1) { left: 10% }
.float-square-bg i:nth-child(2) { left: 20%; width: 80px; height: 80px; -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 17s; animation-duration: 17s }
.float-square-bg i:nth-child(3) { left: 25%; -webkit-animation-delay: .4s; animation-delay: .4s }
.float-square-bg i:nth-child(4) { left: 40%; width: 60px; height: 60px; -webkit-animation-duration: 10s; animation-duration: 10s; background-color: rgba(255, 255, 255, .25) }
.float-square-bg i:nth-child(5) { left: 70% }
.float-square-bg i:nth-child(6) { left: 80%; width: 120px; height: 120px; -webkit-animation-delay: 3s; animation-delay: 3s; background-color: rgba(255, 255, 255, .2) }
.float-square-bg i:nth-child(7) { left: 32%; width: 100px; height: 100px; -webkit-animation-delay: 7s; animation-delay: 7s }
.float-square-bg i:nth-child(8) { left: 55%; width: 20px; height: 20px; -webkit-animation-delay: 15s; animation-delay: 15s; -webkit-animation-duration: 40s; animation-duration: 40s }
.float-square-bg i:nth-child(9) { left: 25%; width: 10px; height: 10px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 40s; animation-duration: 40s; background-color: rgba(255, 255, 255, .3) }
.float-square-bg i:nth-child(10) { left: 90%; width: 120px; height: 120px; -webkit-animation-delay: 11s; animation-delay: 11s }
@-webkit-keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-1700px) rotate(600deg);transform:translateY(-1700px) rotate(600deg)}}
@keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-1700px) rotate(600deg);transform:translateY(-1700px) rotate(600deg)}}
@-webkit-keyframes square-2{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-700px) rotate(600deg);transform:translateY(-700px) rotate(600deg)}}
@keyframes square-2{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-700px) rotate(600deg);transform:translateY(-700px) rotate(600deg)}}
.slide-banner-layer .banner-waves { width: 100%; position: absolute; left: 0; bottom: 60px; z-index: 1 }
.slide-banner-layer .banner-waves canvas { width: 100% !important; height: 150px !important }
.slide-banner-layer .banner-waves { display: none\9 }
.slide-banner-layer .owl-dots { position: relative; text-align: center; z-index: 2 }
.slide-banner-layer .owl-dots .owl-dot { width: 12px; height: 12px; margin: 0 5px; background: none; border: 1px solid #fff; opacity: 0.7; filter: alpha(opacity=70) }
.slide-banner-layer .owl-dots .active { background-color: #fff }

.sub-slide-banners { background: url(../images/slider_bg_2.jpg) center 0 no-repeat; background-size: cover; margin: 0 auto 30px; overflow: hidden; position: relative }
.sub-slide-banners .slide-banner-wrapper { min-height: 430px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.sub-slide-banners .slide-banner-wrapper .banner-title { font-size: 36px }
.sub-slide-banners .slide-banner-wrapper .slide-banner-item { padding: 140px 0 180px }
.sub-slide-banners .slide-banner-wrapper .slide-item-img { padding: 0 }
.sub-slide-banners .slide-item-img .banner-img-box img { height: 430px }
.sub-slide-banners .slide-banner-wrapper .banner-text { font-size: 16px }
.sub-slide-banners .owl-controls { bottom: 60px }
.sub-slide-banners .banner-waves { bottom: 20px }
.sub-slide-banners .banner-waves canvas { width: 100% !important; height: 130px !important }
@media screen and (max-width:768px){
   .slide-banner-wrapper .banner-title{font-size:50px}
}
@media screen and (max-width:767px) {
   .slide-banner-wrapper { min-height: 561px }
   .slide-banner-wrapper .slide-banner-item { padding: 200px 0 120px; min-height: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box }
   .slide-banner-wrapper .slide-item-img { padding: 0 }
   .slide-banner-wrapper .banner-title { font-size: 21px }
   .slide-banner-wrapper .banner-text { padding-top: 10px; font-size: 14px }
   .sub-slide-banners .slide-banner-wrapper .banner-title { font-size: 21px }
   .sub-slide-banners .slide-banner-wrapper .banner-text { font-size: 14px }
   .float-square-bg { -webkit-transform: scale(.5); transform: scale(.5) }
   .slide-banner-layer .banner-waves { bottom: 80px }
   .slide-banner-wrapper .slide-item-img .banner-img-box img { height: 600px }
   .slide-banner-wrapper .slide-item-img .banner-img-box { width: 300%; height: 600px; overflow: hidden; margin-left: 0; left: -100% }
   .slider-tabs .owl-tab { display: inline-block }
   .slider-tabs .owl-tab .tab-item { padding: 0 }
   .slider-tabs .owl-tab .tab-txt, .slider-tabs .owl-tab .tab-tit { display: none }
   .slider-tabs { background: none }
   .sub-slide-banners .slide-banner-wrapper { min-height: 430px }
   .sub-slide-banners .slide-item-img .banner-img-box img { height: 430px }
}

/* ie */
.slider-tabs .owl-tab{display: inline-block\9;min-width: 180px\9;vertical-align: top\9}
.slider-tabs .owl-tab .tab-tit{display: none\9}
.slider-tabs .active .tab-tit{display: block\9}
.slide-banner-layer .slide-banner-wrapper .owl-item.active{position: absolute\9;left: 0\9;top: 0\9}
.slide-banner-layer .slide-banner-wrapper .owl-item{position: static\9}
.slide-banner-layer .slide-banner-wrapper .slide-banner-item{opacity: 0\9;visibility: hidden\9}
.slide-banner-layer .slide-banner-wrapper .active .slide-banner-item{opacity: 1\9;visibility: visible\9}
/*ie10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.slide-banner-layer .slide-banner-wrapper .owl-item.active{position: static}
.slide-banner-layer .slide-banner-wrapper .owl-item{position: static}
.slide-banner-layer .slide-banner-wrapper .slide-banner-item{opacity:1;visibility: visible}
.slide-banner-layer .slide-banner-wrapper .active .slide-banner-item{opacity: 1;visibility: visible}
 }

/* --------------------------
   owl.carousel
   -------------------------- */
.owl-drag { position: relative; width: 100% }
.owl-drag .owl-item { float: left; min-height: 1px; position: relative; overflow: hidden }
.owl-drag .owl-stage-outer { width: 100%; overflow: hidden; position: relative }
.owl-drag .owl-stage { position: relative }
.owl-drag .owl-controls { overflow: visible }
.owl-drag .owl-prev, .owl-carousel .owl-next { cursor: pointer }
.owl-drag  button { border: 0; background: none }
.owl-loaded .slide-item { display: block }
.owl-dots { text-align: center; padding-top: 15px }
.owl-dots .owl-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #22417a; background: none; margin: 0 2px; cursor: pointer }
.owl-dots .active { background-color: #22417a }
.owl-carousel { position: relative; width: 100% }
.owl-carousel .owl-item { float: left; min-height: 1px; position: relative; overflow: hidden }
.owl-carousel .owl-stage-outer { overflow: hidden; position: relative }
.owl-stage { position: relative }
.owl-loaded .slide-item { display: block }

/* --------------------------
   animate
   -------------------------- */
a{-moz-transition:color .3s ease-in-out;-webkit-transition:color .3s ease-in-out;-ms-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite {-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge {-webkit-animation-duration:2s;animation-duration:2s}
@keyframes rotateIco {0%{-webkit-transform: none;transform: none}100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)}}
@-webkit-keyframes rotateIco {0%{-webkit-transform: none;transform: none}100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)}}
@-webkit-keyframes tabIn{0%{opacity: 0.8;-webkit-transform: translateY(15%);transform: translateY(15%)}100%{opacity: 1;-webkit-transform: none;transform: none}}
@keyframes tabIn{0%{opacity: 0.8;-webkit-transform: translateY(15%);transform: translateY(15%)}100%{opacity: 1;-webkit-transform: none;transform: none}}
@-webkit-keyframes gdfadeInLeft{0%{opacity: 0.8;-webkit-transform: translateX(-15px);transform: translateX(-15px)}100%{opacity: 1;-webkit-transform: none;transform: none}}
@keyframes gdfadeInLeft{0%{opacity: 0.8;-webkit-transform: translateX(-15px);transform: translateX(-15px)}100%{opacity: 1;-webkit-transform: none;transform: none}}
@-moz-keyframes jump{0%{-moz-transform:translateY(0)}25%{-moz-transform:translateY(-8px)}50%{-moz-transform:translateY(0)}75%{-moz-transform:translateY(-4px)}100%{-moz-transform:translateY(0)}}
@keyframes jump{0%{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(0)}75%{transform:translateY(-4px)}100%{transform:translateY(0)}}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}
@-webkit-keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0)}50%{opacity: 1}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1)}}
@keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0)}50%{opacity: 1}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1)}}
@-webkit-keyframes footWave{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}
@keyframes footWave{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}
@-webkit-keyframes waveline{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(50%);transform:translateX(50%)}}
@keyframes waveline{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(50%);transform:translateX(50%)}}
@-webkit-keyframes videoIco{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes videoIco{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@-webkit-keyframes videoIn{0%{-webkit-transform: scale(.5,.5);transform: scale(.5,.5);opacity: 0}100%{-webkit-transform: scale(1,1);transform: scale(1,1);opacity: 1}}
@keyframes videoIn{0%{-webkit-transform: scale(.5,.5);transform: scale(.5,.5);opacity: 0}100%{-webkit-transform: scale(1,1);transform: scale(1,1);opacity: 1}}
@-webkit-keyframes swiper-preloader-spin { 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes swiper-preloader-spin { 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}
@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,40%,0);transform:translate3d(0,40%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,40%,0);-ms-transform:translate3d(0,40%,0);transform:translate3d(0,40%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);-ms-transform:translate3d(-30%,0,0);transform:translate3d(-20%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(30%,0,0);-ms-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}50%{opacity:1}}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}

@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.ico-video{font-family: 'iconfont';content: '\e669'}