/* Minification failed. Returning unminified contents.
(2780,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found '6px'
(2794,1): run-time error CSS1031: Expected selector, found '}'
(2794,1): run-time error CSS1025: Expected comma or open brace, found '}'
 */
@charset "utf-8";
@font-face {
	font-family: 'REGULAR';
	src: url('../fonts/PINGFANG REGULAR.TTF');
}

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{height: 100%;}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,em,select,button,textarea,input{margin: 0; padding: 0;}
body{background: #fff; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif; font-size: 16px; color: #333; position: relative; min-height: 100%;}
a,img,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type="text"],input[type="hidden"],input[type="password"],button,textarea,select{outline: none; border: none; -webkit-appearance: none;-moz-appearance:none; appearance: none; border-radius: 0; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif;}
select::-ms-expand{display: none;}
input::-ms-clear{display: none;}
/*
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#fff;}
input::-moz-placeholder,
textarea::-moz-placeholder{color:#fff;}
input:-moz-placeholder,
textarea:-moz-placeholder{color:#fff;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#fff;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{color:#b8b8b8;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{color:#b8b8b8;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder{color:#b8b8b8;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder{color:#b8b8b8;}
*/
table{border-collapse:collapse;}
a{text-decoration: none; color: #333;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;}
li{list-style: none;}
img{vertical-align: middle; border: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.hidden{overflow: hidden;}
.h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal;}
.clearfix:after{content: ""; display: block; height: 0; visibility: hidden; clear: both;}
.clearfix {*zoom: 1;}
.cell_box{font-size: 0;}
.cell_box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.cell_box .cell{width: 100%; display: inline-block; vertical-align: middle;}
/*scroll*/
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#f5f5f5;}
::-webkit-scrollbar-thumb {border-radius:0;background-color:#093977;}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#093977;}
::-webkit-scrollbar-thumb:vertical:active {background-color:#093977;}



@charset "UTF-8";
/* CSS reset by Jarvis,2019-05-27*/
.wrapper{min-height:100%;}
html{-webkit-text-size-adjust:100%;height:100%}body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,table,td,textarea,ul{margin:0;padding:0;-webkit-text-size-adjust:none}body{height:100%;color:#333;font-size:12px;font-family:Arial,"Microsoft YaHei","宋体"}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}img{border:none;max-width:100%;height:auto;}#dituContent img{max-width:none;}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}table{border-collapse:collapse;border-spacing:0}ul li{list-style:none}input,select,textarea{outline:0}a{color:#333;text-decoration:none;outline:0;transition:all 0.5s ease}a:active,a:hover{text-decoration:none;color:#c61731;outline:0}.cor_blue{color:#39ace2;}.dsNone{display:none}.dsBlock{display:block}.dsRelative{position:relative;}.dsAbsolute{position:absolute;}.verticalCenter{top:50%;transform:translateY(-50%);position:absolute;}.autoImg img{width:100%;height:auto;display:block}.imgBlock img{display:block}.autoMaxImg img{max-width:100%;height:auto}.h100{height:100%;}.w100{width:100%;}.fl{float:left}.fr{float:right}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.cor_bs,.cor_bs:hover{color:#fff}.cor_red{color:#C00}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f17{font-size:17px}.f18{font-size:18px}.f19{font-size:19px}.f20{font-size:20px}.f21{font-size:21px}.f22{font-size:22px}.f24{font-size:24px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.transition{transition:all 0.5s ease}.opacity{opacity:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.cor_000{color:#000}.cor_111{color:#111}.cor_222{color:#222}.cor_333{color:#333}.cor_444{color:#444}.cor_555{color:#555}.cor_666{color:#666}.cor_777{color:#777}.cor_888{color:#888}.cor_999{color:#999}.bgImg{background-position:center center; background-repeat:no-repeat; background-size:cover;}.bgImg img{display:none!important;}.mNoBgImg{background:none!important;}.mNoBgImg img{display:inline-block;}.overflowHide{overflow:hidden;position:relative;z-index:0}.scaleImg .bgImg{transition:all 0.5s ease-in-out;position:absolute;height:100%;width:100%;left:0;top:0}.scaleImg:hover .bgImg{transform:scale(1.1);}.scaleImg img{transition:all 0.5s ease;}.scaleImg:hover img{ transform:scale(1.1);}.scaleImg:hover img.iOpacity,.scaleImg:hover img.noScaleImg{ transform:scale(1);}.bd_weixin_popup{box-sizing:content-box;}#platform *{box-sizing:content-box;}.coverBg{ background-size:cover!important;}.wOpacity{opacity:0;}.nLink{}.backTop{}.borRds2{border-radius:0.2em;}.borRds3{border-radius:0.3em;}.borRds18{border-radius:1.8em;}.borRds50{border-radius:50%;}
.iOpacity{opacity:0; transition:all 0.5s ease-in-out}.pubRow{}.hvrIopacity{}.hvrIopacity:hover .iOpacity{opacity:1;}.vhCenter{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}.txtBox-wp,.picBox-wp{ display:flex; align-items:center;}.picBox-wp img{max-width:100%; height:auto;}

/*@font-face {
    font-family: 'itc';
    src: url('/CSS/new/fonts/ITC AVANT GARDE CE GOTHIC DEMI.TTF');
}*/
/*@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url("/CSS/new/fonts/SourceHanSansCN-Bold.otf");
}*/
/*@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url("/CSS/new/fonts/SourceHanSansCN-Regular.otf");
}*/

/* container */
@media (min-width:768px){.container{width:750px}}
@media (min-width:993px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
@media (min-width:1230px){.container{width:1230px}}
@media (min-width:1700px){.container{width:1590px}}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}.dsPadPhone,.dsPhone{display:block}.dsPad,.dsPc,.dsPcPad{display:none}
@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}.dsPad,.dsPadPhone,.dsPcPad{display:block}.dsPc,.dsPhone{display:none}}
@media (min-width:993px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}.dsPc,.dsPcPad{display:block}.dsPad,.dsPadPhone,.dsPhone{display:none}} 
@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}
/*!
Animate.css - http://daneden.me/animate
*/
.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}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-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 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)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-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 bounceInDown{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(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{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(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-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%,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 bounceInRight{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}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{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(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{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(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-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)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-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,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-200px,0,0);-ms-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(200px,0,0);-ms-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes imgBgAnimation{0%{-webkit-transform:scale(1);}100%{-webkit-transform:scale(1.08);}}@keyframes imgBgAnimation{0%{transform:scale(1);}100%{transform:scale(1.08);}}.imgBgAnimation{-webkit-animation-name: imgBgAnimation;animation-name:imgBgAnimation}@keyframes icon-bounce{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes icon-bounce{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}
@keyframes ud {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 50%;
    opacity: 0;
  }
  65% {
    top: -50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes ud {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 50%;
    opacity: 0;
  }
  65% {
    top: -50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
	
@-webkit-keyframes scaleBg {  from {
 -webkit-transform:scale(1.12);
 transform:scale(1.12);
}
to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleBg {  from {
 -webkit-transform:scale(1.12);
 transform:scale(1.12);
}
to { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes rotate{
from{transform: rotate(0deg)}
to{transform: rotate(360deg)}
}
@keyframes rotate2{
from{transform: rotate(360deg)}
to{transform: rotate(0deg)}
}

/*slick.css*/
.slick-slider { position: relative; display: block; 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; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { 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-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }


body{opacity:0; transition:all 0.2s ease-in-out; overflow-x:hidden}
.bodyIn{ opacity:1; height:auto!important}
body.ieBody{opacity:1;}
.ieBody .wOpacity{opacity:1;}

.serLayerBg{ width:100%; height:100%; background:rgba(0, 0, 0, 0.6); position:fixed; z-index:888; left:0; top:0}
.serLayer{ width:80%; position:fixed; top:50%; transform:translate(-50%,-50%); max-width:1000px; left:50%; z-index:900}
.serIntBox{height:60px; position:relative;}
.serLayer button {position: absolute;right: 0;top: 0;width: 80px;height: 60px;background-color: transparent;background-position: center;background-repeat: no-repeat;background-image: url(../../../Img/new/icon10.png);cursor: pointer;}
.serLayer input {display: block;width: 100%;height: 60px;padding: 0 20px;font-size: 16px; border-radius:1.8em;}
.serTnm {font-size: 36px;color: #fff;text-align: center;line-height:36px; margin-bottom:36px;}
.serClose {position: absolute;top:5px;right: 10px;width: 24px;height: 24px;background-position: center;background-repeat: no-repeat;background-image: url(../../../Img/new/close.png);cursor: pointer;}

.header{ height: 100px; padding: 0px; width: 100%; position: fixed; z-index: 60; transition: all 0.5s ease-out; }
.headerShow,.header:hover{visibility:visible!important; opacity:1!important; background: #FFF; box-shadow: 0 2px 5px 3px rgba(0,0,0,0.06);}
.logo{ float: left; margin-top: 10px; position:relative; transition:all 0.5s ease-out; }
.logo img{ transition:all 0.5s ease-in-out; height:80px; width:auto}
.logo img.iOpacity{position:absolute; left:0; top:0;}
.pcNav{ float: left; padding-left: 45px; white-space:nowrap;}
.pcNav ul li{float:left;}
.nav_a{ display: inline-block; padding: 0px 30px; line-height: 100px; color: #FFF; font-size: 16px; }
.navRx{ float:right;}
.nav_a2{ color: #FFF; line-height: 100px; font-size: 16px; margin-right: 38px; float:left }
.navSerBox{ background: url(../../../Img/new/top_i2.png) no-repeat center center; float: left; width: 24px; cursor: pointer; height: 100px; transition:all 0.5s ease-out }
.lanBox{ background: url(../../../Img/new/top_i1.png) no-repeat center center; height: 100px; width: 22px; float: left; margin-right: 38px; transition:all 0.5s ease-out; position:relative; cursor:pointer }
.lanBox:after{content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; right:-18px; top:50%; transform:translateY(-50%); transition:all 0.5s ease-out;}
.lanBox.on:after{ transform:translateY(-50%) rotate(180deg);}
.headerFixed .lanBox:after,.header:hover .lanBox:after{ border-top:5px solid #333;}
.lanList:before{content:""; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #515151; position:absolute; left:50%; top:-8px; margin-left:-8px;}
.lanList{ position:absolute; width:112px; top:81px; left:50%; transform:translateX(-50%); transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;}
.lanList.on{visibility:visible; opacity:1;}
.lan_a,.lan_a:hover{ height:30px; display:block; text-align:center; background:#515151; margin-bottom:1px; color:#fff!important; line-height:30px;}
.navLayer{ width:100%; padding:9.25vh 0; background:rgba(255,255,255,0.95); border-top:1px solid #DBDCDE; position:absolute; left:0; top:100px; transition:all 0.5s ease-out; opacity:0; visibility:hidden; transform:translateY(30px);}
.navLayCon{ max-width:1410px; padding:0 15px; width:100%; margin:0 auto;}
.navImgNm{ float:left; padding-right:150px;}
.navImgNm strong{ font-size:24px; line-height:46px; display:block; margin-top:16px;}
.navSubmenu{ width:600px; float:left; margin-top:-10px;}
.navSubmenu dd{ width: 50%; height: 36px; line-height: 36px; padding-left: 75px; float:left }
.subNav_a{ background-position:left center; padding-left: 40px; font-size: 14px; line-height: 36px; display: inline-block; height: 36px; transition:all 0.2s ease-in-out; } 
.subNav_a:hover{ background: url(../../../Img/new/menu_icon.png) no-repeat left center;} 
.pcNav li:hover .navLayer{opacity:1; visibility:visible; transform:translate(0,0);}
.headerFixed{ height:80px;}
.headerFixed .logo{margin-top:5px;}
.headerFixed .logo img{height:72px; width:auto;}
.headerFixed .nav_a{line-height:80px;}
.headerFixed .nav_a2{line-height:80px;}
.headerFixed .navSerBox{height:80px;}
.headerFixed .navLayer{top:80px;}
.headerFixed .lanBox{height:80px;}



.footer { background: #171D24; padding-top: 11.57vh; position: relative;color:#8f8f8f; }
.footerTop{ padding-bottom: 12.5vh; }
.footerBottom{ font-size: 14px; line-height: 28px; color: #8f8f8f; padding: 4.81vh 0px; border-top: 1px solid #32373C; }
.footer a{ color: #8f8f8f; white-space: nowrap; }
.footerBottom .fr span{display:inline-block; margin:0 6px;}
.footer a:hover{ color: #ddd; }
.footShare{margin-top:26px;}
.footLx { float: left; width: 21.04vw; }

.footShare_weixin {
    background: rgba(255,255,255,0.2) url(../../../Img/new/foot_si1.png) no-repeat center center;
    height: 36px;
    width: 36px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
}
.footShare_weibo {
    background: rgba(255,255,255,0.2) url(../../../Img/new/foot_si2.png) no-repeat center center;
    height: 36px;
    width: 36px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
}
.footShare_facebook {
    background: rgba(255,255,255,0.2) url(../../../Img/new/foot_si3.png) no-repeat center center;
    height: 36px;
    width: 36px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
}
.footShare_twitter {
    background: rgba(255,255,255,0.2) url(../../../Img/new/foot_si4.png) no-repeat center center;
    height: 36px;
    width: 36px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
}
.footShare_linkedin {
    background: rgba(255,255,255,0.2) url(../../../Img/new/foot_si5.png) no-repeat center center;
    height: 36px;
    width: 36px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
}
.footShare a:hover{ background-color:rgba(255,255,255,0.4);}
.footDl{ width: 37.23vw; float: left; overflow: hidden; }
.footD2{float:left;}
.footerTop dl dt{ line-height: 50px; height: 50px; margin-bottom: 30px; font-size: 20px; color: #FFF; position: relative; }
.footerTop dl dt:after{ content: ""; background: #C61634; height: 3px; width: 24px; position: absolute; left: 0px; bottom: -14px; }
.footerTop dl dd{ font-size: 16px; line-height: 40px; }
.footDl dd{width:298px; float:left}
.footDl dd:nth-child(2n){width:12.08vw;}
.footWx{ text-align: center; float: right; padding-top: 15px; }
.footWx p{ font-size: 14px; line-height: 18px; margin-top: 28px; }
.headerShow .logo img,.header:hover .logo img{opacity:0}
.headerShow .logo img.iOpacity,.header:hover .logo img.iOpacity{opacity:1;}
.headerShow a,.header:hover a{ color: #333; }
.headerShow a:hover,.header:hover a:hover{ color: #c61731!important; }
.headerShow .navSerBox,.header:hover .navSerBox{ background: url(../../../Img/new/top_i2a.png) no-repeat center center; }
.headerShow .lanBox,.header:hover .lanBox{ background: url(../../../Img/new/top_i1a.png) no-repeat center center; }
.rightTools{ width: 70px; position: fixed; z-index: 30; top: 50%; right:0; transform:translateY(-50%)}
.rightTools li{ margin-bottom: 2px; height:70px; position:relative }
.rightTools_mes{ background: #073C7C url(../../../Img/new/tools_1.svg) no-repeat center 12px; display: block; padding-top:43px; text-align:center; height: 70px; width: 70px; color:#fff; background-size:28px auto; }
.rightTools_tel{ background: #073C7C url(../../../Img/new/tools_2.svg) no-repeat center 12px; display: block; padding-top:43px; text-align:center; height: 70px; width: 70px; position:relative; z-index:2; color:#C61634; background-size:28px auto; color:#fff; }
.rightTools_email {
    background: #073C7C url(../../../Img/new/tools_3.svg) no-repeat center 12px;
    display: block;
    padding-top: 43px;
    text-align: center;
    height: 70px;
    width: 70px;
    position: relative;
    z-index: 2;
    color: #C61634;
    background-size: 28px auto;
    color: #fff;
}
.backTop{ background: #073C7C url(../../../Img/new/ri3a.png) no-repeat center center; display: block; height: 70px; width: 70px; }
.rightTools_mes:hover{ background: #C61634 url(../../../Img/new/tools_1.svg) no-repeat center 12px; background-size:28px auto; }
.rightTools_tel:hover{ background: #C61634 url(../../../Img/new/tools_2.svg) no-repeat center 12px; background-size:28px auto; }
.rightTools_email:hover {
    background: #C61634 url(../../../Img/new/tools_3.svg) no-repeat center 12px;
    background-size: 28px auto;
}
.backTop:hover{ background: #C61634 url(../../../Img/new/ri3a.png) no-repeat center center; }
.rightTel{ color: #FFF; background: #c61634; white-space: nowrap; padding: 0px 20px; position: absolute; right: 70px; top: 0px; letter-spacing: 2px; transition: all 0.5s ease-out; opacity: 0; transform: translateX(100%); visibility: hidden; font: 20px/70px din; }
.rightTools li:nth-child(2):hover .rightTel{transform:translateX(0); opacity:1; visibility:visible}
.rightTools li a:hover{color:#fff;}
@media (max-width:1799px){
.nav_a{line-height:80px;}
.nav_a2{line-height:80px;}
.navSerBox{height:80px;}
.navLayer{top:80px;}
.lanBox{height:80px;}
.header{ height:80px;}
.logo{ margin-top:12px;}
.logo img{height:54px; width:auto;}
.logo_text{margin-top:3px; font-size:20px;}
.logo_text span{font-size:15px;}
.pcNav li{line-height:80px;}
.nav_a,.serBox,.headwx,.nav_a3{font-size:16px;}
.nav_a{padding:0 16px;}
.footer{padding-top:40px;}
.footerTop{padding-bottom:45px;}
.footer .backTop{right:30px;}
.serTnm{font-size:28px;}
.serClose{top:10px;}
.serLayer input{height:50px;}
}
@media (max-width:1799px){
.footerTop dl dd{font-size:14px;}
}
@media (max-width:1199px){
.footLx{display:none;}
.footDl{width:46vw;}
.footerBottom span.fl,.footerBottom span.fr{width:100%; text-align:center;}
}
@media (max-width:993px){
.footerBottom{padding:30px 0;}
.footDl{width:100%; overflow:hidden}
.footerTop dl dt{height:40px; line-height:40px; margin-bottom:15px;}
.footerTop dl dt:after{bottom:-8px;}
.footerTop dl dd{float:left; width:auto!important; display:inline-block; margin-right:25px; white-space:nowrap}
.footD2{ margin-top:18px;}
}
@media (max-width:767px){
.footerBottom{padding:15px 0;}
.rightTools{ width: 40px;}
.rightTools li{ margin-bottom: 1px; height:40px; }
.rightTools_mes{ height: 40px; width: 40px; background-size:20px auto!important; }
.rightTools_tel{ height: 40px; width: 40px; background-size:20px auto!important;}
    .rightTools_email {
        height: 62px;
        width: 100%;
        background-size: 20px auto !important;
        padding-top: 36px;
    }
.backTop{height: 40px; width: 40px; background-size:20px auto!important; }
.rightTel{ font-size:16px; line-height: 40px; padding: 0px 15px; right: 40px;}
.rightTools li:last-child{display:none;}
.rightTel{display:none!important;}
.rightTools{width:100%; left:0; right:0; overflow:hidden; bottom:0; top:auto; transform:translateY(0)}
.rightTools li{width:33.33%; text-align:center; float:left; height:62px; margin-bottom:0}
.rightTools_mes,.rightTools_tel{ display:block; width:auto; height:62px; padding-top:36px;}
.rightTools_mes,.rightTools_mes:hover{ background-color: #163a79; }
.rightTools_tel,.rightTools_tel:hover{ background-color: #c61731; }
    .rightTools_email, .rightTools_email:hover {
        background-color: #163a79;
    }
}

/*mobile header*/
.mHeader,.mMenuLayBg,.mCloseBtn,.mMmenuLay{display:none;}
.mMenuLayBg,.mMmenuLay,.mCloseBtn{display:none;}
@media (max-width:1199px){
.header{display:none;}
.mHeader{ height:56px; background:rgba(255,255,255,0.9); position:fixed; left:0; top:0; width:100%; padding:0 15px; z-index:888; box-shadow:0 1px 3px 2px rgba(0,0,0,0.06); display:block;}
.mOpenBtn{ width:26px; height:18px; position:absolute; right:15px; top:50%; margin-top:-9px; overflow:hidden; cursor:pointer}
.mOpenBtn i{width:30px; height:2px; margin-bottom:6px; background:#C61634; display:block}
.mMenuLayBg{ opacity: 0; position: fixed; z-index: 900; left: 0; top: 0; width: 100%; height: 100%; transform: translateX(100%); transition: all 0.5s ease-in-out; transition-delay: 0.4s; display: block; background:#000; background-size:cover; }
.mMmenuLay{ position: fixed; height: 100%; left: 70px; top: 0px; right: 0px; bottom: 0px; z-index: 950; overflow-y: auto; color: #fff; font-size: 14px; box-shadow: -2px 0px 4px 3px rgba(0,0,0,0.06); padding: 25px; transition: all 0.5s ease-in-out; opacity: 0; transform: translateX(100%); transition-delay: 0.2s; display: block; background: #C61634; background-size: cover; }
.mCloseBtn{ background: url(../../../Img/new/mclose.png) no-repeat center center; height: 26px; width: 26px; position: fixed; left: 15px; top: 15px; cursor: pointer; z-index: 950; background-size:22px 22px; transition:all 0.5s ease-in-out; opacity:0; display:block; }
.mLogo{float:left;}
.mLogo img{height:58px; width:auto; margin-top:0px;}
.mLogo span{font-size:16px; line-height:38px; display:inline-block; position:relative; left:8px; top:4px;}
.mLogo span,.mLogo img{vertical-align:middle;}
.mMmenuLay dt{position:relative; position:relative;}
.mMenu_a1{font-size:15px; font-weight:bold; color:#fff; padding:0 48px 0 6px; display:block; line-height:46px; border-bottom:1px solid rgba(255,255,255,0.3);}
.mMenu_a2{font-size:14px; color:#fff; line-height:46px; display:block; border-bottom:1px solid rgba(255,255,255,0.3); padding-left:25px;}
.mToggle{ height: 47px; width: 47px; position: absolute; top: 0px; right: 0px; background: url(../../../Img/new/mhead_i1.png) no-repeat center center; cursor: pointer; display:none }
.mToggle2{ background: url(../../../Img/new/reduce.jpg) no-repeat center center; }
.mMmenuLay dd{display:none;}
.mMenu_a1:hover,.mMenu_a2:hover{color:#fff; opacity:0.8}
/*.mMenu_icon1{ background: url(../../../Img/new/hd_i1.png) no-repeat center center; display: inline-block; height: 20px; width: 20px; margin-right: 8px; }*/
.mMenu_a1 text,.mMenu_a1 i{vertical-align:middle;}
.mMenuLayBg.on{opacity:0.3; transform:translateX(0%); transition-delay:0.2s}
.mMmenuLay.on{opacity:1; transform:translateX(0%); transition-delay:0.4s}
.mCloseBtn.on{opacity:1; transform:rotate(360deg);}
}
/* end */


@media (width:414px){
.wrapper{width:414px; overflow:hidden;}
}
@media (width:375px){
.wrapper{width:375px; overflow:hidden;}
}
@media (width:360px){
.wrapper{width:360px; overflow:hidden;}
}



/*2019-11-28 add*/

/*popup*/
@-webkit-keyframes fade-in {
    from {
        display: none;
        opacity: 0;
    }

    to {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    from {
        display: none;
        opacity: 0;
    }

    to {
        display: block;
        opacity: 1;
    }
}

@keyframes fade-in {
    from {
        display: none;
        opacity: 0;
    }

    to {
        display: block;
        opacity: 1;
    }
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1;
        display: block;
    }

    to {
        opacity: 0;
        display: none;
        z-index: -1;
    }
}

@-moz-keyframes fade-out {
    from {
        opacity: 1;
        display: block;
    }

    to {
        opacity: 0;
        display: none;
        z-index: -1;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
        display: block;
    }

    to {
        opacity: 0;
        display: none;
        z-index: -1;
    }
}

.fade-in {
    -moz-animation: fade-in 0.8s forwards;
    -o-animation: fade-in 0.8s forwards;
    -webkit-animation: fade-in 0.8s forwards;
    animation: fade-in 0.8s forwards;
}

.fade-out {
    -moz-animation: fade-out 0.8s forwards;
    -o-animation: fade-out 0.8s forwards;
    -webkit-animation: fade-out 0.8s forwards;
    animation: fade-out 0.8s forwards;
}

.popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 10;
    justify-content: center;
    align-items: center;
}

    .popup .popup-inner {
        position: relative;
        max-height: 90%;
        background: #f7f7f7;
        -webkit-box-shadow: 0 0 20px 5px rgba(0,58,129,.5);
        -ms-box-shadow: 0 0 20px 5px rgba(0,58,129,.5);
        box-shadow: 0 0 20px 5px rgba(0,58,129,.5);
        padding: 2em;
        box-sizing: border-box;
        z-index: 2;
        border-radius: 2px;
    }

        .popup .popup-inner .btn-close {
            position: absolute;
            top: 0;
            right: 0;
            margin-top: -12px;
            margin-right: -28px;
        }

            .popup .popup-inner .btn-close svg {
                width: 26px;
                height: 26px;
                fill: #aaa;
                -webkit-transition: fill .2s ease;
                -moz-transition: fill .2s ease;
                -o-transition: fill .2s ease;
                -ms-transition: fill .2s ease;
                transition: fill .2s ease;
            }

            .popup .popup-inner .btn-close:hover svg {
                fill: #666;
            }

@media (max-width: 480px) {
    .popup .popup-inner {
        width: 100%;
        margin-left: 0;
        left: 0;
        top: 10%;
        max-height: 100%;
    }

        .popup .popup-inner .btn-close {
            margin-top: 0;
            margin-right: 0;
        }
}


.popup.open {
    display: flex;
}


.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(10,10,10,0.5);
    z-index: 1;
    opacity: 0;
    transition: 0.5s all;
}

/*account-container*/
.account-container {
    width: 400px;
    max-width: 800px;
    max-height: 75vh;
    overflow-y: auto;
    text-align: center;
}

    .account-container,
    .account-container a {
        color: #636363;
    }

        .account-container .title {
            font-size: 25px;
            font-weight: 500;
            margin: 0 0 20px;
            padding: 0;
        }

            .account-container .title span .account-container .description span {
                display: inline-block;
                text-align: left;
            }

        .account-container .forgot-password-wrap {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            font-size: 16px;
        }

@media (max-width: 480px) {
    .account-container {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .account-container .forgot-password-wrap {
        flex-wrap: wrap;
    }

        .account-container .forgot-password-wrap a {
            width: 100%;
            text-align: left;
        }
}

.account-container a {
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease;
}

    .account-container a:hover {
        color: #003a81;
    }

.account-container .link {
    color: #003a81;
}

    .account-container .link:hover {
        color: #ce1b2e;
    }

.account-container p {
    margin-bottom: 12px;
}

.account-container .callback-msg {
    text-align: left;
}

.account-container form .form-item .required-det {
    right: 20px;
}

.account-container form.login-form .form-item .required-det {
    display: none;
}

.account-container form.login-form .form-item input {
    padding-right: 40px;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }
}

@-ms-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -ms-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(20px);
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(20px);
    }
}

.hide {
    display: none;
}
.error-msg {
    color: #ce1b2e;
}

.success-msg {
    color: #018124;
}
/*form*/
form .form-item {
    width: 100%;
    display: block;
    position: relative;
    height: 53px;
    margin-bottom: 20px;
}

    form .form-item.focused input.wpcf7-not-valid + span.label,
    form .form-item.hovered input.wpcf7-not-valid + span.label,
    form .form-item.not-empty input.wpcf7-not-valid + span.label,
    form .form-item.focused textarea.wpcf7-not-valid + span.label,
    form .form-item.hovered textarea.wpcf7-not-valid + span.label,
    form .form-item.not-empty textarea.wpcf7-not-valid + span.label {
        transform: translateY(-15px) scale(.5);
        opacity: 0;
    }

    form .form-item.focused .wpcf7-form-control-wrap > span:not(.label),
    form .form-item.focused span.label,
    form .form-item.hovered .wpcf7-form-control-wrap > span:not(.label),
    form .form-item.hovered span.label, form .form-item.not-empty .wpcf7-form-control-wrap > span:not(.label),
    form .form-item.not-empty span.label,
    form .form-item.default-value span.label {
        transform: translateY(-11px) scale(.85);
    }

    form .form-item span {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
    }

        form .form-item span.label {
            display: block;
            position: absolute;
            color: #8f8f8f;
            pointer-events: none;
            width: auto;
            height: auto;
            z-index: 1;
            left: 20px;
            top: 15px;
            font-size: 15px;
            transition: transform .2s ease,opacity .2s ease;
            transform: translateY(0) scale(1);
            opacity: 1;
            transform-origin: left top;
        }

            form .form-item span.label span {
                position: relative;
                display: inline;
            }

    form .form-item .wpcf7-form-control-wrap > span:not(.label) {
        display: block;
        position: absolute;
        color: #ce1b2e;
        pointer-events: none;
        width: auto;
        height: auto;
        z-index: 1;
        left: 20px;
        top: 15px;
        font-size: 15px;
        transition: transform .2s ease;
        transform: translateY(10px) scale(1);
        transform-origin: left top;
    }

    form .form-item input {
        position: relative;
        width: 100%;
        height: 100%;
        outline: none;
        border: 1px solid #8f8f8f;
        padding: 20px 19px 0;
        font-size: 15px;
        font-weight: 700;
    }

        form .form-item input[readonly] {
            opacity: .5;
        }

        form .form-item input.wpcf7-not-valid,
        form .form-item textarea.wpcf7-not-valid {
            border-color: #ce1b2e;
        }

            form .form-item input.wpcf7-not-valid + .label,
            form .form-item textarea.wpcf7-not-valid + .label {
                transform: translateY(-11px) scale(.85);
            }

    form .form-item .required-det {
        right: -35px;
        top: 17px;
        width: 17px;
        height: 17px;
        position: absolute;
        opacity: 0;
        transition: opacity .2s ease;
    }

        form .form-item .required-det:after, form .form-item .required-det:before {
            content: "";
            width: 20px;
            height: 6px;
            background: #018124;
            position: absolute;
            left: 0;
            top: 0;
            transition: transform .2s ease,background .2s ease;
        }

        form .form-item .required-det:before {
            transform: translate(-2px,9px) rotate(45deg) scaleX(.7);
        }

        form .form-item .required-det:after {
            transform: translate(6px,7px) rotate(-45deg);
        }

    form .form-item.not-empty .wpcf7-form-control,
    form .form-item .not-empty .wpcf7-form-control {
        border-color: #018124;
    }

        form .form-item.not-empty .wpcf7-form-control ~ .required-det,
        form .form-item .not-empty .wpcf7-form-control ~ .required-det,
        form .form-item .wpcf7-form-control.wpcf7-not-valid ~ .required-det {
            opacity: 1;
        }

            form .form-item .wpcf7-form-control.wpcf7-not-valid ~ .required-det:after,
            form .form-item .wpcf7-form-control.wpcf7-not-valid ~ .required-det:before {
                background: #ce1b2e;
            }

            form .form-item .wpcf7-form-control.wpcf7-not-valid ~ .required-det:before {
                transform: translateY(5px) rotate(45deg) scaleX(1);
            }

            form .form-item .wpcf7-form-control.wpcf7-not-valid ~ .required-det:after {
                transform: translateY(5px) rotate(-45deg) scaleX(1);
            }


form .form-item__select .select select.wpcf7-not-valid + .select-styled {
    border-color: #ce1b2e;
}

form .form-item__select.selected .select .select-styled {
    border-color: #018124;
}

form .form-item__select.selected span.label,
form .form-item__select.not-empty span.label,
form .form-item__select.not-valid span.label,
form .form-item__select .select select.wpcf7-not-valid + .label {
    transform: translateY(-11px) scale(.85);
}

form .form-item__select.selected .required-det {
    opacity: 1;
}

form .form-item__select .select .wpcf7-not-valid-tip {
    display: block;
    position: absolute;
    color: #ce1b2e;
    pointer-events: none;
    width: auto;
    height: auto;
    z-index: 1;
    left: 20px;
    top: 15px;
    font-size: 15px;
    transition: transform .2s ease;
    transform: translateY(10px) scale(1);
    transform-origin: left top;
}

form .form-item.form-item__textarea {
    margin-bottom: 20px;
}

form .verification-wrap {
    height: 50px;
    margin-bottom: 20px;
    overflow: hidden;
}

    form .verification-wrap img {
        height: 100%;
    }

    form .verification-wrap input {
        width: calc(100% - 160px);
        height: 100%;
        padding: 0 12px;
        float: right;
    }

form .form-item__select {
    position: relative;
    z-index: 2;
}

    form .form-item__select span.label {
        top: 20px;
    }

form .form-item .select {
    width: 100%;
    height: 100%;
}

form .form-item .select-styled {
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    color: #222;
    padding: 20px 20px 0;
}

    form .form-item .select-styled:after {
        border-right: 4px solid #ce1b2e;
        border-bottom: 4px solid #ce1b2e;
    }

form .form-item .select-options {
    max-height: 350px;
    overflow-y: auto;
}

form .form-item .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    position: absolute;
    top: 27px;
    left: 20px;
    color: #ce1b2e;
}

form .form-item__textarea {
    height: 192px;
    margin-bottom: 40px;
}

    form .form-item__textarea textarea {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        resize: none;
        outline: none;
        padding: 25px 20px;
        font-size: 15px;
    }


.btn-link-arrow {
    background: none;
    border: none;
    border-bottom: 3px solid #e1e3e7;
    height: 35px;
    line-height: 31px;
    margin: 0 auto;
    padding: 0;
    display: block;
    cursor: pointer;
    outline: none;
    font-size: 16px;
    font-weight: normal;
    color: #003a81;
}

    .btn-link-arrow:after {
        content: "»";
        display: inline-block;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 20px;
        font-weight: 700;
        margin-left: 9px;
        position: relative;
        top: 1px
    }

    .btn-link-arrow:not([disabled]):hover {
        color: #ce1b2e;
        border-color: #ce1b2e;
    }

    .btn-link-arrow[disabled] {
        opacity: .5;
        cursor: not-allowed
    }

    .btn-link-arrow.loading:after {
        -webkit-animation: fadeOutRight 2s linear infinite;
        -moz-animation: fadeOutRight 2s linear infinite;
        -ms-animation: fadeOutRight 2s linear infinite;
        animation: fadeOutRight 2s linear infinite;
    }

.footer .hoverImage img {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) translateX(-50%);
    transition: all .3s ease .1s
}

.footer .footShare a:hover img {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) translateX(-50%);
}

.cont__richtext::after {
    content: "...";
    margin-left: 5px;
}


/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		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;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; 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; /* auto-expanded scrollbar */ }
	
	.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; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.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; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.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; /* minimum dragger width */
		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; /* auto-expanded scrollbar */
		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; /* auto-expanded scrollbar */
		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; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.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)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #ddd; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #C51634; background-color:#C51634;
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #C51634; background-color:#C51634;
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #C51634; background-color:#C51634;
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(../images/mcsb_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.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,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

@charset "UTF-8";
.index_section1{height:100vh; position:relative;}
.hmFocus{ height:100vh; background:#093977;}
.hmFocus_item { height: 100vh; position: relative; overflow: hidden; }
.hmFs_bg { height: 100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center center;-webkit-transform:scale(1.12); transform:scale(1.12); }
.hmFocus_item video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmFs_layBg{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.active .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
.hmTxt { display: inline-block; position: absolute; z-index: 5; left: 0%; top: 50%; transform: translate(0%,-50%); width:100%; color: #FFF; text-align: center;}
.hmTxt img{transition:all 0.5s ease-in-out; opacity:0; transform:translate(-100px,0); margin:0 auto;}
.hmTxtDes{position:absolute; left:0; top:0; width:100%; padding-top: 4px; }
.hmTxt_ct { font-size: 70px; font-weight: bold; display: block; height: 84px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxt_et { font-size: 30px; margin-top:25px; line-height: 50px; font-weight: 100; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmFocus_doc{ width: 100%; position: absolute; left: 0px; bottom: 70px; z-index: 5; }
.hmFocus_doc ul{ margin: 0px -12px; }
.hmFocus_doc ul li{padding:0 12px; width:25%; float:left; cursor:pointer}
.hmFs_docx{ line-height: 50px; height: 51px; border-top: 1px solid #FFF; transition: all 0.5s ease-in-out; font-size: 12px; color: #FFF; opacity:0.5; position:relative; }
.hmFs_docx.on{opacity:1;}
.hmFs_docx i{width:0; height:2px; background:#fff; position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;}
.hmFs_docx.on i{width:100%; transition:all 8.0s linear;}
.hmFocus_doc ul li:first-child .hmFs_docx.on i{transition:all 15s linear;}
.index_section2 { background: #093977;}
.hmTxtDes2{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:5; color:#fff;}
.hmTxtDes2_t1 { font-size: 36px; line-height: 48px; margin-bottom: 40px; font-weight: bold; letter-spacing: 2px; max-width:945px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxtDes2_p1 { font-size: 20px; line-height: 40px; font-weight: 100; margin-bottom: 45px; max-width: 945px; letter-spacing: 2px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxtDes2_btns{ transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxt_btn1{ line-height: 48px; background: #C61634; text-align: center; height: 48px; width: 200px; display: inline-block; margin-right: 24px; font-size: 16px; color: #FFF; letter-spacing: 2px; box-shadow:0 8px 12px 10px rgba(198,22,52,0.1); }
.hmTxt_btn1:hover{ background: #AA132E; color: #FFF; }
.hmTxt_btn2{ line-height: 44px; height: 48px; width: 200px; border: 2px solid #FFF; text-align: center; display: inline-block; font-size: 16px; color: #FFF; }
.hmTxt_btn2:hover{ color: #c61634; background: #FFF; }
.index_content{ position:relative;padding: 15.27vh 0px; min-height:100vh; position:relative}
.index_bg{ height:100%; position:absolute; left:0; top:0; width:100%; background: url(../../../Img/new/hmc2_bg1.jpg) no-repeat fixed center center; background-size:cover; opacity:0; transition:all 0.5s ease-in-out;}
.index_bg:after{content:""; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0}
.index_bg.on{opacity:1;}
.index_content .container{position:relative; z-index:5;}
.active .hmTxt img{transform:translate(0,0); opacity:1; transition-delay:0.3s;}
.active .hmTxt_ct{transform:translate(0,0); opacity:1; transition-delay:0.4s;}
.active .hmTxt_et{transform:translate(0,0); opacity:1; transition-delay:0.5s;}
.active .hmTxtDes2_t1{transform:translate(0,0); opacity:1; transition-delay:0.3s;}
.active .hmTxtDes2_p1{transform:translate(0,0); opacity:1; transition-delay:0.4s;}
.active .hmTxtDes2_btns{transform:translate(0,0); opacity:1; transition-delay:0.5s;}

@media (max-width:1799px){
.hmTxt_ct{font-size:52px;}
.index_content{padding: 80px 0px;}
.hmTxtDes2_t1 { font-size: 26px; line-height: 38px; margin-bottom: 26px;}
.hmTxtDes2_p1 { font-size: 18px; line-height: 32px; margin-bottom: 35px;}
.hmFocus_doc{bottom:40px;}
.hmTxtDes{padding-top:18px; }
}
@media (max-width:1199px){
.hmTxtDes{padding-top: 0px; }
}
@media (max-width:993px){
.index_section1,.hmFocus_item ,.hmFocus{height:600px;}
.hmTxt_ct{font-size:42px;}
.hmTxt_et{font-size:22px; line-height:38px; margin-top:-15px;}
}
@media (max-width:767px){
.index_section1,.hmFocus_item ,.hmFocus{height:400px;}
.hmTxt_ct{font-size:16px; height:30px; line-height:30px; margin-bottom:0}
.hmTxt_et{font-size:14px; line-height:22px; margin-top:5px;}
.hmTxt{width:100%;}
.hmTxt img{width:52%;}
.hmFocus_doc ul li{padding:0 5px;}
.hmFocus_doc{bottom:25px;}
.hmTxtDes2_t1 { font-size: 18px; line-height: 28px; margin-bottom: 15px; letter-spacing: 0em; }
.hmTxtDes2_p1 { font-size: 14px; line-height: 22px; margin-bottom: 20px;}
.hmTxt_btn1{width:105px; height:40px; line-height:40px; font-size:14px; letter-spacing:0; margin-right:12px;}
.hmTxt_btn2{ line-height: 38px; height: 40px; width: 105px; border: 1px solid #FFF; font-size: 14px;}
}

.hmc2_tnm { font-size: 48px; font-weight: bold; color: #FFF; line-height: 66px; margin-bottom: 10px; position: relative; }
.hmc2_tnm:after{ content: ""; background: #C61634; height: 2px; width: 36px; margin-top: -1px; position: absolute; top: 50%; left: -58px; }
.hmc2_item { padding-top: 52px; position: relative; max-width:900px;}
.hmc2_item dt{height:80px; position:relative;}
.hmc2_item dt strong { font-size: 36px; font-weight: bold; display: block; line-height: 42px; position: relative; z-index: 2; color: #FFF; opacity:0.3; transition:all 0.5s ease-in-out; }
.hmc2_item dt span { display: block; height: 80px; position: absolute; left: 0px; bottom: 0px; width: 100%; background-position:40px center; background-repeat:no-repeat; }
.hmc2_item dd p { font-size: 18px; line-height: 36px; height:auto; overflow:hidden; color: #ffffff; margin-bottom: 24px; max-width:710px; }
.hmc2_more { background: url(../../../Img/new/hmc2arrow.png) no-repeat right center; font-size: 18px; line-height: 30px; color: #FFF; display: inline-block; padding-right: 28px; height: 30px; }
.hmc2_more:hover{ color: #FFF; text-decoration: underline; }
.hmc2_item dd{ height:0; transition:all 0.5s ease-out; margin-top:-8px; overflow:hidden; opacity:0;}
.hmc2_item.on dd{ height:auto; opacity:1;}
.hmc2_item.on dt strong{opacity:1;}
.hmc2sCon{padding-left:60px; padding-right:60px;}
@media (max-width:1799px){
.hmc2_tnm{font-size:36px; line-height:52px;}
.hmc2_item{padding-top:25px;}
.hmc2_item dt{height:62px;}
.hmc2_item dt strong{font-size:22px;}
.hmc2_item dt span{background-size:auto 45px; height:55px;}
.hmc2_item dd p{ font-size: 15px; line-height: 30px; height:60px; margin-bottom: 18px; }
.hmc2_more { background: url(../../../Img/new/hmc2arrow.png) no-repeat right center; font-size: 16px; line-height: 26px;padding-right: 25px; height: 26px; }
.hmc2_item.on dd{height:105px;}
}
@media (max-width:767px){
.index_content{padding:60px 0px;}
.hmc2sCon{padding-left:0px; padding-right:0px;}
.hmc2_tnm:after{display:none;}
.hmc2_tnm{font-size:26px; line-height:36px; text-align:center;}
.hmc2_item dd{height:auto!important; opacity:1; margin-top:-15px; opacity:0.8;}
.hmc2_item dt strong{opacity:1; font-size:20px; font-weight:normal}
.hmc2_item dt span{background-size:auto 32px; height:68px;}
.hmc2_item{padding-top:8px;}
.hmc2_item dd p{font-size:14px; line-height:26px; height:auto;}
.hmc2_more{font-size:14px;}
}


.index_section3 { background: #c61731; position: relative; height: 480px; overflow:hidden; z-index:2; }
.indexc3Box { font-size: 48px; font-weight: bold; color: #FFF; display: inline-block; position: absolute; z-index: 5; left: 50%; top: 50%; transform: translate(-50%,-50%); line-height: 72px; padding-top: 18px; }
.indexc3Box span{display:inline-block;}
.indexc3Box i{ content: ""; background: #FFF; height: 2px; width: 36px; margin-left: -18px; position: absolute; left: 50%; top: 0px; }
.index3_ani{ height: 401px; width: 432px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); z-index:4; opacity:0.6}
.index3_ani i{ display: block; width: 357px; height: 357px; background: url(../../../Img/new/aniLine.png); position: absolute; top: 50%; left: 50%; opacity: 0; margin-top: -178px; margin-left: -178px; z-index:5;}
.index3_ani i:nth-of-type(1){animation: ani_1 2s linear infinite;}
.index3_ani i:nth-of-type(2){animation: ani_2 2s linear infinite;}
.index3_ani i:nth-of-type(3){animation: ani_3 2s linear infinite;}
.index3_ani i:nth-of-type(4){animation: ani_4 2s linear infinite;}
.index3_ani i:nth-of-type(5){animation: ani_5 2s linear infinite;}
.index3_ani i:nth-of-type(6){animation: ani_6 2s linear infinite;}
.index3_ani i:nth-of-type(7){animation: ani_7 2s linear infinite;}
.index3_ani i:nth-of-type(8){animation: ani_8 2s linear infinite;}
.index3_ani i:nth-of-type(9){animation: ani_8 2s linear infinite;}
.index3_ani i:nth-of-type(10){animation: ani_8 2s linear infinite;}
@keyframes ani_1{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	40%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_2{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	43%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_3{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	46%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_4{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	49%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_5{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	52%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_6{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	55%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_7{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	58%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_8{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	61%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_9{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	64%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_10{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	67%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
.index_c3imgAni img{position:absolute; left:0; top:0; width:100%; height:auto;}
.index_c3imgAni img:nth-child(1){animation: ani_c3img1 5s linear infinite;}
.index_c3imgAni img:nth-child(4){animation: ani_c3img2 15s linear infinite;}
.index_c3imgAni img:nth-child(2){animation: ani_c3img3 5s linear infinite;}
.index_c3imgAni img:nth-child(3){animation: ani_c3img3 8s linear infinite; animation-delay:2s;}

.index_c3imgAni img:nth-child(5){animation: ani_c3img5 7s linear infinite;}
.index_c3imgAni img:nth-child(6){animation: ani_c3img5 7s linear infinite; animation-delay:2s;}
.index_c3imgAni img:nth-child(7){animation: ani_c3img5 7s linear infinite; animation-delay:4s;}
.index_c3imgAni img:nth-child(8){animation: ani_c3img5 8s linear infinite; animation-delay:3s;}

.index_c3imgAni img:nth-child(9){animation: ani_c3img5 12s linear infinite; animation-delay:0s;}
.index_c3imgAni img:nth-child(10){animation: ani_c3img5 9s linear infinite; animation-delay:3s;}
.index_c3imgAni img:nth-child(11){animation: ani_c3img5 11s linear infinite; animation-delay:1s;}
.index_c3imgAni img:nth-child(12){animation: ani_c3img5 6s linear infinite; animation-delay:2s;}
.index_c3imgAni img:nth-child(13){animation: ani_c3img5 7s linear infinite; animation-delay:5s;}


.index_c3imgAni2 {position:relative;}
.index_c3aniImgs{ width:100%; height:100%; position:absolute; left:0; top:0;}
.index_c3aniImgs img{ width:100%; height:auto; width:100%; height:auto; position:absolute; left:0; top:0; opacity:0; animation: ani2_img 12s linear infinite 0s;}
.index_c3aniImgs img:nth-child(1){animation-delay: 0s;}
.index_c3aniImgs img:nth-child(2){animation-delay: 4s;}
.index_c3aniImgs img:nth-child(3){animation-delay: 8s;}
@keyframes ani2_img{
	0%{transform:scale(0.5); opacity: 0;}
	/*16%{transform:scale(1); opacity: 1;}*/
	33%{transform:scale(1); opacity: 1;}
	50%{transform:scale(1.2); opacity: 0;}
	100%{transform:scale(1.2); opacity: 0;}
}
@keyframes ani_c3img3{
	0%{opacity:0;}
	20%{opacity:1}
	80%{opacity:1}
	100%{opacity:0}
}
@keyframes ani_c3img5{
	0%{opacity:0; transform:scale(0.7)}
	80%{opacity:1; transform:scale(1)}
	100%{opacity:0; transform:scale(1)}
}
@media (max-width:1799px){
.index_section3 { height: 320px;}
.indexc3Box { font-size: 30px; line-height: 46px; padding-top: 12px; }
.indexc3Box i{ height: 1px; width: 30px; margin-left: -15px }
.index3_ani{ height: 300px; width: 332px;}
.index3_ani i{width: 280px; height: 280px; background: url(../../../Img/new/aniLine.png); background-size:280px auto; position: absolute; margin-top: -140px; margin-left: -140px; z-index:5;}
}
@media (max-width:767px){
.index_section3{overflow:hidden; height:200px;}
.indexc3Box { font-size:22px; line-height: 58px; padding-top: 18px; }
.index3_ani{width:160px; height:160px;}
.index3_ani i{height:160px; width:160px; margin-top:-80px; margin-left:-80px; background-size:cover;}
.index_c3imgAni{width:800px; position:relative;}
.index_c3imgAni2{width:800px; position:relative;}
}

.index_section4{ padding: 15.74vh 0px; position: relative; background: #f7f7f7;}
.indexC4box{padding:0 60px; min-height:700px;position:relative;z-index:3;max-width:658px;}
.hmc4_t { font-size: 48px; font-weight: bold; line-height: 60px; position: relative; }
.hmc4_t:after{ content: ""; background: #C61634; height: 2px; width: 36px; position: absolute; left: -58px; top: 32px; }
.hmc4_des { font-size: 18px; line-height: 36px; color: #808080; max-width: 658px; margin-top: 22px; }
.hmc4ul li { margin-top: 7.4vh; height: 80px; position: relative; padding-left: 116px; font-size: 14px; line-height: 24px; color: #808080; max-width:700px; }
    .hmc4ul li strong {
        display: block;
        padding-top: 8px;
        font: 60px/54px Ebrima;
        color: #333;
    }
.hmc4ul li strong i{ font-size: 32px; font-style: normal; display: inline-block; margin-left: 6px; transform:translateY(-12px) }
.hmc4ul li img{ transition:all 0.6s ease-in-out;}
.hmc4ul li:hover img{ transform:rotateY(180deg);}
.hmc4Svg{width:80px; height:80px; position:absolute; left:0; top:1.2vh;}
.index4map{position:absolute; right:60px; top:22vh; height:720px;}
#description { text-align: left; float: left; width: 49%; max-width: 500px; padding-top: 50px; padding-left: 20px; }
#showoff {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#container { position: relative; display: inline-block; width: 800px; height: 800px; top:-5vh; }
#sphere, #flights, #glow-shadows, #locations, #drag { position: absolute; top: 0px; left: 0px; width: 800px; height: 800px; }
#glow-shadows { top: 1px; left: 1px; }
#glow-shadows.earth { background: url(../../../Img/new/earth-glow-shadows.png); }
#glow-shadows.mars { background: url(../../../Img/new/mars-glow-shadows.png); }
.location { position: absolute; width: 10px; height: 10px; left: 10px; top: 10px; border: 0px solid #C61634; margin-left: -5px; margin-top: -5px; cursor: pointer; background:#C61634 }
.location span{width:100px; line-height:16px; font-size:12px; color:#666; text-align:center; position:absolute; left:50%; margin-left:-50px; top:17px;}
/*.location:hover { width: 8px; height: 8px; margin-left: -7.5px; margin-top: -7.5px; }*/
.flight { position: absolute; width: 24px; height: 25px; left: 10px; top: 10px; background: url(../../../Img/new/plain.png); background-size: 100% 100%; margin-left: -12px; margin-top: -12.5px; cursor: pointer; }
.flight:hover { width: 36px; height: 37.5px; margin-left: -18px; margin-top: -18.75px; }
.choose_example { width: 35%; margin-left: 32.5%; }
#example_code { width: 100%; height: 200px; background-color: black; color: white; border: 0px; resize: none; display: none; }
.code { margin-top: 10px; }
.social { display: inline-block; }
.social.twitter { vertical-align: -3px; }
.social.google { vertical-align: -7px; }
.index4shx{ background: url(../../../Img/new/map_shdow.png) no-repeat center center; height: 88px; width: 398px; position: absolute; left: 50%; bottom: 0px; transform:translateX(-50%);}
/*#locations .location:nth-child(1){ background: url(../../../Img/new/chicon.png) no-repeat center center; height: 20px; width: 15px; }
#locations .location:nth-child(1) span{ top:28px}*/
#locations .location{ background: url(../../../Img/new/chicon.png) no-repeat center center; height: 20px; width: 15px; }
#locations .location span{ top:28px}
.hmc4Layer{ padding: 50px 30px; width: 505px; background: rgba(255,255,255,0.8); font-size: 14px; line-height: 18px; color: #808080; position: absolute; z-index: 10; left: -100px; top: 190px; box-shadow:0 10px 30px rgba(0,0,0,0.1); }
.hmc4Layer strong{ font-size: 18px; font-weight: 100; line-height: 22px; margin-bottom: 12px; display: block; color:#333; }
.hmc4tel {
    background: url(../../../Img/new/tel_icon.png) no-repeat left center;
    color: #c61731;
    height: 20px;
    padding-left: 22px;
    margin-top: 12px;
    font: 14px/20px Ebrima;
}
.hmc4Close{ background: url(../../../Img/new/close2.png) no-repeat center center; display: block; height: 20px; width: 20px; overflow: hidden; position: absolute; top: 20px; right: 20px; background-size:20px auto; cursor:pointer }
.hmc4chinaMap{ background: url(../../../Img/new/chinaMap.png) no-repeat center center; height: 800px; width: 1050px; position: absolute; right: 50px; top: -50px; }
.hmc4ChinaItems{ height: 516px; width: 750px; position: absolute; right:65px; top:170px;}
.hmc4citem{ height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4citem_btn{ background: url(../../../Img/new/mp_i1.png) no-repeat center center; display: inline-block; height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4citem:hover .hmc4citem_btn{ background: url(../../../Img/new/mp_i1a.png) no-repeat center center; opacity:1!important;}
.hmc4citem1{right:220px; top:180px;}
.hmc4citem2{right:164px; top:330px;}
.hmc4citem3{right:197px; top:403px;}
.hmc4citem4{right:201px; top:262px;}
.hmc4citem5{right:183px; top:306px;}
.hmc4citem6{right:403px; top:387px;}
.hmc4citem7{right:221px; top:372px;}
.hmc4citem8{right:220px; top:246px;}
.hmc4citem9{right:229px; top:262px;}
.hmc4citem10{right:76px; top:157px;}
.hmc4citem11{right:200px; top:420px;}
.hmc4citem12{right:138px; top:202px;}
.hmc4citem13{right:200px; top:290px;}
.hmc4citem14{right:179px; top:346px;}
.hmc4citem15{right:306px; top:298px;}
.hmc4citem16{right:225px; top:335px;}
.hmc4citem17{right:185px; top:388px;}
.hmc4citem18{right:225px; top:434px;}
.hmc4citem19{right:159px; top:420px;}
.hmc4citem20{right:224px; top:412px;}
.hmc4citem21{right:195px; top:358px;}
.hmc4citem1 .hmc4citem_btn{opacity:1}
.hmc4citem2 .hmc4citem_btn{opacity:0.8}
.hmc4citem3 .hmc4citem_btn{opacity:0.7}
.hmc4citem4 .hmc4citem_btn{opacity:0.9}
.hmc4citem5 .hmc4citem_btn{opacity:0.6}
.hmc4citem6 .hmc4citem_btn{opacity:1}
.hmc4citem7 .hmc4citem_btn{opacity:0.3}
.hmc4citem8 .hmc4citem_btn{opacity:0.6}
.hmc4citem9 .hmc4citem_btn{opacity:0.6}
.hmc4citem10 .hmc4citem_btn{opacity:0.6}
.hmc4citem11 .hmc4citem_btn{opacity:0.3}
.hmc4citem12 .hmc4citem_btn{opacity:0.7}
.hmc4citem13 .hmc4citem_btn{opacity:0.8}
.hmc4citem14 .hmc4citem_btn{opacity:0.7}
.hmc4citem15 .hmc4citem_btn{opacity:0.8}
.hmc4citem16 .hmc4citem_btn{opacity:0.7}
.hmc4citem17 .hmc4citem_btn{opacity:0.5}
.hmc4citem18 .hmc4citem_btn{opacity:0.6}
.hmc4citem19 .hmc4citem_btn{opacity:0.4}
.hmc4citem20 .hmc4citem_btn{opacity:0.2}
.hmc4citem21 .hmc4citem_btn{opacity:0.3}
.hmc4back{display:inline-block; position:absolute; z-index:20; left:50%; bottom:65px}

.hmc4cnm{ font-size: 12px; color: #c41731; white-space: nowrap; position: absolute; line-height: 17px; top: 0px; right: 20px; display: inline-block; transition:all 0.3s ease-out; opacity:0; visibility:hidden }
.hmc4citem:hover .hmc4cnm{opacity:1; visibility:visible}
.hmc4chLay{ background: #FFF; padding: 34px 22px 0px 38px; height: 180px; width: 420px; box-shadow:0 10px 30px rgba(0,0,0,0.1); position:absolute; right:-80px; bottom:35px; transition:all 0.5s ease-in-out; opacity:0; transform:translateY(10px); visibility:hidden}
.hmc4chLay:after{content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff; position:absolute; right:79px; bottom:-8px;}
.hmc4chLay strong{ font-size: 18px; font-weight: 100; line-height: 22px; display: block; }
.hmc4ctsitms{ font-size: 14px; line-height: 18px; color: #808080; margin: 0px 0px 12px; }
.hmc4ScrollBox{ height:80px; margin-top:12px; position:relative;/* overflow:hidden*/}
.hmc4citem:hover .hmc4chLay,.hmc4citem.on .hmc4chLay{ opacity:1; transform:translateY(0px); visibility:visible}
.hmc4citem:hover,.hmc4citem.on{z-index:5;}
.hmc4ShowWord .hmc4chinaMap{ opacity:0; visibility:hidden}
.hmc4ShowChina #container,.hmc4ShowChina .index4shx{opacity:0;}

.hmc4ShowAmerica #container,.hmc4ShowAmerica .index4shx{opacity:0;}
.hmc4ShowAsia #container,.hmc4ShowAsia .index4shx{opacity:0;}
.hmc4ShowEurope #container,.hmc4ShowEurope .index4shx{opacity:0;}

.hmc4chinaMap,.hmc4AmericaMap,.hmc4AsiaMap,.hmc4EuropeMap{transition:all 0.8s ease-in-out;}

.hmc4AmericaMap{ background: url(../../../Img/new/wordMap1.png) no-repeat center center; height: 800px; width: 1050px; position: absolute; right: 50px; top: -50px;}
.hmc4AmericaItems{ height: 516px; width: 750px; position: absolute; right:65px; top:170px;}
.hmc4AMcitem{ height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4AMcitem_btn{ background: url(../../../Img/new/mp_i1.png) no-repeat center center; display: inline-block; height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4AMcitem:hover .hmc4AMcitem_btn{ background: url(../../../Img/new/mp_i1a.png) no-repeat center center; opacity:1!important;}
.hmc4AMcitem1{right:655px; top:30px;}
.hmc4AMcitem2{right:245px; top:125px;}
.hmc4AMcitem3{right:77px; top:133px;}
.hmc4AMcitem1 .hmc4citem_btn{opacity:1}
.hmc4AMcitem2 .hmc4citem_btn{opacity:0.8}
.hmc4AMcitem3 .hmc4citem_btn{opacity:0.7}
.hmc4AMcitem:hover .hmc4chLay,.hmc4AMcitem.on .hmc4chLay{ opacity:1; transform:translateY(0px); visibility:visible}
.hmc4AMcitem:hover,.hmc4AMcitem.on{z-index:5;}

.hmc4AsiaMap{ background: url(../../../Img/new/wordMap2.png) no-repeat center center; height: 800px; width: 1050px; position: absolute; right: 50px; top: -50px;}
.hmc4AsiaItems{ height: 516px; width: 750px; position: absolute; right:65px; top:170px;}
.hmc4AScitem{ height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4AScitem_btn{ background: url(../../../Img/new/mp_i1.png) no-repeat center center; display: inline-block; height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4AScitem:hover .hmc4AScitem_btn{ background: url(../../../Img/new/mp_i1a.png) no-repeat center center; opacity:1!important;}
.hmc4AScitem1{right:550px; top:150px;}
.hmc4AScitem2{right:420px; top:217px;}
.hmc4AScitem3{right:402px; top:252px;}
.hmc4AScitem4{right:168px; top:37px;}
.hmc4AScitem5{right:196px; top:48px;}
.hmc4AScitem6{right:179px; top:499px;}
.hmc4AScitem7{right:84px; top:478px;}
.hmc4AScitem1 .hmc4citem_btn{opacity:1}
.hmc4AScitem2 .hmc4citem_btn{opacity:0.8}
.hmc4AScitem3 .hmc4citem_btn{opacity:0.7}
.hmc4AScitem4 .hmc4citem_btn{opacity:0.9}
.hmc4AScitem5 .hmc4citem_btn{opacity:0.6}
.hmc4AScitem6 .hmc4citem_btn{opacity:1}
.hmc4AScitem7 .hmc4citem_btn{opacity:0.3}
.hmc4AScitem:hover .hmc4chLay,.hmc4AScitem.on .hmc4chLay{ opacity:1; transform:translateY(0px); visibility:visible}
.hmc4AScitem:hover,.hmc4AScitem.on{z-index:5;}

.hmc4EuropeMap{ background: url(../../../Img/new/wordMap3.png) no-repeat center center; height: 800px; width: 1050px; position: absolute; right: 50px; top: -50px; }
.hmc4EuropeItems{ height: 516px; width: 750px; position: absolute; right:65px; top:170px;}
.hmc4EUcitem{ height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4EUcitem_btn{ background: url(../../../Img/new/mp_i1.png) no-repeat center center; display: inline-block; height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4EUcitem:hover .hmc4EUcitem_btn{ background: url(../../../Img/new/mp_i1a.png) no-repeat center center; opacity:1!important;}
.hmc4EUcitem1{right:587px; top:70px;}
.hmc4EUcitem1 .hmc4citem_btn{opacity:1}
.hmc4EUcitem:hover .hmc4chLay,.hmc4EUcitem.on .hmc4chLay{ opacity:1; transform:translateY(0px); visibility:visible}
.hmc4EUcitem:hover,.hmc4EUcitem.on{z-index:5;}

.hmc4vsOpacity{opacity:0; visibility:hidden; transition:all 0.3s ease-in-out;}



@media (max-width:1799px){
.index_section4{ padding: 80px 0px;}
.indexC4box{ min-height:550px;}
.hmc4_t { font-size: 28px; line-height:46px;}
.hmc4_t:after{height: 1px; width: 30px; left: -48px; top: 25px; }
.hmc4_des { font-size: 15px; line-height: 28px; max-width: 588px; margin-top: 22px; }
.hmc4ul li { margin-top:60px; height:56px; padding-left: 72px; }
    .hmc4ul li strong {
        padding-top: 0px;
        font: 40px/34px Ebrima;
        margin-top: -8px;
    }
.hmc4ul li strong i{ font-size: 22px; 6px; transform:translateY(-18px) }
.hmc4Svg{width:80px; height:80px; position:absolute; left:0; top:0;}
.index4map{position:absolute; right:60px; top:22vh; height:720px;}
.hmc4Svg{width:56px; height:56px;}
.index4map{right:0; top:-22px; right:-50px;}
#container{top:-20px;}
.hmc4EuropeMap{ background: url(../../../Img/new/wordMap3.png) no-repeat 150px center;}
.hmc4EUcitem1{right:437px;}
.hmc4AmericaMap{top:20px;}
.hmc4EuropeMap{top:125px;}
}
@media (max-width:1199px){
.index4map {display:none;}
.hmc4_des{max-width:none;}.hmc7aBox.scaleImg .overflowHide
}
@media (max-width:767px){
.hmc4_t:after{ display:none;}
.index_section4{padding:60px 0;}
.indexC4box{padding:0;}
.hmc4_t{font-size:26px; line-height:38px;}
.hmc4_des{font-size:14px; line-height:26px; margin-top:10px;}
.hmc4ul li{height:auto; margin-top:26px;}
.hmc4Svg{width:40px; height:40px;}
.hmc4ul li{padding-left:48px; line-height:22px;}
    .hmc4ul li strong {
        font: 30px/30px Ebrima;
        margin-top: -5px;
    }
.hmc4ul li strong i{transform:translateY(-14px);}
.indexC4box{min-height:100px;}
.hmc4Svg{top:6px;}
}


.index_section5{ height:100vh; overflow:hidden}
.hmc5Lx{width:50%; height:100vh; float:left; transition:all 0.5s ease-out; overflow:hidden}
.hmc5Rx{width:50%; height:100vh; float:right; transition:all 0.5s ease-out;}
.hmc6logo{/*width:120px; height:80px; background:#fff; border-radius:0.4em;*/ vertical-align:middle; margin-bottom:10px;}
.hmc6logo img{max-width:80%; max-height:80%; width:auto; height:auto; display:inline-block;}
.hmc6box1{ width: 100%; height: 100vh; padding-top: 12.96vh; padding-left: calc((100vw - 1590px)/2); color: #FFF; position: relative;}
.hmc6box1:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; } 
.hmc6box1:hover:before{transform:scale(1.2);}
.hmc6box2{ height: 50vh; position: relative; transition: all 0.5s ease-out; overflow: hidden; background-size:cover;}
.hmc6box2:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; } 
.hmc6box2:hover:before{transform:scale(1.2);}
.hmc6box3{ height: 50vh; position: relative; transition: all 0.5s ease-out; overflow: hidden; color: #fff; background-size:cover;}
.hmc6box3:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; } 
.hmc6box3:hover:before{transform:scale(1.2);}
.hmc6_t1{ font-size: 32px; line-height: 40px; font-weight: bold; display: block; padding-left: 0px; position: relative; position:relative; z-index:2; transition:all 0.5s ease-in-out; }
.hmc6_t1:after{ content: ""; background: #C61634; height: 2px; width: 36px; position: absolute; left: 0px; top: 29px; transition:all 0.5s ease-in-out; opacity:0 }
.hmc6_des1{ font-size: 18px; line-height: 36px; margin-top: 3.88vh; padding-left: 60px; position: relative; z-index: 2; height: 21.75vh; transition:all 0.5s ease-in-out; opacity:0; padding-right:calc((100vw - 1590px)/2); }
.hmc6_des1 p{ max-height:108px; overflow:hidden;}
.hmc6_des2{ font-size: 18px; line-height: 36px; padding-top: 27.5vh; padding-left:120px; position: relative; z-index: 2; height: 21.75vh; transition:all 0.5s ease-in-out; opacity:0; padding-right:120px; }
.hmc6_des2 p{ max-height:108px; overflow:hidden;}
.hmc6_des3{ font-size: 18px; line-height: 36px; padding-top: 27.5vh; padding-left:120px; position: relative; z-index: 2; height: 21.75vh; transition:all 0.5s ease-in-out; opacity:0; padding-right:120px; }
.hmc6_des3 p{ max-height:108px; overflow:hidden;}
.hmc6ul{overflow:hidden; margin-bottom:3.33vh; margin-left:60px; transition:all 0.5s ease-in-out; transform:scale(0.5); transform-origin:left center; opacity:0; position:relative; z-index:1}
.hmc6ul li { float: left; width: 50%; height: 15.92vh; }
.hmc6ul li p { font-size: 16px; line-height: 32px; }
.hmc6ul2{overflow:hidden; padding-top:9.56vh; margin-left:120px; transition:all 0.5s ease-in-out; transform-origin:left center; transform:scale(0.5);opacity:0; position:relative; z-index:1}
.hmc6ul2 li { float: left; width: 50%; height: 17.92vh; }
.hmc6ul2 li p { font-size: 16px; line-height: 32px; }
.hmc6ul3{/*overflow:hidden;*/ padding-top:9.56vh; margin-left:120px; transition:all 0.5s ease-in-out; transform-origin:left center; transform:scale(0.5);opacity:0; position:relative; z-index:1}
.hmc6ul3:after{content:""; height:0; clear:both; display:table;}
.hmc6ul3 li { float: left; width: 50%; height: 17.92vh; }
.hmc6ul3 li p { font-size: 16px; line-height: 32px; }
.hmc6sz { line-height: 56px;}
.hmc6_szSpan {
    font: bold 60px Ebrima;
}
.hmc6_fs{ display: inline-block; position: relative; top: -28px; left: 2px; font-size: 28px; }
.hmc6_fs2{ font: 16px "微软雅黑"; display: inline-block; position: relative; top: -2px; left:2px; }
.hmc6_more2{ font-size: 16px; color: #FFF; line-height: 26px; background: url(../../../Img/new/hmc6_ar3.png) no-repeat right center; display: inline-block; padding-right: 35px; margin-left:60px; transition:all 0.5s ease-in-out; opacity:0; position:relative; z-index:2  }
.hmc6_nmspan {
    color: #c61731;
    display: inline-block;
    position: absolute;
    z-index: 2;
    bottom: 13.08vh;
    right: calc((100vw - 1590px)/2);
    font: 24px/28px Britannic Bold;
    transition: all 0.5s ease-in-out;
    display: none !important;
}
.hmc6box1:hover .hmc6_nmspan,.hmc6box2:hover .hmc6_nmspan,.hmc6box3:hover .hmc6_nmspan{opacity:0;}
.hmc6box3 .hmc6_nmspan,.hmc6box1 .hmc6_nmspan,.hmc6box2 .hmc6_nmspan{color:#fff;}
.hmc6Rt{ font-size: 32px; line-height: 40px; position: absolute; left: calc((100vw - 1590px)/2); top: 12.96vh; font-weight: bold; transition:all 0.5s ease-in-out; z-index:8; }
.hmc6Rt:after{ content: ""; background: #c61731; height: 2px; width: 36px; position: absolute; left: 0px; top: 29px; transition:all 0.5s ease-in-out; opacity:0 }
.hmc6box3 .hmc6Rt:after,.hmc6box2 .hmc6Rt:after{background: #fff;}
.hmc6box3 .hmc6Rt,.hmc6box2 .hmc6Rt{color:#fff;}
.hmc6box2 *{color:#fff;}
.hmc6Rwpr{ width:50vw; height:50vw; position:absolute; left:0; top:0; }
.hmc6_round{ width:50vw; height:50vw; background:#0a3d80; position:absolute; left:0; top:0; border-radius:50%; transition:all 0.5s ease-in-out; opacity:0}
.hmc6aniBg{ background: url(../../../Img/new/hmc5bg1.png) no-repeat right top; height: 310px; width: 100vw; position: absolute; left: 0px; top: 0px; background-size:100% auto; opacity:0}
.hmc6box2 .hmc6ul2 li{width:25%;}

@media (min-width:993px){
.hmCon5LImportant .hmc5Lx{ width:66%;}
.hmCon5LImportant .hmc5Rx{ width:34%;}
.hmCon5RImportant .hmc5Lx{ width:34%;}
.hmCon5RImportant .hmc5Rx{ width:66%;}
.hmc5RxTopImgportant .hmc6box2{ height:70vh;}
.hmc5RxTopImgportant .hmc6box3{ height:30vh;}
.hmc5RxBomImgportant .hmc6box2{ height:30vh;}
.hmc5RxBomImgportant .hmc6box3{ height:70vh;}
.hmCon5LImportant .hmc6_round{ width:66vw; height:66vw;}
.hmCon5RImportant .hmc6_round{ width:34vw; height:34vw;}
.hmCon5RImportant .hmc6_t1{ font-size: 32px; line-height: 40px; }
.hmCon5RImportant .hmc6_t1:after{ top:19px;}
.hmCon5LImportant .hmc6ul{ opacity:1; transform:scale(1)}
.hmCon5LImportant .hmc6_des1{opacity:1;}
.hmc5RxTopImgportant .hmc6ul2{ opacity:1; transform:scale(1)}
.hmc5RxBomImgportant .hmc6ul3{ opacity:1; transform:scale(1)}
.hmCon5LImportant .hmc6_more2{opacity:1;}
.hmCon5LImportant .hmc6_t1{font-size: 48px; line-height: 60px; padding-left: 60px;}
.hmCon5LImportant .hmc6_t1:after{ opacity:1;}
.hmc6box2:hover .hmc6Rt,.hmc6box3:hover .hmc6Rt{ font-size: 40px; line-height: 50px; padding-left: 60px; bottom:auto; top: 12.96vh; padding-left: 60px; left:60px; transition:all 0.5s ease-in-out;}
.hmc6box2:hover .hmc6_des2,.hmc6box3:hover .hmc6_des3{ opacity:1;}
/*.hmc6box2 .hmc6_more2{ color: #333; background: url(../../../Img/new/c8_ar1.png) no-repeat right center; }*/
.hmc6box2 .hmc6_more2,.hmc6box3 .hmc6_more2{ opacity:0; left:60px; transition:all 0.3s ease-in-out;}
.hmc6box2:hover .hmc6_more2,.hmc6box3:hover .hmc6_more2{ opacity:1;}
.hmc6box2:hover .hmc6Rt:after,.hmc6box3:hover .hmc6Rt:after{opacity:1;}
}
.hmc6_t1:after{ content: ""; background: #C61634; height: 2px; width: 36px; position: absolute; left: 0px; top: 29px; transition:all 0.5s ease-in-out; }
.indexc6Top{ background-attachment: fixed; background-repeat: 100% auto; background-repeat: no-repeat; background-position: center center; padding: 18.98vh 0px; }
.index6_t{ margin-left: 60px; font-size: 48px; line-height: 62px; font-weight: bold; color: #FFF; position: relative; }
.index6_t:before{ content: ""; background: #C61634; height: 2px; width: 36px; margin-top: -1px; position: absolute; top: 50%; left: -58px; }
.index6con{ padding: 108px 0px 90px; border-bottom: 1px solid #E6E6E6; position:relative; }
.index6slick{ margin-right:645px;}
.hmc6item strong { font-size: 36px; line-height: 58px; font-weight: normal; display: block; opacity:0; transition:all 0.5s ease-in-out; transform:translateX(100px); }
.hmc6item p { font-size: 18px; line-height: 36px; color: #808080; margin: 15px 0px 30px; opacity:0; transition:all 0.5s ease-in-out; transform:translateX(100px); max-height:108px; overflow:hidden }
.hmc6item div{ opacity:0; transition:all 0.5s ease-in-out; transform:translateX(100px);}
.hmc6more { background: #C61634 url(../../../Img/new/hmc6_ar.png) no-repeat 167px center; height: 54px; width: 240px; padding-left: 66px; font-size: 18px; line-height: 54px; color: #FFF; display: inline-block; }
.hmc6more:hover { background: #C61634 url(../../../Img/new/hmc6_ar.png) no-repeat 167px center; color: #FFF; box-shadow:0px 5px 15px rgba(198,23,49,0.6); transform:translate(15px,-5px) }
.hmc6item.slick-active strong{ opacity:1; transform:translateX(0); transition-delay:0.2s}
.hmc6item.slick-active p{ opacity:1; transform:translateX(0); transition-delay:0.4s}
.hmc6item.slick-active div{ opacity:1; transform:translateX(0); transition-delay:0.6s}
.hmc6Rx { text-align: center; height: 460px; background: #093977; width: 460px; position: absolute; right: 0px; top: -82px; color: #FFF; }
.hmc6Rx_et { font-size: 40px; color: #FFF; line-height: 62px; font-weight: 100; }
.hmc6Rx_ct { font-size: 36px; line-height: 58px; font-weight: 100; }
.hmc6RxTinfo{width:100%; position:absolute; left:0; top:65px; opacity:0; transition:all 0.3s ease-in-out;}
.hmc6RxTinfo.on{opacity:1;}
.hmc6Btns{ height: 20px; width: 192px; position: absolute; left: 50%; bottom: 90px; transform:translateX(-50%);}
.hmc6Btns:after{ content: ""; background: rgba(255,255,255,0.5); height: 20px; width: 1px; position: absolute; left: 50%; top: 0px; }
.hmc6Btns .prev{ background: url(../../../Img/new/hmc6_ar2.png) no-repeat center center; float: left; height: 60px; width: 60px; border: 2px solid #FFF; border-radius:50%; position:relative; top:-20px; }
.hmc6Btns .next{ background: url(../../../Img/new/hmc6_ar2.png) no-repeat center center; float: right; transform:rotate(180deg); height: 60px; width: 60px; border: 2px solid #FFF;border-radius:50%; position:relative; top:-20px; }
.hmc6Btns .prev:hover,.hmc6Btns .next:hover{ background: #FFF url(../../../Img/new/hmc6_ar22.png) no-repeat center center; }
.hmc6Btnwr{padding-bottom:20px;}
@media (max-width:1799px){
.hmc6_t1{ font-size: 28px; line-height: 46px; padding-left: 50px; }
.hmc6_t1:after{height: 1px; width: 30px; top: 22px;}
.hmc6box1{ padding-top:60px; padding-left: calc((100vw - 1200px)/2); }
.hmc6Rt{ font-size: 22px; line-height: 32px; bottom: auto;}
.hmc6_des1{ font-size: 15px; line-height: 32px; margin-top: 3.88vh; padding-left: 50px; height: 17.55vh;  padding-right:calc((100vw - 1200px)/2); }
.hmc6ul{margin-bottom:3.33vh; margin-left:50px}
.hmc6ul li {height: 13.92vh; }
.hmc6ul li p { font-size: 14px; line-height: 28px; }
.hmc6sz{line-height:30px;}
    .hmc6_szSpan {
        font: bold 40px Ebrima;
    }
.hmc6_fs{ top: -20px; left: 2px; font-size: 20px; }
.hmCon5RImportant .hmc6_t1{ font-size: 22px; line-height: 36px; }
.hmc5RxTopImgportant .hmc6Rt{ font-size: 30px; line-height: 46px;}
.hmc5RxBomImgportant .hmc6Rt{ font-size: 30px; line-height: 46px;}
.hmc6_nmspan{bottom:80px;}
.index6_t{ margin-left: 46px; font-size: 28px; line-height: 52px; }
.index6_t:before{height: 1px; width: 30px; left: -50px; }
.index6con{ padding: 88px 0px 80px; }
.hmc6item strong { font-size: 24px; line-height: 42px;}
.hmc6item p { font-size: 15px; line-height: 30px; padding: 15px 0px 30px;}
.hmc6more { background: #C61634 url(../../../Img/new/hmc6_ar.png) no-repeat 157px center; height: 52px; width: 220px; padding-left: 56px; font-size: 16px; line-height: 52px;}
.index6slick{margin-right:465px;}
.hmc6Rx { height: 362px; width: 360px;top: -62px; }
.hmc6Rx_et { font-size: 30px;line-height: 52px }
.hmc6Rx_ct { font-size: 30px; line-height:48px; }
.hmc6RxTinfo{ top:62px;}
.hmCon5LImportant .hmc6_t1{font-size: 32px; line-height: 48px; padding-left:50px;}
.hmc6box2:hover .hmc6Rt,.hmc6box3:hover .hmc6Rt{ font-size: 28px; line-height: 40px; padding-left: 50px; top: 60px; padding-left: 50px; left:50px}
.hmc6Rt:after{ height: 1px; width: 30px; top: 20px;}
.hmc6box2:hover .hmc6_des2,.hmc6box3:hover .hmc6_des3{ opacity:1; padding-top:25vh; height:auto;}
.hmc6box2 .hmc6_more2,.hmc6box3 .hmc6_more2{ opacity:0; left:60px; transition:all 0.3s ease-in-out;}
.hmc6_more2{margin-left:50px;}
.hmc6Rt{ left: calc((100vw - 1200px)/2); top:60px;}
.hmc6_des2{ font-size: 14px; line-height: 28px; margin-top:0; padding-left: 100px; height:auto; }
.hmc6ul2{margin-bottom:3.33vh; margin-left:100px; padding-top:3vh;}
.hmc6ul2 li {height: 13.92vh; }
.hmc6ul2 li p { font-size: 14px; line-height: 28px; }
.hmc6box2 .hmc6ul2 li p {line-height: 22px; }
.hmc6_des3{font-size: 14px; line-height: 28px; margin-top:0; padding-left: 100px; height:auto; }
.hmc6ul3{margin-bottom:3.33vh; margin-left:100px; padding-top:3vh;}
.hmc6ul3 li {height: 13.92vh; }
.hmc6ul3 li p { font-size: 14px; line-height: 28px; }
.hmc6box2 .hmc6_more2, .hmc6box3 .hmc6_more2{left:50px;}
.hmc6_nmspan{ right: calc((100vw - 1200px)/2);}
.hmc6logo{height:40px;}
.hmc6logo img{height:40px; width:auto;}
.hmc6Btns{width:172px;}
.hmc6Btns .prev{height:50px; width: 50px; top:-15px; }
.hmc6Btns .next{ height: 50px; width: 50px; top:-15px; }


/*.hmc6box2 .hmc6_des2,.hmc6box3 .hmc6_des3{ opacity:1; padding-top:24vh;}
.hmc6box2 .hmc6Rt,.hmc6box3 .hmc6Rt{ font-size: 28px; line-height: 40px; padding-left: 50px; top: 60px; padding-left: 50px; left:50px}
.hmc6ul2{ opacity:1; transform:scale(1)}
.hmc6ul3{ opacity:1; transform:scale(1)}*/

}
@media (max-width:993px){
.index_section5{ height:auto;}
.hmc5Lx,.hmc5Rx{width:100%!important; height:auto!important; position:relative; float:none; display:block;}
.hmc6box1{height:auto!important;padding:60px 25px;}
.hmc6box2{height:auto!important;}
.hmc6box3{height:auto!important;}
.hmc6_des1{opacity:1;}
.hmc6ul{transform:none; opacity:1;}
.hmc6_more2{opacity:1;}
.hmc6_round{width:80vw!important; height:80vw!important; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc6Rwpr{position:static; width:0; height:0}
.hmc6_des1{height:auto; margin-bottom:25px;}
.hmc6ul2{transform:none; opacity:1; padding:60px 25px 10px; margin-left:60px}
.hmc6ul3{transform:none; opacity:1; padding:60px 25px 10px; margin-left:60px}
.hmc6ul li,.hmc6ul2 li,.hmc6ul3 li{height:105px;}
.hmc6Rt{font-size:32px!important; line-height:50px!important; position:static!important; padding:0 80px 60px;}
.hmc6_nmspan{display:none;}
.indexc6Top{ padding: 12.98vh 0px; background-attachment:local; background-position:center center!important; }
.index6slick{margin-right:285px;}
.hmc6Rx { height: 220px; width: 220px;top: -42px; }
.hmc6Rx_et { font-size: 20px;line-height: 42px }
.hmc6Rx_ct { font-size: 20px; line-height:38px; }
.hmc6RxTinfo{ top:42px;}
.hmc6Btns{bottom:50px;}
.hmc6_des2,.hmc6_des3{height:auto!important; opacity:1!important; padding:20px 15px 0!important;}
.hmc6box2 .hmc6_more2,.hmc6box3 .hmc6_more2{opacity:1!important; left:0}
.hmc6_t1{transform:translate(0,0)!important; opacity:1!important;}
.hmc6Rt { transform:translate(0,0)!important; opacity:1!important;}
}
@media (min-width:767px) and (max-width:993px){
.hmc6Rt{padding:60px 60px 0!important;}
.hmc6_des2,.hmc6_des3{padding-left:60px!important; padding-right:60px!important;}
.hmc6ul2,.hmc6ul3{padding-left:0!important; padding-top:25px!important;}
.hmc6aniBg{display:none!important;}
.hmc6box2 .hmc6_more2{ background: url(../../../Img/new/hmc6_ar3.png) no-repeat right center; color: #fff; padding-right:20px; margin-left:15px; }
.hmc6box3 .hmc6_more2{opacity:1!important; left:50px; margin-left:10px!important;}
.hmc6box2,.hmc6box3{padding-bottom:60px;}
.hmc6box2 .hmc6_more2,.hmc6box3 .hmc6_more2{left:50px}
}
@media (max-width:767px){
.hmc6_t1:after{display:none;}
.hmc6_t1{padding-left:0;font-size:26px; line-height:38px;}
.hmc6_des1{padding-left:0; margin:15px 0 20px; font-size:14px; line-height:26px;}
.hmc6ul{margin-left:0;}
.hmc6_more2{margin-left:0;}
.hmc6ul li{width:100%;}
    .hmc6_szSpan {
        font: bold 30px Ebrima;
    }
.hmc6_fs{top:-11px;}
.hmc6ul li, .hmc6ul2 li, .hmc6ul3 li{height:auto; margin-bottom:18px;}
.hmc6aniBg{display:none;}
.hmc6Rt{padding:0 15px!important; font-size:26px!important; line-height:38px!important;}
.hmc6box2{padding:50px 0 50px;}
.hmc6ul2{margin-left:0; padding-top:15px; padding-left:15px; padding-right:15px;}
.hmc6ul2 li{width:100%;}
.hmc6ul2 li p{font-size:14px; line-height:28px;}
.hmc6box3{padding:50px 0 50px;}
.hmc6ul3{margin-left:0; padding-top:15px; padding-left:15px; padding-right:15px;}
.hmc6ul3 li{width:100%;}
.hmc6ul3 li p{font-size:14px; line-height:28px;}
.hmc6box2 .hmc6_more2{ background: url(../../../Img/new/hmc6_ar3.png) no-repeat right center; color: #fff; padding-right:20px; margin-left:15px; }
.hmc6box3 .hmc6_more2{margin-left:15px;}
.hmc6box1{padding-left:15px; padding-right:15px;}
.index6_t{font-size:28px; line-height:38px;}
.hmc6Rx_et{font-size:24px;}
.hmc6Rx_ct{font-size:20px; line-height:22px; height:22px;}
.hmc6Rx{height:112px; right:auto; left:50%; margin-left:-110px;}
.hmc6Btns:after{display:none;}
.hmc6Btns{width:180px;}
.hmc6RxTinfo{top:18px;}
.index6slick{margin-right:0;}
.hmc6item strong{font-size:20px; line-height:26px;}
.hmc6item p{font-size:14px; line-height:26px;}
.hmc6more { background: #C61634 url(../../../Img/new/hmc6_ar.png) no-repeat 107px center!important; height: 42px; width: 140px; padding-left: 26px; font-size: 14px; line-height: 42px; background-size:6px auto;}
.index6con{padding-top:100px; padding-bottom:50px;}
.hmc6_des1 p,.hmc6_des3 p,.hmc6_des2 p{max-height:none; overflow:visible;}
.hmCon5LImportant .hmc6_t1{padding-left:0; font-size:26px; line-height:38px;}
.hmc6box2 .hmc6ul2 li{width:100%;}
}

.index_section7{ margin-top:90px; padding-bottom:90px;}
.index7wpr{position:relative;}
.index7Bcon{width:125%;}
.hmc7slick{ margin: 0px -12px 30px; position:relative;}
.hmc7slick .slick-list{transform:translateX(-21.85vw);}
/*.hmc7slickFirst .slick-list{transform:translateX(calc((100% - 1590px)/2));}*/
.hmc7aBox.scaleImg .overflowHide { height: 360px; }
.hmc7aBox.scaleImg .ellipsis { font-size: 24px; line-height: 82px; font-weight: 100; display: block; }
.hmc7item{padding:0 12px;}
.mvlayerBg{ height: 100%; width: 100%; position: fixed; z-index: 82; left: 0px; top: 0px; right: 0px; bottom: 0px; background:rgba(0,0,0,0.8); }
.mvLayer {  width: 100%; transform:translateY(-50%); position: fixed; z-index: 85; left: 0px; top: 50%; }
.mvClose { background: url(../../../Img/new/m2mvClose.png) no-repeat; height: 38px; width: 38px; position: absolute; top: -38px; right: 0; cursor: pointer; z-index: 5; }
.m2mvBox { width: 66%; height: 706px; position: relative; background: #000; margin:0 auto; }
.hmc7slick .slick-dots{bottom:-40px;transform:translateX(-12.25vw);}
.hmc7slick .slick-dots li button{display:none;}
.hmc7slick .slick-dots li{ height: 16px; width: 16px; border: 2px solid #C61634; margin: 0px 5px; border-radius:50%; }
.hmc7slick .slick-dots li.slick-active{background:#C61634;}
.hmc7aBox.scaleImg .overflowHide:before{content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:2;}
.hmc7aBox.scaleImg .overflowHide i{ height: 80px; width: 80px; position: absolute; z-index: 3; transform: translate(-50%,-50%); top: 50%; left: 50%; background: url(../../../Img/new/paly_i0.png) no-repeat center center; }
.hmc7aBox.scaleImg .overflowHide i:before{ content: ""; background: url(../../../Img/new/paly_i1.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;  }
.hmc7aBox.scaleImg .overflowHide i:after{ content: ""; background: url(../../../Img/new/paly_i2.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;}
.hmc7aBox.scaleImg:hover .overflowHide i:before{animation: rotate 1.8s linear infinite; }
.hmc7aBox.scaleImg:hover .overflowHide i:after{animation: rotate2 1.8s linear infinite;}
.hmc7slick .slick-list{ transition:all 0.5s ease-out; }
@media (max-width:1379px){
.m2mvBox { width: 66%; height: 500px;}
}
@media (max-width:1799px){
.m2mvBox { width: 66%; height: 586px; }
.index_section7{ margin-top:80px; padding-bottom:80px;}
.hmc7aBox.scaleImg .overflowHide { height: 250px; }
.hmc7aBox.scaleImg .ellipsis { font-size:16px; line-height: 56px;}
.hmc7item{padding:0 12px;}
.hmc7slick .slick-list{transform:translateX(-19.25vw);}
}
@media (max-width:1559px){
.m2mvBox { width: 66%; height: 518px; }
.hmc7slick .slick-list{transform:translateX(-24.25vw);}
}
@media (max-width:1379px){
.hmc7slick .slick-list{transform:translateX(-25.25vw);}
}
@media (max-width:1199px){
.hmc7aBox.scaleImg .overflowHide { height:190px; }
}
@media (max-width:992px){
.mvLayer{margin-top:0; transform:translateY(-50%);height:auto;}
.mvLayer .m2xy_pimg{max-width:220px; margin-left:auto; margin-right:auto; height:240px;}
.m2mvBox { width: 66%; height: 300px;}
.mvClose{top:12px; right:5px;}
.index_section7{margin-top:60px; padding-bottom:60px;}
.hmc7aBox.scaleImg .ellipsis{font-size:16px;}
}
@media (max-width:767px){
.mvLayer .m2xy_pimg{max-width:120px; height:130px;}
.mvClose{top:auto; top:-40px; right:0px;}
.m2mvBox { width: 100%; height:200px;}
.hmc7aBox.scaleImg .overflowHide i{ transform:scale(0.6) translate(-50%,-50%); transform-origin: left top}
.hmc7aBox.scaleImg .overflowHide{height:142px;}
.hmc7aBox.scaleImg .ellipsis{font-size:14px;}
.index_section7 {margin-top:42px;padding-bottom: 50px;}
.hmc7slick .slick-dots li{ height: 12px; width: 12px; border:1px solid #C61634; }
.hmc7slick .slick-dots{bottom:-25px;}
.hmc7itemEmpty{display:none!important;}
.hmc7slick{margin-left:10px; margin-right:10px;}
.hmc7slick .slick-list{transform:translateX(0);}
.hmc7item{padding:0 5px;}
}


.index_section8{ background: #f7f7f7; padding: 11.11vh 0px; }
.index8tnm{ text-align: center; margin-bottom: 18px; }
.hmc8tnm_a{ font-size: 48px; line-height: 128px; display: inline-block; position: relative; margin: 0px 28px; font-weight: bold; }
.hmc8tnm_a.on{ color: #c61731; }
.hmc8tnm_a:after{ content: ""; background: #C61634; height: 2px; width: 0px; position: absolute; left: 50%; top: 0px; transition:all 0.5s ease-in-out; }
.hmc8tnm_a.on:after,.hmc8tnm_a:hover:after{width:100%; left:0;}
.indexc8bom{opacity:0; transform:translateY(100px); transition:all 0.5s ease-out;}
.indexc8bom.on{opacity:1; transform:translateY(0);}
.hmc8Con{overflow:hidden; margin-bottom:80px;}
.hmc8more{text-align:center;}
.hmc3MoreBtn{ font-size: 16px; line-height: 38px; display: inline-block; background: url(../../../Img/new/c8_ar1.png) no-repeat right center; padding-right: 28px; }
.hmc3MoreBtn:hover{background: url(../../../Img/new/c8_ar2.png) no-repeat right center;}
.hmc8Lx{ padding-right: 12px; float: left; width: 50%; }
.hmc8Rx{ padding-left: 12px; float: left; width: 50%; }
.hmc8_aBox .overflowHide { height: 432px; }
.hmc8_abom { background: #FFF; height: 228px; padding: 36px 40px 0px; }
.hmc8_abom .ellipsis { font-size: 36px; line-height: 68px; font-weight: normal; display: block; height: 68px; }
.hmc8_abom p { font-size: 18px; line-height: 32px; color: #989898; height: 64px; overflow: hidden; }
.hmc8swiper .slick-dots{ bottom: 268px; left: 50%; width: auto; transform:translateX(-50%); background:rgba(0,0,0,0.3); padding:8px 26px 6px; border-radius:1.8em;}
.hmc8swiper .slick-dots li button{display:none;}
.hmc8swiper .slick-dots li{ height: 16px; width: 16px; border: 2px solid #C61634; margin: 0px 5px; border-radius:50%; }
.hmc8swiper .slick-dots li.slick-active{background:#C61634;}
.hmc8Rx_ul li{ margin-bottom: 24px; }
.hmc8Rx_ul li:last-child{margin-bottom:0;}
.hmc8aBox{display:block; overflow:hidden; background:#fff; position:relative;}
.hmc8aBox:before{ content: ""; background: url(../../../Img/new/hmc8_arbg.png) no-repeat right center; height: 204px; width: 200px; position: absolute; top: 0px; right: 0px; z-index: 1; transition:all 0.4s ease-in-out; opacity:0; transform:translateX(35px) }
.hmc8aBox:after{ content: ""; background: url(../../../Img/new/hmc8_ar.png) no-repeat center center; height: 100%; width: 60px; position: absolute; z-index: 2; top: 0px; right: 0px; transition:all 0.4s ease-in-out; opacity:0; transform:translateX(-25px); }
.hmc8aBox.scaleImg .overflowHide { float: left; height: 204px; width: 362px; }
.hmc8srx { margin: 0px 38px 0px 400px; padding-top: 22px; }
.hmc8srx .ellipsis { font-size: 24px; font-weight: normal; display: block; line-height: 64px; height: 64px; }
.hmc8srx p { font-size: 16px; line-height: 24px; color: #989898; height: 72px; overflow: hidden; }
.hmc8aBox *{ transition:all 0.5s ease-in-out;}
@media (min-width:993px){
.hmc8aBox:hover{ background:#c61731;}
.hmc8aBox:hover *{color:#fff; transition:all 0.5s ease-in-out;}
.hmc8aBox:hover:before{opacity:0.6; transform:translateX(0)}
.hmc8aBox:hover:after{opacity:1; transform:translateX(0px);}
}
.hmc8aItems {margin-bottom:55px;}
.hmc8aItem{float:left; position:relative; display:block}
.hmc8aItem .overflowHide{width:100%; height:100%;}
.hmc8aItems .hmc8aItem:nth-child(1){width:40%; height:720px;}
.hmc8aItems .hmc8aItem:nth-child(2){width:20%; height:360px; background:#c61731; color:#fff;}
.hmc8aItems .hmc8aItem:nth-child(2):hover{ background: #B5152E; color:#fff; }
.hmc8aItems .hmc8aItem:nth-child(3){width:20%; height:360px;}
.hmc8aItems .hmc8aItem:nth-child(4){width:20%; height:360px; background:#fff;}
.hmc8aItems .hmc8aItem:nth-child(5){width:40%; height:360px;}
.hmc8aItems .hmc8aItem:nth-child(6){ width: 20%; height: 360px; background: #093977; }
.hmc8aItems .hmc8aItem:nth-child(6):hover{ background: #09336C; color: #fff; }
.hmc8aItem .overflowHide .bgImg:after{ content:""; background:rgba(0,0,0,0.3); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmc8aTxt1{ position: absolute; left: 60px; right: 60px; bottom: 48px; color: #FFF; }
.hmc8tm {
    font: 18px/32px Ebrima;
    margin-top: 38px;
    transition: all 0.5s ease-in-out;
}
.hmc8aItem:hover .hmc8tm{opacity:0; transform:translateY(-18px)}
.hmc8_st1 { font-size: 24px; line-height: 36px; }
.hmc8_snm { font-size: 16px; line-height: 18px; color: #FFF; display: inline-block; padding-left: 20px; margin-bottom: 80px; border-left: 1px solid #FFF; opacity:0!important }
.hmc8aTxt2{ padding: 58px 40px 0px; position:absolute; width:100%; height:100%; left:0; top:0; z-index:2; color:#fff; }
.hmc8_snm2 { font-size: 20px; line-height: 28px; height: 84px; overflow: hidden; transition:all 0.5s ease-in-out; }
.hmc8_snma{margin-bottom:100px;}
.hmc8aItems .hmc8aItem:nth-child(3) .overflowHide .bgImg:after{ background:rgba(0,0,0,0.5);}
.hmc8aItems .hmc8aItem:nth-child(4) .hmc8_snm,.hmc8aItems .hmc8aItem:nth-child(5) .hmc8_snm { color: #C61634; border-left: 1px solid #C61634; }
.hmc8aItems .hmc8aItem:nth-child(4) .hmc8aTxt2,.hmc8aItems .hmc8aItem:nth-child(5) .hmc8aTxt2{color:#333;}
.hmc8aItems .hmc8aItem:nth-child(5) .overflowHide .bgImg:after{ display:none}
.hmc8more2{color:#fff; transition:all 0.5s ease-in-out; position:absolute; left:40px; bottom:40px; font-size:14px; opacity:0;}
.hmc8aItem:hover .hmc8more2{opacity:1;}
.hmc8aItem .hmc8_snm2{transform:translateY(-40px);}
.hmc8aItem:hover .hmc8_snm2{transform:translateY(-65px);}
.hmc8aItems .hmc8aItem:nth-child(4) .hmc8more2,.hmc8aItems .hmc8aItem:nth-child(5) .hmc8more2{color:#666;}
.hmc8aItems .hmc8aItem:nth-child(1) .hmc8more2{position:static; margin-top:0px;}
.hmc8aItems .hmc8aItem:nth-child(1):hover .hmc8more2{transform:translateY(0px); margin-top:35px;}

@media (max-width:1799px){
.index_section8{ padding:80px 0px; }
.index8tnm{ margin-bottom: 25px; }
.hmc8tnm_a{ font-size: 26px; line-height: 62px; margin: 0px 20px; }
.hmc8tnm_a.on{ color: #c61731; }
.hmc8tnm_a:after{ content: ""; background: #C61634; height: 2px; width: 0px; position: absolute; left: 50%; top: 0px; transition:all 0.5s ease-in-out; }
.hmc8Con{margin-bottom:40px;}
.hmc8_aBox .overflowHide{height:340px;}
.hmc8Lx{width:45%;}
.hmc8Rx{width:55%;}
.hmc8_abom { height: 187px; padding: 28px 25px 0px; }
.hmc8_abom .ellipsis { font-size: 28px; line-height: 58px; height: 58px; }
.hmc8_abom p { font-size: 16px; line-height: 30px; height: 60px;}
.hmc8aBox.scaleImg .overflowHide { height: 164px; width: 292px; }
.hmc8Rx_ul li{ margin-bottom:18px;}
.hmc8Rx_ul li:last-child{margin-bottom:0;}
.hmc8srx { margin: 0px 22px 0px 310px; padding-top: 15px; }
.hmc8srx .ellipsis { font-size: 18px; line-height: 52px; height: 52px; }
.hmc8srx p { font-size: 15px; line-height: 24px;}
.hmc8aItems .hmc8aItem:nth-child(1){height:520px;}
.hmc8aItems .hmc8aItem:nth-child(2){height:260px;}
.hmc8aItems .hmc8aItem:nth-child(3){height:260px;}
.hmc8aItems .hmc8aItem:nth-child(4){height:260px;}
.hmc8aItems .hmc8aItem:nth-child(5){height:260px;}
.hmc8aItems .hmc8aItem:nth-child(6){height: 260px;}
.hmc8_st1{font-size:20px; line-height:32px;}
.hmc8tm{margin-top:20px;}
.hmc8aTxt1{left:50px; right:50px;}
.hmc8aTxt2{padding:38px 20px 0px;}
.hmc8_snma{margin-bottom:60px;}
.hmc8_snm2 { font-size: 16px; line-height: 26px; height: 84px;}
.hmc8aItems{margin-bottom:40px;}
.hmc8more2{left:20px; }
.hmc8aTxt2 .hmc8tm{margin-top:0px;}
}
@media (max-width:993px){
.index_section8{padding:60px 0;}
.hmc8Lx{width:100%; padding-right:0; float:none;}
.hmc8Rx{ width:100%; padding-left:0; float:none;}
.hmc8aBox.scaleImg .overflowHide{width:100%; float:none;}
.hmc8srx{margin-left:0; margin-right:0; padding:10px 15px 25px;}
.hmc8srx .ellipsis{line-height:44px;}
.hmc8swiper .slick-dots{bottom:220px;}
.hmc8_snm2{font-size:13px;}
.hmc8_st1{font-size:16px;}
.hmc8_snm{padding-left:12px;}
}
@media (max-width:767px){
.hmc8tnm_a{ font-size: 22px; font-weight:normal; line-height: 52px; margin: 0px 14px; }
.hmc8tnm_a.on{ color: #c61731; }
.hmc8tnm_a:after{ content: ""; background: #C61634; height: 2px; width: 0px; position: absolute; left: 50%; top: 0px; transition:all 0.5s ease-in-out; }
.index8tnm{margin-bottom:15px;}
.hmc8_aBox .overflowHide{height:205px;}
.hmc8swiper .slick-dots li{width:10px; height:10px; margin:0 5px;}
.hmc8swiper .slick-dots{bottom:172px;}
.hmc8_abom{padding:20px 15px 0px; height:155px;}
.hmc8_abom .ellipsis{font-size:16px; font-weight:bold; line-height:28px; height:28px; margin-bottom:4px;}
.hmc8_abom p{font-size:14px; line-height:26px; height:78px; overflow:hidden}
.hmc8aItem{width:100%!important; height:200px!important; margin-bottom:10px; box-shadow:0 2px 5px 4px rgba(0,0,0,0.1);}
.hmc8aTxt1{left:20px; right:20px; bottom:auto; top:38px;}
.hmc8_snm{margin-bottom:0; margin-bottom:15px;}
.hmc8_st1{font-size:14px; line-height:26px;}
.hmc8tm{margin-top:15px; display:none;}
.hmc8Con{margin-bottom:20px;}
.hmc8aItems{margin-bottom:20px;}
.index_section8{padding-bottom:50px;}
.hmc8more2{bottom:30px!important; margin-top:0!important; opacity:1;}
.hmc8aItem:hover .hmc8_snm2{transform:translateY(0px);}
.hmc8aItems .hmc8aItem:nth-child(1) .hmc8more2{ margin-top:25px!important;}
.hmc8more2{display:none!important;}
.hmc8tm{font-size:12px!important; transform:translateY(0)!important; opacity:1!important; display:block;}
.hmc8aItem .hmc8_snm2{transform:translateY(0px)!important;}
}


.hmBom{ background: #c61731 url(../../../Img/new/footBg.jpg) no-repeat center bottom; text-align: center; padding: 70px 15px; color: #FFF; }
.hmBom_t1 { font-size: 36px; line-height: 60px; font-weight: bold; }
.hmBom_st { font-size: 20px; line-height: 30px; }
.hmBom_btns { margin-top: 35px; }
.hmBom_btn1{ font-size: 18px; line-height: 54px; color: #C61634; background: #FFFFFF; text-align: center; display: inline-block; height: 54px; width: 240px; }
.hmBom_btn1:hover{ box-shadow:0 2px 5px 4px rgba(0,0,0,0.1); transform:translateY(-5px);}
.hmBom_btn2 {
    background: url(../../../Img/new/tion.png) no-repeat 39px center;
    text-align: left;
    height: 54px;
    width: 240px;
    border: 2px solid #FFF;
    padding-left: 68px;
    color: #FFF;
    display: inline-block;
    margin-left: 22px;
    position: relative;
    top: 1px;
    font: 20px/50px Britannic Bold;
}
.hmBom_btn2:hover{ color: #FFF; box-shadow:0 2px 5px 4px rgba(0,0,0,0.1); transform:translateY(-5px); }
@media (max-width:1799px){
.hmBom_t1 { font-size: 28px; line-height:48px;}
.hmBom_st { font-size: 18px; line-height: 28px; }
.hmBom_btns { margin-top: 25px; }
.hmBom_btn1{ font-size: 16px; line-height: 48px; height: 48px; width: 220px; }
    .hmBom_btn2 {
        background: url(../../../Img/new/tion.png) no-repeat 29px center;
        height: 48px;
        width: 220px;
        border: 1px solid #FFF;
        padding-left: 58px;
        margin-left: 16px;
        font: 18px/46px Britannic Bold;
    }
}
@media (max-width:767px){
.hmBom_t1{font-size:26px; line-height:38px;}
.hmBom{padding:60px 15px;}
.hmBom_st{margin-top:18px;}
.hmBom_btn1{ font-size: 15px; line-height: 42px; height: 44px; width: 130px; }
.hmBom_btn1:hover{transform:translateY(0px);}
    .hmBom_btn2 {
        background: url(../../../Img/new/tion.png) no-repeat 19px center;
        height: 44px;
        width: 160px;
        border: 1px solid #FFF;
        padding-left: 47px;
        margin-left: 12px;
        font: 15px/42px Britannic Bold;
    }
.hmBom_btn2:hover{transform:translateY(0px); }
.footWx{width:150px; display:block; float:none; margin:0 auto; clear:both}
.footWx img{width:120px; height:120px;}
.footWx p{margin-top:15px;}
.footerTop dl dd{line-height:32px; height:32px;}
.footerTop{padding-bottom:30px;}
.footerBottom{font-size:12px; line-height:22px;}
}
@keyframes map_iani1{
	0%{opacity: 0; transform:translateX(-188px);}
	50%{opacity: 1;}
	100%{opacity: 0; transform:translateX(0%);}
}
@keyframes map_iani2{
	0%{opacity: 1; transform:translateX(-20px);}
	50%{opacity: 1;}
	100%{opacity: 1; transform:translateX(50px);}
}
.index4alr{ height:58px; width:188px; position:absolute; left:50%; top:40px; margin-left:-94px; display:none}
.index4alr:before{ content: ""; background: url(../../../Img/new/map_ar1.png) no-repeat center center; display: inline-block; height: 25px; width: 123px; position: absolute; left: 0px; top: 50%; margin-top: -12px; animation:map_iani2 5s infinite ease-out; }
.index4alr:after{ content: ""; background: url(../../../Img/new/map_ar2.png) no-repeat center center; height: 53px; width: 41px; position: absolute; top: 0px; right: 0px; animation:map_iani1 1s infinite ease-out; }


/*2019-10-12 CSS*/
.hmMapBtns{ background: url(../../../Img/new/mapStep_line.png) no-repeat center center; height: 12px; width: 633px; margin-left: -316px; position: absolute; left: 50%; bottom: -15px; z-index: 30; padding-left:61.4px; }
.index4map{top:16vh;}
.hmMapBtn{width:128px; position:relative; float:left; height:12px; z-index:5;}
.hmMapBtn:before{content:""; width:12px; height:12px; border-radius:50%; border:2px solid #C8213A; position:absolute; left:50%; top:0; margin-left:-6px; background:#fff; z-index:5; transition:all 0.3s ease-in-out; opacity:0}
.hmMapBtn:after{ content: ""; background: url(../../../Img/new/mapStep.png) no-repeat center center; height: 12px; width: 12px; position: absolute; left: 50%; top: 0px; transform:translateX(-50%); transition:all 0.6s ease-in-out 0.2s; opacity:0}
.hmMapBtn.on:before{opacity:1;}
.hmMapBtn.on:after{ opacity:1; width:178px;}
/*.hmMapBtns i{ background: url(../../../Img/new/mapStep.png) no-repeat center center; height: 12px; width: 178px; position: absolute; left: 23px; top: 0px; }
.hmMapBtns_1 i{ left:23px;}
.hmMapBtns_2 i{ left:125px;}
.hmMapBtns_3 i{ left:227px;}
.hmMapBtns_4 i{ left:329px;}
.hmMapBtns_5 i{ left:431px;}*/
.hmMapBtn p{ white-space: nowrap; position: absolute; left: 50%; bottom: -35px; transform: translateX(-50%); font-size: 14px; color: #808080; line-height: 16px; }
@media (max-width:1799px){
.index4map{top:-60px;}
.hmMapBtns{bottom:18px;}
}

/*2019-11-14 CSS*/
@media (max-width:993px){
.index8tnmFixed{ background:#fff; height:56px; line-height:56px; position:fixed; z-index:999; left:0; top:0; width:100%;}
.index8tnmWpr{position:relative; height:56px;}
}
@media (max-width:767px){
.hmc6Rx{width:auto; left:0px; right:0px; margin-left:0}
.hmc6Btns .prev{ height: 40px; width: 40px; position: absolute; left: 25px; top: 36px;}
.hmc6Btns .next{ height: 40px; width: 40px; position: absolute; right: 25px; top: 36px;}
.hmc6Btns{position:static; transform:translate(0,0); width:100%;}
.hmc6item p{max-height:182px; max-height:104px; padding:0; margin-top:8px;}
.index6con{padding-bottom:30px;}
.hmc6item strong{height:26px; overflow:hidden; display:block;text-overflow:ellipsis;white-space:nowrap; font-size:16px; font-weight:bold;}
.hmc4Mareas{ margin:40px 7px 0; overflow:hidden}
.hmc4Mareas li{padding:0 8px; width:50%; float:left; margin-bottom:16px; }
.hmc4Ma_box{ display:block; position:relative; border-bottom:3px solid #c61731}
.hmc4Ma_box p{ font-size: 20px; line-height: 26px; color: #FFF; display: block; height: 26px; width: 100%; margin-top: -13px; position: absolute; left: 0px; top: 50%; right: 0px; text-align: center; }
.hmc4Ma_box .bgImg{ height:100px;}
.index_section4{padding-bottom:45px!important;}
.hmc4Svg{width:58px; height:58px; top:3px;}
.hmc4ul li{padding-left:75px; font-size:16px;}
.hmc4ul li strong{line-height:38px;}
.hmc7aBox.scaleImg .overflowHide{height:186px;}
.index7Bcon{width:165%;}
.hmc7slick .slick-dots {transform: translateX(-33vw);}
.hmc2_item dd p{display:none;}
.hmc2_more{display:none;}
.index_bg{background-attachment:inherit;}
.hmc2_tnm{text-align:left;}
.index6_t:before{display:none;}
.index6_t{margin-left:0;}
.footer{padding-bottom:60px;}
}

/*2019-12-3 CSS*/
.nav_a2 span {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    background-size: cover;
}

.nav_a2 * {
    vertical-align: middle;
}

.mMenu_a1 span {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    background-size: cover;
}

.mMenu_a1 * {
    vertical-align: middle;
}

/*2020-04-09 CSS*/
.index4map {
    width: 800px;
}

.hmc4citem19 {
    visibility: hidden;
    opacity: 0;
}

.hmc4AScitem1 {
    right: 303px;
    top: 0px;
}

.hmMapBtns {
    background: url(../../../img/new/hmMapBtns2.png) no-repeat center center;
    padding: 0 60px;
}

.hmMapBtn {
    width: 50%;
}

    .hmMapBtn:before {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 2px solid #D9D9D9;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -6px;
        background: #fff;
        z-index: 5;
        transition: all 0.3s ease-in-out;
        opacity: 1;
        background: #D9D9D9;
    }

    .hmMapBtn.on:before {
        border: 2px solid #C61731;
        background: #F7F7F7
    }

.hmc4AScitem8 {
    right: 392px;
    top: 236px;
}


/*2020-04-21  CSS*/  
.index_section4 {
    z-index: 5;
}

.hmc4AsiaMap {
    background: none;
}

    .hmc4AsiaMap:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        background: url(../../../img/new/wordMap2.png) no-repeat center center;
    }

.hmc4chinaMap {
    background: none;
}

    .hmc4chinaMap:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        background: url(../../../img/new/chinaMap.png) no-repeat center center;
    }

@media (max-width:1799px) {
    .hmc4AsiaMap:before, .hmc4chinaMap:before {
        top: 110px;
    }
    .hmc4ChinaItems, .hmc4AsiaItems {
        top: 226px;
    }
}