/*!	* base.css * CSS Document 
/* ==========================================================================
========================================================================== */
@charset "utf-8";
@import "animate.css";
@import "font-awesome/css/font-awesome.min.css";
@import "fas-awesome/css/fas-awesome.css";
@import "swiper-bundle.min.css";
@import "share.min.css";
html, body, div, span, applet, object, iframe, h1, h2, h3, 
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:"微软雅黑","宋体";  vertical-align: baseline; } 
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{  -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; min-width:320px; overflow-x:hidden; position:relative;  margin:0 auto; max-width: 100%;}
:focus { outline:0; }
html{width:100%;}
hr{ border:none; height:1px; }
caption, th, td { text-align: left; font-weight: normal; }
a{text-decoration:none; blr:expression(this.onFocus=this.blur()); outline:none; color:#fff;  } /** a属性 -moz-transition: all .3s ease-in;-webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;-ms-transition: all .3s ease-in;transition: all .3s ease-in; **/
table {width: 100%;border-collapse: collapse;}
table tr td{ text-align: center; font-size: 12px; padding: 10px 0px; border: 1px solid #ccc;  vertical-align: middle;}
table tr th{ text-align: center; font-size: 12px; padding: 10px 0px; background: #004687; color: #fff; border: 1px solid #ccc;  vertical-align: middle;}

/** 常用
-webkit-transition: all .3s ease-out;transition: all .3s ease-out;       
transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;
transition: all 0.5s ease-out;
background-image:url(xxx.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;
background:rgba(0,0,0,0.5); 
background:linear-gradient(-150deg,#071025,#2a4881 50%);
text-transform: uppercase;大写
cursor:pointer;鼠标
:nth-child(2){}
:first-child第一
:last-child 最后
:after, :before{content: " "; display: block; height: 0;}
font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";
box-shadow:0 0 15px rgba(0,0,0,0.15);
border-radius:5px;
text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;文字阴影
top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); 垂直居中
color: rgba(0,0,0,0.0); -webkit-text-stroke:2px #000;字体阴影
width:calc(100% / 3);列表一行显示几个
width: calc(100% - 40px);百分比减宽度
width:calc((100% - 40px) / 3);
justify-content:space-between;两端对齐
transform:scale(2);放大效果
border-radius: 15px 50px 30px 5px:圆角弧形
border-radius：30% 70% 70% 30% / 30% 30% 70% 70%;
box-shadow:0 22px 60px -5px rgba(44, 115, 240, 0.6);
transform: rotate(360deg);border-radius: 360px;翻转360°变成圆;(需要有固定宽高)
box-shadow:18px 18px 30px rgba(0,0,0,0.1), -18px -18px 30px rgba(255,255,255,1);
transform:skew(2deg,2deg)渐变倾斜
{-webkit-filter: blur(4px);filter: blur(4px);}图片模糊
direction:'vertical',轮播图横向滚动变纵向
column-count:3;3列 column-gap: 10px;间距为10px   瀑布流法排列列表，将属性定义在最外层
break-inside: avoid;瀑布流横向排列
transform:translate(0,-20px)
**/ 


 /* == 引用字体  ======================================================================================================================================  */
@font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url('fonts/HELVETICANEUELTPRO-THEX/HELVETICANEUELTPRO-THEX.otf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'DIN-Black'; src: url('fonts/DIN-Black/DIN-Black.otf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'KaufmannBT'; src: url('fonts/KaufmannBT/KaufmannBT.ttf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Gotham-Bold'; src: url('fonts/Gotham-Bold/Gotham-Bold.otf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'DINEngschriftStd'; src: url('fonts/DINEngschriftStd/DINEngschriftStd.otf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'font2018'; src: url('fonts/font2018/font2018.ttf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'QUARTO-BOLD'; src: url('fonts/QUARTO-BOLD/QUARTO-BOLD.ttf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Zooja'; src: url('fonts/Zooja/Zooja.ttf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'PlayfairDisplay-Bold-4'; src: url('fonts/Playfair-display/PlayfairDisplay-Bold-4.ttf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'DIN-Black'; src: url('fonts/Libre Baskerville/DIN-Black.otf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'LibreBaskerville-Regular-2'; src: url('fonts/LibreBaskerville-Regular-2/LibreBaskerville-Regular-2.ttf'); font-weight: normal; font-style: normal;}
/* 引用字体 */

/* 过渡 */
.transition{ transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; }
/* 文字移除隐藏 */
.omit{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block; }
/* 遮盖层 */
.base-layer{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000; top:0; right:0; bottom:0; left:0; display:none; }
/* 背景图片 */
.background{background-repeat:no-repeat; background-position:center center; background-size:cover; }
/* table布局 */
.table{display:table;}
.table-cell{display:table-cell; vertical-align: middle; height:100%;}

/* Clear float */
.clearfix:before,.clearfix:after{ content:" "; display:block; visibility:hidden; height:0; line-height:0; font-size:0; }
.clearfix:after{ clear:both; }
.clearfix{ zoom:1; }
.clear{ clear:both; height:0; overflow:hidden; }

/* 图片清晰度 */
img{ border:none; vertical-align:middle; -ms-interpolation-mode:bicubic; width:auto; max-width: 100%; }
img {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
ul,ol{ list-style:none; }
ul,li{ padding:0; margin:0; list-style:none; }

/* Form */
label,input,select{ vertical-align:middle; }
button,input,select,textarea{ font-family:"Microsoft Yahei"; }
select {  border: solid 1px #000; appearance:none;  -moz-appearance:none; -webkit-appearance:none;  padding-right: 14px; cursor:pointer; }
select::-ms-expand { display: none;}
input[type=submit],input[type=button],input[type=reset]{ cursor:pointer; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"],select,textarea{ -webkit-appearance:none; font-family:"Microsoft Yahei","Arial", Helvetica, sans-serif; }*:focus{ outline:none; }
textarea,select{ -webkit-appearance:none; }

/** 滚动条 **/
::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8;}/*内层轨道，滚动条中间部分（除去）*/
::-webkit-scrollbar {width:8px;background-color:#999;}/*滚动条整体部分*/
::-webkit-scrollbar-thumb {width:8px;background-color:#999;}/*滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#999;}/* webkit, opera, IE9 鼠标滑过 */
::selection { background:#999; color: #fff; }/* mozilla firefox  鼠标滑过  */
::-moz-selection { background:#999; color: #fff;}

/* 文档宽度小于 480 像素 */
@media screen and (max-width: 1024px) {
  ::-webkit-scrollbar {
  -webkit-appearance: none;
  }
  ::-webkit-scrollbar:vertical {
    width: 0px;
  }
  ::-webkit-scrollbar:horizontal {
    height: 0px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 0px;
    border: 0px solid #ffffff;
  }
  ::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #ffffff;
  }
}


/** CSS3 缩放 ====================================================================================*/
.touming{
	-webkit-animation: touming 2s both ease-out;-ms-animation: touming 2s both ease-out;animation:touming  2s both ease-out;
}
.scale {
    -webkit-animation: scale 10s linear 0s alternate infinite;
    animation: scale 10s linear 0s alternate infinite
}
.cloudmove {
    width: 110%;
    -webkit-animation: cloudmove 15s linear 0s alternate infinite;
    animation: cloudmove 15s linear 0s alternate infinite
}
.movetopRight {
    -webkit-animation: movetopRight 5s linear 0s normal infinite;
    animation: movetopRight 5s linear 0s normal infinite
}
.rotatescale {
    -webkit-animation: rotatescale 20s linear 0s alternate infinite;
    animation: rotatescale 20s linear 0s alternate infinite
}
.leftright {
	-webkit-animation: leftright 15s linear 0s alternate infinite;
	animation: leftright 15s linear 0s alternate infinite
}
.roate360 {
	-webkit-animation: rotate360 20s linear 0s normal infinite;
	animation: rotate360 20s linear 0s normal infinite
}

/*========== 缩放 ==========*/
@-webkit-keyframes scalex{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scalex{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes rotate360 {
from {
-webkit-transform:perspective(1000px) rotate(0);
transform:perspective(1000px) rotate(0)
}
to {
-webkit-transform:perspective(1000px) rotate(360deg);
transform:perspective(1000px) rotate(360deg)
}
}
@keyframes rotate360 {
from {
-webkit-transform:perspective(1000px) rotate(0);
transform:perspective(1000px) rotate(0)
}
to {
-webkit-transform:perspective(1000px) rotate(360deg);
transform:perspective(1000px) rotate(360deg)
}
}
@-webkit-keyframes cloudmove {
0% {
-webkit-transform:perspective(1000px) scale(1) translate3d(-100px, 0, 0) rotate(0);
transform:perspective(1000px) scale(1) translate3d(-100px, 0, 0) rotate(0);
opacity:1;
filter:alpha(opacity=100)
}
}
@keyframes cloudmove {
0% {
-webkit-transform:perspective(1000px) scale(1) translate3d(-100px, 0, 0) rotate(0);
transform:perspective(1000px) scale(1) translate3d(-100px, 0, 0) rotate(0);
opacity:1;
filter:alpha(opacity=100)
}
}
@-webkit-keyframes scale {
0% {
-webkit-transform:perspective(1000px) scale(1);
transform:perspective(1000px) scale(1)
}
100% {
-webkit-transform:perspective(1000px) scale(1.1);
transform:perspective(1000px) scale(1.1)
}
}
@keyframes scale {
0% {
-webkit-transform:perspective(1000px) scale(1);
transform:perspective(1000px) scale(1)
}
100% {
-webkit-transform:perspective(1000px) scale(1.1);
transform:perspective(1000px) scale(1.1)
}
}
@-webkit-keyframes movetopRight {
0% {
-webkit-transform:perspective(1000px) scale(.8) translate3d(230px, -190px, 0) rotate(0);
transform:perspective(1000px) scale(.8) translate3d(230px, -190px, 0) rotate(0);
opacity:0;
filter:alpha(opacity=0)
}
25% {
-webkit-transform:perspective(1000px) scale(.9) translate3d(0, 0, 0) rotate(0);
transform:perspective(1000px) scale(.9) translate3d(0, 0, 0) rotate(0);
opacity:1;
filter:alpha(opacity=100)
}
100%, 50% {
-webkit-transform:perspective(1000px) scale(1) translate3d(-230px, 190px, 0) rotate(0);
transform:perspective(1000px) scale(1) translate3d(-230px, 190px, 0) rotate(0);
opacity:0;
filter:alpha(opacity=0)
}
}
@keyframes movetopRight {
0% {
-webkit-transform:perspective(1000px) scale(.8) translate3d(230px, -190px, 0) rotate(0);
transform:perspective(1000px) scale(.8) translate3d(230px, -190px, 0) rotate(0);
opacity:0;
filter:alpha(opacity=0)
}
25% {
-webkit-transform:perspective(1000px) scale(.9) translate3d(0, 0, 0) rotate(0);
transform:perspective(1000px) scale(.9) translate3d(0, 0, 0) rotate(0);
opacity:1;
filter:alpha(opacity=100)
}
100%, 50% {
-webkit-transform:perspective(1000px) scale(1) translate3d(-230px, 190px, 0) rotate(0);
transform:perspective(1000px) scale(1) translate3d(-230px, 190px, 0) rotate(0);
opacity:0;
filter:alpha(opacity=0)
}
}
@-webkit-keyframes rotatescale {
0% {
-webkit-transform:perspective(1000px) scale(1.1) translate3d(0, 0, 0) rotate(0);
transform:perspective(1000px) scale(1.1) translate3d(0, 0, 0) rotate(0)
}
100% {
-webkit-transform:perspective(1000px) scale(1.6) translate3d(0, 0, 0) rotate(10deg);
transform:perspective(1000px) scale(1.6) translate3d(0, 0, 0) rotate(10deg)
}
}
@keyframes rotatescale {
0% {
-webkit-transform:perspective(1000px) scale(1.1) translate3d(0, 0, 0) rotate(0);
transform:perspective(1000px) scale(1.1) translate3d(0, 0, 0) rotate(0)
}
100% {
-webkit-transform:perspective(1000px) scale(1.6) translate3d(0, 0, 0) rotate(10deg);
transform:perspective(1000px) scale(1.6) translate3d(0, 0, 0) rotate(10deg)
}
}
@-webkit-keyframes leftright {
0% {
-webkit-transform:perspective(1000px) scale(1.25) translate3d(-50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0);
transform:perspective(1000px) scale(1.25) translate3d(-50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0)
}
100% {
-webkit-transform:perspective(1000px) scale(1.25) translate3d(50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0);
transform:perspective(1000px) scale(1.25) translate3d(50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0)
}
}
@keyframes leftright {
0% {
-webkit-transform:perspective(1000px) scale(1.25) translate3d(-50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0);
transform:perspective(1000px) scale(1.25) translate3d(-50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0)
}
100% {
-webkit-transform:perspective(1000px) scale(1.25) translate3d(50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0);
transform:perspective(1000px) scale(1.25) translate3d(50px, 0, 0) rotateX(0) rotateY(0) rotateZ(0)
}
}
@-webkit-keyframes touming {
	0%{opacity : 0}
	100%{opacity : 1}
}
@-ms-keyframes touming { 
	0%{opacity : 0}
	100%{opacity : 1}
}
@keyframes touming {
	0%{opacity : 0}
	100%{opacity : 1}
}
/**  CSS3 缩放 ====================================================================================*/

/**  CSS3 doudong ====*/
@-webkit-keyframes doudong {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); 
}
20% {
-webkit-transform: translateY(6px);
transform: translateY(6px); 
}
40% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px); 
}
60% {
-webkit-transform: translateY(3px);
transform: translateY(3px); 
}
80% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px); 
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

@keyframes doudong {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); 
}
20% {
-webkit-transform: translateY(6px);
transform: translateY(6px); 
}
40% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px); 
}
60% {
-webkit-transform: translateY(3px);
transform: translateY(3px); 
}
80% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px); 
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
/**  CSS3 doudong ====*/

/**  CSS3 huangdong ====*/
@-webkit-keyframes huangdong {
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);
}

to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}

@keyframes huangdong {
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);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
/**  CSS3 huangdong ====*/

/**  CSS3 godown ====*/
@-webkit-keyframes godown {
0% {
-webkit-transform: translate(0, 0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: translate(0, 30px);
-webkit-transform: translate(0, 30px);
opacity: 0;
}
}
@keyframes godown {
0% {
transform: translate(0, 0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: translate(0, 30px);
opacity: 0;
-webkit-transform: translate(0, 30px);
-moz-transform: translate(0, 30px);
-ms-transform: translate(0, 30px);
-o-transform: translate(0, 30px);
}
}
/**  CSS3 godown ====*/