@charset "utf-8";
/* ====================公共样式========================= */

/*reset Css*/
* {margin: 0;padding: 0;}

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;padding: 0;
}

body {
	background-color: #fff;/*整体背景颜色*/
	-webkit-touch-callout: none;/*-webkit-user-select: none;*//*禁止复制*/
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(255,255,255,0);/*点击高亮效果*/
}

/*clearfix清除浮动*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 默认合并表格边框 */
table{border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea{-webkit-appearance: none;border-radius:0;}
ol,ul,li{list-style: none;}
a, a:active{color:inherit;text-decoration:none;cursor:pointer;}
a{border:0;}
em,i{font-style:normal;}

/* <input>标签 */
input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;}
input:focus{ outline:none; }/* input标签聚焦不出现默认边框 */

textarea { resize:none; } /* 禁用了文本的拖拉，尤其在谷歌下 */
select, button, input,img {vertical-align: middle;}/*去除图片底部缝隙并基于中线对齐*/
img {
    width: auto;
    height: auto;
    width: auto\9;
	max-width: 100%;
    display: block;
    -ms-interpolation-mode: bicubic;
}
/** 设置默认字体 **/
/* 
    宋体：\5B8B\4F53
    新宋体：\65B0\5B8B\4F53
    黑体：\9ED1\4F53
    微软雅黑：\5FAE\8F6F\96C5\9ED1
    楷体：\6977\4F53_GB2312
    思源黑体： Source Han Sans CN
 */
body,button, input, select, textarea /* for ie */ {font: 14px/1 "ML",Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Droid Sans Fallback","WenQuanYi Micro Hei",sans-serif;}
body {background:#fff;-webkit-text-size-adjust:100%;color: #333;}

/*End reset*/

/*public Css*/

/* 重绘元素边框盒 */
*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}
html{-ms-touch-action:none;/* 阻止windows Phone 的默认触摸事件 */}

/*兼容iphone去除默认input表单默认设置*/
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;}

/*clearfix清除浮动*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/* 水平垂直居中 */
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 

