@charset "utf-8";
html {scrollbar-color: #ed1f24 #0e0e0e;}
/* 设置滚动条的样式 */
@media(min-width:1200px){
::-webkit-scrollbar{width:8px; height:8px; background:rgb(255,255,255);}/* 滚动槽宽度 */
::-webkit-scrollbar-thumb{background:rgb(228,28,58);}/* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb:window-inactive { background-color:#0a1a3e;} /* 滚动条滑块点击状态 */
::-webkit-scrollbar-track-piece{width:8px; height:8px;}
}
/* ==============Winter——www.yisiy.com================= */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');@import url('https://fonts.googleapis.com/css?family=Lobster+Two:400,400i,700,700i');
@font-face { font-family: "Youshebiaotihei"; src: url("../fonts/Youshebiaotihei.ttf");}
@font-face {font-family: "DINMittelschrift"; src: url('../fonts/DINMittelschrift.ttf');}
/** 清除内外边距 **/
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;}
em {font-style:normal;}
/** 设置默认字体 **/
/*
宋体：\5B8B\4F53
新宋体：\65B0\5B8B\4F53
黑体：\9ED1\4F53
微软雅黑：\5FAE\8F6F\96C5\9ED1
楷体：\6977\4F53_GB2312
思源黑体： Source Han Sans CN
*/
* {
scrollbar-width: thin;
margin: 0;
padding: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}
body,button, input, select, textarea /* for ie */ {font: 12px/1.2 Arial,sans-serif,"\5FAE\8F6F\96C5\9ED1";}
body {background:#fff;-webkit-text-size-adjust:100%;color: #333;}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
/* .body-maxwidth{max-width: 1920px;margin: 0 auto;} */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;overflow: visible;line-height: 1em;}
address, cite, dfn, var{ font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读, 让 small 正常化 */
/* em, strong, b, i {font-style:normal;font-weight:normal;} */
/** 重置列表元素 **/
ul, ol {list-style-type: none;margin: 0;padding: 0;}
ul, ol ,li { list-style: none;}
/** 重置图片元素 **/
img {vertical-align: middle !important;border: 0;}
/** 重置文本格式元素 **/
a,a:active {color: inherit;text-decoration: none;cursor: pointer;border: 0;}
sup { vertical-align: text-top; } /* 重置, 减少对行高的影响 */
sub { vertical-align: text-bottom; }
span{line-height: normal;}
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; border-radius: 0;} /* 使得表单元素在 ie 下能继承字体大小 */
button{border:0;background-color:none;outline:none;-webkit-appearance: none;}
select {border: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right: 14px;
/*在选择框的最右侧中间显示小箭头图片*/
background: url("https://www.yisiy.com/wt_imgs/select_arr.png") no-repeat scroll right center transparent;
}
textarea { resize:none; } /* 禁用了文本的拖拉，尤其在谷歌下 */
select, button, input,img {vertical-align: middle;}
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {display: block;margin: 0;padding: 0;}
mark { background: #ff0; }
/* 标签 */
input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;}
input:focus{ outline:none; }/* input标签聚焦不出现默认边框 */
/* input标签placeholder样式重设 */
:-moz-placeholder {color:#666;font-size: 14px;}
::-moz-placeholder {color:#666;font-size: 14px;}
input:-ms-input-placeholder{color:#666;font-size: 14px;}
input::-webkit-input-placeholder{color:#666;font-size: 14px;}
/* 重绘元素边框盒 */
*{ box-sizing:border-box;}
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}
/* 为了使文本段落左右两边对齐 */
/* p{text-align:justify; text-justify:distribute;} */
p{line-height: 1em;}
/* =======================================winter==自定义=========================================== */
/* 禁止文本复制粘贴 */
.banSelect {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
/* 引入字体 */
@font-face {font-family: 'SyRegular';src: url('../fonts/SyRegular.OTF');}
@font-face {font-family: 'GothamBook';src: url('../fonts/GothamBook.TTF');}
@font-face {font-family: 'COLFAX';src: url('../fonts/COLFAX-MEDIUM.OTF');}
@font-face {font-family: 'GOTHAMHTF';src: url('../fonts/GOTHAMHTF-BOLD.OTF');}
/* 清除浮动 */
.clearFix {*zoom:1}
.clearFix:before, .clearFix:after {display:table;content:""}
.clearFix:after {clear:both}
/* 文字竖排 */
.rowWords {writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;}
/* 文字限制行数 */
/* 限制一行 */
.lineLimit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 【常用】限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */
.lineLimits {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/* 【不推荐】遮挡限制多行兼容 必须限高 */
.lineLimitFit {position:relative;overflow:hidden;height: auto;}
.lineLimitFit:after {content:"...";letter-spacing: 3px;font-weight: bold;position:absolute;bottom:0;line-height: initial;right:0;padding-left:36px;background: -webkit-linear-gradient(left, transparent, #fff 55%);background: -o-linear-gradient(right, transparent, #fff 55%);background: -moz-linear-gradient(right, transparent, #fff 55%);background: linear-gradient(to right, transparent, #fff 55%);}
.mask_bg{background-color:rgba(0,0,0,0.6);position:fixed;left:0;top:0;right:0;bottom:0;z-index:100;}
.hid{display:none !important;}
/* ny_banner start*/
.ny_banner{width: 100%;height: 260px;overflow: hidden;margin: 0 auto;position: relative;}
.ny_banner img{display: block;width: 100%;height: 100%;margin: auto;object-fit: cover;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.ny_banner .nyBa_text{width: 100%;height: auto;position: absolute;left: 50%;top: 50%;z-index: 2;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);}
.nyBa_text span{display: block;width: 100%;height: auto;overflow: hidden;line-height: 30px;color: #fff;font-size: 20px;text-transform: uppercase;margin: 0 auto 10px;}
.nyBa_text p{width: 100%;height: auto;overflow: hidden;line-height: 40px;color: #fff;font-size: 36px;font-weight: bold;margin: 0 auto;}
.nyBa_text p i{display: inline-block;width: 160px;height: 2px;margin: -2px 0 0 20px;vertical-align: middle;background-color: #fff;}
/* ny_banner end*/
/* ny_menuBar start */
.ny_menuBar{width: 100%; height: auto; margin: 0 auto; background-color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); position: relative;}
.ny_menuBar .nyMenuBar_main{width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.nyMenuBar_main .nyMenuBar_list{width: auto; max-width: 50%; float: left;}
.nyMenuBar_list ul li{float: left; margin: 0 40px 0 0;}
.nyMenuBar_list ul li a{display: block; width: auto; height: 80px; overflow: hidden; line-height: 40px; color: #303030; font-size: 20px; font-weight: bold; padding: 20px 0; position: relative;}
.nyMenuBar_list ul li.cur a,
.nyMenuBar_list ul li:hover a{color: var(--theme-color);}
.nyMenuBar_list ul li a em{display: block; width: 0; height: 3px; overflow: hidden; background-color: var(--theme-color); position: absolute; left: 0; bottom: 0;}
.nyMenuBar_list ul li.cur a em,
.nyMenuBar_list ul li:hover a em{width: 100%;}
.nyMenuBar_main .nyMenuBar_location{width: auto; max-width: 50%; padding: 20px 0 20px 30px; position: relative; float: right;}
.nyMenuBar_main .nyMenuBar_location1{width: 100%; max-width: 100%; margin: 0 auto; float: inherit;}
.nyMenuBar_main .nyMenuBar_location2{padding: 20px 140px 20px 30px; position: relative;}
.nyMenuBar_location img{display: block; width: 20px; height: 20px; margin: -10px 0 0; position: absolute; left: 0; top: 50%;}
.nyMenuBar_location p{width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #303030; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}
.nyMenuBar_location p a{color: #303030;}
.nyMenuBar_location p a:hover{color: var(--theme-color);}
.nyMenuBar_location p span{color: #999;}
.nyMenuBar_location p i{display: inline-block; width: 10px; height: 10px; vertical-align: middle; margin: -2px 6px 0; background: url(../images/arrowRight_ico4.png) center center no-repeat; background-size: 10px 10px;}
.nyMenuBar_location2 a.ny_back{display: block; width: 140px; height: 40px; overflow: hidden; line-height: 38px; color: #303030; font-size: 16px; text-align: center; margin: -20px 0 0; background-color: rgba(230, 0, 19, 0); border: 1px solid #666; position: absolute; top: 50%; right: 0;}
.nyMenuBar_location2 a.ny_back:hover{color: #fff; background-color: var(--theme-color); border: 1px solid var(--theme-color);}
.nyMenuBar_location2 a.ny_back i{display: inline-block; width: 24px; height: 20px; overflow: hidden; margin: -2px 6px 0 0; vertical-align: middle; background: url(../images/back_ico1.png) center center no-repeat; background-size: 24px 20px;}
.nyMenuBar_location2 a.ny_back:hover i{background: url(../images/back_ico2.png) center center no-repeat; background-size: 24px 20px; margin: -2px 12px 0 0;}
/* ny_menuBar end */
.ly_title{width: 100%;height: auto;overflow: hidden;margin: 0 auto 40px;}
.ly_title span{display: block;width: 100%;height: 60px;overflow: hidden;line-height: 60px;color: #e5e5e5;font-size: 72px;font-weight: bold;text-transform: uppercase;text-align: center;margin: 0 auto;}
.ly_title1 span{color: rgba(255, 255, 255, 0.1);}
.ly_title p{width: 100%;height: 40px;overflow: hidden;color: #202020;font-size: 36px;font-weight: bold;text-transform: uppercase;text-align: center;margin: -40px auto 15px;position: relative;z-index: 1;}
.ly_title1 p{color: #fff;}
.ly_title i{display: block;width: 60px;height: 4px;overflow: hidden;margin: 0 auto;background-color: var(--theme-color);}
@media (max-width: 767px) {
.ly_title span{height: 60px;overflow: hidden;line-height: 60px;font-size: 60px;}
.ly_title p{height: 40px;font-size: 34px;}
}
/* ly_more */
.ly_more{width: 100%;height: auto;margin: 0 auto;}
.ly_more a{display: block;width: 150px;height: 40px;overflow: hidden;line-height: 40px;color: #fff;font-size: 14px;text-align: center;margin: 0 auto;background-color: var(--theme-color);}
.ly_more1 a{line-height: 38px;border: 1px solid #fff;}
.ly_more a i{display: inline-block;width: 18px;height: 12px;overflow: hidden;vertical-align: middle;background: url(../images/arrowRight_ico9.png) center center no-repeat;background-size: 18px 12px;margin: -2px 0 0 10px;}
.ly_more a:hover{background-color: #b8000f;}
.ly_more1 a:hover{color: var(--hover-color);background-color: #fff;}
.ly_more a:hover i{margin: -2px 0 0 20px;}
.ly_more1 a:hover i{background: url(../images/arrowRight_ico1.png) center center no-repeat;background-size: 18px 12px;}
/* ny_page start*/.ny_page{width: 100%;height: auto;overflow: hidden;margin: 0 auto;font-size:0;text-align: center;}
.ny_page a{display: inline-block;width: auto;height: 40px;overflow: hidden;line-height: 38px;color: #303030;font-size: 14px;text-align: center;margin: 0 4px;padding: 0 15px;background-color: #fff;border: 1px solid #ddd;vertical-align: top;}
.ny_page a.pnnum1,
.ny_page a:hover{color: #fff;background-color: var(--theme-color);border: 1px solid var(--theme-color);}
/* ny_page end*/
/**/
.footer__subscribe-input{position: relative}
.footer__subscribe-input input{width: 100%;height: 60px;padding: 0 30px;padding-right: 50px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 0;outline: 0}
.footer__subscribe-input input::placeholder{font-size: 14px;color: #6d6e75}
.footer__subscribe-input button{position: absolute;top: 0;right: 0;font-size: 18px;color: #fff;background: #2b4eff;width: 70px;height: 60px;padding-right: 25px;transition: all ease .2s;-webkit-transition: all ease .2s;-moz-transition: all ease .2s;-ms-transition: all ease .2s;-o-transition: all ease .2s;overflow: hidden}
.footer__subscribe-input button i{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);transition: all ease .2s;-webkit-transition: all ease .2s;-moz-transition: all ease .2s;-ms-transition: all ease .2s;-o-transition: all ease .2s}
.footer__subscribe-input button i:last-child{left: 0;visibility: hidden;opacity: 0}
.footer__subscribe-input button:hover i{left: 100%;visibility: hidden;opacity: 0}
.footer__subscribe-input button:hover i:last-child{left: 50%;visibility: visible;opacity: 1}
.footer__subscribe p{font-size: 14px;line-height: 20px;color: #83848a;padding-right: 60px}
.newsletter-box {
background: #F6F8FF;
padding: clamp(20px, 1.66vw, 40px) clamp(24px, 2.5vw, 64px);
border-radius: 20px;
margin-top: -70px;
}
.newsletter-field{display: flex;justify-content: space-between;align-items: center;padding: 0;overflow: hidden;border-radius: 5px;background: #FFFFFF;}
.newsletter-field input{width: 100%;background: transparent;padding: 0 clamp(12px, 0.83vw, 24px);color: #808080;border: none;}
.newsletter-field input:focus{color: #808080;outline: none;background: transparent !important;border: none;box-shadow: none;}
.newsletter-field input:hover{color: #808080;border: none;}
.newsletter-field input::placeholder{color: #808080;opacity: 1;}
.newsletter-field button{flex-shrink: 0;font-size: clamp(14px, 0.83vw, 20px);font-weight: 500;line-height: 150%;padding: clamp(12px, 0.83vw, 20px) clamp(24px, 1.66vw, 40px);border-radius: 5px;width: fit-content;display: flex;border: 0;justify-content: center;align-items: center;gap: 8px;transition: all 0.5s ease-in;background-color: #ED7D3A !important;color: #FFFFFF !important;}
.newsletter-field button svg{width: clamp(20px, 1.25vw, 32px);height: clamp(20px, 1.25vw, 32px);}
.newsletter-field button svg path{fill: #FFFFFF !important;}
.newsletter-field-2{display: flex;justify-content: space-between;align-items: center;padding: 0;overflow: hidden;border: 1px solid #BDBCBC;border-radius: 5px;background: #FFFFFF;width: 100%;max-width: 560px;}
.newsletter-field-2 input{width: 100%;background: transparent;padding: 0 clamp(12px, 0.83vw, 24px);color: #808080;border: none;}
.newsletter-field-2 input:focus{color: #808080;outline: none;background: transparent !important;border: none;box-shadow: none;}
.newsletter-field-2 input:hover{color: #808080;border: none;}
.newsletter-field-2 input::placeholder{color: #808080;opacity: 1;}
.newsletter-field-2 button{flex-shrink: 0;font-size: clamp(14px, 0.83vw, 20px);font-weight: 500;line-height: 150%;padding: clamp(12px, 0.83vw, 20px) clamp(24px, 1.66vw, 40px);border-radius: 5px;width: fit-content;display: flex;border: 0;justify-content: center;align-items: center;gap: 8px;transition: all 0.5s ease-in;background-color: #2F3D7E !important;color: #FFFFFF !important;}
.newsletter-field-2 button svg{width: clamp(20px, 1.25vw, 32px);height: clamp(20px, 1.25vw, 32px);}
.newsletter-field-2 button svg path{fill: #FFFFFF !important;}
@media (max-width:1440px) {
.nyMenuBar_list ul li{margin: 0 30px 0 0;}
.nyMenuBar_list ul li a{height: 70px;font-size: 18px;padding: 15px 0;}
.nyMenuBar_list ul li a em{height: 2px;}
.nyMenuBar_main .nyMenuBar_location{padding: 15px 0 15px 30px;}
.nyMenuBar_main .nyMenuBar_location2{padding: 15px 140px 15px 30px;}
.nyMenuBar_location p{font-size: 15px;}
}
@media (max-width:920px) {
.nyMenuBar_list ul li{margin: 0 20px 0 0;}
.nyMenuBar_list ul li a{height: 60px;font-size: 17px;padding: 10px 0;}
.nyMenuBar_list ul li a em{height: 2px;}
.nyMenuBar_main .nyMenuBar_location{padding: 10px 0 10px 30px;}
.nyMenuBar_main .nyMenuBar_location2{padding: 10px 140px 10px 30px;}
.nyMenuBar_location p{font-size: 14px;}
}
@media (max-width:767px) {
.nyMenuBar_main .nyMenuBar_location{width: 100%;max-width: 100%;float: none;margin: 0 auto;}
.nyMenuBar_main .nyMenuBar_list{width: 100%;max-width: 100%;float: none;margin: 0 auto;}
.nyMenuBar_list ul li{width: 25%;margin: 0;}
.nyMenuBar_list ul li a{height: 40px;padding: 0;font-size: 16px;text-align: center;}
}
@media (max-width:280px) {
.nyMenuBar_list ul li a {
font-size: 14px;
}
}
.newsletter__form__title {
margin-bottom: 22px;
font-size: 22px;
color: var(--insuba-white,#fff);
font-weight: 700;
text-transform: capitalize;
line-height: 1.59
}
.newsletter__form__form {
position: relative
}
.newsletter input[type=text] {
outline: 0;
border: 0;
width: 100%;
height: 53px;
padding-left: 41px;
font-family: var(--insuba-font,"Roboto",sans-serif);
font-size: 16px;
font-weight: 400;
color: var(--insuba-text,#636363);
background-color: var(--insuba-white,#fff);
border-radius: 27px;
transition: all 500ms ease
}
.newsletter input[type=text]:focus {
color: var(--insuba-black,#122f2a)
}
@media(max-width: 1199px) {
.newsletter input[type=text] {
padding-left:25px
}
}
.newsletter button[type=submit] {
margin-top: 20px;
padding: 7px 38px;
font-size: 18px
}
@media(max-width: 1199px) {
.newsletter button[type=submit] {
padding-left:30px;
padding-right: 30px
}
}
@media(max-width: 575px) {
.newsletter button[type=submit] {
padding-left:35px;
padding-right: 35px
}
}
@media(min-width: 576px) {
.newsletter button[type=submit] {
margin-top:0;
position: absolute;
top: 50%;
right: 4px;
transform: translateY(-50%)
}
}
.newsletter{width: 50%; margin: auto}
.newsletter__form__title {
margin-bottom: 22px;
font-size: 22px;
color: var(--insuba-white,#fff);
font-weight: 700;
text-transform: capitalize;
line-height: 1.59
}
.newsletter__form__form {
position: relative
}
.newsletter input[type=text] {
outline: 0;
border: 0;
width: 100%;
height: 53px;
padding-left: 41px;
font-family: var(--insuba-font,"Roboto",sans-serif);
font-size: 16px;
font-weight: 400;
color: var(--insuba-text,#636363);
background-color: var(--insuba-white,#fff);
border-radius: 27px;
transition: all 500ms ease
}
.newsletter input[type=text]:focus {
color: var(--insuba-black,#122f2a)
}
@media(max-width: 1199px) {
.newsletter input[type=text] {
padding-left:25px
}
}
.newsletter button[type=submit] {
margin-top: 20px;
padding: 7px 38px;
font-size: 18px
}
@media(max-width: 1199px) {
.newsletter button[type=submit] {
padding-left:30px;
padding-right: 30px
}
}
@media(max-width: 575px) {
.newsletter button[type=submit] {
padding-left:35px;
padding-right: 35px
}
}
@media(min-width: 576px) {
.newsletter button[type=submit] {
margin-top:0;
position: absolute;
top: 50%;
right: 4px;
transform: translateY(-50%)
}
}
.insuba-btn {
cursor: pointer;
display: inline-block;
position: relative;
overflow: hidden;
vertical-align: middle;
-webkit-appearance: none;
border: 0;
outline: none!important;
padding: 10.5px 77px 10.5px 35px;
background-color: var(--insuba-black3,#19232b);
font-family: var(--insuba-font,"Roboto",sans-serif);
font-size: 17px;
color: var(--insuba-white,#fff);
font-weight: 500;
border-radius: 100px;
z-index: 1;
transition: all 500ms ease
}
.insuba-btn::after {
content: "";
width: 0;
height: 100%;
position: absolute;
top: 0;
right: 0;
border-radius: inherit;
background-color: var(--theme-color);
z-index: -1;
transition: all 500ms ease
}
.insuba-btn:hover::after {
width: 100%;
left: 0
}