*,html{margin:0;padding:0;box-sizing:border-box;outline:0}
body,html{overflow-x:hidden}
button,input{margin:0;padding:0;list-style-type:none;border:0}
ol,ul{margin:0;padding:0}
a{text-decoration:none; background-color: transparent;-webkit-text-decoration-skip: objects;}
a:active,a:hover{text-decoration:none; outline: none;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix{zoom:1}
:first-child+html .clearfix{zoom:1}
li{list-style:none}
p{ margin:0; }

.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Microsoft Yahei"}
/*初始化*/
html {color: #8a8a8a; font-size: 16px; font-weight: 400; line-height: 1.8; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility; vertical-align: baseline; font-weight: 400; letter-spacing: 0px;}
body { color: #8a8a8a; background-color: #fff; font-weight:400; line-height:1.8; margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Microsoft Yahei";width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*链接色*/
a,.uk-link {color: #8a8a8a;text-decoration: none;cursor: pointer;}
a:hover,.uk-link:hover {color: #3a4a99;}
/*标题色*/
.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,h1,h2,h3,h4,h5,h6{color:#333}
/*表单定义*/
/* .uk-input,.uk-select,.uk-textarea { background: #ffffff; color: #666666; }
.uk-input:focus,.uk-select:focus,.uk-textarea:focus { outline: none; background-color: #ffffff; color: #333333; border-color: #333333 !important;}
.uk-input:disabled,.uk-select:disabled,.uk-textarea:disabled { background-color: #f8f8f8; color: #999999;} */
/*placeholder 颜色定义*/
:-ms-input-placeholder {color: #999999 !important;}
::-moz-placeholder {color: #999999;}
::-webkit-input-placeholder{color:#999}
.column{background-size:cover;background-repeat:no-repeat;position:relative}
.column .column-inner{position:relative;padding:20px;height:100%}
.column-middle{display:table}
.column-middle .column-inner{height:auto;vertical-align:middle;display:table-cell}
.column-2 .column{width:50%}
.column-3 .column{width:33.33%}
.column-4 .column{width:25%}
.column-5 .column{width:20%}

.mobile.section{width:100%;box-sizing:border-box}
.mobile{margin:0 auto;padding:0;width:100%;overflow:hidden;min-height:700px}

@media (max-width:640px){
    .section[section-id].hide-in-mobile{display:none}
}
@media (min-width:640px) and (max-width:959px){
    .section[section-id].hide-in-pad{display:none}
}
@media (min-width:960px){
    .section[section-id].hide-in-pc{display:none}
}
.max-line-1{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}
.max-line-2,.max-line-3,.max-line-4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.max-line-2{-webkit-line-clamp:2}
.max-line-3{-webkit-line-clamp:3}

.p5{padding:5px!important;}
.p10{padding:10px!important;}
.p20{padding:20px!important;}
.pt0{padding-top:0!important;}
.pb0{padding-bottom:0!important;}
.pb5{padding-bottom:5px!important;}
.pb20{padding-bottom:20px!important;}
.pb40{padding-bottom:40px!important;}
.pt10{ padding-top:10px!important;}
.pt20{ padding-top:20px!important;}
.pb10{ padding-bottom:10px!important;}
.mb5{ margin-bottom:5px!important;}
.mb10{ margin-bottom:10px!important;}
.mb15{ margin-bottom:15px!important;}
.mb20{ margin-bottom:10px!important;}
.mb25{ margin-bottom:25px!important;}
.mb30{ margin-bottom:30px!important;}
.mb35{ margin-bottom:35px!important;}
.mb40{ margin-bottom:40px!important;}
.mt0{ margin-top:0!important;}
.mt10{ margin-top:10px!important;}
.mt20{ margin-top:20px!important;}

.mt-100{margin-top:100px!important;z-index:200}
.mt--80{position:relative;margin-top:-80px!important;z-index:200}
.mt--160{position:relative;margin-top:-160px!important;z-index:200}
@media (max-width:640px){
    .mt-100{margin-top:60px!important}
    .mt--80{position:relative;margin-top:-40px!important}
    .mt--160{position:relative;margin-top:-90px!important}
}

.img{display:block; position: relative; height: 0; width: 100%; }
.img > * { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.img[data-ratio="1:1"]{padding-top:100%}
.img[data-ratio="1:2"]{padding-top:200%}
.img[data-ratio="2:1"]{padding-top:50%}
.img[data-ratio="2:3"]{padding-top:150%}
.img[data-ratio="3:2"]{padding-top:66.67%}
.img[data-ratio="3:4"]{padding-top:133.333%}
.img[data-ratio="4:3"]{padding-top:75%}
.img[data-ratio="5:4"]{padding-top:80%}
.img[data-ratio="4:5"]{padding-top:125%}
.img[data-ratio="7:4"]{padding-top:57.14%}
.img[data-ratio="4:7"]{padding-top:175%}
.img[data-ratio="16:9"]{padding-top:56.25%}
.img[data-ratio="9:16"]{padding-top:177.778%}

@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

/* mobile */
@media (max-width: 640px) {
    .uk-padding{padding:14px}
    .uk-padding-small{padding:8px 15px}
    .uk-margin-medium{margin-bottom:16px}
    .uk-button{padding:0 12px;line-height:30px}
    .uk-card-default .uk-card-title,.uk-card-title{font-size:1rem}
    .uk-card-body{padding:10px}
    p{font-size:.875rem}
    .uk-h1,.uk-heading-hero,.uk-heading-primary,h1{font-size:1.75rem}
    .uk-h2,h2{font-size:1.25rem}
    .uk-h3,h3{font-size:1.125rem}
    .uk-h4,h4{font-size:.875rem}
    .uk-h5,.uk-h6,h5,h6{font-size:.75rem}
    .uk-margin{margin-bottom:14px}
    *+.uk-margin{margin-top:14px!important}
    .uk-grid{margin-left:-14px}
    .uk-grid>*{padding-left:14px}
    .uk-grid-small{margin-left:-5px}
    .uk-grid-small>*{padding-left:5px}
    *+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:16px}
    .uk-grid-small>.uk-grid-margin{ margin-top:5px;}
    .uk-card-small .uk-card-body,.uk-card-small.uk-card-body{padding:6px}
    .uk-section{padding-top:16px;padding-bottom:16px}
    .uk-margin-large-top{margin-top:26px!important}
    .uk-margin-large{margin-bottom:26px}  
}

.br-4{border-radius:4px}
.br-2{border-radius:4px}

.uk-input{ font-size: 14px;}
.uk-select[multiple], .uk-select[size], .uk-textarea{ font-size: 14px;}
.uk-form-large:not(textarea):not([multiple]):not([size]){ height: 50px; font-size: 16px;}
.uk-form-horizontal .uk-form-label{ font-size: 16px;}
.uk-form-large.uk-textarea{ line-height: 1.8; font-size: 16px; padding-top: 10px; padding-bottom: 10px;}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
    border-color: #3a4a99;
}
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
    background-color: #3a4a99;
    border-color: transparent;
}
.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
  background-color: #3a4a99;
}


.uk-table th{ font-size: 14px;}
/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 320px) { 
    .uk-container { padding: 0; }
    /* .uk-container{ min-width:1280px; } */
}

@media ( min-width : 360px) { 

} 

/*平板电脑*/
@media ( min-width : 640px) {

}

/*笔记本电脑*/
@media ( min-width : 960px) {

} 

/*PC电脑*/
@media ( min-width : 1300px) { 
    .uk-container { padding: 0; max-width: 1280px; }
} 

/*大屏PC电脑*/
@media ( min-width : 1600px) { 
    
}

/*=== Uikit ===*/
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle,.uk-navbar-dropdown-nav{ font-size: 0.875rem;}
/* .uk-grid { margin-left: 0; } */
.uk-grid + .uk-grid { margin-top: 0; }
[class*="uk-align-"] { margin-bottom: 0; }
* + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin { margin-top: 0; }
.uk-tooltip { padding:5px 10px; background: #8ec63e; color: #FFF; overflow: hidden; z-index: 999; font-size: 16px; }
.uk-accordion-title { font-size: 0.875rem; }

.uk-modal { z-index: 9999999; }
.uk-modal-dialog iframe{min-height:500px}
/* .uk-modal-dialog { position: relative; padding: 0.32rem; width: auto; border-radius: 0.02rem; }
.uk-modal-dialog .uk-icon svg { width: 0.12rem; height: 0.12rem; } */


.uk-notification{ z-index: 10000000; }
.uk-notification-message{ background: rgba(0,0,0,.6); color:#fff;}
.uk-notification-close,.uk-modal-close-outside{ color:#fff;}
.uk-notification *{font-size: 0.14rem;}


.uk-container-large{ max-width:1380px; padding-left: 20px; padding-right: 20px;}

/*BUTTON*/
.uk-button{ font-size: 14px;}
.uk-button-red {background-color:#c91c1c; color: #fff;border: 1px solid transparent;}
.uk-button-red:hover, .uk-button-red:focus { background-color: #bc0e05; color: #fff;}
.uk-button-red:active, .uk-button-red.uk-active { background-color: #bc0e05; color: #fff; }

.uk-button-blue {background-color:#3a4a99; color: #fff;border: 1px solid transparent;}
.uk-button-blue:hover, .uk-button-blue:focus { background-color: #2d3d8d; color: #fff;}
.uk-button-blue:active, .uk-button-blue.uk-active { background-color: #2d3d8d; color: #fff; }


.uk-button-orange {background-color: #f7931d; color: #fff;border: 1px solid transparent;}
.uk-button-orange:hover, .uk-button-orange:focus { background-color: #ff8a00; color: #fff;}
.uk-button-orange:active, .uk-button-orange.uk-active { background-color: #ff8a00; color: #fff; }

.uk-button-black {background-color: #000; color: #fff;border: 1px solid transparent;}
.uk-button-black:hover, .uk-button-black:focus { background-color: #222; color: #fff;}
.uk-button-black:active, .uk-button-black.uk-active { background-color: #222; color: #fff; }

.uk-button-gray {background-color: #f0f0f0; color: #515151;border: 1px solid transparent;}
.uk-button-gray:hover, .uk-button-gray:focus { background-color: #dcdcdc; color: #2f2f2f;}
.uk-button-gray:active, .uk-button-gray.uk-active { background-color: #dcdcdc; color: #2f2f2f; }

.uk-button-green {background-color: #8ec63e; color: #fff;border: 1px solid transparent;}
.uk-button-green:hover, .uk-button-green:focus { background-color: #00403c; color: #fff;}
.uk-button-green:active, .uk-button-green.uk-active { background-color: #00403c; color: #fff; }

.uk-button-default:hover, .uk-button-default:focus { background-color:#f8f8f8; }
.uk-button-default:active, .uk-button-default.uk-active { background-color: #f8f8f8; }


.uk-button-large{ line-height: 48px;  font-size: 16px;}



/*=== 通用 ===*/
.my-transition { 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }

.no-padding { padding: 0 !important; }
.display-none { display: none !important; }
.text-indent{ text-indent: 2em; }
.text-green{ color:#00923f;}
.text-coffee{ color:#9e6738;}
.text-orange{ color:#fe6600;}
.text-orange2{ color:#ff9600; }
.text-red{ color:#c24b4b; }
.text-red2{ color:#bc0000; }
.text-yellow{ color:#ffe400;}
.text-blue1{ color:#62beeb; }
.text-blue2{ color:#005f90; }
.text-blue{ color:#3a4a99; }
.text-black{ color:#000; }
.text-black2{ color:#2f2f2f; }
.text-white{ color:#fff; }
.text-gray{ color:#999999; }
.text-gray2{ color:#b9b9b9; }
.text-gray3{ color:#8b8b8b; }
.bg-green{ background: #84b226;}
.bg-blue{ background: #3a4a99;}
.bg-orange{ background: #fe6600;}


.icon-position-left li{ position: relative; padding-left: 20px;}
.icon-position-left li i,.icon-position-left li .iconfont{ position: absolute; left: 0; top:1px; font-size: 14px;}


.fs100{ font-weight: 100;}
.fn{ font-weight: normal;}
.fb{ font-weight: bold;}
.f12{ font-size: 0.75rem;}
.f13{ font-size: 0.8125rem;}
.f14{ font-size: 0.875rem;}
.f15{ font-size: 0.9375rem;}
.f16{ font-size: 1rem;}
.f18{ font-size: 1.125rem;}
.f20{ font-size: 1.25rem;}
.f22{ font-size: 1.375rem;}
.f24{ font-size: 1.5rem;}
.f26{ font-size: 1.625rem;}
.f28{ font-size: 1.75rem;}
.f30{ font-size: 1.875rem;}
.f32{ font-size: 2rem;}
.f34{ font-size: 2.125rem;}
.f36{ font-size: 2.25rem;}
.f38{ font-size: 2.375rem;}
.f40{ font-size: 2.5rem;}
.f48{ font-size: 3rem;}
.f50{ font-size: 3.125rem;}
.f60{ font-size: 3.75rem;}
.f70{ font-size: 4.375rem;}
.f80{ font-size: 5rem;}
.f90{ font-size: 5.625rem;}
.f100{ font-size: 6.25rem;}
.f110{ font-size: 6.875rem;}
.f120{ font-size: 7.5rem;}

.line-height-10{ line-height: 1;}
.line-height-12{ line-height: 1.2;}
.line-height-14{ line-height: 1.4;}
.line-height-16{ line-height: 1.6;}
.line-height-18{ line-height: 1.8;}
.line-height-20{ line-height: 2.0;}
.line-height-22{ line-height: 2.2;}
.line-height-24{ line-height: 2.4;}


.effra {font-weight: 500; font-family: 'Effra'; }
.robotothin{font-family:'robotothin'}
.robotobold{font-family:'robotobold'}