/*动画--规定动画移动出去的时间*/
a{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.animation{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* 指定文字禁止复制 */
.noSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}

/* 文字限制行数 */
/* 限制一行 */
.linelimit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 【常用】限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */
.linelimit-2 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.linelimit-3 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.linelimit-4 {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
/* 引入字体 */
@font-face {
    font-family: 'MR';
    src: url('https://www.yuyeelectric.com/style/fonts/montserrat-regular.otf'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-regular.eot'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-regular.eot') format('embedded-opentype'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-regular.woff2') format('woff2'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-regular.woff') format('woff'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-regular.otf') format('truetype'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-regular.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'MB';
    src: url('https://www.yuyeelectric.com/style/fonts/montserrat-bold.otf'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-bold.eot'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-bold.eot') format('embedded-opentype'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-bold.woff2') format('woff2'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-bold.woff') format('woff'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-bold.otf') format('truetype'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-bold.svg#svgFontName') format('svg');
}
@font-face {
    font-family: 'ML';
    src: url('https://www.yuyeelectric.com/style/fonts/montserrat-light.otf'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-light.eot'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-light.eot') format('embedded-opentype'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-light.woff2') format('woff2'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-light.woff') format('woff'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-light.otf') format('truetype'),
    url('https://www.yuyeelectric.com/style/fonts/montserrat-light.svg#svgFontName') format('svg');
}
.MR{font-family: 'MR';}
.MB{font-family: 'MB';}
.ML{font-family: 'ML';}
/*动画效果 所有属性获得过度*/
*{transition-property:all;}
.com-img{overflow: hidden;}
.com-img img{transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

[class*=icon-] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-display: swap;
    font-family: iconfont,serif;
    font-size: 16px;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fl{float: left;}
.fr{float: right;}
.show{display:block;}
.hide{display:none;}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.ttu{text-transform:uppercase;}/*字母转换为大写*/
.ofh{overflow:hidden;}
.ofh img{width: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.ofh:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.pst-rel{position:relative;}
.pst-abs{position:absolute;}
.pst-pic{position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;}
.w100{width: 100%;}

.col-2{width:50%;float:left;}
.col-3{width:33.333333%;float:left;}
.col-4{width:25%;float:left;}
.col-5{width:20%;float:left;}
.col-6{widows: 16.6666%;float:left;}
.w12{width: 1200px;max-width: 92%;margin: 0 auto;}
.w14{width: 1440px;max-width: 92%;margin: 0 auto;}
.w16{width: 1600px;max-width: 92%;margin: 0 auto;}
.w18{width: 1800px;max-width: 92%;margin: 0 auto;}
.pc{display: block;}
.mb{display: none;}
.mt{margin-top: 100px;}
@media all and (max-width:1000px) {.pc{display: none;}.mb{display: block;}}

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;object-fit: cover;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-65{padding-bottom: 65%;}
.rect-67{padding-bottom: 67%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-135{padding-bottom: 135%;}
.rect-140{padding-bottom: 140%;}
.rect-150{padding-bottom: 150%;}
li *[class*="pic"]{overflow: hidden;}
li *[class*="pic"]>img{-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
li:hover *[class*="pic"]>img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.trs3{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.trs5{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pd-40{padding: 0.4rem 0;}
.pd-60{padding: 0.6rem 0;}
.pd-80{padding: 0.8rem 0;}
.pd-100{padding: 1rem 0;}
.pd-120{padding: 1.2rem 0;}
.pd-140{padding: 1.4rem 0;}
.pd-160{padding: 1.6rem 0;}
.pd-180{padding: 1.8rem 0;}
.mt30{margin-top: 0.3rem;}
.mt40{margin-top: 0.4rem;}
.mt50{margin-top: 0.5rem;}
.mt60{margin-top: 0.6rem;}
.mt70{margin-top: 0.7rem;}
.mt80{margin-top: 0.8rem;}
.mt90{margin-top: 0.9rem;}
.mt100{margin-top: 1rem;}
.mt110{margin-top: 1.1rem;}
.mt120{margin-top: 1.2rem;}
.mt130{margin-top: 1.3rem;}
.mt140{margin-top: 1.4rem;}

/*==常用字号==*/
.tit-12 {font-size: 12px;}
.tit-13 {font-size: 13px;}
.tit-14 {font-size: 14px;}
.tit-15 {font-size: 15px;}
.tit-16 {font-size: 16px;}
.tit-17 {font-size: 17px;}
.tit-18 {font-size: 18px;}
.tit-19 {font-size: 19px;}
.tit-20 {font-size: 20px;}
.tit-21 {font-size: 21px;}
.tit-22 {font-size: 22px;}
.tit-23 {font-size: 23px;}
.tit-24 {font-size: 24px;}
.tit-25 {font-size: 25px;}
.tit-26 {font-size: 26px;}
.tit-27 {font-size: 27px;}
.tit-28 {font-size: 28px;}
.tit-29 {font-size: 29px;}
.tit-30 {font-size: 30px;}
.tit-31 {font-size: 31px;}
.tit-32 {font-size: 32px;}
.tit-33 {font-size: 33px;}
.tit-34 {font-size: 34px;}
.tit-35 {font-size: 35px;}
.tit-36 {font-size: 36px;}
.tit-37 {font-size: 37px;}
.tit-38 {font-size: 38px;}
.tit-39 {font-size: 39px;}
.tit-40 {font-size: 40px;}
.tit-41 {font-size: 41px;}
.tit-42 {font-size: 42px;}
.tit-43 {font-size: 43px;}
.tit-44 {font-size: 44px;}
.tit-45 {font-size: 45px;}
.tit-46 {font-size: 46px;}
.tit-47 {font-size: 47px;}
.tit-48 {font-size: 48px;}
.tit-49 {font-size: 49px;}
.tit-50 {font-size: 50px;}
.tit-51 {font-size: 51px;}
.tit-52 {font-size: 52px;}
.tit-53 {font-size: 53px;}
.tit-54 {font-size: 54px;}
.tit-55 {font-size: 55px;}
.tit-56 {font-size: 56px;}
.tit-57 {font-size: 57px;}
.tit-58 {font-size: 58px;}
.tit-59 {font-size: 59px;}
.tit-60 {font-size: 60px;}
.tit-61 {font-size: 61px;}
.tit-62 {font-size: 62px;}
.tit-63 {font-size: 63px;}
.tit-64 {font-size: 64px;}
.tit-65 {font-size: 65px;}
.tit-66 {font-size: 66px;}
.tit-67 {font-size: 67px;}
.tit-68 {font-size: 68px;}
.tit-69 {font-size: 69px;}
.tit-70 {font-size: 70px;}
.tit-71 {font-size: 71px;}
.tit-72 {font-size: 72px;}
.tit-73 {font-size: 73px;}
.tit-74 {font-size: 74px;}
.tit-75 {font-size: 75px;}
.tit-76 {font-size: 76px;}
.tit-77 {font-size: 77px;}
.tit-78 {font-size: 78px;}
.tit-79 {font-size: 79px;}
.tit-80 {font-size: 80px;}
@media (max-width: 768px) {
  .tit-16 {font-size: 12px;}
  .tit-18 {font-size: 14px;}
  .tit-20 {font-size: 16px;}
  .tit-30 {font-size: 18px;}
  .tit-33 {font-size: 20px;}
  .tit-34 {font-size: 21px;}
  .tit-35 {font-size: 22px;}
  .tit-36 {font-size: 23px;}
  .tit-37 {font-size: 24px;}
  .tit-38 {font-size: 25px;}
  .tit-39 {font-size: 26px;}
  .tit-40 {font-size: 24px;}
  .tit-41 {font-size: 25px;}
  .tit-42 {font-size: 26px;}
  .tit-43 {font-size: 27px;}
  .tit-44 {font-size: 28px;}
  .tit-45 {font-size: 29px;}
  .tit-46 {font-size: 30px;}
  .tit-47 {font-size: 31px;}
  .tit-48 {font-size: 32px;}
  .tit-49 {font-size: 33px;}
  .tit-50 {font-size: 28px;}
  .tit-51 {font-size: 29px;}
  .tit-52 {font-size: 30px;}
  .tit-53 {font-size: 31px;}
  .tit-54 {font-size: 32px;}
  .tit-55 {font-size: 33px;}
  .tit-56 {font-size: 34px;}
  .tit-57 {font-size: 35px;}
  .tit-58 {font-size: 36px;}
  .tit-59 {font-size: 37px;}
  .tit-60 {font-size: 36px;}
  .tit-61 {font-size: 37px;}
  .tit-62 {font-size: 38px;}
  .tit-63 {font-size: 39px;}
  .tit-64 {font-size: 40px;}
  .tit-65 {font-size: 41px;}
  .tit-66 {font-size: 42px;}
  .tit-67 {font-size: 43px;}
  .tit-68 {font-size: 44px;}
  .tit-69 {font-size: 45px;}
  .tit-70 {font-size: 46px;}
  .tit-70 {font-size: 42px;}
  .tit-71 {font-size: 43px;}
  .tit-72 {font-size: 44px;}
  .tit-73 {font-size: 45px;}
  .tit-74 {font-size: 46px;}
  .tit-75 {font-size: 47px;}
  .tit-76 {font-size: 48px;}
  .tit-77 {font-size: 49px;}
  .tit-78 {font-size: 50px;}
  .tit-79 {font-size: 51px;}
  .tit-80 {font-size: 52px;}
}

.flex-1 {flex: 1;}
/* flex布局 */
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*默认 主轴为水平方向，起点在左端*/
.f-dr {-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
/*主轴为水平方向，起点在右端*/
.f-dr-r {-webkit-box-orient: horizontal;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
/*主轴为垂直方向，起点在上沿*/
.f-dc {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*主轴为垂直方向，起点在下沿*/
.f-dc-r {-webkit-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}

/* 交叉轴的起点对齐 */
.f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
/* 交叉轴的中点对齐 */
.f-ac {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/* 交叉轴的终点对齐 */
.f-ae {-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
/* 项目的第一行文字的基线对齐 */
.f-ab {-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}
/* 交叉轴拉伸对齐 */
.f-ast {-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
/* 左对齐 */
.f-js {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
/* 居中 */
.f-jc {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/* 右对齐 */
.f-je {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
/* 两端对齐，项目之间的间隔都相等 */
.f-jsb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
/* 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 */
.f-jsa {-webkit-box-pack: distribute;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
/* 换行，第一行在上方 */
.f-warp {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
/* 换行，在第一行的下方 */
.f-warp-r {-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-o-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}
/* flex布局 */
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*默认 主轴为水平方向，起点在左端*/
.f-dr {-webkit-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
/*主轴为水平方向，起点在右端*/
.f-dr-r {-webkit-box-orient: horizontal;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
/*主轴为垂直方向，起点在上沿*/
.f-dc {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*主轴为垂直方向，起点在下沿*/
.f-dc-r {-webkit-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
/* 交叉轴的起点对齐 */
.f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
/* 交叉轴的中点对齐 */
.f-ac {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/* 交叉轴的终点对齐 */
.f-ae {-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
/* 项目的第一行文字的基线对齐 */
.f-ab {-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline;}
/* 交叉轴拉伸对齐 */
.f-ast {-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
/* 左对齐 */
.f-js {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
/* 居中 */
.f-jc {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/* 右对齐 */
.f-je {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
/* 两端对齐，项目之间的间隔都相等 */
.f-jsb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
/* 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 */
.f-jsa {-webkit-box-pack: distribute;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
/* 换行，第一行在上方 */
.f-warp {-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
/* 换行，在第一行的下方 */
.f-warp-r {-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;-o-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}

/* iconfont.css */
@font-face {
  font-family: "iconfont"; /* Project id 4076861 */
  src: url('https://www.yuyeelectric.com/style/fonts/iconfont.woff2') format('woff2'),
       url('https://www.yuyeelectric.com/style/fonts/iconfont.woff') format('woff'),
       url('https://www.yuyeelectric.com/style/fonts/iconfont.ttf') format('truetype');
}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-rili:before {content: "\e62e";}.icon-jiantou_qiehuanzuo:before {content: "\e7ed";}.icon-jiantou_qiehuanyou:before {content: "\e62c";}.icon-arrowright:before {content: "\e6c4";}.icon-arrowdown:before {content: "\e6c5";}.icon-arrowleft:before {content: "\ecd4";}.icon-arrowup:before {content: "\ecd5";}.icon-tielushifeng:before {content: "\e6e6";}.icon-nengyuanhuagong:before {content: "\e627";}.icon-support:before {content: "\e6a6";}.icon-download:before {content: "\e64a";}.icon-faq:before {content: "\e6a0";}.icon-xiazai:before {content: "\e659";}.icon-wuliao:before {content: "\e625";}.icon-tongxin:before {content: "\ec56";}.icon-nongye:before {content: "\e7ee";}.icon-gongye:before {content: "\e7ef";}.icon-sousuo:before {content: "\e62f";}.icon-right:before {content: "\e624";}.icon-ai-tel:before {content: "\e669";}.icon-phone:before {content: "\e7ae";}.icon-facebook:before {content: "\e6e5";}.icon-instagram:before {content: "\e74a";}.icon-top:before {content: "\e65f";}.icon-youtube:before {content: "\e61d";}.icon-jian:before {content: "\e68e";}.icon-philosophy:before {content: "\e7d8";}.icon-linkedin:before {content: "\e666";}.icon-diqiu:before {content: "\e668";}.icon-kefu:before {content: "\e646";}.icon-twitter:before {content: "\e882";}.icon-jia:before {content: "\e6a1";}.icon-address1:before {content: "\e607";}.icon-whatsapp:before {content: "\e7ab";}.icon-positioning:before {content: "\e61e";}.icon-quality:before {content: "\e600";}.icon-right-arrow:before {content: "\e7c3";}.icon-pinterest:before {content: "\e8de";}.icon-mission:before {content: "\e691";}.icon-youjiantou1:before {content: "\e63d";}.icon-liuyan1:before {content: "\e792";}.icon-email-fill:before {content: "\e856";}.icon-bofang:before {content: "\e623";}.icon-phone1:before {content: "\e6c2";}.icon-skype:before {content: "\e87d";}.icon-address2:before {content: "\e636";}.icon-wechat:before {content: "\e618";}.icon-email:before {content: "\ea95";}.icon-jiantou8:before {content: "\e60a";}

/**
 * Swiper 7.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 24, 2021
 */

@font-face{font-family:swiper-icons;src:url('https://www.yuyeelectric.com/style/fonts/7ec8ccd36b014362ba95f69d2e53f64d.woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden600
 */
@-webkit-keyframes bounce {from,20%,53%,80%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}40%,43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);}70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-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 {from,20%,53%,80%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}40%,43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);}70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);}90% {-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}}.bounce {-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;transform-origin: center bottom;}@-webkit-keyframes flash {from,50%,to {opacity: 1;}25%,75% {opacity: 0;}}@keyframes flash {from,50%,to {opacity: 1;}25%,75% {opacity: 0;}}.flash {-webkit-animation-name: flash;animation-name: flash;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse {from {-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);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}@keyframes pulse {from {-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);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}.pulse {-webkit-animation-name: pulse;animation-name: pulse;}@-webkit-keyframes rubberBand {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}30% {-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}40% {-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}50% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}65% {-webkit-transform: scale3d(0.95, 1.05, 1);transform: scale3d(0.95, 1.05, 1);}75% {-webkit-transform: scale3d(1.05, 0.95, 1);transform: scale3d(1.05, 0.95, 1);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}@keyframes rubberBand {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}30% {-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}40% {-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}50% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}65% {-webkit-transform: scale3d(0.95, 1.05, 1);transform: scale3d(0.95, 1.05, 1);}75% {-webkit-transform: scale3d(1.05, 0.95, 1);transform: scale3d(1.05, 0.95, 1);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}.rubberBand {-webkit-animation-name: rubberBand;animation-name: rubberBand;}@-webkit-keyframes shake {from,to {-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 {from,to {-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);}}.shake {-webkit-animation-name: shake;animation-name: shake;}@-webkit-keyframes headShake {0% {-webkit-transform: translateX(0);transform: translateX(0);}6.5% {-webkit-transform: translateX(-6px) rotateY(-9deg);transform: translateX(-6px) rotateY(-9deg);}18.5% {-webkit-transform: translateX(5px) rotateY(7deg);transform: translateX(5px) rotateY(7deg);}31.5% {-webkit-transform: translateX(-3px) rotateY(-5deg);transform: translateX(-3px) rotateY(-5deg);}43.5% {-webkit-transform: translateX(2px) rotateY(3deg);transform: translateX(2px) rotateY(3deg);}50% {-webkit-transform: translateX(0);transform: translateX(0);}}@keyframes headShake {0% {-webkit-transform: translateX(0);transform: translateX(0);}6.5% {-webkit-transform: translateX(-6px) rotateY(-9deg);transform: translateX(-6px) rotateY(-9deg);}18.5% {-webkit-transform: translateX(5px) rotateY(7deg);transform: translateX(5px) rotateY(7deg);}31.5% {-webkit-transform: translateX(-3px) rotateY(-5deg);transform: translateX(-3px) rotateY(-5deg);}43.5% {-webkit-transform: translateX(2px) rotateY(3deg);transform: translateX(2px) rotateY(3deg);}50% {-webkit-transform: translateX(0);transform: translateX(0);}}.headShake {-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-name: headShake;animation-name: headShake;}@-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);}to {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}}@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);}to {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}}.swing {-webkit-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing;}@-webkit-keyframes tada {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}10%,20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.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);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}@keyframes tada {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}10%,20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.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);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}.tada {-webkit-animation-name: tada;animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}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);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes wobble {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}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);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.wobble {-webkit-animation-name: wobble;animation-name: wobble;}@-webkit-keyframes jello {from,11.1%,to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg);}33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg);}44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg);}55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg);}66.6% {-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}@keyframes jello {from,11.1%,to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg);}33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg);}44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg);}55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg);}66.6% {-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}.jello {-webkit-animation-name: jello;animation-name: jello;-webkit-transform-origin: center;transform-origin: center;}@-webkit-keyframes heartBeat {0% {-webkit-transform: scale(1);transform: scale(1);}14% {-webkit-transform: scale(1.3);transform: scale(1.3);}28% {-webkit-transform: scale(1);transform: scale(1);}42% {-webkit-transform: scale(1.3);transform: scale(1.3);}70% {-webkit-transform: scale(1);transform: scale(1);}}@keyframes heartBeat {0% {-webkit-transform: scale(1);transform: scale(1);}14% {-webkit-transform: scale(1.3);transform: scale(1.3);}28% {-webkit-transform: scale(1);transform: scale(1);}42% {-webkit-transform: scale(1.3);transform: scale(1.3);}70% {-webkit-transform: scale(1);transform: scale(1);}}.heartBeat {-webkit-animation-name: heartBeat;animation-name: heartBeat;-webkit-animation-duration: 1.3s;animation-duration: 1.3s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}@-webkit-keyframes bounceIn {from,20%,40%,60%,80%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}40% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);transform: scale3d(0.97, 0.97, 0.97);}to {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}@keyframes bounceIn {from,20%,40%,60%,80%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}40% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);transform: scale3d(0.97, 0.97, 0.97);}to {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}.bounceIn {-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-animation-name: bounceIn;animation-name: bounceIn;}@-webkit-keyframes bounceInDown {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes bounceInDown {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.bounceInDown {-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);}60% {opacity: 1;-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0);}75% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}90% {-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes bounceInLeft {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);}60% {opacity: 1;-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0);}75% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}90% {-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from {opacity: 0;-webkit-transform: translate3d(3000px, 0, 0);transform: translate3d(3000px, 0, 0);}60% {opacity: 1;-webkit-transform: translate3d(-25px, 0, 0);transform: translate3d(-25px, 0, 0);}75% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}90% {-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes bounceInRight {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from {opacity: 0;-webkit-transform: translate3d(3000px, 0, 0);transform: translate3d(3000px, 0, 0);}60% {opacity: 1;-webkit-transform: translate3d(-25px, 0, 0);transform: translate3d(-25px, 0, 0);}75% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}90% {-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.bounceInRight {-webkit-animation-name: bounceInRight;animation-name: bounceInRight;}@-webkit-keyframes bounceInUp {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from {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);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes bounceInUp {from,60%,75%,90%,to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from {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);}to {-webkit-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(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.9);}50%,55% {opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}to {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}}@keyframes bounceOut {20% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.9);}50%,55% {opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}to {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}}.bounceOut {-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-animation-name: bounceOut;animation-name: bounceOut;}@-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);}to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}@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);}to {opacity: 0;-webkit-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);}to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}@keyframes bounceOutLeft {20% {opacity: 1;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);}to {opacity: 0;-webkit-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);}to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}@keyframes bounceOutRight {20% {opacity: 1;-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);}to {opacity: 0;-webkit-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);}to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}@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);}to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}.bounceOutUp {-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;}@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}@-webkit-keyframes fadeInDown {from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInDown {from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig {from {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInDownBig {from {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInDownBig {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig {from {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInLeftBig {from {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInLeftBig {-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight {from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInRight {from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig {from {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInRightBig {from {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInRightBig {-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig {from {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes fadeInUpBig {from {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.fadeInUpBig {-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;}@-webkit-keyframes fadeOut {from {opacity: 1;}to {opacity: 0;}}@keyframes fadeOut {from {opacity: 1;}to {opacity: 0;}}.fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}@-webkit-keyframes fadeOutDown {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}@keyframes fadeOutDown {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}.fadeOutDown {-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}@keyframes fadeOutDownBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}.fadeOutDownBig {-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}@keyframes fadeOutLeft {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}.fadeOutLeft {-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}@keyframes fadeOutLeftBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}.fadeOutLeftBig {-webkit-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}@keyframes fadeOutRight {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}.fadeOutRight {-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}@keyframes fadeOutRightBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}.fadeOutRightBig {-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}@keyframes fadeOutUp {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}.fadeOutUp {-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}@keyframes fadeOutUpBig {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}.fadeOutUpBig {-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig;}@-webkit-keyframes flip {from {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)rotate3d(0, 1, 0, -360deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}40% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}to {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}@keyframes flip {from {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)rotate3d(0, 1, 0, -360deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}40% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}to {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}.animated.flip {-webkit-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip;}@-webkit-keyframes flipInX {from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-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-animation-timing-function: ease-in;animation-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);}to {-webkit-transform: perspective(400px);transform: perspective(400px);}}@keyframes flipInX {from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-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-animation-timing-function: ease-in;animation-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);}to {-webkit-transform: perspective(400px);transform: perspective(400px);}}.flipInX {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;}@-webkit-keyframes flipInY {from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-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-animation-timing-function: ease-in;animation-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);}to {-webkit-transform: perspective(400px);transform: perspective(400px);}}@keyframes flipInY {from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-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-animation-timing-function: ease-in;animation-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);}to {-webkit-transform: perspective(400px);transform: perspective(400px);}}.flipInY {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInY;animation-name: flipInY;}@-webkit-keyframes flipOutX {from {-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;}to {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;}}@keyframes flipOutX {from {-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;}to {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;}}.flipOutX {-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;}@-webkit-keyframes flipOutY {from {-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;}to {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0;}}@keyframes flipOutY {from {-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;}to {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0;}}.flipOutY {-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipOutY;animation-name: flipOutY;}@-webkit-keyframes lightSpeedIn {from {-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);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes lightSpeedIn {from {-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);}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.lightSpeedIn {-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOut {from {opacity: 1;}to {-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}}@keyframes lightSpeedOut {from {opacity: 1;}to {-webkit-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 {from {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;}to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateIn {from {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;}to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.rotateIn {-webkit-animation-name: rotateIn;animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateInDownLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.rotateInDownLeft {-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateInDownRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.rotateInDownRight {-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateInUpLeft {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.rotateInUpLeft {-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0;}to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}@keyframes rotateInUpRight {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0;}to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}}.rotateInUpRight {-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut {from {-webkit-transform-origin: center;transform-origin: center;opacity: 1;}to {-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;}}@keyframes rotateOut {from {-webkit-transform-origin: center;transform-origin: center;opacity: 1;}to {-webkit-transform-origin: center;transform-origin: center;-webkit-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 {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}to {-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 {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-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 {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}to {-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 {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-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 {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}to {-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 {from {-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}to {-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-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 {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}to {-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 {from {-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}to {-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-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;}to {-webkit-transform: translate3d(0, 700px, 0);transform: translate3d(0, 700px, 0);opacity: 0;}}@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;}to {-webkit-transform: translate3d(0, 700px, 0);transform: translate3d(0, 700px, 0);opacity: 0;}}.hinge {-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-name: hinge;animation-name: hinge;}@-webkit-keyframes jackInTheBox {from {opacity: 0;-webkit-transform: scale(0.1) rotate(30deg);transform: scale(0.1) rotate(30deg);-webkit-transform-origin: center bottom;transform-origin: center bottom;}50% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}70% {-webkit-transform: rotate(3deg);transform: rotate(3deg);}to {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}@keyframes jackInTheBox {from {opacity: 0;-webkit-transform: scale(0.1) rotate(30deg);transform: scale(0.1) rotate(30deg);-webkit-transform-origin: center bottom;transform-origin: center bottom;}50% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}70% {-webkit-transform: rotate(3deg);transform: rotate(3deg);}to {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}.jackInTheBox {-webkit-animation-name: jackInTheBox;animation-name: jackInTheBox;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes rollIn {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.rollIn {-webkit-animation-name: rollIn;animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut {from {opacity: 1;}to {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 {from {opacity: 1;}to {opacity: 0;-webkit-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 {from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}50% {opacity: 1;}}@keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}50% {opacity: 1;}}.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}@-webkit-keyframes zoomInDown {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInDown {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomInDown {-webkit-animation-name: zoomInDown;animation-name: zoomInDown;}@-webkit-keyframes zoomInLeft {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInLeft {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomInLeft {-webkit-animation-name: zoomInLeft;animation-name: zoomInLeft;}@-webkit-keyframes zoomInRight {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInRight {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomInRight {-webkit-animation-name: zoomInRight;animation-name: zoomInRight;}@-webkit-keyframes zoomInUp {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomInUp {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomInUp {-webkit-animation-name: zoomInUp;animation-name: zoomInUp;}@-webkit-keyframes zoomOut {from {opacity: 1;}50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}to {opacity: 0;}}@keyframes zoomOut {from {opacity: 1;}50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}to {opacity: 0;}}.zoomOut {-webkit-animation-name: zoomOut;animation-name: zoomOut;}@-webkit-keyframes zoomOutDown {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomOutDown {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomOutDown {-webkit-animation-name: zoomOutDown;animation-name: zoomOutDown;}@-webkit-keyframes zoomOutLeft {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to {opacity: 0;-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);transform: scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin: left center;transform-origin: left center;}}@keyframes zoomOutLeft {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to {opacity: 0;-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);transform: scale(0.1) translate3d(-2000px, 0, 0);-webkit-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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to {opacity: 0;-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);transform: scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin: right center;transform-origin: right center;}}@keyframes zoomOutRight {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to {opacity: 0;-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);transform: scale(0.1) translate3d(2000px, 0, 0);-webkit-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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}@keyframes zoomOutUp {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.zoomOutUp {-webkit-animation-name: zoomOutUp;animation-name: zoomOutUp;}@-webkit-keyframes slideInDown {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 slideInDown {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);}}.slideInDown {-webkit-animation-name: slideInDown;animation-name: slideInDown;}@-webkit-keyframes slideInLeft {from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes slideInLeft {from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.slideInLeft {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;}@-webkit-keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.slideInRight {-webkit-animation-name: slideInRight;animation-name: slideInRight;}@-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 slideOutDown {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 slideOutDown {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);}}.slideOutDown {-webkit-animation-name: slideOutDown;animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}@keyframes slideOutLeft {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}.slideOutLeft {-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}@keyframes slideOutRight {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}.slideOutRight {-webkit-animation-name: slideOutRight;animation-name: slideOutRight;}@-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;}.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.delay-1s {-webkit-animation-delay: 1s;animation-delay: 1s;}.animated.delay-2s {-webkit-animation-delay: 2s;animation-delay: 2s;}.animated.delay-3s {-webkit-animation-delay: 3s;animation-delay: 3s;}.animated.delay-4s {-webkit-animation-delay: 4s;animation-delay: 4s;}.animated.delay-5s {-webkit-animation-delay: 5s;animation-delay: 5s;}.animated.fast {-webkit-animation-duration: 800ms;animation-duration: 800ms;}.animated.faster {-webkit-animation-duration: 500ms;animation-duration: 500ms;}.animated.slow {-webkit-animation-duration: 2s;animation-duration: 2s;}.animated.slower {-webkit-animation-duration: 3s;animation-duration: 3s;}@media (prefers-reduced-motion) {.animated {-webkit-animation: unset !important;animation: unset !important;-webkit-transition: none !important;transition: none !important;}}


/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('https://www.yuyeelectric.com/style/fonts/fontawesome-webfont.eot');src:url('https://www.yuyeelectric.com/style/fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('https://www.yuyeelectric.com/style/fonts/fontawesome-webfont.woff2') format('woff2'),url('https://www.yuyeelectric.com/style/fonts/fontawesome-webfont.woff') format('woff'),url('https://www.yuyeelectric.com/style/fonts/fontawesome-webfont.ttf') format('truetype'),url('https://www.yuyeelectric.com/style/fonts/fontawesome-webfont.svg') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}





/* 头部 */
.Header-wrapper {position: fixed;width: 100%;left: 0;top: 0;background-color: rgb(255, 255, 255);z-index: 99;line-height: 100px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* .Header-wrapper:after {content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #fff;opacity: .3;transition: opacity .3s;} */
.Header-wrapper.on {box-shadow: 0 2px 10px rgb(0 0 0 / 5%);}
/* .Header-wrapper.on::after {opacity: 0;} */
#c-header.c-head-move {top: -100px;}
.Header-container {}
.Header-container .logo {}
.Header-container .logo {}
.Header-container .logo a {display: flex;align-items: center;font-size: 0;}
.Header-container .logo a img{width: auto;display: block;height: 0.40rem;}
.Header-container .fr {display: flex;align-items: center;font-size: 0;}
@media all and (min-width:1000px){
	.Header-container .c-nav {display: flex;align-items: center;font-size: 18px;flex-wrap: wrap;}
	.Header-container .c-nav>li {position: relative;margin-right: 0.6rem;}
	.Header-container .c-nav>li.pro_nav_down{position: initial;}
	.Header-container .c-nav>li .c-title-box{display: flex;align-items: center;justify-content: center;color: #fff;}
	.Header-container .c-nav>li .c-title-box>a {display: block;}
	.Header-container .c-nav>li.active .c-title-box,.Header-container .c-nav>li:hover .c-title-box{color: #2455bf !important;}
	.Header-container .c-nav>li .c-title-box i {margin-left: 0.06rem;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
	.Header-container .c-nav>li>ul {min-width: 240px;position: absolute;top: 100%;left: 50%;margin-top: 0;background-color: #fff;z-index: 2;-webkit-transform: translate(-50%, 10px);-ms-transform: translate(-50%, 10px);transform: translate(-50%, 10px);-webkit-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;padding: 15px 20px;opacity: 0;pointer-events: none;-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);transition: all .3s cubic-bezier(.645, .045, .355, 1);box-shadow: 0 5px 50px rgb(0 0 0 / 10%);}
	.Header-container .c-nav>li:hover>ul {pointer-events: all;-webkit-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);-webkit-transition-delay: .1s;-ms-transition-delay: .1s;transition-delay: .1s;opacity: 1;}
	.Header-container .c-nav>li>ul>li:not(:last-child) {border-bottom: 1px solid #efefef;}
	.Header-container .c-nav>li>ul>li>a {display: block;position: relative;font-size: 16px;padding: 15px 0;color: #58595b;-webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);-ms-transition: color .3s cubic-bezier(.645, .045, .355, 1);transition: color .3s cubic-bezier(.645, .045, .355, 1);line-height: initial;text-align: center;letter-spacing: 1px;}
	.Header-container .c-nav>li>ul>li>a:before {content: "";position: absolute;top: 7px;bottom: 7px;left: -20px;width: 4px;background: #2455bf;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s cubic-bezier(.162, .85, .45, 1);transition: transform .3s cubic-bezier(.162, .85, .45, 1);}
	.Header-container .c-nav>li>ul>li:hover>a:before {-ms-transform-origin: top;-webkit-transform-origin: top;transform-origin: top;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
	.Header-container .c-nav>li>ul>li:hover>a {color: #2455bf;}
	.Header-wrapper .Header-container .c-nav>li .c-title-box{color: #000;}
	
	.Header-container .c-nav>li.pro_nav_down>ul{position: absolute;width: 100%;top: 100%;left: 0;z-index: 10;line-height: 1.2;background: #fff;border-radius: 0 0 20px 20px;box-shadow: 0 5px 5px rgb(204 204 204 / 30%);height: 0;opacity: 0;overflow: hidden;transition: all 0.3s;padding: 0.5rem 8%;transform: none;}
	.Header-container .c-nav>li.pro_nav_down:hover>ul{height: auto;opacity: 1;}
	.Header-container .c-nav>li.pro_nav_down>ul>li{width: 25%;padding: 10px;border: none;}
	.Header-container .c-nav>li.pro_nav_down>ul>li>a{position: relative;font-size: 18px;color: #333;text-align: left;padding: 0;}
	.Header-container .c-nav>li.pro_nav_down>ul>li:hover>a,.Header-container .c-nav>li.pro_nav_down>ul>li.active>a{color: #2455bf;}
	.Header-container .c-nav>li.pro_nav_down>ul>li>a::after {content: "";width: 10px;height: 10px;border-radius: 50%;background: #2455bf;position: absolute;left: -20px;top: calc(50% - 5px);z-index: 12;}
	.Header-container .c-nav>li.pro_nav_down>ul>li>ul{position: absolute;left: 30%;top: 0.5rem;width: 63%;height: calc(100% - 1rem);display: none;flex-wrap: wrap;opacity: 0;visibility: hidden;overflow-y: auto;}
	.Header-container .c-nav>li.pro_nav_down>ul>li.active>ul{display: flex;opacity: 1;visibility: visible;}
	.Header-container .c-nav>li.pro_nav_down>ul>li>ul>li{width: 22%;margin-right: 3%;margin-bottom: 20px;}
	.Header-container .c-nav>li.pro_nav_down>ul>li>ul>li>a{}
	.Header-container .c-nav>li.pro_nav_down>ul>li>ul>li>a>.pic{}
	.Header-container .c-nav>li.pro_nav_down>ul>li>ul>li>a>.pic>img{}
	.Header-container .c-nav>li.pro_nav_down>ul>li>ul>li>a>p{font-size: 14px;line-height: 1.4;color: #666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top: 0.08rem;}
	.Header-container .c-nav>li.pro_nav_down>ul>li>ul::-webkit-scrollbar{width: 5px;background-color: #fff;}
	.Header-container .c-nav>li.pro_nav_down>ul>li>ul::-webkit-scrollbar-thumb{background-color: #2455bf;background-clip:padding-box;border-radius: 0.06rem;}
	.Header-container .c-nav>li.pro_nav_down>ul>li>ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.3);}
	.Header-container .c-nav>li.pro_nav_down>ul>li>ul::-webkit-scrollbar-track-piece{width: 3px;background-color: #ccc;border-radius: 0.06rem;}
}
@media (min-width: 1000px) and (max-width: 1600px) {
	.Header-container .c-nav>li.pro_nav_down>ul{
		padding: 0.5rem 4%;
	}
	
	.Header-container .c-nav>li.pro_nav_down>ul>li>a,.Header-container .c-nav{
		font-size: 16px;
	}
	.Header-container .tool .getainquiry{
		font-size: 14px;
	}
}

.Header-container .tool {display: flex;align-items: center;color: #000;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-wrapper.on .Header-container .tool {color: #000;}
.Header-container .tool .search {}
.Header-container .tool .search i {position: relative;font-size: 24px;padding-right: 0.18rem;margin-right: 0.12rem;cursor: pointer;vertical-align: middle;}
.Header-container .tool .search i::after {position: absolute;content: '';right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 20px;background-color: rgb(255, 255, 255, .3);}
.Header-wrapper .Header-container .tool .search i::after {background-color: rgb(0, 0, 0, .3);}
.Header-container .tool .language {position: relative;}
.Header-container .tool .language a {display: flex;align-items: center;color: white;}
.Header-container .tool .language i {font-size: 24px;}
.Header-container .tool .language p {font-size: 16px;margin-left: 0.08rem;display: flex;align-items: center;}
.Header-container .tool .language p::after {display: inline-block;margin-left: 5px;content: "\e60a";font-size: 12px;font-family: 'iconfont';-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.Header-container .tool .language.on p::after {-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-ms-transform: rotate(180deg);}
.Header-container .tool .language .language_down {display: none;position: absolute;z-index: 2;left: 5px;top: 100%;width: 100%;height: auto;background: #2455bf;text-align: left;-webkit-transition: top 0.3s;-moz-transition: top 0.3s;-ms-transition: top 0.3s;-o-transition: top 0.3s;transition: top 0.3s;}
.Header-container .tool .language .language_down a {display: block;font-size: 14px;line-height: 1.3;padding: 10px 15px;color: rgba(255, 255, 255, .8);-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;text-align: center;}
.Header-container .tool .language .language_down a:hover {background-color: #3F3B3A;}
.Header-wrapper .Header-container .tool .language>a {color: #000;}
.Header-container .tool .getainquiry{text-transform: uppercase;color: #fff;padding: 10px 26px;margin: 3px 0 3px 0.2rem;border-radius: 50px;font-size: 16px;line-height: 30px;background-color: #2455bf;}
.Header-container .tool .getainquiry>i {font-size: 24px;line-height: 30px;margin-right: 0.15rem;display: inline-block;vertical-align: top;}

/*顶部导航开关*/ 
#c-header .c-switch {display: none;width: 24px;height: 20px;cursor: pointer;}
#c-header .c-switch i {position: relative;display: block;height: 2px;background: #000;-webkit-transition: all 0.3s;transition: all 0.3s;}
#c-header .c-switch i:nth-child(1) {top: 0;}
#c-header .c-switch i:nth-child(3) {bottom: 0;}
#c-header .c-switch i:nth-child(2) {margin: 6px 0;}
#c-header.on .c-switch i {background: #333;}
body.c-open #c-header .c-switch i:nth-child(2) {opacity: 0;}
body.c-open #c-header .c-switch i:nth-child(1) {top: 8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
body.c-open #c-header .c-switch i:nth-child(3) {bottom: 8px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
@media (max-width: 1000px) {
	#c-header .c-switch {display: block;}
	.Header-wrapper{line-height: 60px;}
	.Header-container .tool .search{height: 60px;}
	.Header-container .c-nav{height: 0;}
	.Header-container .tool{padding-right: 0.24rem;}
	.Header-container .tool .language p{margin-left: 0.12rem;}
	.Header-container .logo a img{height: 28px;}
	.mt{margin-top: 60px;}
	/*顶部移动端导航*/
	#c-header .c-nav {position: absolute;top: 60px;left: 0;width: 100%;height: 0;line-height: 50px;background: #fff;overflow-y: auto;transition: all 0.5s;text-align: left;overflow-x: hidden;}
	#c-header .c-nav>li:last-child {border-bottom: 1px solid #f1f1f1;}
	#c-header .c-nav li {width: 100%;padding: 0 4%;border-top: 1px solid #f1f1f1;}
	#c-header .c-nav li .c-title-box {display: flex;align-items: center;justify-content: space-between;}
	#c-header .c-nav li a {display: block;color: #333;-webkit-transition: all 0.3s;transition: all 0.3s;font-size: 16px;min-width: calc(100% - 50px);}
	#c-header .c-nav li i {font-size: 20px;color: #333;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;    width: 20px;height: 50px;text-align: center;line-height: 50px;}
	#c-header .c-nav li.on .c-title-box i{transform: rotate(180deg);}
	#c-header .c-nav li a:hover,
	#c-header .c-nav li.on > a {color: #2455bf;}
	#c-header .c-nav li ul {display: none;}
	.c-open #c-header .c-nav {height: calc(100vh - 60px);}
	#c-header .c-nav li ul ul{display: none !important;}
}
@media (max-width: 768px) {
	#c-header .c-nav li {padding: 0 4%;}
	#c-header .c-nav ul li{font-size: 16px;line-height: 45px;}
}

/* 底部 */
.Footer-wrapper {background-color: #000717;}
.Footer-container {}
.Footer-container .top {border-bottom: 1px solid rgba(255, 255, 255, 0.15);padding: 0.36rem 0;display: inline-block;width: 100%;}
.Footer-container .top .foot_logo {}
.Footer-container .top .foot_logo img {height: 0.52rem;}
.Footer-container .top .foot_link {}
.media_ul {}
.media_ul li {margin-right: 8px;}
.media_ul li:last-child {margin-right: 0;}
.media_ul li a {display: flex;align-items: center;justify-content: center;width: 0.4rem;height: 0.4rem;background-color: #3b5999;color: white;border-radius: 50%;font-size: 0;}
.media_ul li a i {font-size: 0.2rem;}
.media_ul li:nth-child(1) a {background-color: #1278F3;}
.media_ul li:nth-child(2) a {background-color: #0A66C2;}
.media_ul li:nth-child(3) a {background-color: #FB0204;}
.media_ul li:nth-child(4) a {background-color: #1D9BF0;}
.media_ul li:nth-child(5) a {background-color: #DA4369;}
.media_ul li:nth-child(6) a {background-color: #FF0013;}
.media_ul li:nth-child(7) a {background-color: #04C15F;}
.Footer-container .mid {padding: 0.8rem 0;letter-spacing: 0.5px;}
.Footer-container .mid ul {}
.Footer-container .mid ul li {float: left;overflow: hidden;}
.Footer-container .mid ul li p {font-size: 20px;line-height: 1.5;color: #fff;display: block;margin-bottom: 0.25rem;font-family: 'MR';}
.Footer-container .mid ul li p i{margin-left: 0.06rem;}
.Footer-container .mid ul li .foot_nav_link a {font-size: 14px;color: #bbb;color: rgb(255, 255, 255, .8);line-height: 2;display: block;}
 .foot_nav_link .menu li {display: contents;}
.Footer-container .mid ul li a:hover {text-decoration: underline;}
.Footer-container .mid ul li.lxwm {max-width: 450px;margin-right: 0;}
.Footer-container .mid ul li dl {}
.Footer-container .mid ul li dd {position: relative;font-size: 14px;line-height: 20px;color: rgb(255, 255, 255, .8);margin-bottom: 16px;padding-left: 26px;}
.Footer-container .mid ul li dd:last-child{margin-bottom: 0;}
.Footer-container .mid ul li dd i {position: absolute;left: 0;top: 0;font-size: 18px;color: rgb(255, 255, 255, .8);}
.Footer-container .bot {font-size: 16px;line-height: 1.4;color: rgb(255, 255, 255, .8);text-align: center;padding: 0.3rem 0;border-top: 1px solid rgba(255, 255, 255, 0.15);letter-spacing: 0.5px;}
.Footer-container .bot a {font-size: 16px;color: rgb(255, 255, 255, .8);}

/* 中间+共用部分 */

/* i_banner */
.i_banner .swiper-pagination-bullet{background-color: white;opacity: 1;}
.i_banner .swiper-pagination-bullet-active{background-color: #2455bf;}
[class*="ban_txt"] {position: absolute;z-index: 2;color: white;line-height: 1.4;}
.ban_txt{left: 8%;top: 37%;}
.ban_txt h3{font-size: 0.54rem;line-height: 0.6rem;/* text-transform: uppercase; */font-weight: 700;}
.ban_txt p{font-size: 0.4rem;}

/* md-sideBar */
.md-sideBar {position: fixed;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 0.1rem;z-index: 200;box-shadow: 0 0.8rem 1.4rem 1px hsl(0deg 0% 80% / 35%);}
.md-sideBar .side_item {display: block;width: auto;position: relative;cursor: pointer;zoom: 1;}
.md-sideBar .side_item:hover .bd {right: 100%;opacity: 1;-webkit-transition: all 0.5s;transition: all 0.5s;width: auto;}
.md-sideBar .side_item .hd {width: 0.6rem;height: 0.6rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 1px solid #ececec;position: relative;z-index: 202;background-color: #fff;}
.md-sideBar .side_item .hd i {font-size: 0.3rem;color: #2455bf;}
.md-sideBar .side_item .bd {color: #2455bf;position: absolute;right: 100%;top: 0;background-color: #fff;padding: 0 0.18rem;white-space: nowrap;-webkit-transition: all 0.5s;transition: all 0.5s;opacity: 0;right: 0;width: 0;overflow: hidden;font-size: 18px;line-height: 0.6rem;z-index: 201;}
.md-sideBar .side_item .bd.wx{padding: 0.08rem;}
.md-sideBar .side_item:hover .bd.wx{width: calc(100px + 0.16rem);}
.md-sideBar .side_item .bd img{width: 100px;height: 100px;}

/* tc_search s */
.tc_search {position: fixed;visibility: hidden;width: 100%;height: 100%;top: 0;left: 0;z-index: 10001;pointer-events: none;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tc_search.act {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;display: block;pointer-events: auto;visibility:visible;}
.tc_search form {width: 9.6rem;max-width: 80%;margin: 0 auto;padding: 0 20px;border-bottom: 2px solid #eee;height: 0.7rem;position: relative;overflow: hidden;z-index: 2;}
.tc_search input {width: 80%;height: 0.7rem;font-size: 0.34rem;color: #c1c1c1;box-shadow: none;-webkit-appearance: none;float: left;border-right: 0;background: none;}
.tc_search input::placeholder {color: #c1c1c1;}
.tc_search button {max-width: 20%;height: 0.7rem;border: 0;line-height: 0.7rem;color: #c1c1c1;cursor: pointer;text-transform: uppercase;float: right;font-size: 0.48rem;background-color: transparent;}
.tc_search .search_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .85);z-index: 0;}
@media all and (max-width: 1000px){
	.tc_search form{
		width: 92%;
		max-width: 92%;
		padding: 0 0.2rem;
		margin-bottom: 1px;
		height: 0.8rem;
	}
	.tc_search input{
		font-size: 0.32rem;
		height: 0.8rem;
	}
	
}
/* tc_search e */

/* c_more s */
.c_more{
	height: 36px;
	line-height: 36px;
	background: #2455bf;
	color: #fff;
	font-size: 14px;
	padding: 0 25px;
	display: inline-block;
	border-radius: 500px;
}
/* c_more e */

/* ind_more */
.i_more{display: inline-block;font-size: 16px;color: white;text-align: center;background-color: #2455bf;border: 1px solid #2455bf;padding: 0.15rem 0.3rem;margin: 0.25rem 0;}
.i_more.mt0{margin-top: 0;}
.i_more.mb0{margin-bottom: 0;}
.i_more::after{content: "\e7c3";font-size: 16px;font-family: iconfont,serif;margin-left: 0.08rem;}
.i_more:hover{background-color: transparent;color: #2455bf;}
.i_more.white{background-color: transparent;border-color: #fff;}
.i_more.white:hover{background-color: #fff;color: #2455bf;}

/* i_tit s */
.i_tit{text-align: center;}
.i_tit.tal{text-align: left;}
.i_tit h3{width: 100%;display: block;font-size: 0.4rem;color: #101010;text-transform: uppercase;font-family: "MB";}
.i_tit p{color: #171717;font-size: 16px;line-height: 1.75;margin-top: 0.15rem;}
.i_tit.white h3,.i_tit.white p{color: white;}
/* i_tit e */

/* c_ban s */
.c_ban{position: relative;height: 5.2rem;background-repeat: no-repeat;background-position: center;background-size: cover;}
.mbx{position: absolute;width: 100%;left: 0;top: 0;display: flex;align-items: center;justify-content: flex-start;font-size: 14px;height: 54px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);color: white;z-index: 3;}
.mbx .ico_home{width: 13px;max-width: none;filter: brightness(100);margin-right: 0.08rem;}
.mbx ul{display: flex;justify-content: flex-start;align-items: center;}
.mbx a:not(:last-child)::after,.mbx li:not(:last-child) a::after{font: normal normal normal 14px/1 FontAwesome;content: "\f105";margin: 0 0.06rem;}
.c_ban .ban_txt{position: absolute;width: 100%;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);color: white;z-index: 3;}
.c_ban .ban_txt .tit-60{font-family: 'MB';text-transform: uppercase;line-height: 1.1;}
.c_ban .ban_txt .tit-18{margin-top: 0.2rem;width: 700px;max-width: 100%;}
/* c_ban e */

/* sort_nav s */
.sort_nav{position: absolute;left: 0;bottom: 0;height: 60px;background: rgba(255,255,255,0.6);right: 0;text-align: center;}
.sort_nav .tit{display: none;color: white;padding: 0 15px;font-size: 14px;height: 42px;background: #2455bf;align-items: center;color: #fff;}
.sort_nav .tit h3{font-size: 18px;text-align: left;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.sort_nav ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.sort_nav ul li{}
.sort_nav ul li a{display: block;font-size: 16px;line-height: 0.6rem;padding: 0 0.4rem; color: #212121;position: relative;}
.sort_nav ul li:last-child a{margin-right: 0;}
/* .sort_nav ul li a::after {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: #2455bf;transition: all 0.5s;} */
.sort_nav ul .current-menu-item a,.sort_nav ul .current-menu-item:hover a{color: #fff;background-color: #2455bf;}
.sort_nav ul li.active a::after,.sort_nav ul li:hover a::after{width: 100%;}
/* sort_nav e */

/* bg */
.white_bg {background-color: white;}
.grey_bg {background-color: #fafafa;background-color: #EFF2F7;/* background-color: #f7f9fa; */}

/* com_page */
.com_page {display: flex;align-items: center;justify-content: center;padding-top: 0.55rem;}
.com_page a,.com_page span {width: .5rem;height: .5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;font-size: .16rem;color: #333;/* background: #fff; */margin: 0 .05rem;transition: all .3s;min-width: 36px;min-height: 36px;}
.com_page a.page-num-current,.com_page a:hover {border-color: #2455bf;background: #2455bf !important;color: #fff;}
.com_page a:last-child,.com_page a:first-child {background-color: #fff;}
.com_page a:last-child::after,.com_page a:first-child::after {font: normal normal normal 14px/1 FontAwesome;font-size: inherit;}
.com_page a:first-child::after {content: "\f104";}
.com_page a:last-child::after {content: "\f105";}

/* n_tit */
.n_tit{color: #212121;}
.n_tit p{font-size: 16px;line-height: 1.5;text-transform: uppercase;}
.n_tit h3{position: relative;font-size: 0.32rem;line-height: 1.3;font-weight: 700;padding-bottom: 0.15rem;margin-bottom: 0.25rem;}
.n_tit h3::after {content: '';display: block;width: 35px;height: 2px;background: #2455bf;position: absolute;left: 0;bottom: 0;}
.n_tit.tac{text-align: center;}
.n_tit.tac h3::after{left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

/* ab_tit */
.ab_tit{text-align: center;}
.ab_tit h3{font-size: 0.45rem;font-family: 'MB';color: #2553A4;}
.ab_tit h3::after{content: "";display: block;width: 0.5rem;height: 0.02rem;background-color: #000;margin: 0.15rem auto;}
.ab_tit p{font-size: 16px;color: #3f3f3f;line-height: 1.5;max-width: 60%;margin: 0 auto;}
.ab_tit.white h3{color: #fff;}
.ab_tit.white h3::after{background-color: #fff;}
.ab_tit.white p{color: #fff;}

/* morelink */
.morelink {display: inline-block;position: relative;font-size: 16px;line-height: 30px;color: #fff;padding: 10px 40px;background-color: #2455bf;border: 1px solid #2455bf;border-radius: 5px;text-transform: capitalize;transition: all 0.3s;cursor: pointer;}
.morelink:hover {color: #2455bf;}

/* btn-3 */
.btn-3 {position: relative;z-index: 1;overflow: hidden;}
.btn-3:before {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #fff;position: absolute;bottom: -5px;left: -5px;transition: all .5s;z-index: -1;}
.btn-3:after {content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #fff transparent transparent;position: absolute;top: -5px;right: -5px;transition: all .5s;z-index: -1;}
.btn-3:hover:before {border-width: 300px 0 0 300px;}
.btn-3:hover:after {border-width: 0 300px 300px 0;}

/* swiper-page01 */
.swiper-page01.swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 0;}
.swiper-page01.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.swiper-page01.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #2455bf;width: 30px;height: 8px;border-radius: 4px;}

/* com_swiper_button */
.com_swiper_button.swiper-button-next::after,.com_swiper_button.swiper-button-prev::after{display: none;}
.com_swiper_button.swiper-button-next,.com_swiper_button.swiper-button-prev{width: 0.4rem;height: 0.4rem;line-height: 0.4rem;text-align: center;border-radius: 50%;background-color: #2455bf;color: white;top: 50%;margin-top: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.com_swiper_button.swiper-button-next::before,.com_swiper_button.swiper-button-prev::before{font-size: 18px;font-family: "FontAwesome";color: white;}
.com_swiper_button.swiper-button-prev::before{content: "\f104";}
.com_swiper_button.swiper-button-next::before{content: "\f105";}
.com_swiper_button.swiper-button-prev{left: -0.6rem;}
.com_swiper_button.swiper-button-next{right: -0.6rem;}

/* more_btn */
.more_btn{transition: all 0.5s ease; display: inline-block; min-width: 230px; border-radius: 5px; text-align: center; border: 3px solid #2553A4;-webkit-transition: border-color 0.4s, color 0.4s;transition: border-color 0.4s, color 0.4s;position: relative;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale; overflow: hidden; border-radius: 25px; padding: 0 20px;z-index: 0;}
.more_btn a,.more_btn span{ display: block; width: 100%; line-height: 44px; color: #2553A4; text-align: center; font-size: 16px; font-family: mulibl; text-transform: uppercase;}
.more_btn::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #37474f; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.more_btn::before {background: #2553A4;}
.more_btn,.more_btn::before {-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.more_btn:hover {color: #fff;border-color: #2553A4;}
.more_btn:hover a,.more_btn:hover span {color: #fff;}
.more_btn:hover::before {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.more_btn.on{ background: #2553A4; border-color: #2553A4;}
.more_btn.on a,.more_btn.on span{ color: #fff;}
.more_btn i.icon-youjiantou3{ margin-left: 10px; float: right; font-weight: bold;}

/* online_form */
.online_form_layer{
	z-index: 99999999;
	position: fixed;
	right: 0;
	bottom: 5px;
}
.online_qq_tab{
	cursor: pointer;
	line-height: 36px;
	width: 180px;
	height: 36px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	box-shadow: 0 0 10px rgb(68 68 68 / 18%);
	background: #2455bf;
	text-align: center;
	color: #fff;
	text-align: center;
	position: fixed;
	bottom: 0;
	right: 10px;
	z-index: 9;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.online_qq_tab i{
	margin-right: 0.06rem;
}
.online_qq_tab span{}
.online_form{
	position: fixed;
	width: 350px;
	bottom: 0;
	right: 10px;
	background: #fff;
	z-index: 100;
	box-shadow: 0 0 10px rgb(68 68 68 / 18%);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.online_form .close{
	height: 30px;
	color: #fff;
	width: 30px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	right: 15px;
	top: 10px;
	cursor: pointer;
}
.online_form .close::after{
	border-radius: 0;
	font-size: 18px;
	content: "";
	background: #fff;
	line-height: 30px;
	width: 16px;
	height: 2px;
	display: inline-block;
	margin-top: 14px;
}
.online_form .tit{
	display: block;
	font-size: 18px;
	background: #2455bf;
	padding: 15px 20px;
	line-height: 24px;
	text-transform: uppercase;
	margin-bottom: 0;
	color: #fff;
	border-radius: 2px 2px 0 0;
}
.online_form .inquiry{
	padding: 20px;
}
.online_form input,.online_form textarea{
	padding: 12px;
	font-size: 14px;
	line-height: 1.3;
	width: 100%;
	border: 1px solid #dadada;
	margin-bottom: 10px;
	background-color: #fff;
	color: #000;
	resize: none;
}
.online_form textarea{
	height: 10em;
}
.online_form button{
	border-width: 1px;
	height: 36px;
	line-height: 36px;
	padding-left: 20px;
	padding-right: 20px;
	border: none;
	font-size: 12px;
	text-align: center;
	width: 100%;
	border-radius: 5px;
	background-color: #2455bf;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

/* ====================首页样式========================= */

/* 产品中心 s */
.ind_pro {
	background-color: #EFF2F7;
}

.ind_pro .con {
	margin-top: 0.55rem;
}

.ind_pro .con .top {
	margin-bottom: 0.25rem;
}

.ind_pro .con .top ul {}

.ind_pro .con .top ul li {
	position: relative;
	flex-grow: 1;
	border-right: 1px solid #EFF2F7;
	z-index: 2;
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.ind_pro .con .top ul li a{
	text-align: center;
	font-size: 16px;
	color: #333;
	padding: 6px 2%;
	min-height: 60px;
	background-color: white;
	text-transform: capitalize;
}

.ind_pro .con .top ul li.active a,
.ind_pro .con .top ul li:hover a {
	background-color: #2455bf;
	color: white;
}

.ind_pro .con .top ul li a span{
	line-height: 1.5;
}

.ind_pro .con .bot {}

.ind_pro .con .bot .item {
	display: none;
}

.ind_pro .con .bot .item.show {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.ind_pro .con .bot .item .fl {
	width: calc(41% - 15px);
	margin-right: 15px;
	background-color: #fff;
}

.ind_pro .con .bot .item .fl .pic {}

.ind_pro .con .bot .item .fl .info {
	padding: 0.2rem 0;
}

.ind_pro .con .bot .item .fl h4 {
	font-size: 24px;
	line-height: 1.5;
	height: 3em;
	color: #191919;
	text-align: center;
	padding: 0 4%;
	margin-bottom: 0.15rem;
}

.ind_pro .con .bot .item .fl a:hover h4 {
	color: #2455bf;
}

.ind_pro .con .bot .item .fl p {
	font-size: 16px;
	line-height: 1.5;
	height: 4.5em;
	text-align: center;
	color: #888;
	padding: 0 6%;
}

.ind_pro .con .bot .item .fr {
	width: 59%;
}

.ind_pro .con .bot .item .fr ul {}

.ind_pro .con .bot .item .fr ul li {
	float: left;
	width: calc((100% - 30px) / 3);
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: white;
}
.ind_pro .con .bot .item .fr ul li:nth-child(4),.ind_pro .con .bot .item .fr ul li:nth-child(5),.ind_pro .con .bot .item .fr ul li:nth-child(6){
	margin-bottom: 0;
}

.ind_pro .con .bot .item .fr ul li:nth-child(3n) {
	margin-right: 0;
}

.ind_pro .con .bot .item .fr ul li a {}

.ind_pro .con .bot .item .fr ul li p {
	font-size: 14px;
	color: #191919;
	text-align: center;
	height: 110px;
	padding: 0 4%;
}
.ind_pro .con .bot .item .fr ul li p span{
	font-size: 16px;
	line-height: 1.5;
}

.ind_pro .con .bot .item .fr ul li:hover p {
	color: #2455bf;
}

.ind_pro .con .bot .item p {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/* 产品中心 e */

/* 产品分类 s */
.i_pro_sort{
	padding-top: 0.8rem;
	background-color: #EFF2F7;
}
.i_pro_sort .con{}

.i_pro_sort .fl{
	flex: 1;
}
.i_pro_sort .fr{
	background: #121726;
	width: 1.2rem;
	min-width: 60px;
	transition: all .3s;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.i_pro_sort .more a{
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.i_pro_sort .more a:hover{
	background-color: #2455BF;
}
.i_pro_sort .more i{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 10px;
	color: #fff;
	font-size: 20px;
}
.i_pro_sort .more p{
	font-size: 14px;
	line-height: 46px;
	color: #fff;
	text-align: center;
}

.i_pro_sort ul{}
.i_pro_sort ul li{
	/* width: 20%; */
	position: relative;
}
.i_pro_sort ul li.mb{}
.i_pro_sort ul li .img{}
.i_pro_sort ul li .img img{
	
}
.i_pro_sort ul li .text{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	background: rgba(11,23,44,.7);
	z-index: 2;
}
.i_pro_sort ul li .text .ico{
	text-align: center;
	margin-bottom: 0.3rem;
}
.i_pro_sort ul li .text .ico img{
	height: 0.82rem;
}
.i_pro_sort ul li .text h3{
	font-size: 0.2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	color: #fff;
	padding: 0 15%;
}
.i_pro_sort ul li .mask{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #2455bf;
	padding: 40px 30px;
	width: 100%;
	z-index: 3;
	color: #fff;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.i_pro_sort ul li:hover .mask{
	visibility: visible;
	opacity: 1;
}
.i_pro_sort ul li .mask h3{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
}
.i_pro_sort ul li .mask h3::after{
	content: "";
	width: 0.32rem;
	height: 0.04rem;
	background-color: #c3cdf3;
	border-radius: 0.5rem;
	display: block;
	margin: 0.12rem 0 0.28rem;
}
.i_pro_sort ul li .mask .list{
	display: block;
	margin-bottom: 0.4rem;
	height: 18em;
}
.i_pro_sort ul li .mask .list a{
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 2.25;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	color: #c3cdf3;
}
.i_pro_sort ul li .mask .list a:hover{
	color: white;
	text-decoration: underline;
}
.i_pro_sort ul li .mask .more{
	background: #fff;
	color: #2455bf;
	padding: 10px 25px;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
}
.i_pro_sort ul li .mask .more:hover{
	/* box-shadow: 0 0 0.06rem rgb(255,255,255,.3); */
}
/* 产品分类 e */

/* 关于我们 s */
.i_about{}
.n_about{
	padding-top: 0.8rem;
}
.i_about .fl{
	width: 50%;
}
.i_about .fl .txt{}
.i_about .fl .tit{
	font-size: 0.4rem;
	margin-bottom: 0.25rem;
	font-family: 'MB';
}
.tit-bl{
	border-left: 0.06rem solid #2653A4;
	font-size: 0.4rem;
	line-height: 1;
	color: #2553A4;
	padding-left: 0.3rem;
}
.i_about .fl .des{
	font-size: 16px;
	line-height: 1.75;
	color: #666;
}

.i_about .signal{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 0.25rem;
} 
.i_about .signal a{}
.i_about .signal img{
	width: 90px;
}

.i_about .fl .i_more{
	margin: 0.45rem 0;
}

.i_about .fl .num-row{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.i_about .fl .num-row li{
	flex: 1;
	line-height: 1.3;
	text-align: center;
}
.i_about .fl .num-row li:not(:last-child) {
    border-right: 1px solid #ddd;
}
.i_about .fl .num-row li .num{}
.i_about .fl .num-row li .num span{
	font-size: 0.48rem;
	font-family: "MB";
}
.i_about .fl .num-row li .num i{
	font-size: 0.2rem;
}
.i_about .fl .num-row li p{
	font-size: 14px;
	color: #999;
}

.i_about .fr{
	position: relative;
	width: 42.5%;
}
.i_about .fr img{}
.i_about .fr .bf{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	background-color: rgb(0,0,0,.6);
	z-index: 3;
}
.i_about .fr .bf i{
	color: #fff;
	font-size: 0.85rem;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.i_about .fr:hover .bf i{
	transform: scale(0.9);
}

.i_about .bot{
	background-color: #2455bf;
	padding: 0.6rem 0;
	margin-top: 0.55rem;
}
.i_about .bot ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.i_about .bot ul li{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	color: white;
}
.i_about .bot ul li .ico{
	width: 70px;
}
.i_about .bot ul li .ico img{}
.i_about .bot ul li .text{
	/* width: calc(100% - 80px); */
	margin-left: 0.15rem;
}
.i_about .bot ul li .num{}
.i_about .bot ul li .num span{
	font-size: 0.48rem;
}
.i_about .bot ul li .num i{
	font-size: 0.2rem;
}
.i_about .bot ul li .text p{
	font-size: 16px;
	margin-top: 0.06rem;
}
/* 关于我们 e */

/* 工厂展示 s */
.ind_factory {
	background-color: #fff;
}
.ind_factory .con {
	margin-top: 0.5rem;
}
.ind_factory ul li{}
.ind_factory ul li a{
	position: relative;
	overflow: hidden;
}
.ind_factory ul li p{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 0.18rem 2%;
	font-size: 16px;
	color: white;
	background-color: rgb(0,0,0,.36);
	text-align: center;
}
.ind_factory ul li:hover p{
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
/* 工厂展示 e */

/* 为什么 s */
.i_why{
	background: url('https://www.yuyeelectric.com/style/images/i_why_bg.jpg') no-repeat center/cover;
}
.i_why ul{}
.i_why ul li{
	width: 24%;
	background-color: #fff;
	padding: 1rem 0.3rem;
	text-align: center;
}
.i_why ul li .ico{
	height: 0.75rem;
	line-height: 0.75rem;
}
.i_why ul li .ico img{
	display: inline-block;
	max-height: 100%;
}
.i_why ul li .tit{
	font-size: 0.26rem;
	line-height: 1.3;
	color: #333;
	margin: 0.3rem auto 0.2rem;
}
.i_why ul li .des{
	font-size: 14px;
	line-height: 1.75;
	height: 8.75em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	color: #303030;
}
/* 为什么 e */

/* 行业应用 s */
.i_app{}
.i_app .swiper{
	padding-bottom: 0.4rem;
}
.i_app ul{}
.i_app ul li{
	position: relative;
	width: 24%;
}
.i_app ul li .mask{
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 45%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.i_app ul li:hover .mask{
	top: calc(100% - 60px);
}
.i_app ul li .mask p{
	font-size: 0.26rem;
	text-align: center;
	line-height: 1.3;
	color: #fff;
	font-weight: 700;
}
/* 行业应用 e */

/* 下载目录 s */
.i_down{
	background: url('https://www.yuyeelectric.com/style/images/i_down_bg.jpg') no-repeat center/cover;
}
.i_down .fl{
	width: 36.25%;
	color: #fff;
}
.i_down .fl .tit{
	font-size: 0.42rem;
}
.i_down .fl .des{
	font-size: 16px;
	line-height: 1.75;
	margin: 0.35rem 0;
}
.i_down .fl .i_more{}
.i_down .fl .i_more:hover{
	border-color: #fff;
	color: #fff;
}
.i_down .fr{
	flex: 1;
	text-align: right;
	padding-right: 0.9rem;
}
.i_down .fr img{
	display: inline-block;
}
/* 下载目录 e */

/* 新闻中心 s */
.i_new{
	background: url('https://www.yuyeelectric.com/style/images/i_new_bg.jpg') no-repeat center/cover;
}
.i_new .tit-row{}
.i_new .tit-row h3{
	font-size: 0.42rem;
}
.i_new .tit-row .tit-link{}
.i_new .tit-row .tit-link a{
	font-size: 18px;
	line-height: 1.2;
	color: #959da2;
}
.i_new .tit-row .tit-link a.active{
	color: #2455bf;
}
.i_new .tit-row .tit-link a:not(:first-child){
	margin-left: 0.6rem;
}
.i_new .con{}
.i_new .item{
	display: none;
}
.i_new .item.show{
	display: block;
}
.i_new ul{
	padding-bottom: 30px;
}
.i_new .swiper-pagination{
	bottom: 0 !important;
}
.i_new .swiper-pagination .swiper-pagination-bullet-active{
	background-color: #2455bf;
}

.i_new ul li{}
.i_new ul li a{
	display: block;
}
.i_new ul li .info{
	line-height: 1.3;
	padding-top: 0.3rem;
}
.i_new ul li .info .tit{
	font-size: 20px;
	color: #212121;
	margin-bottom: 0.2rem;
}
.i_new ul li:hover .info .tit{
	color: #2455bf;
}
.i_new ul li .info .des{
	font-size: 16px;
	color: #363636;
	height: 2.6em;
}
/* 新闻中心 e */

/* 底部留言 s */
.i_mess{
	/*background: url('https://www.yuyeelectric.com/style/images/i_mess_bg.jpg') no-repeat center/cover;*/
}
.i_mess .fl{
	color: #fff;
	flex: 1;
	padding-right: 15%;
	padding-top: 0.35rem;
}
.i_mess .fl .tit{
	font-size: 0.48rem;
	font-weight: 700;
}
.i_mess .fl .des{
	font-size: 18px;
	line-height: 1.5;
	margin-top: 0.25rem;
}
.i_mess .fl a{}
.i_mess .fl a i{
	font-size: 18px;
	margin-right: 0.1rem;
}
.i_mess .fl a:hover{
	color: #fff;
	border-color: #fff;
}
.i_mess .fr{
	width: 760px;
	max-width: 100%;
}
.i_mess .mauticform-innerform{
	padding: 0.45rem 0.35rem;
	/* background-color: rgb(0, 0, 0, .5);'' */
	background-color: rgb(255,255,255,.05);
}
.i_mess .mauticform-page-wrapper{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.i_mess .fr form .mauticform-row:nth-child(1),.i_mess .fr form .mauticform-row:nth-child(2){
	width: 48%;
}
.i_mess .fr form .mauticform-row{
	width: 100%;
	margin-bottom: 0.2rem;
}
.i_mess .fr form .mauticform-row label{
	display: block;
	font-size: 16px;
	color: #3d3d3e;
	margin-bottom: 0.12rem;
}
.i_mess .fr form .mauticform-row input{
	width: 100%;
	font-size: 16px;
	color: rgb(255, 255, 255, .4);
	height: 40px;
	line-height: 38px;
	border: 1px solid rgb(255,255,255,.2);
	padding-left: 0.12rem;
	background-color: transparent;
}
.i_mess .fr form .mauticform-row textarea{
	width: 100%;
	height: 2rem;
	font-size: 16px;
	color: rgb(255, 255, 255, .4);
	line-height: 1.5;
	padding: 0.12rem;
	border: 1px solid rgb(255,255,255,.2);
	background-color: transparent;
}
.i_mess .fr form .mauticform-row input::placeholder,.i_mess .fr form .mauticform-row textarea::placeholder{
	color: rgb(255, 255, 255, .4);
}
.i_mess .fr form button{
	display: block;
	width: 165px;
	height: 45px;
	background-color: transparent;
	border: 1px solid rgb(255,255,255,.2);
	font-size: 16px;
	color: rgb(255, 255, 255, .8);
	text-align: center;
	margin-top: 0.2rem;
	cursor: pointer;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.i_mess .fr form button:hover{
	background-color: #fff;
	color: #2455bf;
}
/* 底部留言 e */

/* ====================内页样式========================= */

/* ====================关于样式========================= */

/* 公司简介 s */
/* 公司简介 e */

/* 技术研发 s */
.n_tech{
	background-color: #EEEEEE;
}
.n_tech .fl{
	width: 38.0625%;
}
.n_tech .fr{
	width: 58%;
}
.n_tech .fr .tit-bl{}
.n_tech .fr .des{
	font-size: 16px;
	line-height: 1.75;
	color: #3F3F3F;
}
/* 技术研发 e */

/* 品牌优势 s */
.n_adv{
	color: #fff;
	background: url('https://www.yuyeelectric.com/style/images/n_adv_bg.jpg') no-repeat center/cover;
}
.n_adv .tit{}
.n_adv .tit h3{
	font-size: 0.45rem;
}
.n_adv .tit h3::after{
	content: "";
	display: block;
	width: 0.5rem;
	height: 0.02rem;
	margin: 0.15rem auto;
	background-color: #fff;
}
.n_adv .tit p{
	font-size: 0.3rem;
}
.n_adv .des{}
.n_adv .des p{
	position: relative;
	width: 48%;
	font-size: 16px;
	line-height: 2;
	padding-left: 0.18rem;
}
.n_adv .des p::before{
	position: absolute;
	content: "";
	display: inline-block;
	width: 0.09rem;
	height: 0.09rem;
	border-radius: 50%;
	background-color: #fff;
	left: 0;
	top: 12px;
}
/* 品牌优势 e */

/* 公司实力 s */
.n_str{}
.n_str .con{}
.n_str ul{}
.n_str ul li{
	position: relative;
	width: 31.5%;
	border: 2px solid #B5B5B5;
	text-align: center;
	color: #212121;
	padding: 0.55rem 0.12rem;
	line-height: 1.5;
	margin-top: 0.4rem;
	margin-right: 2.75%;
}
.n_str ul li:hover{
	color: #fff;
}
.n_str ul li:nth-child(3n),.n_str ul li:last-child{
	margin-right: 0;
}
.n_str ul li .ico{
	position: relative;
	display: inline-block;
	height: 55px;
	line-height: 55px;
	z-index: 3;
}
.n_str ul li .ico img{
	max-height: 100%;
	display: inline-block;
	filter: invert(1);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.n_str ul li:hover .ico img{
	filter: initial;
}
.n_str ul li .mask{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
}
.n_str ul li:hover .mask{
	opacity: 1;
}
.n_str ul li .mask img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.n_str ul li .info{
	position: relative;
	z-index: 3;
}
.n_str ul li .tit-cn{}
.n_str ul li .tit-en{
	height: 4.5em;
	max-width: 80%;
	margin: 0 auto 0.15rem;
}
.n_str ul li .des{
	height: 15em;
}
/* 公司实力 e */

/* 优良设备 s */
.n_exc{
	position: relative;
}
.n_exc::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 65%;
	left: 0;
	top: 0;
	background-color: #313131;
	z-index: -1;
}
.n_exc .ab_tit{
	position: relative;
	z-index: 2;
}
.n_exc .ab_tit p{
	max-width: 85%;
}
.n_exc .swiper{
	padding-bottom: 0.4rem;
}
.n_exc ul li .mask{
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	background-color: rgb(0, 0, 0, .1);
	z-index: 1;
}
/* 优良设备 e */

/* 企业文化 s */
/* 企业文化 e */

/* 荣誉资质 s */
.n_honor{}
.n_honor ul{}
.n_honor ul li{
	float: left;
	width: 22.5%;
	margin-right: 2%;
	margin-bottom: 0.35rem;
}
/*.n_honor ul li:nth-child(5n){*/
/*	margin-right: 0;*/
/*}*/
.n_honor ul li .img{
	background: #f6f6f6;
	padding: 20px 0;
	width: 100%;
}
.n_honor ul li img{
	max-width: 86%;
	margin: 0 auto;
	display: block;
}
.n_honor ul li .tit{
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: #333;
	margin-top: 0.15rem;
}
.n_honor ul li:hover .tit{
	color: #2455bf;
}
/* 荣誉资质 e */

/* 工厂环境 s */
.n_factory{}
.n_factory ul{}
.n_factory ul li{
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 0.35rem;
}
.n_factory ul li:nth-child(5n){
	margin-right: 0;
}
.n_factory ul li .info{
	background: #f3f3f3;
	padding: 0.2rem;
}
.n_factory ul li .tit{
	line-height: 1.5;
	color: #000;
}
.n_factory ul li:hover .tit{
	color: #2455bf;
}

/* 工厂环境 e */


/* ====================产品样式========================= */

/* info_pro2 s */
.info_pro2{}
.info_pro2>ul{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.info_pro2>ul>li{
	width: 32%;
	margin-right: 2%;
	position: relative;
	height: 70px;
	line-height: 70px;
	background: #fff;
	border-radius: 6px;
	border-bottom: 4px solid #d1d1d1;
	margin-bottom: 0.4rem;
}
.info_pro2>ul>li:hover{
	border-color: #2455bf;
}
.info_pro2>ul>li:nth-child(3n){
	margin-right: 0;
}
.info_pro2>ul>li>a{
	font-size: 18px;
	width: 85%;
	margin-left: 5%;
	display: block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.info_pro2>ul>li>ul{
	position: absolute;
	left: 0;
	top: 100%;
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
	box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
	width: 100%;
	padding: 0.15rem 0;
	box-sizing: border-box;
	background: #fff;
	display: none;
	z-index: 3;
}
.info_pro2>ul>li:hover>ul{
	display: block;
}
.info_pro2>ul>li>ul a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 2.25;
	color: #212121;
	width: 90%;
	margin: 0 auto;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.info_pro2>ul>li>ul a:hover{
	color: #2455bf;
}

.info_pro2>ul>li:hover p,.info_pro2>ul>li.active p{
	color: #2455bf;
}
.info_pro2>ul>li i{
	position: absolute;
	right: 5%;
	top: 0;
}
.info_pro2>ul>li:hover i::before{
	content: "\e68e";
}
/* info_pro2 e */

/* 产品分类 s */
.n_pro_sort{
	background-color: #F2F2F2;
}
.pro_tit{
	margin-bottom: 0.45rem;
}
.pro_tit h3{
	font-size: 0.4rem;
	font-family: 'MB';
	color: #2753a4;
}
.n_pro_sort ul{}
.n_pro_sort ul li{
	width: 32%;
	margin-bottom: 0.6rem;
}
.n_pro_sort ul li a{
	display: block;
	line-height: 1.4;
}
.n_pro_sort ul li .info{
	padding-top: 0.2rem;
}
.n_pro_sort ul li .tit{
	color: #2455bf;
}
.n_pro_sort ul li .des{
	color: #313131;
	margin-top: 0.1rem;
}
.n_pro_sort ul li .link{
	margin-top: 0.25rem;
}
.n_pro_sort ul li .link a{
	font-size: 16px;
	line-height: 2;
	color: #4b4b4b;
}
.n_pro_sort ul li .link a:hover{
	color: #2455bf;
	text-decoration: underline;
}
/* 产品分类 e */

/* 产品列表 s */
.bg-f2{
	background-color: #f2f2f2;
}
.info_pro {
    padding-bottom: 0.7rem;
}
.n_pro_list{
padding-top: 0.15rem;
}
.n_pro_list_top{
	padding: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	margin-bottom: 0.6rem;
}
.n_pro_list_top .pic{
	width: 40%;
}
.n_pro_list_top .pic img{}
.n_pro_list_top .info{
	flex: 1;
	padding-left: 5%;
}
.n_pro_list_top .tit{
	font-size: 0.4rem;
	color: #2753a4;
}
.n_pro_list_top .des{
	font-size: 16px;
	line-height: 1.75;
	color: #313131;
	margin-top: 0.25rem;
}
a.pro_li_link{
	position: relative;
	display: block;
	padding-left: 0.16rem;
}
.des a:before {
	position: absolute;
	top: 0px;
	left: 0;
    content: "";
	display: block;
	width: 0.08rem;
	height: 0.08rem;
	top: 9px;
	background-color: #252b37;
    color: #252b37;
}
.n_pro_list_top .des a:hover{
	color: #2455bf;
	text-decoration: underline;
}
.n_pro_list_top .des a:hover::before{
	background-color: #2455bf;
}

.n_pro_list_con{
	background-color: white;
	padding: 0.4rem 0;
}
.n_pro_list_con ul{
	display: flex; 
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.n_pro_list_con ul li{
	width: 48%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0.2rem 2% 0.2rem 0; 
	padding: 0.4rem;
	box-shadow: 0 6px 12px 1px rgb(0 0 0 / 6%);
}
.n_pro_list_con ul li:nth-child(2n){
	margin-right: 0;
}
.n_pro_list_con ul li a{}
.n_pro_list_con ul li .img{
	width: 40%;
}
.n_pro_list_con ul li .pic img{
	object-fit: contain;
}
.n_pro_list_con ul li .info{
	width: 58.125%;
	line-height: 1.4;
}
.n_pro_list_con ul li .info h4{
	color: #2455bf;
	height: 2.8em;
}
.n_pro_list_con ul li .info p{
	height: 2.8em;
	color: #313131;
	margin-top: 0.2rem;
}
.n_pro_list_con ul li .info a{
	display: inline-block;
	font-size: 12px;
	color: #ffffff;
	background-color: #2455bf;
	padding: 0.1rem 0.2rem;
	border-radius: 0.3rem;
	margin-top: 0.2rem;
}
/* 产品列表 e */

/* 产品详情 s */
.n_pro_det{
	position: relative;
	overflow: hidden;
}
.pro_nav{
	width: 25%;
	bottom: 0;
}
.pross{border-radius: 8px;overflow: hidden;position: relative;}
.pross .inp{height: 58px;line-height: 58px;background: #fff;width: 100%;text-indent: 28px;padding-right: 70px;}
.pross .sub{width: 58px;height: 58px;background: #2455bf url(https://www.yuyeelectric.com/style/images/rtic11.png) no-repeat center;position: absolute;right: 0;top: 0;cursor: pointer;}
.pro_nav .info_pro2{}
.pro_nav .info_pro2 ul{}
.pro_nav .info_pro2 ul li{width: 100%;margin-bottom: 12px;border: none;border-left: 6px solid #2455bf;margin-right: 0;}
.pro_main{
	width: 72%;
}
.show_box{
	background: #fff;
	border-radius: 0.16rem;
	padding: 0.5rem 4%;
	margin-bottom: 0.5rem;
	display: flow-root;
}
.pro_main_box1{}
.pro_main_box1 .pic{
	width: 40%;
}
.product_det_pic li{
	border: 1px solid #ddd;
}
.product_det_ico{}
.product_det_ico ul{}
.product_det_ico ul li{
	border: 1px solid #ddd;
	cursor: pointer;
}
.product_det_ico ul li.swiper-slide-thumb-active{
	border: 1px solid #2455bf;
}

.pro_main_box1 .txt{
	width: 56%;
}
.pro_main_box1 .txt .tit{
	width: 100%;
	line-height: 1.3;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 0.25rem;
	position: relative;
	margin-bottom: 0.3rem;
}
.pro_main_box1 .txt .tit::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 4px;
    background: #2455bf;
    bottom: 0;
    left: 0;
    z-index: -1px;
}
.pro_main_box1 .txt .des{
	font-size: 16px;
	line-height: 1.75;
	color: #5b5b5b;
}
.pro_main_box1 .txt .des p{
	position: relative;
	display: block;
	padding-left: 0.16rem;
}
.pro_main_box1 .txt .des p:before {
	position: absolute;
	top: 0px;
	left: 0;
    content: "";
	display: block;
	width: 0.08rem;
	height: 0.08rem;
	top: 9px;
	background-color: #5b5b5b;
    color: #5b5b5b;
}
/* .pro_main_box1 .txt .des p:hover{
	color: #2455bf;
}
.pro_main_box1 .txt .des p:hover::before{
	background-color: #2455bf;
} */
.pro_main_box1 .txt .btn{}
.pro_main_box1 .txt .btn .more_btn.on {
    margin-right: 0.3rem;
    position: unset;
}
.pro_main_box1 .txt .btn .more_btn i{
	margin-left: 0.06rem;
}

.follow{
	margin-top: 30px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.follow span{
	color: #02314d;
	font-size: 20px;
	margin-right: 20px;
}
.follow span.white{
	color: white;
}
.follow_list{
	overflow: hidden;
}
.follow_list a{
	display: block;
	margin-right: 5px;
	float: left;
	width: 28px;
	height: 28px;
	border-radius: 14px;
	text-align: center;
	line-height: 28px;
	color: #fff;
	padding: 0;
	border: none;
}
.follow_list a.icon-facebook{
	background-color: #415a93;
}
.follow_list a.icon-twitter{
	background-color: #229dfd;
}
.follow_list a.icon-youtube{
	background-color: #FE0000;
}
.follow_list a.icon-linkedin{
	background-color: #0775a8;
}
.follow_list a.icon-instagram{
	background-color: #9334C3;
}

.pro_main_box2{}

.pro_main_box2 .tab-hd{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 0.3rem;
	cursor: pointer;
}
.pro_main_box2 .tab-hd li{
	flex: 1;
	text-align: center;
	font-size: 30px;
	font-family: 'MB';
	border-bottom: 4px solid #d4d4d4;
	height: 1.75em;
	overflow: hidden;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.pro_main_box2 .tab-hd li.active{
	border-color: #2455bf;
}

.pro_main_box2 .tab-bd{}
.pro_main_box2 .tab-bd li{
	display: none;
	font-size: 16px;
	line-height: 1.75;
	color: #333;
}
.pro_main_box2 .tab-bd li img{
	display: inline-block;
}
.pro_main_box2 .tab-bd li h3{
	font-size: 24px;
	font-weight: 700;
	color: #2455bf;
	margin-bottom: 0.15rem;
}
.pro_main_box2 .tab-bd li h3:not(:first-child){
	padding-top: 0.15rem;
}
.pro_main_box2 .tab-bd li h4,.pro_main_box2 .tab-bd li h5{
	font-weight: 700;
	color: #000;
}
.pro_main_box2 .tab-bd li.show{
	display: block;
}
.pro_main_box2 .tab-bd li.tags a{
	display: inline-block;
	padding: 0.08rem 0.25rem;
	font-size: 16px;
	color: #333;
	margin-right: 0.1rem;
	border: 0.02rem solid #2455bf;
	border-radius: 0.04rem;
	margin-bottom: 0.15rem;
}
.pro_main_box2 .tab-bd li.tags a:hover{
	background-color: #2455bf;
	color: white;
}
.tableProDetails table {
	width: 100%;
	border: 1px solid #ccc;
	font-size: 16px !important;
	border-collapse: collapse;
}
.tableProDetails th,
.tableProDetails td {
	padding: 0.06rem 0.16rem;
	font-size: 16px;
	line-height: 1.5;
	color: #39425f;
	border: 1px solid #ddd;
	background-color: #FFFFFF;
}

.tableProDetails th,
.tableProDetails td.thead {
	background-color: #f2f2f2;
	text-align: left;
	font-weight: normal;
}

.tableProDetails td.thead {
	font-weight: bold;
}

.tableProDetails td img {
	max-width: 100%;
	height: auto;
}

.tableProDetails td table {
	min-width: auto;
}
.xg_pro li .pic{
	border: 1px solid #ddd;
	border-radius: 0.1rem;
}
/* 产品详情 e */

/* ====================新闻样式========================= */

/* 新闻列表 s */
.n_newslist{}
.n_newslist ul{}
.n_newslist ul li:not(:last-child){
	margin-bottom: 0.3rem;
}
.n_newslist ul li a{
	background-color: white;
}
.n_newslist ul li .img{
	width: 32%;
}
.n_newslist ul li .img img{
	object-fit: contain;
}
.n_newslist ul li .txt{
	width: 68%;
	line-height: 1.4;
	padding: 0.4rem;
	background-color: #fff;
}
.n_newslist ul li .txt .tit-20{
	color: #000;
}
.n_newslist ul li:hover .tit-20{
	color: #2455bf;
}
.n_newslist ul li .txt .tit-15{
	margin: 0.16rem 0 0.2rem;
}
.n_newslist ul li .txt .tit-16{
	color: #666;
	height: 2.8em;
	margin-bottom: 0.25rem;
}
/* 新闻列表 e */

/* 新闻详情 s */
.n_news_det{
	background: #fff;
	border-radius: 0.16rem;
	padding: 0.5rem 2%;
}
.n_news_det .w16{}

.n_news_det .tit{
	font-size: 0.32rem;
	line-height: 1.3;
}
.n_news_det .time{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 0.35rem;
	border-bottom: 1px solid #efefef;
	margin: 0.3rem 0 0.4rem;
	color: #666;
}
.n_news_det .time .fl{}
.n_news_det .time .fr{}
.n_news_det .time i{
	font-size: 20px;
	margin-right: 8px;
}
.n_news_det .time b{
	font-weight: 700;
	color: #2455bf;
}
.n_news_det .main{
	font-size: 16px;
	line-height: 1.75;
	color: #717171;
}
.n_news_det .main img{
	display: inline-block;
}
.n_news_det .back{
	display: block;
	font-size: 16px;
	height: 42px;
	line-height: 42px;
	background: #f5f5f5;
	text-align: center;
	width: 100%;
	margin-top: 0.3rem;
}
.n_news_det .back:hover{
	background-color: #2455bf;
	color: #fff;
}
.n_news_det .fanye{
	padding-top: 0.3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.n_news_det .fanye .fl{
	width: 48%;
}
.n_news_det .fanye .fr{
	width: 48%;
}
.fanye dt.dt2 {
    text-align: right;
}
.n_news_det .fanye a{
	display: block;
}
.n_news_det .fanye .bt{
	font-size: 18px;
	display: inline-flex;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
}
.n_news_det .fanye .bt span{
	font-size: 30px;
	margin-right: 5px;
}
.fanye dt.dt2 .bt span {
    margin: 0;
    margin-left: 5px;
}
.n_news_det .fanye p{
	color: #717171;
	font-size: 16px;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.n_news_det .fanye a:hover p{
	color: #2455bf;
}

.xg_new{
	background: #fff;
	border-radius: 0.16rem;
	padding: 0.5rem 2%;
}
.xg_new h3{
	color: #333;
	margin-bottom: 0.25rem;
}
.xg_new .swiper{
	padding-bottom: 0.3rem;
}
.xg_new ul li{
	padding: 0 1px;
}
.xg_new ul li .tit{
	display: block;
	line-height: 1.5;
	height: 3em;
	padding: 0 5%;
	margin-top: 0.15rem;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align: center;
}
.xg_new ul li img{
	object-fit: contain;
}
.xg_pro li .pic{
    height: auto;
        padding-bottom: 0;
}
.xg_new ul li .pic.rect-75 img{
    position: relative;
    height: auto;
}
#menu-item-4854 ul li ul .menu-item .menu-image-title-after em {
    text-align: center;
    display: block;
}
/* 新闻详情 e */

/* ====================应用样式========================= */

/* 应用列表 s */
.n_applist{}
.n_applist ul{}
.n_applist ul li{
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 0.35rem;
	background: #fff;
}
.n_applist ul li:nth-child(3n){
	margin-right: 0;
}
.n_applist ul li a{
	display: block;
}
.n_applist ul li .pic{}
.n_applist ul li .pic img{width: 100%;}
.n_applist ul li .info{
	line-height: 1.5;
	padding: 0.3rem;
	background-color: #fff;
}
.n_applist ul li .tit{
	color: #000;
}
.n_applist ul li:hover .tit{
	color: #2455bf;
}
.n_applist ul li .des{
	height: 6em;
	color: #666;
	margin: 0.1rem 0 0.2rem;
}
/* 应用列表 e */

/* 应用详情 s */

/* 应用详情 e */


/* ====================服务样式========================= */

/* 下载列表 s */
ul.xzul{ width:100%; height:auto; float:left;list-style:none; border-bottom:1px solid #ededed;}
ul.xzul li{ width:15%; height:55px; line-height:55px;list-style:none; float:left; text-align:center; font-size:16px; overflow:hidden;}
ul.xzul li.l1{ width:70%; padding-left:20px; box-sizing:border-box; text-align:left;}
ul.xzul li.l1 a{ background:url('https://www.yuyeelectric.com/style/images/a_lctbr.png') left center no-repeat; padding-left:15px; background-size:8px auto; box-sizing:border-box;}
ul.xzul:hover a{color: #2455bf;}
ul.xzul.xzu2{ background:#eeeeee;}
ul.xzul.xzu2 li{ font-size:18px; height:62px; line-height:62px; font-weight:600; color:#333;}
/* 下载列表 e */

/* 问题列表 s */
.fqa_list{ width: 100%; display: inline-block; position: relative; margin-bottom: 30px;}
.fqa_list ul{ overflow: hidden; }
.fqa_list li{  width: 100%;font-size: 0;}
.fqa_list li .fqa_list_q{ width: 100%; padding: 21px 0; display: inline-block; border-bottom: 1px solid #efefef; position: relative; cursor: pointer;}
.fqa_list li .fqa_list_q span{ display: inline-block;line-height:1.8;font-weight: bold; float: left; background: #2455bf; padding: 0px 5px; color: #fff; font-size: 16px; border-radius: 5px; position: relative;  width: 52px; text-align: center; }
.fqa_list li .fqa_list_q span:after{ content: ''; width: 0;  height: 0; border-left: 1px solid transparent;border-right: 7px solid transparent; border-top: 8px solid #2455bf; position: absolute;
 bottom: -7px; z-index: 3; left: 7px;}
.fqa_list li .fqa_list_q .fqa_list_title{ float: left; padding: 0 15px; font-size: 20px; line-height: 30px; color: #000; width: calc(100% - 160px);} 
.fqa_list li .fqa_list_q i{ float: right; right: 25px; font-size: 24px; font-weight: bold; position: absolute;  top: 18px; color: #999; transition: 0.3s;}
.fqa_list li .fqa_list_a{ width: 100%; padding: 25px 67px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #efefef; background: #fafafa;  display: none;}
.fqa_list li .fqa_list_info{ font-size: 16px; line-height: 1.75; color: #333;}
.fqa_list li .fqa_list_q:hover .fqa_list_title,.fqa_list li.active .fqa_list_q .fqa_list_title{ color: #2455bf;}
.fqa_list li.active .fqa_list_q{border-color:#fff;}
.fqa_list li.active .fqa_list_q i{ transform:rotateX(180deg); color: #2455bf;}
.fqa_list_gd{ width: 100%; text-align: center; margin-top: 45px; font-size: 22px; color: #333;}
.fqa_list_gd a{ color: #2455bf; border-bottom: 2px solid #2455bf;}
/* 问题列表 e */

/* ====================联系样式========================= */


/* 联系方式 s */
.n_contact{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.n_contact .tit{}
.n_contact .tit .tit-42{
	line-height: 1.2;
	font-weight: 700;
	position: relative;
	color: #2455bf;
}
.n_contact .tit .conbox-16{
	font-size: 16px;
	color: #999;
	line-height: 1.5;
	margin-top: 10px;
}
.n_contact .fl{
	width: 50%;
	padding-right: 4%;
	max-width: 100%;
	border-right: 1px solid #ddd;
}
.n_contact .fl .con{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.n_contact .fl .con .item{
	padding-left: 0.8rem;
	position: relative;
	margin-bottom: 0.45rem;
	min-height: 0.6rem;
	width: 48%;
}
.n_contact .fl .con .item .ico{
	color: #2455bf;
	width: 0.6rem;
	height: 0.6rem;
	line-height: 0.56rem;
	position: absolute;
	left: 0;
	border-radius: 50%;
	border: 0.02rem solid #2455bf;
	text-align: center;
}
.n_contact .fl .con .item .ico img{
	display: inline-block;
	width: 0.35rem;
}
.n_contact .fl .con .item p{
	display: block;
	font-size: 0.18rem;
	line-height: 1.2;
	padding-top: 0.06rem;
}
.n_contact .fl .con .item span{
	display: block;
	font-size: 0.16rem;
	line-height: 1.4;
	margin-top: 0.08rem;
	color: #999;
}
.n_contact .fl .con .item span a{
	color: #999;
}
.n_contact .fl .map{
	width: 100%;
	height: 3rem;
}

.n_contact .fr{
	width: 50%;
	padding-left: 4%;
}
.n_contact  .mauticform-page-wrapper{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 0.5rem;
}
.n_contact .fr .mauticform-row{
	width: 100%;
	margin-bottom: 0.25rem;
}
.n_contact .fr .mauticform-row input,.n_contact .fr .mauticform-row textarea{
	width: 100%;
	height: 55px;
	padding: 0;
	line-height: 24px;
	flex: initial;
	overflow: hidden;
	font-size: 16px;
	background-color: transparent;
	color: #999;
	padding-left: 0.2rem;
	background: #f4f7f9;
}
.n_contact .fr .mauticform-row textarea{
	height: 180px;
	padding: 0.2rem;
	border: none;
}
.n_contact .fr .mauticform-button{
	font-size: 16px;
	text-transform: uppercase;
	line-height: 30px;
	color: #fff;
	padding: 5px 40px;
	background-color: #2455bf;
	border: 1px solid #2455bf;
	min-width: 160px;
	text-align: center;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
}
.n_contact .fr .mauticform-button:hover{
	color: #2455bf;
	background-color: white;
	width: calc(100% / 6);
}
/* 联系方式 e */

/*-------------------------------
			language  start
			----------------------------------*/
.change-language {
	position: relative;
	display: inline-block;
	vertical-align: top;
	line-height: 1;
	*display:inline;
	*zoom:1;
}
.change-language .change-language-cont .empty {
	display: none;
}
.change-language .change-language-cont .change-empty {
	text-align: center;
	padding: 10px 0;
}
.change-language .prisna-wp-translate-seo .lang-more {
	display: none;
	margin: 10px;
}
.change-languag, .change-language-cont ul, .change-language-cont ul li {
	text-align: left;
}
.change-language-info .language-icon:before {
	font-family: "fontawesome";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	margin-left: .2em;
}
.change-language .change-language-cont .lang-item-hide {
	display: none !important;
}
.change-language .change-language-cont .lang-more {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
}
.medium-title {
	cursor: pointer;
}
.sub-content {
	position: absolute;
	display: none;
	right: 0;
	background: #fff;
	border-radius: 5px 0 5px 5px;
	border: 1px solid #dbdbdb;
	z-index: 99999;
}
.change-language-info .change-language-title.title-show {
	border-radius: 5px 5px 0 0 !important;
	background: #fff;
	border-color: #dbdbdb;
}
.change-language-info .change-language-title.title-hide {
	border-radius: 5px !important;
	background: none;
	border-color: transparent;
}
.prisna-wp-translate-dropdown-hidden {
	display: none !important;
}
.change-language-info .language-icon {
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.change-language-info:hover .language-icon {
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	top: 6px;
}
.change-language-info {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
}
.change-language-info .change-language-title {
	position: relative;
	line-height: 16px;
	padding: 6px 25px 6px 5px;
	border: 1px solid transparent;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	z-index: 100000;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.change-language-info:hover .change-language-title, .change-language-info:hover .change-language-title a, .change-language-info:hover .change-language-title span, .change-language-info:hover .language-icon {
	color: inherit
}
.change-language-info .language-icon {
	position: absolute;
	display: inline-block;
	right: 4px;
	top: 4px;
	font-size: 0;
}
.change-language-info .language-icon:before {
	content: "\f0dd";
	font-size: 14px;
}
.change-language-cont {
	top: 27px;
 *top: 26px;
	padding: 10px 5px;
	width: 350px;
}
 .change-language ::-webkit-scrollbar {
width:8px;
}
 .change-language ::-webkit-scrollbar-track {
background-color:#fff;
}
 .change-language ::-webkit-scrollbar-thumb {
background-color:rgba(0, 0, 0, 0.5);
border-radius:3px;
}
 .change-language .language-cont:hover::-webkit-scrollbar-thumb {
display:block
}
 .change-language ::-webkit-scrollbar-thumb:hover {
background-color:#9c3
}
 .change-language ::-webkit-scrollbar-thumb:active {
background-color:#00aff0
}
.change-language-cont ul li {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
 *display:inline;
 *zoom:1;
	width: 30%;
	margin: 0 1.666666%;
	list-style: none;
	border-bottom: 1px solid #ececec;
	padding: 5px 0;
	line-height: 16px;
}
.change-language-title span {
	color: #666;
}
.language-flag span {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
}
.language-flag .country-flag {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	background-repeat: no-repeat;
	background-image: url(https://www.yuyeelectric.com/style/images/all-m.gif);
	width: 22px;
	height: 16px;
	margin: 0 5px
}
.language-flag-af .country-flag {
	background-position: 0 0 !important;
}
.language-flag-sq .country-flag {
	background-position: 0 -16px !important;
}
.language-flag-ar .country-flag {
	background-position: 0 -32px !important;
}
.language-flag-hy .country-flag {
	background-position: 0 -48px !important;
}
.language-flag-az .country-flag {
	background-position: 0 -64px !important;
}
.language-flag-eu .country-flag {
	background-position: 0 -80px !important;
}
.language-flag-be .country-flag {
	background-position: 0 -96px !important;
}
.language-flag-bg .country-flag {
	background-position: 0 -112px !important;
}
.language-flag-ca .country-flag {
	background-position: 0 -128px !important;
}
.language-flag-zh .country-flag {
	background-position: 0 -144px !important;
}
.language-flag-zh-TW .country-flag {
	background-position: 0 -160px !important;
}
.language-flag-hr .country-flag {
	background-position: 0 -176px !important;
}
.language-flag-cs .country-flag {
	background-position: 0 -192px !important;
}
.language-flag-da .country-flag {
	background-position: 0 -208px !important;
}
.language-flag-nl .country-flag {
	background-position: 0 -240px !important;
}
.language-flag-en .country-flag {
	background-position: 0 -256px !important;
}
.language-flag-et .country-flag {
	background-position: 0 -272px !important;
}
.language-flag-tl .country-flag {
	background-position: 0 -288px !important;
}
.language-flag-fi .country-flag {
	background-position: 0 -304px !important;
}
.language-flag-fr .country-flag {
	background-position: 0 -320px !important;
}
.language-flag-gl .country-flag {
	background-position: 0 -336px !important;
}
.language-flag-ka .country-flag {
	background-position: 0 -352px !important;
}
.language-flag-de .country-flag {
	background-position: 0 -368px !important;
}
.language-flag-el .country-flag {
	background-position: 0 -384px !important;
}
.language-flag-ht .country-flag {
	background-position: 0 -400px !important;
}
.language-flag-iw .country-flag {
	background-position: 0 -416px !important;
}
.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag {
	background-position: 0 -432px !important;
}
.language-flag-hu .country-flag {
	background-position: 0 -448px !important;
}
.language-flag-is .country-flag {
	background-position: 0 -464px !important;
}
.language-flag-id .country-flag {
	background-position: 0 -480px !important;
}
.language-flag-ga .country-flag {
	background-position: 0 -496px !important;
}
.language-flag-it .country-flag {
	background-position: 0 -512px !important;
}
.language-flag-ja .country-flag {
	background-position: 0 -528px !important;
}
.language-flag-ko .country-flag {
	background-position: 0 -544px !important;
}
.language-flag-la .country-flag {
	background-position: 0 -560px !important;
}
.language-flag-lv .country-flag {
	background-position: 0 -576px !important;
}
.language-flag-lt .country-flag {
	background-position: 0 -592px !important;
}
.language-flag-mk .country-flag {
	background-position: 0 -608px !important;
}
.language-flag-ms .country-flag {
	background-position: 0 -624px !important;
}
.language-flag-mt .country-flag {
	background-position: 0 -640px !important;
}
.language-flag-no .country-flag {
	background-position: 0 -656px !important;
}
.language-flag-fa .country-flag {
	background-position: 0 -672px !important;
}
.language-flag-pl .country-flag {
	background-position: 0 -688px !important;
}
.language-flag-pt .country-flag {
	background-position: 0 -704px !important;
}
.language-flag-ro .country-flag {
	background-position: 0 -720px !important;
}
.language-flag-ru .country-flag {
	background-position: 0 -736px !important;
}
.language-flag-sr .country-flag {
	background-position: 0 -752px !important;
}
.language-flag-sk .country-flag {
	background-position: 0 -768px !important;
}
.language-flag-sl .country-flag {
	background-position: 0 -784px !important;
}
.language-flag-es .country-flag {
	background-position: 0 -800px !important;
}
.language-flag-sw .country-flag {
	background-position: 0 -816px !important;
}
.language-flag-sv .country-flag {
	background-position: 0 -832px !important;
}
.language-flag-th .country-flag {
	background-position: 0 -848px !important;
}
.language-flag-tr .country-flag {
	background-position: 0 -864px !important;
}
.language-flag-uk .country-flag {
	background-position: 0 -880px !important;
}
.language-flag-ur .country-flag {
	background-position: 0 -896px !important;
}
.language-flag-vi .country-flag {
	background-position: 0 -912px !important;
}
.language-flag-cy .country-flag {
	background-position: 0 -928px !important;
}
.language-flag-yi .country-flag {
	background-position: 0 -944px !important;
}
.language-flag-bn .country-flag {
	background-position: 0 -960px !important;
}
.language-flag-eo .country-flag {
	background-position: 0 -976px !important;
}
.language-flag.language-flag-custom-afghanistan .country-flag {
	background-position: 0 -992px !important;
}
.language-flag.language-flag-custom-albania .country-flag {
	background-position: 0 -1008px !important;
}
.language-flag.language-flag-custom-algeria .country-flag {
	background-position: 0 -1024px !important;
}
.language-flag.language-flag-custom-argentina .country-flag {
	background-position: 0 -1040px !important;
}
.language-flag.language-flag-custom-australia .country-flag {
	background-position: 0 -1056px !important;
}
.language-flag.language-flag-custom-austria .country-flag {
	background-position: 0 -1072px !important;
}
.language-flag.language-flag-custom-belgium .country-flag {
	background-position: 0 -1088px !important;
}
.language-flag.language-flag-custom-brazil .country-flag {
	background-position: 0 -1104px !important;
}
.language-flag.language-flag-custom-canada .country-flag {
	background-position: 0 -1120px !important;
}
.language-flag.language-flag-custom-chile .country-flag {
	background-position: 0 -1136px !important;
}
.language-flag.language-flag-custom-cote-d-ivoire .country-flag {
	background-position: 0 -1152px !important;
}
.language-flag.language-flag-custom-ecuador .country-flag {
	background-position: 0 -1168px !important;
}
.language-flag.language-flag-custom-egypt .country-flag {
	background-position: 0 -1184px !important;
}
.language-flag.language-flag-custom-england .country-flag {
	background-position: 0 -1200px !important;
}
.language-flag.language-flag-custom-luxembourg .country-flag {
	background-position: 0 -1216px !important;
}
.language-flag.language-flag-custom-malaysia .country-flag {
	background-position: 0 -1232px !important;
}
.language-flag.language-flag-custom-mexico .country-flag {
	background-position: 0 -1248px !important;
}
.language-flag.language-flag-custom-new-zealand .country-flag {
	background-position: 0 -1264px !important;
}
.language-flag.language-flag-custom-oman .country-flag {
	background-position: 0 -1280px !important;
}
.language-flag.language-flag-custom-qatar .country-flag {
	background-position: 0 -1296px !important;
}
.language-flag.language-flag-custom-saudi-arabia .country-flag {
	background-position: 0 -1312px !important;
}
.language-flag.language-flag-custom-singapore .country-flag {
	background-position: 0 -1328px !important;
}
.language-flag.language-flag-custom-south-africa .country-flag {
	background-position: 0 0 !important;
}
.language-flag.language-flag-custom-switzerland .country-flag {
	background-position: 0 -1344px !important;
}
.language-flag.language-flag-custom-syria .country-flag {
	background-position: 0 -1360px !important;
}
.language-flag.language-flag-custom-united-arab-emirates .country-flag {
	background-position: 0 -1376px !important;
}
.language-flag.language-flag-custom-united-states-of-america .country-flag {
	background-position: 0 -1392px !important;
}
.language-flag-hy .country-flag {
	background-position: 0 -1408px;
}
.language-flag-bs .country-flag {
	background-position: 0 -1424px;
}
.language-flag-ceb .country-flag {
	background-position: 0 -1440px;
}
.language-flag-ny .country-flag {
	background-position: 0 -1456px;
}
.language-flag-ha .country-flag {
	background-position: 0 -1472px;
}
.language-flag-hmn .country-flag {
	background-position: 0 -1488px;
}
.language-flag-ig .country-flag {
	background-position: 0 -1504px;
}
.language-flag-jw .country-flag {
	background-position: 0 -1520px;
}
.language-flag-kk .country-flag {
	background-position: 0 -1536px;
}
.language-flag-km .country-flag {
	background-position: 0 -1552px;
}
.language-flag-lo .country-flag {
	background-position: 0 -1568px;
}
.language-flag-la .country-flag {
	background-position: 0 -1584px;
}
.language-flag-mg .country-flag {
	background-position: 0 -1600px;
}
.language-flag-ml .country-flag {
	background-position: 0 -1616px;
}
.language-flag-mi .country-flag {
	background-position: 0 -1632px;
}
.language-flag-mr .country-flag {
	background-position: 0 -1648px;
}
.language-flag-mn .country-flag {
	background-position: 0 -1664px;
}
.language-flag-my .country-flag {
	background-position: 0 -1680px;
}
.language-flag-ne .country-flag {
	background-position: 0 -1696px;
}
.language-flag-pa .country-flag {
	background-position: 0 -1712px;
}
.language-flag-st .country-flag {
	background-position: 0 -1728px;
}
.language-flag-si .country-flag {
	background-position: 0 -1744px;
}
.language-flag-so .country-flag {
	background-position: 0 -1760px;
}
.language-flag-su .country-flag {
	background-position: 0 -1776px;
}
.language-flag-tg .country-flag {
	background-position: 0 -1792px;
}
.language-flag-uz .country-flag {
	background-position: 0 -1808px;
}
.language-flag-yo .country-flag {
	background-position: 0 -1824px;
}
.language-flag-zu .country-flag {
	background-position: 0 -1840px;
}
 @media (max-width:768px) {
	.change-language-cont {
		top: auto;
	 *top: auto;
		padding: 0;
		width: 120px;
		text-align: left;
	}
	/* .sub-content {
		position: relative;
		display: block;
		right: auto;
		border-radius: 0;
		border: none;
		box-shadow: none;
		z-index: 99999;
	}
	.change-language-title {
		display: none;
	} */
	.change-language-cont ul li {
		width: auto
	}
}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
	.Header-container .c-nav>li{
		margin-right: 0.4rem;
	}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
	.Header-container .c-nav>li{
		margin-right: 0.35rem;
	}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.pc{display: none;}
	.mb{display: block;}
	.Header-container .tool .getainquiry,.online_form_layer{
		display: none;
	}
	.i_about .fl,.i_about .fr{
		width: 100%;
	}
	.i_about .fl .des,.i_more{
		font-size: 14px;
	}
	
	.i_about .fl .num-row{
		flex-wrap: wrap;
	}
	.i_about .fl .num-row li{
		flex: none;
		width: 50%;
		margin: 0.25rem 0;
	}
	.i_about .fl .num-row li:nth-child(2n){
		border: none;
	}
	.i_about .fr{
		margin-top: 0.45rem;
	}
	.i_about .fr .bf i{
		font-size: 1rem;
	}
	
	.i_pro_sort{
		padding-bottom: 0.6rem;
	}
	.i_pro_sort ul li .text .ico img{
		height: 1.2rem;
	}
	.i_pro_sort .fr i{
		width: 30px;
		height: 30px;
		font-size: 16px;
		margin-bottom: 5px;
	}
	.i_pro_sort .fr p{
		line-height: 2;
	}
	.i_pro_sort li.mb{
		background: #121726;
		transition: all .3s;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}
	.i_pro_sort .fr{
		display: none;
	}
	.i_pro_sort .swiper{
		padding-bottom: 30px;
	}
	.i_pro_sort .swiper .swiper-pagination{
		bottom: 0;
	}
	.i_pro_sort .swiper-pagination-bullet-active{
		background-color: #2455bf;
	}
	
	.com_swiper_button.swiper-button-next, .com_swiper_button.swiper-button-prev{
		width: 0.64rem;
		height: 0.64rem;
		line-height: 0.64rem;
	}
	.com_swiper_button.swiper-button-prev{
		left: -0.2rem;
	}
	.com_swiper_button.swiper-button-next{
		right: -0.2rem;
	}
	
	.i_tit h3,.i_about .fl .tit{
		font-size: 0.52rem;
	}
	.i_tit p{
		line-height: 1.5;
		margin-top: 0.2rem;
	}
	.i_more{
		padding: 0.2rem 0.45rem;
	}
	.i_more::after{
		margin-left: 0.12rem;
	}
	
	.i_why ul li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
		padding: 0.6rem 0.2rem;
	}
	.i_why ul li:nth-child(2n){
		margin-right: 0;
	}
	.i_why ul li .tit{
		font-size: 0.36rem;
	}
	.i_why ul li .ico{
		height: 0.9rem;
		line-height: 0.9rem;
	}
	
	.i_app ul li .mask p{
		font-size: 0.3rem;
	}
	.i_app .swiper{
		padding-bottom: 30px;
	}
	
	.i_down .fl .tit{
		font-size: 0.52rem;
	}
	.i_down .fl .des{
		margin: 0.5rem 0;
	}
	.i_down .fl,.i_down .fr{
		width: 100%;
	}
	.i_down .fr{
		flex: none;
		padding-right: 0;
		margin-top: 0.35rem;
	}
	.pd-60,.pd-80,.pd-120,.pd-140,.pd-160,.pd-180{
		padding: 1rem 0;
	}
	
	.i_new .tit-row{
	/* 	flex-direction: column;
		align-items: flex-start; */
		align-items: flex-end;
	}
	.i_new .tit-row h3{
		font-size: 0.52rem;
		margin-bottom: 0;
	}
	.i_new .tit-row .tit-link a:not(:first-child){
		margin-left: 0.3rem;
	}
	.i_new ul li{
		width: 100%;
	}
	.i_new ul li .info{
		padding-top: 0.45rem;
	}
	
	.i_mess .fl{
		width: 100%;
		padding-right: 0;
		padding-top: 0;
	}
	.i_mess .fr{
		margin-top: 0.35rem;
	}
	.i_mess .fr form .mauticform-row:nth-child(1), .i_mess .fr form .mauticform-row:nth-child(2){
		width: 100%;
	}
	.i_mess .fr form .mauticform-row textarea{
		height: 2.5rem;
	}
	
	.Footer-container .mid ul li{
		width: 100%;
		border-bottom: 1px solid rgb(255,255,255,.6);
	}
	.Footer-container .mid ul li p{
		font-size: 16px;
		padding: 0.24rem 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 0;
	}
	.Footer-container .foot_nav_link{
		display: none;
		padding-bottom: 0.2rem;
	}
	.Footer-container .mid ul li.lxwm{
		border-bottom: none;
	}
	.follow span{
		margin-right: 10px;
	}
	
	
	
	.i_about .bot{
		padding: 0.4rem 0;
	}
	.i_about .bot ul{
		flex-wrap: wrap;
	}
	.i_about .bot ul li{
		flex: 0 50%;
		padding: 0.2rem 0;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.i_about .bot ul li .ico{
		width: 40px;
	}
	.i_about .bot ul li .text p{
		margin-top: 0.1rem;
	}
	.i_about .bot ul li .num span{
		font-size: 0.32rem;
	}
	.i_about .bot ul li .text{
		margin-left: 0.2rem;
	}
	
	.n_tech .fl,.n_tech .fr{
		width: 100%;
	}
	.n_tech .fr{
		padding-top: 0.4rem;
	}
	.tit-bl{
		font-size: 0.52rem;
	}
	.n_adv .des p{
		width: 100%;
		padding-left: 0.24rem;
		margin-top: 0.2rem;
	}
	
	.ab_tit p{
		max-width: 100%;
	}
	
	.n_str ul li{
		width: 100%;
		margin-right: 0;
	}
	.n_str ul li .des,.n_str ul li .tit-en{
		height: auto;
	}
	.n_str ul li .tit-en{
		margin-bottom: 0.25rem;
	}
	
	.n_honor ul li,.n_factory ul li{
		width: 49%;
	}
	.n_honor ul li:nth-child(2n),.n_factory ul li:nth-child(2n){
		margin-right: 0;
	}
	
	.n_tit h3{
		font-size: 0.48rem;
		padding-bottom: 0.2rem;
		margin-bottom: 0.4rem;
	}
	
	.n_newslist ul li:not(:last-child){
		margin-bottom: 0.45rem;
	}
	.n_newslist ul li a{
		flex-direction: column;
	}
	.n_newslist ul li .img,.n_newslist ul li .txt{
		width: 100%;
	}
	.n_newslist ul li .txt .tit-15{
		font-size: 14px;
		margin: 0.3rem 0 0.4rem;
	}
	.n_newslist ul li .txt .tit-16{
		margin-bottom: 0.35rem;
	}
	
	.n_news_det{
		padding: 0.4rem;
	}
	.n_news_det .back{
		margin-top: 0.45rem;
	}
	
	.xg_new{
		padding: 0.4rem;
	}
	.xg_new h3{
		font-size: 0.4rem;
	}
	
	
	.n_applist ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.45rem;
	}
	.n_applist ul li:last-child{
		margin-bottom: 0;
	}
	.n_applist ul li .info{
		padding: 0.4rem;
	}
	.n_applist ul li .des{
		font-size: 14px;
		margin: 0.15rem 0 0.3rem;
	}
	
	ul.xzul li{ width:20%; height:40px; line-height:40px; font-size:15px;}
	ul.xzul li.l1{ width:80%; padding-left:15px; }
	ul.xzul li.l2{ display:none;}
	ul.xzul.xzu2 li{ font-size:16px; height:50px; line-height:50px;}
	
	.fqa_list li .fqa_list_q .fqa_list_title{
		font-size: 20px;
		width: calc(100% - 80px);
	}
	.fqa_list li .fqa_list_a{
		padding: 0.5rem 0.4rem;
	}
	.fqa_list li .fqa_list_info{
		font-size: 16px;
		line-height: 1.6;
	}
	
	.n_contact .fl,.n_contact .fr{
		width: 100%;
	}
	.n_contact .fl{
		padding-right: 0;
		border: none;
	}
	.n_contact .fl .con .item{
		width: 100%;
		padding-left: 1rem;
	}
	.n_contact .fl .con .item p{
		font-size: 16px;
	}
	.n_contact .fl .con .item span{
		font-size: 14px;
		margin-top: 0.12rem;
	}
	.n_contact .fl .con .item .ico{
		width: 0.8rem;
		height: 0.8rem;
		line-height: 0.76rem;
	}
	.n_contact .fl .con .item .ico img{
		width: 0.48rem;
	}
	.n_contact .fl .map{
		height: 4rem;
	}
	.n_contact .fr{
		padding-left: 0;
		margin-top: 0.45rem;
	}
	.n_contact .tit .conbox-16{
		font-size: 14px;
		margin-top: 0.25rem;
	}
	.n_contact .fr .mauticform-row input, .n_contact .fr .mauticform-row textarea{
		height: 45px;
	}
	.n_contact .fr .mauticform-row textarea{
		height: 3.6rem;
	}
	
	.info_pro2>ul>li{
		width: 100%;
		height: 55px;
		line-height: 55px;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.info_pro2>ul>li>a{
		font-size: 16px;
	}
	.info_pro2>ul>li>ul a{
		font-size: 14px;
	}
	
	.n_pro_sort ul li{
		width: 100%;
		margin-bottom: 0.4rem;
	}
	.n_pro_sort ul li:last-child{
		margin-bottom: 0;
	}
	.n_pro_sort ul li .tit{
		text-align: center;
		line-height: 1.5;
	}
	.n_pro_sort ul li .info{
		padding-top: 0.35rem;
	}
	
	.n_pro_list_top{
		flex-direction: column;
		padding: 0.4rem;
	}
	.n_pro_list_top .pic{
		width: 100%;
	}
	.n_pro_list_top .info{
		padding-left: 0;
		padding-top: 0.2rem;
	}
	.n_pro_list_top .des{
		margin-top: 0.3rem;
	}
	.n_pro_list_con{
		padding: 0.6rem 0;
	}
	.n_pro_list_con ul li{
		width: 100%;
		margin: 0.3rem 0;
	}
	.n_pro_list_con ul li .img,.n_pro_list_con ul li .info{
		width: 100%;
	}
	.n_pro_list_con ul li .info a{
		margin-top: 0.3rem;
		padding: 0.2rem 0.4rem;
		border-radius: 1rem;
	}
	
	.pro_nav{
		display: none;
	}
	.pro_main{
		width: 100%;
	}
	.pro_main_box1 .pic,.pro_main_box1 .txt{
		width: 100%;
	}
	.pro_main_box1 .txt{
		margin-top: 0.35rem;
	}
	.pro_main_box1 .txt .tit{
		padding-bottom: 0.35rem;
		margin-bottom: 0.4rem;
	}
	.pro_main_box2 .tab-hd li{
		height: 40px;
	}
	.pro_main_box2 .tab-bd li h3{
		font-size: 18px;
	}
	.pro_main_box1 .txt .btn .more_btn.on{
		margin-bottom: 0.25rem;
	}
	.more_btn{
		min-width: 160px;
	}
	
	.pro_main_box2 .tab-bd li .scroll{
		overflow-x: auto;
	}
	.mbx ul{
		flex-wrap: wrap;
	}
	.mbx ul a{
		line-height: 1.3;
	}
	
	
	.c_ban .sort_nav{
		height: 42px;
	}
	.c_ban .sort_nav .tit{
		display: flex;
	}
	.c_ban .sort_nav ul{
		position: absolute;
		top: 42px;
		left: 0;
		background: #fff;
		display: none;
		box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 15%);
		max-width: 100%;
		z-index: 9;
	}
	.c_ban .sort_nav ul{
		position: absolute;
		top: 42px;
		left: 0;
		background: #fff;
		display: none;
		box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 15%);
		max-width: 100%;
		z-index: 9;
	}
	.c_ban .sort_nav ul li{
		flex: none;
		width: 100%;
		border-bottom: 1px solid rgba(0,0,0,.05);
	}
	.c_ban .sort_nav ul li a{
		display: block;
		width: 100%;
		padding: 0 5%;
		font-size: 16px;
		line-height: 42px;
	}
	.c_ban .sort_nav .tit i{
		transition: all .5s ease;
		transform: rotate(-90deg);
	}
	.c_ban .sort_nav .tit.on i{
		transform: rotate(90deg);
	}
	
	.n_ban .ban_txt h1{
		font-size: 0.4rem;
		margin-top: 0.08rem;
	}
}


@media all and (max-width:768px) {
	
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	ul.xzul li{ width:20%; height:40px; line-height:40px; font-size:13px;}
	ul.xzul li.l1{ width:80%; padding-left:10px; }
	ul.xzul li.l1 a{ background-size:6px auto; padding-left:10px;}
	ul.xzul li.l2{ display:none;}
	ul.xzul.xzu2 li{ font-size:14px; height:45px; line-height:45px;}
	
	.fqa_list li .fqa_list_q .fqa_list_title{
		font-size: 16px;
		line-height: 1.3;
	}
	.fqa_list li .fqa_list_q span{
		font-size: 14px;
	}
	.fqa_list li .fqa_list_q i{
		top: 30px;
		font-size: 16px;
	}
	.fqa_list li .fqa_list_info{
		font-size: 14px;
	}
}

@media all and (max-width:480px) {
	
}

@media all and (max-width:420px) {
	.i_new ul li .info .tit{
		font-size: 18px;
	}
	.i_pro_sort ul li .text h3,.i_mess .fl .des,.follow span,.n_pro_sort ul li .tit,.pro_main_box2 .tab-hd li{
		font-size: 16px;
	}
	.i_about .fl .des,.i_more,.i_mess .fr form .mauticform-row input,.i_mess .fr form .mauticform-row textarea,.Footer-container .bot,.Footer-container .bot a,.i_new .tit-row .tit-link a,
	.n_tech .fr .des,.n_adv .des p,.ab_tit p,.n_str ul li .des,.n_honor ul li .tit,.n_news_det .main,.n_news_det .fanye p,.n_tit p,.n_pro_list_top .des,
	.pro_main_box1 .txt .des,.pro_main_box2 .tab-bd li,.pro_main_box2 .tab-bd li.tags a,.more_btn a, .more_btn span,.tableProDetails th, .tableProDetails td{
		font-size: 14px;
	}
	.i_about .bot ul li .text p{
		font-size: 12px;
	}
}

@media all and (max-width:376px) {
	
}

.page_main {
    z-index: 1;
    overflow: visible;
    padding: 138px 0 30px 0;
    background: #FFF;
}
.web_main {
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.web_main .layout {
    position: relative;
    margin: 0 auto;
    width: 1548px;
}


.main {
    position: relative;
    display: inline-block;
    padding-bottom: 50px;
    width: calc(100% - 350px);
}
.main h2.page_title {
    font-size: 20px;
    font-weight: bold;
}
h3.item_title {
    font-weight: bold;
}
.product_list_items, .product-list ul.product_list_items, .items_list ul.product_list_items {
    width: 100%;
    margin: 0;
    margin-top: 30px;
}
.product_list_item figure {
    padding: 10px 0;
    background: #fff;
    border-bottom: 1px #eee dashed;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.product_list_item figure .item_img {
    display: inline-block;
    max-width: 20%;
}
.product_list_item figure .item_img img {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    width: 100%;
}
.product_list_item figure figcaption {
    width: calc(80% - 20px);
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.product_list_item figure figcaption .item_title a {
    text-transform: capitalize;
    font-size: 18px;
    letter-spacing: .38px;
}
.product_list_item figure figcaption .item_info {
    font-size: 13px;
    margin: 13px 0;
    max-height: 80px;
    overflow: hidden;
    line-height: 20px;
    letter-spacing: 0;
}
.product_list_item .product_btns {
    text-align: right;
    position: relative;
}
.product_list_item .product_btns .priduct_btn_inquiry, .product_list_item .product_btns .priduct_btn_detail {
    line-height: 30px;
    display: inline-block;
    padding: 0 25px;
    position: relative;
    background: #666;
    text-transform: uppercase;
    color: #fff;
    transition: all ease-in-out .35s;
    -webkit-transition: all ease-in-out .35s;
    letter-spacing: .38px;
    font-weight: bold;
    font-size: 13px;
    z-index: 0;
}
.product_list_item .product_btns .priduct_btn_inquiry {
    margin-right: 13px;
}

.product_list_item .product_btns .priduct_btn_inquiry:after, .product_list_item .product_btns .priduct_btn_detail:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #13adeb;
    z-index: -1;
    transition: all ease-in-out .35s;
    -webkit-transition: all ease-in-out .35s;
}
.language-flag span{
    font-size: 12px;
}
.fangda-item img {
    transform: scale(1);
        transition: all 0.3s ease;
    
}
.fangda-item:hover img{
     transform: scale(1.1);
}
.fangda-item .fl-photo-content{
     overflow: hidden; 
}
.biaoto {
    background: #2455bf;
    margin: 0 10px;
    color: #fff;
    border-radius: 8px;

}

.history-item .fl-row-content-wrap:before {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: -8px;
    background: #2455bf;
    border-radius: 50%;
}












/* ---------------product - list ----------------- */
@font-face { font-family: "Montserrat_Medium"; font-style: normal; src: url(https://cdnus.globalso.com/yuyeelectric/Montserrat-Medium.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Montserrat_Regular"; font-style: normal; src: url(https://cdnus.globalso.com/yuyeelectric/Montserrat-Regular.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Montserrat_SemiBold"; font-style: normal; src: url(https://cdnus.globalso.com/yuyeelectric/Montserrat-SemiBold.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Montserrat_Bold"; font-style: normal; src: url(https://cdnus.globalso.com/yuyeelectric/Montserrat-Bold.otf) ; font-display: fallback; }
@font-face { font-family: "Montserrat_Light"; font-style: normal; src: url(https://cdnus.globalso.com/yuyeelectric/Montserrat-Light.otf) ; font-display: fallback; }

.block_head{background-color: transparent;}
.block_head .Header-container .c-nav>li .c-title-box>a{font-size: 18px;color: #ffffff;font-family: "Montserrat_Light";}
.block_head .Header-container .c-nav>li .c-title-box>.fa-angle-down:before{color: #ffffff;}
.block_head .Header-container .tool .search i:before{content: url(https://cdnus.globalso.com/yuyeelectric/block02.png);}
.block_head .Header-container .tool .search i::after{background-color: rgba(255, 255, 255, .3);height: 22px;}
.block_head .change-language .change-language-title .language-flag a{width:22px;height:22px;display:block;background-repeat:no-repeat;background-size:100%;background-image: url(https://cdnus.globalso.com/yuyeelectric/block03.png);}
.block_head .change-language .change-language-title .language-flag a .country-flag{display:none}
.block_head .change-language .change-language-title .language-flag a span{display:none}
.block_head .change-language-info .language-icon:before{display: none;}

.i_banner{position: relative;}
.i_banner .ban-btn{text-align:center;cursor:pointer;display:block;position:absolute;bottom: 10%;left: 49%;transform:translate(-50%,-50%);z-index:2;animation:raindrop-reverse 1s cubic-bezier(0.445,0.05,0.55,1) 0.4s infinite alternate;}
.i_banner .ban-btn i{display:block;max-width: 24px;margin:0 auto 0}
.i_banner .ban-btn span{font-size: 16px;color:#ffffff;line-height:1;display:block;margin-top: 12px;font-family: 'Montserrat_Light';}
@-webkit-keyframes raindrop-reverse{0%{opacity:0;-webkit-transform:translate3d(0,60%,0);transform:translate3d(0,60%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}

.block_hd{position:relative;text-align:center}
.block_title{position:relative;display:block;color:#000000;text-transform:uppercase;font-weight:normal;font-size:44px;font-family:'Montserrat_Bold';line-height:1}
.block_title .item_ico{width:115px;margin:0 15px;display:inline-block;vertical-align: middle;}


.block_main{font-family: "Montserrat_Regular";}
.block_main img{width: 100%;}

.block_main .layout,.page_footer_warp .layout{width: 1600px;}


.block_product_slide .item_img img,.block_product_slide .item_title,.block_news_slide .item_img time,.block_news_slide .item_text .item_link,.block_news_slide .item_text h2,.block_about_video .video_play
,.block_inquiry_title .block_inquiry_btn,.block_inquiry_title .block_inquiry_btn img
{-webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}


/* flex */
.align_items_center{align-items: center;-webkit-align-items: center;}
.d_flex,.page_footer_service{display:-webkit-box;display:-webkit-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;}


.block_product_slide a,.block_about_video a,.block_news_slide a{display: block;position: relative;}


.block_product_slide .item_img {overflow: hidden;}


.block_product_slide a:hover .item_img img {transform: scale(1.1);-webkit-transform: scale(1.1);}


/* block_product_warp */
.block_product_warp{padding: 100px 0; background-color:#f6f6f6}
.block_product_main{margin-top: 50px;}
.block_product_slide{width:49%}
.block_product_slide a{padding:60px 5% 30px;background-color:#ffffff;height:100%;border-radius:12px;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.05)}
.block_product_slide .item_title{font-size:24px;padding-left:22px;color:#000000;font-weight:normal;font-family:'Montserrat_Bold';position:relative}
.block_product_slide .item_title:before{content:"";width:5px;height:16px;background-color:#005ba8;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.block_product_slide .item_bottom{margin-top:35px}
.block_product_slide .item_info{width:42%}
.block_product_slide .item_info p{font-size:16px;line-height:1.625;color:#666666}
.block_product_slide .item_info span{font-size:18px;margin-top:20px;padding:3px 0;border-bottom:2px solid transparent;color:#005ba8;display:inline-block}
.block_product_slide .item_info span:hover{
    border-color: #005ba8;
}
.block_product_slide .item_info span img{margin-left: 15px; width:auto;display:inline-block;vertical-align:middle}
.block_product_slide .item_img{width:52%;text-align:center}
.block_product_slide .item_img img{width:auto;display:inline-block}
.block_product_left{width:33%}
.block_product_left .item_info{width:100%}
.block_product_left .item_img{margin-top:120px;width:100%;text-align:center;padding:10px}
.block_product_left .item_info span{margin-top: 35px;}
.block_product_right{width:66%}
.block_product_right .block_product_slide:nth-child(1),.block_product_right .block_product_slide:nth-child(2){margin-bottom: 20px;}
.block_product_slide a:hover .item_title{color: #005ba8;}


/* block_about_warp */
.block_about_warp{margin:100px 0}
.block_about_title{width:40%}
.block_about_title .block_about_more{margin-top:45px;width:77px;height:43px;line-height:39px;border:2px solid #005ba8;display:inline-block;text-align:center;border-radius:20px}
.block_about_title .block_about_more img{width:auto;display:inline-block}
.block_about_title .item_title{margin-top:65px;
/*-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgba(0,91,168,.41);*/
color: rgba(0, 91, 168, .41);
-webkit-transition:all .8s linear;-o-transition:all .8s linear;transition:all .8s linear;
/*-webkit-text-fill-color:transparent;*/
font-size:62px;line-height:1;font-weight:normal;font-family:'Montserrat_Bold';text-transform:uppercase}
.block_about_slide{width:54%}
.block_about_slide .item_title{font-size:24px;line-height:1.42;color:#000000;font-family:'Montserrat_SemiBold'}
.block_about_slide .item_desc{font-size:16px;padding:20px 0 23px;border-bottom:1px solid #ededed;line-height:1.625;color:#4c4c4c;font-family:'Montserrat_Light'}
.block_about_warp .counter_items{margin-top:10px}
.block_about_warp .counter_items .item_ico{width:72px}
.block_about_warp .counter_items .item_slide{flex:1;margin-left:15px}
.block_about_warp .counter_items .counter_item{position:relative;width:23%;padding:10px 0%;text-align:left}
.block_about_warp .counter_items .counter_item:last-child{border-right:0}
.block_about_warp .counter_items .counter_item .couner_num{display:block;height:1.1em;font-size:40px;color:#040000;line-height:1.1em;font-family:'Montserrat_Bold';font-weight:normal;position:relative}
.block_about_warp .counter_items .counter_item .couner_num sup{font-size:24px;color:#040000;position:relative;top:-5px;font-family:'Montserrat_Light'}
.block_about_warp .counter_items .counter_item .couner_bd{margin-top:14px;display:block;position:relative}
.block_about_warp .counter_items .counter_item .counter_title{font-size:16px;color:#666666;font-weight:normal;line-height:1.2;text-transform:capitalize;font-family:'Montserrat_Light';word-break:break-word}
.block_about_video{margin-top:50px;border-right: 20px;overflow: hidden;}
.block_about_video a{display:block;position:relative}
.block_about_video .video_play{position:absolute;width:156px;height:156px;z-index:9;top:50%;left:50%;transform:translate(-50%,-50%)}
.block_about_video .video_play:hover{transform: translate(-50%,-50%) rotate(20deg);}


/* block_solution_warp */
.block_solution_main{margin-top: 50px; -webkit-box-orient:horizontal;-webkit-box-direction:normal;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:0;height:645px;min-height:645px;overflow:hidden;position:relative;width:100%}
.block_solution_slide{display:inline-block;height:100%;overflow:hidden;-webkit-transition:width 650ms ease-in-out;transition:width 650ms ease-in-out;width:calc(100% / 5)}
.block_solution_slide .item_before{width: calc(100vw / 5);-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:start;-ms-flex-pack:start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:flex-start;padding:400px 6% 40px;position:relative;z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover}
.block_solution_slide .item_before .item_title{font-size:34px;line-height:1.2;color:#ffffff;font-weight:normal;font-family:'Montserrat_Bold';display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height: 82px;}
.block_solution_slide .item_before p{font-size:16px;margin-top:25px;color:#ffffff;line-height:1.875;font-family:'Montserrat_Light';display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.block_solution_slide .item_after{width: calc(100vw / 5 * 3);right: calc(100vw / 5);height:100%;display: none;overflow: hidden;}
.block_solution_slide .item_after .item_info{width: calc(100vw / 5 * 3);padding:40px 35px;background-color:#f1f6fb;border:2px solid #eaeaea}
.block_solution_slide .item_after .item_info .item_title{font-size:34px;line-height:1.5;color:#333333;font-weight:normal;font-family:'Montserrat_Bold'}
.block_solution_slide .item_after .item_info p{font-size:20px;margin-top:40px;color:#333333;line-height:1.5;font-family:'Montserrat_Light';display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.block_solution_slide .item_after .item_links{width: calc(100vw / 5 * 3);padding:20px 35px;display:flex;flex-wrap:wrap;justify-content:space-between}
.block_solution_slide .item_after .item_links li{width:48%;padding:20px 0}
.block_solution_slide .item_after .item_links li a{font-size:20px;padding:20px 0;color:#333333;display:inline-block;position:relative;font-family:'Montserrat_SemiBold'}
.block_solution_slide .item_after .item_links li a:after{content:"";width:16px;height:12px;margin-left:40px;background-image:url(https://cdnus.globalso.com/yuyeelectric/block18.png);display:inline-block;background-position:center;background-repeat:no-repeat}
.block_solution_slide.should-not-show{width:0 !important}
.block_solution_slide.active{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;height:100%;width:50%!important}
.block_solution_slide.active .item_before{display:none}
.block_solution_slide.active .item_after{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#fff;border:1px solid #d2d2d2;color:#333;display:block;height:100%;position:absolute;top:0;z-index:2}
.block_solution_slide.active .item_after{max-width:100%;position:static}
.block_solution_slide .item_after .item_links li a:hover{color: #005ba8;text-decoration: underline;text-underline-offset: 7px;}
.block_solution_slide .item_after .item_links li a:hover:after{background-image: url(https://cdnus.globalso.com/yuyeelectric/block17.png);}

/* block_news_warp */
.block_news_warp{padding:100px 0;background-color:#f8f8f8}
.block_news_flex .block_title{flex:1;margin-right:20px}
.block_news_flex .block_news_list li{display:inline-block;margin-left:25px}
.block_news_flex .block_news_list li a{font-size:18px;line-height:1.5;color:#666666;display:block;font-family:'Montserrat_Light'}
.block_news_swiper .swiper-wrapper{padding:40px 0}
.block_news_swiper .block_news_slide{box-shadow:0 2px 18px rgba(25,25,25,.12);background-color:#fff;overflow:unset}
.block_news_slide a{overflow:hidden}
.block_news_slide .item_img{position:relative}
.block_news_slide .item_img time{width:160px;height:37px;line-height:37px;font-size:20px;text-align:center;display:inline-block;position:absolute;top:-20px;left:0;z-index:9;background-image:url(https://cdnus.globalso.com/yuyeelectric/block27.png);background-repeat:no-repeat;background-size:cover;color:#fff;opacity:0}
.block_news_slide .item_text h2{font-size:18px;margin:25px 5%;line-height:1.5;color:#2a2a2a;font-weight:normal;font-family:'Montserrat_SemiBold';display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.block_news_slide .item_text p{font-size:16px;line-height:1.4;padding:0 5% 40px;color:#777777;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.block_news_slide .item_text .item_ico{width:52px;height:52px;line-height:70px;padding-right:8px;text-align:right;display:block;background-image:url(https://cdnus.globalso.com/yuyeelectric/block28.png);background-repeat:no-repeat;background-size:100% 100%;margin:0 0 0 auto}
.block_news_slide .item_text .item_ico img{width:auto;display:inline-block}
.block_news_slide .item_text .item_link{padding:0 25px;position:absolute;bottom:0;left:90%;width:100%;height:52px;align-items:center;background-image:url(https://cdnus.globalso.com/yuyeelectric/block22.png);background-repeat:no-repeat;background-size:cover;opacity:0}
.block_news_slide .item_text .item_link .item_right{width:35px;height:35px;line-height:33px;border:1px dashed #fff;text-align:center}
.block_news_slide .item_text .item_link .item_right img{width:auto;display:inline-block}
.block_news_slide .item_text .item_link span{font-size:20px;color:#fff;font-family:'Montserrat_Light';display:inline-block}
.block_news_slide:hover .item_img time{opacity:1;top:0}
.block_news_slide:hover .item_text .item_link{opacity:1;left:0}
.block_news_slide:hover .item_text h2{color:#005ba8}


/*inquiry*/
.inquiry-pop-bd { position: fixed; top: 50%; left: 50%; z-index: 2000; display: none; margin: -300px 0 0 -275px; width: 550px; height: 500px; background: #FFF; box-shadow: 0 0 10px rgba(255, 255, 255, .5); }
.inquiry-pop-bd:before { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); content: ""; }
.inquiry-pop-bd .inquiry-pop { position: absolute; top: 0; left: 0; z-index: 1; padding: 22px; width: 100%; height: 100%; background: #FFF; -webkit-animation: fadeInDownA .4s ease; -o-animation: fadeInDownA .4s ease; animation: fadeInDownA .4s ease; }
.inquiry-pop-bd .inquiry-pop .ico-close-pop { position: absolute; top: -10px; right: -10px; z-index: 1; width: 30px; height: 30px; background: url(https://cdnus.globalso.com/yuyeelectric/fancy_close.png) no-repeat center center; cursor: pointer; }
.inquiry-form-wrap { position: relative; width: 100.5%; height: 420px; }
.ad_prompt { position: absolute; top: 50%; left: 0; display: block; display: none; margin: -20px 0 0; width: 100%; color: #0b87fb; text-align: center; font-size: 20px; line-height: 40px; -webkit-animation: twinkling 1s infinite ease-in-out; animation: twinkling 1s infinite ease-in-out; }
 @media screen and (max-width: 550px) {
.inquiry-pop-bd { top: 10px; right: 10px; bottom: 10px; left: 10px; margin: auto; width: auto; }
.inquiry-pop-bd .inquiry-pop { padding: 10px; }
.scrollsidebar { display: none; }
}

/* block_inquiry_warp */
.block_inquiry_warp{padding:100px 0;background-repeat:no-repeat;background-size:cover}
.block_inquiry_title{text-align:center}
.block_inquiry_title .block_title{color:#ffffff}
.block_inquiry_title .item_title{font-size:24px;margin-top:30px;line-height:1.2;color:#ffffff;font-family:'Montserrat_Bold'}
.block_inquiry_title p{font-size:21px;margin-top:27px;line-height:1.6;color:#ffffff;font-family:'Montserrat_Light'}
.block_inquiry_title .block_inquiry_btn{width:279px;height:53px;line-height:51px;font-size:20px;margin-top:35px;color:#005ba8;background-color:#ffffff;text-align:center;display:inline-block;font-family:'Montserrat_Light';text-transform:uppercase;border:1px solid #ffffff;cursor:pointer}
.block_inquiry_title .block_inquiry_btn img{margin-left:16px;width:auto;display:inline-block}
.block_inquiry_title .block_inquiry_btn:hover{color:#ffffff;background-color:transparent}
.block_inquiry_title .block_inquiry_btn:hover img{filter:invert(1) sepia(1) hue-rotate(0deg) brightness(2.2)}



/* .page footer  */
.page_footer_warp{position:relative;background-repeat:no-repeat;background-size:cover;font-family: 'Montserrat-Regular';}
.page_footer_warp .layout{margin: 0 auto;}
.page_footer_service{position:relative;padding: 60px 0 80px;}
.page_footer_service .page_foot_item .fot_tit:before{content:"";width:5px;height:18px;position:absolute;top:5px;left:0;background-color: #005ba8;}
.page_footer_service .page_foot_item .fot_tit{position:relative;font-size:24px;margin-bottom:20px;padding-left:20px;line-height:30px;color: #e4efff;font-weight:normal;font-family:'Montserrat_Bold';text-transform:uppercase}
.page_foot_item{position:relative;display:block;}
.page_foot_item.page_contact_item{width: 18%;}
.page_foot_item.page_inquiry_item{width:19%}
.fot_logo{margin-bottom: 20px;}
.fot_logo img{width: auto;}
.fot_desc{font-size: 14px;line-height: 1.8;color: #000000;font-family: 'Montserrat-Light';}
.page_footer_service .inquiry_btn{width: 100%;height:43px;line-height: 41px;margin-top:40px;font-size:16px;color:#ffffff;font-family: 'Montserrat-Light';border-radius: 10px;}
.page_footer_service .inquiry_btn img{margin-left: 32px;}
.fot_nav li a{font-size:16px;line-height: 30px;color: #ffffff;display:block;font-family: 'Montserrat-Light';}
.page_foot_item.page_contact_item ul.foot_contacts li{position:relative;margin-bottom: 28px;padding-left:35px}
.page_foot_item.page_contact_item ul.foot_contacts li:last-child,.foot_sns li:last-child{margin-bottom:0}
.page_foot_item.page_contact_item ul.foot_contacts li:before{position:absolute;top:0;left:0;content:"";background-repeat:no-repeat;background-size:100%}
.page_foot_item.page_contact_item ul.foot_contacts li.foot_address:before{width: 16px;height: 21px;background-image: url(https://cdnus.globalso.com/yuyeelectric/block37.png);}
.page_foot_item.page_contact_item ul.foot_contacts li.foot_phone:before{width: 16px;height: 15px;top: 5px;background-image:url(https://cdnus.globalso.com/yuyeelectric/block34.png)}
.page_foot_item.page_contact_item ul.foot_contacts li.foot_whats:before{width: 20px;height: 20px;top: 3px;background-image:url(https://cdnus.globalso.com/yuyeelectric/block35.png)}
.page_foot_item.page_contact_item ul.foot_contacts li.foot_email:before{width: 18px;height: 12px;top: 8px;background-image: url(https://cdnus.globalso.com/yuyeelectric/block36.png);}
.page_foot_item.page_contact_item ul.foot_contacts li,.page_foot_item.page_contact_item ul.foot_contacts li a{font-size:16px;line-height: 24px;word-wrap: break-word;color: #ffffff;font-family: 'Montserrat-Light';}
.page_foot_item.page_contact_item ul.foot_contacts li.foot_phone a{display: block;}
.page_footer_warp .page_foot_bottom{position:relative;text-align:left;padding:15px 0;}
.page_footer_warp a:hover{color:#005ba8 !important}
.page_footer_warp .page_foot_bottom{position:relative;padding: 22px 0;border-top:1px solid rgba(255,255,255,.2)}
.page_foot_bottom .fot_social_slide{display:flex;align-items:center;flex:1}
.page_foot_bottom .fot_social_slide .item_title{font-size:18px;margin-right:50px;font-family:'Montserrat_SemiBold';color: #ffffff;text-transform:uppercase}
.page_foot_bottom .page_copyright{position:relative;display:block;font-size:16px;line-height:21px;color: #ffffff;text-align:left;font-family:'Montserrat_Light';max-width:30%}
.font_sns_list li{margin-right:40px;display:inline-block;vertical-align:middle}
.font_sns_list li a{display:block}
.font_sns_list li:hover a{transform:rotate(30deg);-webkit-transform:rotate(30deg)}
.font_sns_list li img{width:auto}

@media screen and (max-width:1680px){
.block_main .layout,.page_footer_warp .layout{width: 1500px;}

}
@media screen and (max-width:1550px){
.block_main .layout,.page_footer_warp .layout{width: 1400px;}

}
@media screen and (max-width:1440px){
.block_main .layout,.page_footer_warp .layout{width: 1300px;}

}
@media screen and (max-width:1366px){
.block_title{font-size: 40px;}
.block_main .layout,.page_footer_warp .layout{width: 1200px;}
.block_product_slide .item_info span{margin-top:20px}
.block_product_slide a{padding:40px 5% 20px}

}
@media screen and (max-width:1280px){
.block_title{font-size:30px}
.block_main .layout,.page_footer_warp .layout{width: 98%;}
.block_about_title .item_title{margin-top:40px;font-size:50px}
.block_about_slide .item_title{font-size:22px}
.block_about_warp .counter_items .counter_item .couner_num{font-size:30px}
.block_solution_slide .item_before .item_title{font-size:28px;min-height: 67px;}
.block_inquiry_title .item_title{font-size:20px}
.block_inquiry_title p{font-size:18px}
.page_foot_item.page_contact_item{width:24%}


}
@media screen and (max-width:1000px){
.block_title{font-size: 24px;}
.block_title .item_ico{width:60px;margin:0 10px}
.block_head .Header-container .tool .search i:before {content: url(https://cdnus.globalso.com/yuyeelectric/block42.png);}
.block_head .change-language .change-language-title .language-flag a{background-image:url(https://cdnus.globalso.com/yuyeelectric/block43.png)}
.block_product_slide a{padding:20px 3%}
.block_product_slide .item_title{font-size:20px;padding-left:16px}
.block_product_slide .item_info p{font-size:12px}
.block_product_slide .item_info span{margin-top:20px}
.block_product_left .item_img{margin-top:60px}
.block_product_warp,.block_news_warp,.block_inquiry_warp{padding: 60px 0;}
.block_product_slide .item_info span{font-size:14px}
.block_about_title{width:100%;margin-bottom:20px}
.block_about_slide{width: 100%;}
.block_about_warp{margin:60px 0}
.block_about_title .block_about_more{margin-top:25px;width:60px;height:40px;line-height:36px}
.block_about_title .item_title{margin-top:30px;font-size:40px}
.block_about_slide .item_desc{font-size:12px;padding:15px 0}
.block_about_warp .counter_items .counter_item .couner_num sup{font-size:18px}
.block_about_warp .counter_items .counter_item .couner_num{font-size:25px}
.block_about_warp .counter_items .counter_item .counter_title{font-size:14px}
.block_about_video .video_play{width:100px;height:100px}
.block_about_slide .item_title{font-size:18px}
.block_solution_main{flex-wrap: wrap;height:auto;min-height:unset;}
.block_solution_slide{width:calc(100% / 3);}
.block_solution_slide .item_before{padding:200px 4% 30px;width:calc(100vw / 3)}
.block_solution_slide .item_before .item_title{font-size:22px;min-height:53px}
.block_solution_slide .item_before p{font-size:14px;margin-top:10px}
.block_news_slide .item_text h2{margin:15px 2%}
.block_news_slide .item_text p{font-size:12px;padding:0 2% 20px}
.block_news_flex .block_news_list li a{font-size:16px}
.block_inquiry_title .item_title{font-size:18px}
.block_inquiry_title p{font-size:14px}
.block_inquiry_title .block_inquiry_btn{width:210px;height:42px;line-height:40px;font-size:14px}
.page_footer_service{padding:30px 0}
.page_footer_service .page_foot_item .fot_tit{position:relative;font-size:18px;margin-bottom:12px;padding-left:12px}
.page_foot_item.page_contact_item ul.foot_contacts li,.page_foot_item.page_contact_item ul.foot_contacts li a{font-size:12px}
.page_foot_item.page_contact_item ul.foot_contacts li{margin-bottom:18px;padding-left:28px}
.fot_nav li a{font-size:12px;line-height:2}
.page_footer_service .page_foot_item .fot_tit:before{width:3px;height:14px;top:8px}
.page_foot_bottom .fot_social_slide .item_title{font-size:14px;margin-right:20px}
.page_footer_warp .page_foot_bottom{padding:12px 0}
.page_foot_bottom .page_copyright{font-size:12px}
.font_sns_list li{margin-right:15px}

}
@media screen and (max-width:768px){
.block_title{font-size: 20px;}
.block_product_left{width:100%;margin-bottom:20px}
.block_product_right{width:100%}
.block_about_title .item_title{font-size:30px}
.page_foot_item,.page_foot_item.page_contact_item{width: 100%;margin-bottom: 15px;}
.page_foot_bottom .fot_social_slide{flex: 0 0 100%;margin-bottom: 15px;}
.page_foot_bottom .page_copyright{width: 100%;max-width: 100%;}


}
@media screen and (max-width:640px){
.block_product_slide .item_info,.block_product_slide .item_img{width: 100%;}
.block_product_slide .item_img{margin-top: 15px;}
.block_about_title .item_title{font-size:24px}
.block_about_warp .counter_items .counter_item{width: 50%;}
.block_solution_slide{width:calc(100% / 2);}
.block_solution_slide .item_before{padding:120px 4% 30px;width:calc(100vw / 2)}
.block_news_flex .block_title{flex:0 0 100%;margin-right:0;margin-bottom:15px}
.block_news_flex .block_news_list li{margin-left:0;margin-right:20px}


}
@media screen and (max-width:480px){
.block_title .item_ico{width:40px;}
.block_product_slide{width: 100%;margin-bottom: 20px;}







}
	.block_head.on .Header-container .c-nav>li .c-title-box>a{
color:#000 !important;
}
.on{
    background-color: #fff !important;
}
.index_no_head .Header-container .c-nav>li .c-title-box>a{
    color: #000;
}
.block_head.on .Header-container .tool .search i:before{
    filter: contrast(0);
}
.block_head.on .change-language .change-language-title .language-flag a{
    filter: contrast(0);
}
.biankuang {
    margin-right: 10px;
    margin-left: 10px;
    background: #fff;
    border-radius: 10px;
}
.biankuang img{
    border-radius: 10px;
} .ban_txt p {
    font-size: 18px;
}
.i_banner .swiper .swiper-slide:nth-child(5n+1) .ban_txt {
    width: 100%;
    height: 100%;
    top: -16%;
    left: 0;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.i_banner .swiper .swiper-slide:nth-child(5n+1) .ban_txt p{
    font-size: 18px;
}
.i_banner .swiper .swiper-slide:nth-child(5n+1) .ban_txt a{
    display: none;
}
.i_banner .swiper .swiper-slide:nth-child(5n+3) .ban_txt {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.i_banner .swiper .swiper-slide:nth-child(5n+3) .ban_txt a{
    display: none;
}
.i_banner .swiper .swiper-slide:nth-child(5n+3) .ban_txt p{
    font-size: 16px;
}
.ban_txt h3{
    margin-bottom: 20px;
}
.i_more.white {
    padding: 0.10rem 0.3rem;
}
.i_more.huise{
    background-color: rgba(255, 255, 255, .7);
    border-color: #fff;
    border-radius: 50px;
    color: #000;
}
.i_banner .swiper .swiper-slide:nth-child(5n+4) .ban_txt .i_more.hongse{
    display: none;
}
.i_banner .swiper .swiper-slide:nth-child(5n+4) .ban_txt a span{
    font: 18px;
    font-weight: bold;
}
.i_banner .swiper .swiper-slide:nth-child(5n+5) .ban_txt .i_more.huise{
    display: none;

}
.i_banner .swiper .swiper-slide:nth-child(5n+2) .ban_txt .i_more.huise{
    display: none;

}
.i_banner .swiper .swiper-slide:nth-child(5n+2) .ban_txt .i_more.hongse{
       display: none;
}
.i_banner .swiper .swiper-slide:nth-child(5n+5) .ban_txt .i_more.hongse{
    
        border-radius: 50px;
    border-color: #fff;
    color: #fff;
}
.i_banner .swiper .swiper-slide:nth-child(5n+5) .ban_txt .i_more.hongse:hover{
    background: #005ba8;
transition-duration: .3s;
border-color: #005ba8;
}
.i_banner .swiper .swiper-slide:nth-child(5n+5) .ban_txt {
    left: 65%;
    top: 42%;
}
.index_no_head .Header-container .tool .search i:before{

    filter: contrast(0);
}
.index_no_head .change-language .change-language-title .language-flag a{
 filter: contrast(0);

}
.pro_main.fr.products-single{
    width: 100% !important;
}
.n_contact.w14.pd-100.celan {
    padding: 10px 26px;
    background: #fff;
    margin: 0;
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
}
.n_contact.w14.pd-100.celan .fr {
    width: 100%;
}
.n_contact.w14.pd-100.celan .fr {
    width: 100%;
    padding: 0;
}

.n_contact.w14.pd-100.celan .tit-42 {
    font-size: 27px;
}

.n_contact.w14.pd-100.celan .mauticform-page-wrapper{
    margin-top: 0.3rem;}
    .n_pro_list_con{
            border-radius: 8px;
    }
    
    
    .pc .swiper .swiper-slide.swiper-slide-active img{
-webkit-transform: scale(1);
transform: scale(1);
}
.pc .swiper .swiper-slide{
    overflow: hidden;
}

.pc .swiper .swiper-slide img{
-webkit-transition: all ease-in-out 3s;
transition: all ease-in-out 3s;
-webkit-transform: scale(1.2);
transform: scale(1.2);

}
.more_btn.on a{
    color: #2553A4;
}
@media screen and (max-width:480px){
.ban_txt{
    top: 3%;
}
.ban_txt h3 {
    margin-bottom: 10px;
}
.ban_txt h3 {
    font-size: 0.4rem;
}
}
.menu-item a.menu-image-title-after.menu-image-not-hovered img {
    height: 223px;
}